Submodule 4.2: Displaying Content - Media - Alerting Users

Images

In this submodule, we will explore the Bootstrap classes to support images on a website.

Download the images.zip file and unzip it in the leChocolat folder. This should create a folder named images there.
We will now add the logo to the Jumbotron. In index.html go to the header row inside the jumbotron and replace the second <div> column with the following code:

Logo - Jumbotron source:

The above code will create a page displayed as:

Next, we will add the logo to the navbar where we display the Le Chocolat  brand. Go to the navbar and replace the code there for the <a> tag with the "navbar-brand" class with the following code: 

Logo - Navbar source:

The above code will create a page displayed as:

Repeat the above two steps for the aboutus.html page also to update its navbar and jumbotron. Don't forget to update the link in the navbar!!