In this recipe, we will build a real-life example web page.
To get ready for this recipe, check out the following links to the official Bootstrap docs:
We will also use an example image from pexels.com, and the Font Awesome icon font, at http://fontawesome.io/.
- Create new files and folders, as follows:
touch app/partial/_recipe02-08-css.ejs app/partial/_chapter02-08- html.ejs app/partial/_nav02-08.ejs main-02-08.scss; mkdir app/css/img
- Let's now update our
bower_components
. In the root of your project, run the following command to install the font-awesome library:
bower install font-awesome
- Download the image to use in this recipe from https://www.pexels.com/photo/box-business-celebrate-celebration-296878/. Pick the large size (with the width of 1920 pixels) in the download options. Paste...