- 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 the image in the app/css/img folder.
- Paste the following code into main-02-08.scss:
// Recipe 02-08 @import "./bower_components/bootstrap/scss/bootstrap.scss"; @import "./bower_components/font-awesome/scss/font-awesome.scss"; ...