Now what we need to do is that we need to work on the rest of the images.
So we need first to work on the logo and also we need to work on the banner.
So we need to add another image.
So let me add this.
And also in the footer, we need to add the logo and a few images here.
So I have I have here a folder for these images.
I have these images first I have this banner.
I'm going to drag this banner and drop it here.
Onto the images.
And I also have the logo.
I have this logo.
Let me try this logo and drop it onto the images and let's add this.
So this is the way that I'm going to be using.
So now what I'm going to do is that here in the style, let's see this first of all, for the banner,
I'm going to change the banner from back to banner.
I'm going to be displaying this image.
I'm going to be displaying this image instead of the back image.
I'm going to say here, banner that jpeg.
Now, let me refresh.
And show you how it's going to look like.
So first of all, because they have added to the logo, the logo has been displayed.
But I'm going to work on on the logo shortly for the banner.
As you can see, this is the banner will be displayed here.
But we need to change the the color here because it's not I don't think the color looks good with this
banner.
So I'm going to change the banner here, the banner text to White.
So instead of saying color, remember we have this banner color coral.
I'm going to change it to white.
So I think White would look much better.
So if I say white, it's going to look better.
Also, the.
Above.
Above the.
This actually exists.
We need to change this text.
If I go back to the index, we have the banner.
Let me show you this.
We have this banner.
This power.
So we have this mid-season mid-season sale, so we need to change the H4.
Therefore, I'm going to say here banner and then H4 and then I'm going to say colour and the colour
is going to be white.
Let me now show you this.
So the color is going to be white and now it looks better.
Now let's work on logo.
The logo now is being displayed here and also in the future we need to display it here.
But it's too big.
Therefore, we need to add a class to resize this this logo.
So I'm going to hand it over to see this and then see this.
I'm going to create a class here.
I'm going to give you the glass.
But before I create the glass, let's add that glass to the index in the index here in the navigation
bar.
I'm going to say image.
I'm going to say.
Glass.
And I'm going to give this image a glass called Logo.
And also in the future.
In the future, if you scroll through the footer, you will find that we have this image.
We have the image right here.
This image so far, actually, not this image.
This is for the payment.
So it must be this one.
It must be this one.
So this one longer.
We need also to give this image to the same class, which is the logo.
I'm going to see a logo.
So let's work on this logo class here in the style.
I'm going to create a I'm going to say a logo.
Can I say here that logo and for the logo.
We need to resize the image.
So I'm going to give it a width of 40 x.
And I.
Also 40.
Let me save a lady heading over to the browser and refresh.
And now, as you can see, the, the, the logo is going to be much smaller.
Also the foot in the future.
We have a problem in the photo we have here to say assets, images, images not just image images,
assets, images, logo that jpg.
Now if I refresh, the logo will be displayed here as well.
Now.
Here, here, this navigation bar.
If you find that this nav bar is is shifted to the do there it is to do much shift to the right, you
can decrease the margin.
So at the top remember I have you said margin left 60.
You can decrease this if you want to shift this navigation buttons to the middle.
So if you say here, for example, if you say 40%.
The navigation buttons, these buttons will be shifted to the middle.
So you can control this for some reason if you want the your design to be like this.
But I like I like the buttons to be displayed on the right side.
Another thing that I'm going to do is that I'm going to display the brand name here.
So if you want to display a brand name, you can have your say below the image, below the image, and
then in the navigation bar, below the image, you can here say etch two, for example, and then you
can say you can give it to first class.
Brand.
And then here, let's type the branding.
So for example, I'm going to see here Orange.
And then let's work on the glass.
On the glass, I'm going to say.
Hear that now bar and then that brand.
And then I'm going to change the color first.
I'm going to say color coral.
And next, I'm going to name margin.
I'm going to give it to a margin.
So the margin is going to be three X top and bottom and five X right and left.
Finally.
I'm going to change the font size.
So the font size would be 1.5 REM.
Lamy safe and Lamy have been able to deposit and show you the difference now.
So this is the brand name, as you can see here.
It says Orange, of course.
This is just a a brand name that they came up with right now.
But you need to type a brand name your brand name, as I told you here.
The problem is that the navigation bar now, because we have here the brand name and the logo, the
navigation buttons has been shifted to the right and we don't want that.
Therefore, I'm going to decrease here.
I'm going to decrease the margin left to, say, 50%.
So if I decrease this now, it will be shifted slightly to the right.
So I want it to be like this, or at least or I can increase it a little.
So for example, 55, 55 I think would be perfect.
So 55 is perfect now.
It's perfect.
Finally, we need to work on the images at the bottom here we have five images.
So for these images, you can add the new images or you can use one.
Some of the images that we already have.
So I'm going to be using some of the images that we already have.
For example, I'm going to see here featured one, featured two and featured three.
And featured for.
And finally here, let's say.
Uh, we we have I think was one lady save and Laney.
Refreshments for you now that the images these images will be displayed here as you can see these are
the images that will be displayed here.
So now our website, our main page is complete in terms of the images and also in terms of the design.