OK, guys, and we will end the session with some poorer effects.
The first thing we will do right here is to get this part.
We can start for the features features in this one right here, and then we can cover this part and
then scroll down to the bottom of the page
and then we can
OK like that.
And at this part, we will make this want to be sir, sir.
OK, and then we can make this screen here smaller so we can just copy paste the text to.
We can't scroll down and take this one right here, we can copy and paste it instead of this chest.
OK, we can go and reload.
OK, that's good after this part, as the same as here, you will act this Berro, we can make the screen
larger right here.
OK, so here we got two rows of one just because we can use here colon three, three, three, and the
line will be broken after this one.
OK, so let's do it here.
We can go to this part.
Anthony Javin with Class Afro and also took center justified content of even we can close right now
after this part.
What we can do is to make d'Arvor middle class Kolan exact large, as we call them, Exmoor of the we
call them large Offaly for the museum.
We can make it call them all five koenen medium five cone small of 12 and cone 12.
OK, after this part let's add just a first and then we will add the whole verb for each of them.
And as you can see from here and having the text sector, we can just go here and the center is already
there.
And then here we will add this icon.
We can go to the front also and search for a message.
We can look here.
Let's meet the screen here and let's make something smaller and then we can take this one, here it
comes, and then we can click on copy and then paste it here and give it a style or we can just make
it are from this piled up the scroll down to be having the font size up pixels.
Or we can add more if we wish.
So.
So here this is the first one.
We can make it to 17 and then we can add some background.
But later when we are adding the title of this part, that's good.
Until now.
Here we got this text we can make here where it's taken from here, the first class of this 4th of one.
And then inside we can't copy this text and based on here looking like we have here inside our right
page.
OK, that's going to make it to be two, not one.
Two is better.
And we can aim here.
Yes.
This to be having the idea of, uh, cards and we can go now to this.
He says the cards and I thought I could be having margin put in between pixels.
And here we've got some margin put on Africa's part.
We can go to the demo version.
We have subparagraph.
We can cover this paragraph and added in the form of lead.
I think Liebe will be good light.
And then let's go now to our Web browser and see what we have.
OK, so now that's good.
We just have a legging with the item.
OK, and after this party, we can ask for the home function, but let's just first cover this one.
This is the second one.
This is the third one.
Let's check everything inside here and find the Web page.
Reload one, two, three.
And if I add more, it will be added here.
No, we don't want that.
But we can just add some padding in order to make it work.
And then after this part, we can go to this says right here, cards and inside at Conolan, exact large
three.
And then here we can add padding, padding for all of the directions of pixels.
And then we can only load we can try to type on another one here so we can make sure that everything
is working fine.
Scroll down pasted here.
So now it is here and it's perfect.
And then we will add books shadow for this part.
We can go to this part right here and the shadow won't be so stupid.
So we'll put some of that.
Let's go to the Web page and see what we have here from the book's shadow.
This is good.
And we can just make this one to be three pieces.
What about now and then?
We can decrease the degree of the plaque
and we can add margin put on of 30 pixels.
OK, that's good after this.
But we can decrease it more.
We can make this one to be one.
Make sure what we have now.
OK, that's good.
And after this part, we will add the list to we can go to the index of ASTM, copy this part and add
more space.
OK, and now that's good.
After this part, what we will do is to add that over effect.
The first one here is to be having for the blue sky blue color.
We can go to the first one and give it an idea where it's here.
Give it an idea while it's gone blue.
And then we can go to the fifth so we can add the Hoeber function and all of that.
But you forgot to type the way we can make a bit of nothing with that class of, uh, list or just link
and then we can type for more and the right arrow and then we can copy this link and go back to a tile,
just as this could be having the phone calls and text decoration off and on.
OK, that's good.
And now we can get it from the CNS.
We can go here and give it forwarder radius of five pixels.
OK, that's good.
After this part we can go and it is be for the cards and at the sky blue, sky blue and inside the thigh
for the eye we can give it the color of cash to be D six F a 18 for the pink brown color.
But we can make it something different right here to G six.
Uh it's OK here right now.
Background color, uh, has the p f three feet.
Let's see what we have here right now and find a way to change it.
OK, that's good.
We just need some padding.
We can go here and adding, uh, Victorville's.
Let's check it now.
Just waiting for the ICAM to be overloaded.
But look, right now, OK, we can just add the function until it comes and we can cover this one.
But this to be the class of.
We don't need a background, we don't need neither the background nor vetting for the link.
OK, that's good.
Let's try to make the vetting to be something different, like just pixels.
OK, the 10 pixels now is good.
And now we can just add the hover function for the plew.
We can first go here and add both shadow.
We can cover the shadow to be the same here.
OK, and Apricus part.
Let's make this one to be twelve point five and then we can copy this one right here.
Yes, I flew all over this one to be having the color of or we can make it ok.
OK, let's see from here this to be having the same.
So we don't need to hover for the icon or just need to hover for the old ground background color to
be have the background color of this one.
We can just be the same in here and then go back to the web page.
OK, that's good.
We just got a problem with the icon.
OK, we will lead the padding and the shadow and now that's good.
We will just get l sorry the eight tag.
We can copy this one here.
This could be for the Lenca and is to be having the color of what is to be just like.
And we don't need this background just to color.
OK, and this could add to the spark.
We can add a powder here.
We can go to this one right here.
We can copy this one and then delete all of that.
Just add water bottom three pixels solid of this color.
I can now reload the page.
It OK?
No, that's good.
And we have this perfect add to this part.
We can add the same a tag right here and this one we can get it.
The color of, uh, orange.
We can go back to our source code right here and copy this part.
Scroll down here.
We can get this one an idea of orders of orange.
And here we can cover this one and go back to the of S.
Yeah, yeah, we can place bets here and then we can copy all of that because people are saying we will
just change the names, the orange, orange, orange or orange?
Orange in game orange.
OK, that's good.
And for the color of the orange, all the icon, we can give it a color of F six, eight feet, all
nine.
And concerning the ground we can make it f g three, three, four.
Look what we have right now.
OK, just got a problem again with the Lagon and concerning it here we can give you the powder of this
color and for the length this color, OK, and for the hover we can give it a peg round of uh, FGB
three of this color right here.
So let's see what we have right now.
We just got a problem with part.
This is not perfect.
We can take this one to be here.
What about now?
OK, so now that's good.
We can just change this color to be for let's use the color to be one for this push over function and
your color.
All right.
Let's check it.
Here, reload.
OK, that's good.
And the theme is here, we can just copy the color.
I want to scroll down and try this one right here.
OK, reload.
OK, that's good.
And then now we can move to the third one.
The third one, we can give it the green.
But first, let's add that transition we can build here transition
all seconds.
OK, the same here for all of the Hoeber, ok.
Let's check it now for the orange.
OK, that's good, after this part, we can apply the same transition for this one here.
OK.
What about now?
OK, let's try to make a third one until it comes and here we can apply for the third one to be for
the green.
We can give on the idea of green.
And then we can go to this time to see if and add some style for the green, here we have this Beijing
and this white space.
We can just copy this one here.
And they sit here after the white space and this one to be for the green.
For the green.
We can give it a color of all eight days, a four E and concerning the background color, we can give
it.
So let's see what we have inside our Web page.
OK, that's good.
We have no I can't because of the lag.
And here at the best part, we can make this to be for that green copy this color and basically here.
And for the link, we can give it the same color.
This could be green and not white and not orange.
This ought to be green and for the background color, we can make it for the same color.
OK, let's see what we have here inside the Web page.
I just want this to be loaded.
We didn't add a tag.
We can go here.
And where is it?
We can cover this one right here and add it inside the green reload.
OK, we just launched about the overfunctioning is working great, but just need to make it white and
we can go back to this tiny little system from here and this will be green.
OK, we're lucky we don't have the equipment yet.
Let's add for the fourth one, the first one, we can make it for the rent, we can go here and go to
the index of team out.
Scroll down, give those on your right and copy the attention to basically ah.
And then we can go to the seats and copy all of that and we will test it for the right.
We can just add your thumb wants this to be for the red team, for the red.
We can give it a color of a nine.
Sorry, not here.
A nine choo choo choo see.
OK, that's good.
And for the background color we can give it f f seven.
And then we can go here and see what we have.
OK, that's good.
We don't have the iPod yet.
And then after this part right here, we can give it the power to put them to be read to copy this color
and basic here and this to be also for the red, the same color and here red and Pflugerville for the
same color.
Yes.
And this one to be also red.
We can go and reload and hope we have the icons right now.
Yes, we have icons and also we have this whole function.
OK, after this part, people ad for the fifth one, we can go here back to the source code, to the
index of.
Oh, yes, right here.
The fifth one, we can give it a color of purple, five of purple, and then we can go here for a load.
OK, that's good.
We can now go to the press and copy this line.
Scroll down.
We can add some white space right here.
And.
And for this one, we can give it purple.
And for the color of the purple, we can set it to be five zero F eight.
For the background color.
We can make F eight for F g.
And here for the purple.
And here we can give the same as here.
OK, and this one to be also purple and be having the same color.
OK, and this to be also purple again.
OK.
And if to be purple, let's do what we have right now when we reload.
We just need a tank.
We can get it from the index stop esteemable.
We can copy this one right here and paste.
We just need the items, but it's OK, we can do the last one for the last one, we can give it a color
which will be similar also to the pink.
We can reload first.
OK, so here we have the icons and these hover effects.
OK, we can go to the left one.
Wear this one and give them Iggy off the pink, we can scroll down and paste a tag.
We can go now to this pile of.
OK, we can copy all of that ad from one space.
And they they want to be looking for the color of pink.
We can give it off of five one F nine C, OK, that's good for the background color.
We can make it F the E, C, F seven.
Let's see what we have here right now.
OK, that's good.
And then after this part, we can make this big pink and copy the color basic here, here.
This to be pink again.
Pink.
OK, that's good.
And the last one to be pink.
Like what we have here.
Just want this to be reloaded.
But it's OK.
Right now we can check the responsive design here.
We can go to Spart.
OK, for the medium we can make it up where he said we have here called five for the medium.
So let's see what we have for the medium screen.
This is the larger OK, we got no problem with the large, but we can make something different also
for the large.
For the larger.
We can make it through four and four for all, for the medium and then the worth.
The last one.
The first one is uh OK here we can make this before and it's been four and then we can copy these two
and apply here.
Here, OK, here.
Here again
here, and I think that's all.
OK, so now we got this for the last screen, we can move now to the medium, which is this is the medium.
We got no problem with the medium, the same as the large.
And then we can move to the small business.
And and we got the problem with the responsive design and here we got the ICBM's.
And this is completely responsive.
We can get this here.
This is completely responsive.
We can go to the smaller one right here.
This is the smallest screen.
OK, that's completely responsive, and now we can up and inspect.
And now we got no problem with the design of this part, we may have some of the padding, but this
will not make a great problem.
It's OK.
OK, Biggerstaff, it ain't we got no problem here, North Korea will be having this week, so it's
OK.
OK, this is perfect if in case if you want it at best, we can just go to this bar for the bank and
make the bid for a media inquiry, but it's like that.
So now we are done from this part.
In the next video, we will add a new section to our project.
So good luck and have fun.