Welcome back.
Now what I'm going to do is that I'm going to structure our project.
I'm going to divide our project into small files so that it's easier for us to work with the project
and our our work becomes professional because this is not.
Obviously, this is just a simple file and we don't want that.
And I said, we want to give you the complete right and to do that when you first need to move this
part into a separate file because this is considered as the header of the website.
So I'm going to click here on this, on this new file icon, and then I'm going to give you the file
called Header that beach B.
And what I'm going to do is that they want you to pay attention to what I'm going to do.
I'm going to copy the this part, this part, all of this.
All the way through the mouth, all the way, all the way through the end of them, now I'm going to
copy it and then I'm going to remove it from here, from the index, and then I'm going to base it in
the header.
And then I'm going to see.
Similarly, I'm going to create a new file here.
Gold footer that BHP.
And then I'm going to hit on over back to the index, and I'm going to copy the rest of the code, which
is just the script here, the script, which is the script as well as the closing talk of the body and
the.
The closing track of it.
I'm going to copy them and then I'm going to remove them from the index and then I'm going to base them
and they put footer.
That's it.
Now what we want to do is that we want to include these files in the index, meaning that they're in
the index.
What I'm going to do is that I'm going to open a B2B script and then I'm going to say.
Include once or include, you can say, include and then I'm going to say, Heather, that beach be.
And then semicolon and then I'm going to close the HB script and then I'm going to leave some space
and then I'm going to do the same here.
I'm going to open up a script and then I'm going to close it.
And in between, I'm going to say include or included once and then.
Footer that HP.
Now I'm going to click on now I'm going to first of the semicolon and then I'm going to click on file
and then save all.
Let me now turn over to the browser and refresh and show you that if I refresh, nothing is different.
The only difference is now our project is more organized and you might be wondering why am I doing this?
It's just it.
Why am I doing this?
And it's just producing the same exact result?
The reason is because you will find this very, very, very helpful leader.
If you have so many files, you don't have to edit the content of the header or the footer in each single
page you have in your website instead.
You can edit the the header only the header and you can edit only the footer and it will be automatically
edited in every single file you have in your website that includes or contains that hey or footer.
Very simple and straightforward, and you can add all of this in a single line so that it becomes even
easier for you to read like this.
That's it.
And now our project is going to be very organized.