Now what I'm going to do is that I'm going to create a new page, which is the shop page.
So the shop page is going to contain all products that we have.
So the shop page is going to have a navigation bar, the same navigation bar, of course, and also
it's going to have the footer, but the content is going to be different.
So the content is going to be all the products that we have in our e-commerce shop.
So first of all, here, I'm going to create a new file, make sure that you are in this area.
And then I'm going to create a new file called Shop Dot Email.
And since the code is going to be similar, I'm going to copy some code that we already created in the
index from the index.
So I'm going to hit the number to the index.
And from the index first I'm going to copy this path.
This path to the body from the beginning, all the way through the opening track of the body.
And then I'm going to be sit in the shop.
And here in the shop, I'm going to change the title.
I'm going to say, here, shop here.
I'm going to say shop.
And here I'm going to say in the index, I'm going to say instead of document, I'm going to say home.
The next thing that I'm going to do is that I'm going to copy.
I'm going to copy the lower part, which is the script and the closing track of their body and the closing
attack of the female.
So I'm going to copy these feet and then I'm going to piece them in the shop.
So in the shop here, I'm going to give myself some space and then I'm going to basically scream.
So now this is the shop -- lady.
Save and leave me up in the shop page.
So in the browser I'm going to go and instead of index, I'm going to say I'm going to say, here,
shop that female.
And as you can see, the content is empty.
So we need to adhere to the negation bar.
So I'm going to head over back to the index and then in the index I'm going to copy the navigation bar.
I'm going to close this navigation bar and then I'm going to copy the navigation bar, and then I'm
going to basically in the shop.
So I'm going to sit here.
And then I'm going to save and I'm going at this, this, this.
Let me refresh.
And as you can see now, we have a navigation bar in the shop that we have this navigation bar.
Let's also add the footer.
So I'm going to again heading over back to the index.
And from the index I'm going to go to the footer.
Remember, this is the footer, so I'm going to close the footer and then I'm going to copy the photo
code.
Then I'm going to sit here below the navigation bar.
I'm going to sit here.
And then I'm going to save.
Let me close this.
Linen closet.
And Lamy also close the navigation bar one more time.
So we have here they now have a bar and we have it for Our Lady.
Now click on file and save all Allegheny your three fresh.
So the shop now will have the following.
It will have the navigation bar at the end, it will have the footer.
However, we want to add content.
So the content is going to be is going to be products.
So remember, if you go back to the homepage, you will find that we have your products.
So what I'm what I'm going to do is that I'm going to display all of the products that we have.
So instead of this playing for products, I'm going to display so many products, almost all of the
products that we have.
Therefore, I'm going to copy the codes from the index.
Remember, if you go to the index one more time, you'll find that we have the featured section, which
is this I'm going to copy it and then I'm going to be set between between the navigation bar and the
future.
I'm going to sit here.
And now if I if I save and heading over to the browser and refresh.
And let me go.
Let me go now to the shop.
I'm going to go to the shop that which G.M. so now has a shop that it -- you'll find that we have
a navigation bar and we have four products and we have the footer and we don't want to display only
for four products.
And instead we want to display all of the products.
So how can we do this?
How can we how would we do this?
To do this, we can copy.
Remember, we can't copy these products in the shop here we have this draw.
And inside this draw we have these products.
So so you can copy these products from here all the way to this and then you can based that once, twice
and three times.
Now, if you save and refresh, you'll find that we will have now so many products.
As you can see, we will have four, five, six, seven, eight, nine, ten, 11, 12, 13, 14, 15,
16.
So we have 16 products and we can add as many products as you as we want, but we need to work first
on the design.
So you can see here we have a problem with the design, the design, the the area here, the starting
area of the products is behind the navigation bar.
So we need to push this in order to be displayed below the navigation bar, not behind the navigation
bar.
And to do this, we can here.
Increase.
We can't increase the margin.