Prototyping the Healthy Living website

For this exercise, we are going to create a four-page clickable prototype of a pseudo website called Healthy Living. The home page will consist of a fully functional carousel, hero unit, and three content sections with call to actions. The following screenshot is that of the home page:

Let's get started with the creation of our application. We'll start by performing the following steps:

1. Create a folder named hl, short for "Healthy Living".
2. Assuming that you have already installed Yeoman, open up the terminal. Let's create the scaffolding for our app using the following lines of code:

   mkdir hl
   cd hl
   yo angular 
   

   Note

   Generator-Angular must be installed before you can run your Angular app. In case you haven't installed it during Chapter 2, Setting Up Your Rig, please install it using the following command:

   sudo npm install –g generator-angular
   

3. In the prompt, press Y for the question, Would you like to include Twitter Bootstrap...