OK, guys, in this video, we will add that section, we will make the same as here with this hover
effect and we will add some content inside.
So let's go now to this one, to the source code, our project here.
Scroll down.
We will start from here.
Yes.
And then after this part, the first thing we will do is to add the S, T and L.
We can search the gain for services.
We can take this one right here.
Scroll down, down, down, down, and take this one here.
The closure of this section and then here we can change this one to be blocked.
And then we can go to the documents and copy this title property and we can paste it here.
And we can be here with class of row and give it a title of margin.
Chop chop off 70 pixels.
And then here inside we can make death with class of cold in the room.
But first we came here, justified content be really a center where we can make Jaffa and give it a
class called them explorers.
We call them Explorer three and call them the Law of the Sea.
And then inside here, the first thing we can do is to give it a position affiliative park.
We can make it from the AS because if we wanted to add some padding we can make here Jannika and give
it a class picture so we can add at the Hoover function, we can make here a we will be needing to use
that tag name of eight and then inside we can make it the third one got JP Dean and give it a class
of immagine slide and then we can go to the seasons and add this function where OK, it's, uh, we
can make it here.
OK, and activist part, we can make class of picture A inside eight and eight, we can the display
of pluck, which we talked about before and the video of the display and then we can make, I mean,
the closure and then we can make a picture and decide at and image to be having the translation of three
hundred milliseconds.
And then here we can make up this and having to iji off, we can make this to be four features, then
we can cover this.
One goal here is to be harsh and then inside it burrow and inside the row column X.
We went over.
I want something to be changing with the picture and inside at an image.
I can up on the bracket right here and transform off scale for the scale that can make it one point
three and four rotating 15 degrees.
We can go now and see what we've got when we go and reload.
OK, now we got this we just got something wrong with this part, we can just give it we can cover this
one and take care of the children of relatives.
We can tell you this one ended up here.
OK, we got something wrong with this part.
What we can do right now is to go here and make overflow off.
So you would got this when we make the overflow heading.
So this will be the top right on top, but right left of Figaro.
So when we make to overflow of head and it will be covered behind this place.
OK, this could ask this part.
We can add the shadow, we can copy this part and make it for the column that really we can search for
shadow.
We can check the last one from here and then scroll down and post it inside this part.
OK, so here we got some folks Shadow and that's good.
And then here we can add some content for the content right here after this.
Tavor we can make here P with the style of marginal top 20 pixels and we can give it a class of break
and also small.
And then inside we can see what we have inside our demo version from here, we can copy this dent and
pasted here.
Let's see what we have inside our version.
OK, that's good.
We just don't need the text center.
We can leave the text center from here and we can search for the right color.
I think we got something wrong with this part.
It's OK.
We can just make this one to be having the center from here where.
Yes, that we can make class up center.
We can cover this one.
And here, OK, and then we can add just the title from here to being the color of hash for four for
OK.
And now we got this nice.
OK, after this part what we can do is to add some chunk.
Uh yeah.
I got the problem.
The problem was this part we can now go and reload so now we've got the four for four and then here
we can at P and give it a class of two and purple.
We can now go to a spurt and cover the tax cut.
OK, from here and let's see what we have here inside our web.
OK, that's good.
After this part we can add some padding for this.
We can give it padding.
Right, or we can make here.
I can delete this tile.
Where is the closure.
The closure right here.
We can give it style painting left and right.
So then when we're load, OK, that's good.
And then we can just apply to the second and the third columns.
We can copy this one right here and back the game.
We can think, OK, we can go back.
And then here we got the one to three.
We can just change the images.
We can go to this part.
Let's be three and this to be two.
We can now go and reload Beijing.
OK, that's good.
After this part, we will check the response design of it.
We can make this screen smaller right now until we go to the medium.
This is the medium.
So for the medium, we can go here to this part.
Amy column medium.
Uh, let's make it seven and then we can copy this one and apply it here and also here.
OK, is good for the medium.
We can just add some martiens.
We can go here scrolling down, down, down until we reach this one right here.
This could be having a margin of 30 or 40 pixels.
What about this one?
OK, that's good.
And also we had this hover function.
We can now apply for the rest, which is small and smaller for the small.
We can make it small of six.
OK, let's make it seven different.
The last one we will apply to this one and also this one right here.
And for the extras, the more we can make them all eight and they've cut this one and they've kids here
and also here so we can go to the smaller and smaller and he would count for the smallest.
OK, and then for the extra small, it's good.
We just get a problem with just a fat content.
I think.
I think that's the problem.
We can make these to be having the sorry.
OK.
I think we do something with this part if the fat content.
OK, ok, ok.
I can't believe this one right here.
We got a problem with Spartz, so what's the problem here?
Yes, sir, Jack of Corn Row is ending here, and this is one for the container.
So what's the problem?
This part, we got something wrong, this part.
So let's try to make this container flight to get our problem, this part and we need to solve.
So let's try to make this one to be 12.
So you would count the 12.
Yes, I think the problem was we are we were making the screen side and here we got no problem with
it, we got no problem with any screen and they are centered.
OK, that's good.
We are done from this part and also made it responsive.
In the next video, we would add a map to this project.
So good luck and have fun.