Creating the Contact page
In the last section, we look at fixed spacing issues in text and images, especially in jumbotron. What we're going to do now is add our Contact
page, so let's go back to our VS Code. What we want is to get into the root of the src
folder and add a file called contact.html
. We will now copy and paste the content in the index.html
from our very first Hello, world!
. So, every time you start a new project, you can use this template code and get started with new page creation. So, obviously there are a few changes we're going to make in here to suit the current project. The first thing we're going to do is to remove the Hello, world!
heading that we created. Next, we will get our nav
. We're going to use everything inside of the nav
tags in our index.html
file. Copy the entire content in the nav
tag and paste it inside the body
tag of the contact.html
page.
So, within the nav
tag, we are going to change the active
class. Earlier, the index.html
page was active
, so now...