So now what we need to do is that we need to work on thesis of the footer area.
Therefore, I'm going to open up the style that sees this.
And then here what I'm going to do is that I'm going to here create the footer.
I'm going to hear you say footer.
And for the current, let's give this footer a background color.
I'm going to say background color.
And the background color that I'm going to be using is a black color.
This color.
Let me see.
Let me show you how it's going to look like.
So as you can see, this is the color.
Now we need to change the text.
So for the text, I'm going to say here footer and then it's five.
And for each edge five we have, I'm going to change the color.
So the color is going to be white.
So I'm going to say here.
The eight, the ADHD eight, which is eight.
It's not really a white colour.
It's it's close to the white colour.
And I'm going also give it a form, tweet or tweet of 700.
And I'm going to also give it to size.
I'm going to change the font size to be 1.2 for him.
So this is for the five for the line.
You remember, we have these allies.
These these allies.
These allies.
Again, these are.
These allies.
Let me show you where they are.
These allies are not these three.
These links so far.
These links.
What I'm going to do is that I'm going to say your future and then Ally.
And then I'm going to change the pattern.
I'm going to say firing bottom.
Firing bottom for picks.
So now if I refresh, you'll find out there will be more space.
And then let's also work on the attack, so forth.
I'm going to save water in like a tank and then I'm going to say font size.
I'm going to change the font, I'm going to say font size.
So the font size is going to be point eight or ten.
And I'm going to change also the color.
So the color instead of instead of blue, remember here it's blue and it doesn't look good.
So let's change the color to the white color or gray color.
I'm going to use the green color and also I'm going to remove the line behind the line below the race
link.
I'm going to remove these lines.
So I'm going to say here, text decoration not.
Now let me show you how it's going to look like.
So as you can see, it looks now much, much better.
Let's also add effects or effects to these buttons.
So what I'm going to do to add effects, I'm going to say here footer and then in line and then hover.
If I hover if I hover over one of these buttons or links, I'm going to change the color.
So the color is going to be white if I hover over one of these buttons.
I'm going to use this color.
So now let me show you the effect.
So if I hover over one of these, as you can see here, the color is going to be whiter, more white.
So this is for this point.
For these attacks, but for the attacks inside the copyright, remember, inside this copyright, we
have these attacks and these attacks are these attacks.
So we need to work on the design.
We need to add some space and we need to change the how they look.
So to do this, I'm going to here.
Say footer.
And then copyright, because we have a class called copyright.
Copyright.
Which is this class member?
Which is this class?
This copyright loss.
And then I'm going to say it.
Thank.
So for the attack that's inside the copyright, I'm going to change first the color.
So the color is going to be black and then I'm going to change the height and width.
So for the height, I'm going to give it a height of 40 x.
High 40 peaks and width is also going to be 40 flags.
Why?
Because I'm going to display them inside circles.
So I'm going to say I'm going to also change the background color.
So the background color is going to be white and I'm going to add them in circles.
To display them in circles.
First, we need to change the display to in line, block in line one.
Next we want to use the we want to use the border radius.
I'm going to say border radius.
And for the border radius, I'm going to say 50%, which is going to create a circle around these around
these icons.
And I'm going to also change the text align the text align is going to be center text, a line X, a
line center.
And I'm going to also change the line high line height.
I'm going to say.
Oh 38.
Lastly, I'm going to change the translation.
I'm going to add the transition transition.
So for this transition, I'm going to say 8.3 seconds ese.
And lastly, I'm going to add a margin margin.
So for the margin, I'm going to say zero from top and bottom and five from right and left.
Lamy.
Now, let's head on over to the browser to test.
You'll see that these will be displayed inside circles.
Lamy Refreshments for you.
How awesome this is.
As you can see, these will be displayed inside circles.
Now, let me also add half of our effect to this.
So I'm going to say here Twitter and then copyright and then attack and then hover.
So if I hover if I hover over one of these, what I want to happen is that I want to change the.
I want to change the color.
So the color is going to be white is going to be white.
And the background color is going to be orange.
So I'm going to say back ground color and then I'm going to change the background color to the white
color, to the orange color.
Let me now save and let me refresh and show you how awesome this is.
So as you can see now, if I hover over this, the color will go from white to orange, which looks
amazing.
Lastly, I'm going to change the contact information here.
The the color of the contact information.
So remember, the contact information is displayed inside paragraphs for these paragraphs that are inside
the.
Inside the the here we have the footer.
So I'm going to say.
I'm going to stay here, put her and then plane, and then I'm going to see color.
So the color is going to be white.
Leave me now and let me.
Refresh and the colour will be white and you can see the color is going to be white.