Submodule 4.2: Displaying Content - Media - Alerting Users
Submodule 4.2: Displaying Content - Media - Alerting Users
- Tables
- Cards
- Images
- Media Object
- 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!!