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:
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:
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!!