Next up, we're going to take care of a contact section, so first, as always, let's start with our
e-mail and go into our e-mail comments of context section.
And end of contact section.
Let's copy both of them.
Going to access.
Them in.
And comment them on.
OK, let's go back to our e-mail and start creating our contacts section again.
We're going to use a section tag.
I'm going to give it a idea of contact.
Within here, we're going to create a title, the to contact us.
US, just us.
Now I'm going to have a generic container which will contain our entire contact, so contact container
and within our contact container.
I'm going to have actually free contact with a container.
So that's to contact the class of contact, multiply it.
With free I mean, to have free classes, but I'm also going to go to the theater to go in here and
add another class.
And I need to add now, I don't need that middle class, but what I do need to add is in each one of
them.
The anchor tag.
Plus.
A free tag.
And then plus.
Two paragraph text, so paragraph times two and I go, OK, now for I context, I'm going to start with
the F a.
S.
Actually need to do a class, so class of EPP's, then Efate, Dash Street View, so Street View, this
would be the first one and multiply it times.
Free, OK?
That's it, escape and now let's change them, the first one going to do it as it is, but the second
one will be a phone call.
And the first one will be mail bulk, actually, a mail mailbox was missing you there, sir.
You'll need it.
Control X and let me pass it in here.
OK, now for the titles, so H frees.
We have the first title with Visigoth.
And after that, we have two paragraphs, and this would be just some sort of a postal code, then the
city and after that.
Some street.
And some no.
OK, then we have our last night, second night of call us some fantasy number plus something, something
just gets to be some kind of number and then a mobile number plus, again, something something something
no less.
Title of writers.
And this type of imagery, imagine immunologists info at some mail dot com, and then the last one is
something the website w w w some site dot com.
OK, so that's basically let's say let's see what we got to go down he you.
And there we go.
There's a cocktail, actually, let me actually check out a navigation bar.
Yep, it's working.
Okay, so let's start styling our contacts section.
Go going here, context section.
Let me go a bit up.
Now, let's target our idea of contact.
OK, let's display this flex.
Let's change of direction to a column, and it's justified to come to the center, a line, the items
to the center, and now we should have been the center of the page.
Let's go down to contact.
Everything's in the center of the page.
OK, next up, the target again, the contact I.D. and within this, the contact container.
OK, again, we're going to display those flags.
Going to use flex rep again.
And we're going to give it a margin from the top of forum.
Now, for the full content, we can now justify it with space between.
Actually, it's your space evenly and align the items to the center.
OK, so let's check this out.
There we go.
There are items not as give them a bit of sizing.
So they go down here.
They started to contact again.
And the class now contact, so each and every contact class within it, contact no, we're going to
use IMEX with the again of three hundred pixels and a padding all around padding of the RAM unit to
display them as flex and the flex direction they call them.
OK, now we just need to align the items to the center.
And change the background color.
To a white collar case, let's check this out.
There we go.
Now, listen, I want to do is take the icons on the bed.
I need a bit of space between the icons and the title right there.
So that's to our contact ID.
And the eye contact, actually, that's the eye stands for eye type text, but nobody uses teletext
no more.
So that's why I'm calling them eye contacts and I'm going to give them a monument to the bottom of undreamt.
And the last thing I want to do is when I hover over them, must change color.
So when they hover state, just give them a color.
Well, Brooke, OK, so let's see what we just did, the perfect the good guy.
So that's basically it for the contact section so soon.
The next one by.