Welcome back.
Now what I'm going to do is that I'm going to work on the navigation bar because it doesn't look good
at all.
And let me open up the navigation bar, which exists in the remember, it exists in the header and I'm
going to show you the power of using the header.
Remember, the navigation bar exists in the in the home page and also it exists in the single page.
However, if you want to edit the navigation bar in all of these pages, you don't have to do that because
if you edit, if you edit the header file, it will be edited automatically in all pages that include
the header.
So here for this other person.
So instead of saying now bar, we don't, we don't want to say that bar.
Instead, we need to display the website brand.
I'm going to say double you or.
In, let's say, a double.
News, for example, this is my brand name.
And also here, I'm going to change the light.
I'm going to say now we're dark and here navar dark.
This is going to display the this is going to change the color of that of that now bar from white to
black.
Also here, instead of saying features, I'm going to say about.
And then I'm going to hear, OK, I'm going to say here it is equal to about that beach.
And for the home, I'm going to say forest, lush forest, lush is going to refresh the page, so if
the user clicks on home, it's just going to refresh the page.
Whereas if the user clicks on her back, it's going to take the user to the back.
So let's walk on the about page.
So I'm going to create a new page here called about dot hp.
And again, all you need to do and about is that you need to include two things.
First, you need to include the header and the footer.
So I'm going to say include once and then.
Had learned that BHP and then.
BHP and then.
Include once and then future.
That beach and again, you don't have to worry about the content of the hater or the footer because
whenever you edit the header, it will be edited in where it will be edited in the about and in the
index and in the single article page.
It will be edited in all pages.
So all you need to do is to include the header and the footer and just work on the content of that specific
page.
So in case of the amount I'm going to copy echoed from the index, so from the index.
I'm going to copy this line.
I'm going to copy this death.
And then I'm going to sit here.
And then I'm going to close the border and in between, I'm just going to display H2.
And then I'm going to give it a glass.
The text center, which is a bootstrap list, and I'm going to say about us and then I'm going to also
display a paragraph that's about as a class called.
Takes centre as well.
And I'm going to say you're a sentence about my website.
And you need to display here a sentence or not, not actually not a sentence, you need to display information
about your brand or your website or what you deliver.
What exactly do you deliver to users?
But here I'm just I'm just giving you an example with this simple sentence.
Let me click on file invincible and let my head on over to the browser to test.
Now, if I refresh, guess what?
It's going to look amazing.
First of all, the navigation bar will be black and the.
Brand name will be displayed.
And also, we have your home and about, if I click on home, it is just going to refresh the page.
And if you click on about, it's going to take me to the back page where it's going to display that
you're about us.
And here it says we bring you news from around the globe.
And of course, you need to display information about your brand or your website.
So this is how how you can create a new page in your header and you link in your header where it takes
the user to a new page.
Finally, the I have created the website to be responsive, meaning that if you decrease, you're going
to look amazing and it it can be browsed from iPhone, from Android Wear on any device because it's
responsive.
Redesign that we created is responsive, which means that it's going to look amazing for whether the
user is is using it.
Is visiting your website from Android device or Windows or Mac or whatever kind of device.
As you can see, it looks amazing and this is one of the features that are included in this course,
which is making the design look responsive or making the design responsive so that it looks amazing.