Now, in this world, we're going to start a style of football and also context section because it's
the same section.
So let's go back to our e-mail.
And it's actually created within our photo, which we gave the which also gave the idea of contact,
we will also create another H3.
And we're going to get this title of contact us
on the need for HP to create the external container so a class of container actually contact content,
a contact container within this container.
We're going to have now a couple of device, the first device with a general div tag, and this will
have the email.
OK, and we do know you are going to use a email icon, so from one thousand, so let's create the icon
tag with a class of every S and then a class F A minus envelope.
Not after our I contact we have a anchor tag.
And well, you could set it, for example, to go back to Gmail, so if you were typing HTP s and Baxley's
backslash w w dot Gmail dot com.
If you have this connected, then it would automatically open up your Gmail.
So I'm not going to do this, but we could.
I'm going to set it up for Google and Twitter w.
Google dot com and are also going to use the target option, which will be blank, so when we open is
going to open up a blank page.
And you could type in your e-mail address, for example.
This would be contact that minecart media
dot com, OK, after we have this.
So they should be down here.
And if I click on it, you should open up a new page.
Google.
Yeah.
So after we did this, we're going to step out out of our container.
I will create another dip.
Now this, they will contain the iPhone.
So I don't think F the s again, an F A minus phone
and volume, OK?
And within actually, after I can tell you, I'm just going to use a bull tag and will type in here
five, four, five minus five out of the five and some kind of number.
So there's also the phone number and there's also the phone.
Shall I use this with the volume.
Mm.
I see.
I'm going to leave the other one.
But you could also leave this with the volume if you like it more.
Somehow this is much prettier.
OK, we have unless they of now after we finish with our phone.
Let's get another David.
And let's give the six year title for eight for a follow us.
And where can they follow us?
Well, they could follow us in a container.
Oh, I just called a social.
Media container.
No, I think that social media icons.
Within this tape I'm going to use now for Icha so I can take care F A, B, then F eight dash Facebook.
I'm going to copy this now three more times, I'm going to replace the Facebook with, first of all,
Instagram, and then we're going to replace this with Twitter.
And the last one I'm going to replace with YouTube, for example, you could use LinkedIn or whatever.
So let's hit, save and hate their icons because that's pretty much it for this part.
That's now start standing it.
Let's go back into accessor.
Let's step in here, comment of actually context, photo, but context, context, section one.
Underneath of this, we going to target the idea of contact
and to set a text line to the center.
So want each time I have something, you know, contact to be centered and this is already starting
to look much better.
Now, let's give it a bit of a padding from top and bottom to ram and left them write one ram.
Not to have just a bit of separation, but our contest section and the rest of the page.
I want this to remain in the center so we get to set the margins to ODL.
And I'm going to change the background color to a dog collar, so I wanted to resemble to this and also
kind of differentiate that this is the end of the page.
So Gansett the dark color hash 350 and also the color must change it to apathetically.
I could Lisieux here ddd.
Got to also use the tech shadow that we had in our head, so let's use tech shadow again, one pixel
for pixel, two pixels, any on G.P.A. of let's go with the zero point one opacity.
That's just O zero point to as if this is better.
Just wanted to have just a bit of a shadow.
OK, now to start standing our anchor tax.
I think could tag, which is this one right here.
So let's take our idea of contact and let's change the actually within this, we're going to now target
the E an attack.
Let's change its color, the hash DDD.
OK, so this is also starred.
Let's give it a affect, so let's compare this again when we hover over it and GTECH our.
Let's change the tax declaration.
To underline not we cannot use this in a form format of this redundant with this standard right here,
so it will also apply when we will have a form format.
OK, now I'm going to take the icon tags, so contact and icon tags.
Going to sell it to a padding of zero point five, brown and top and left and right one round.
So we had a bit of a petting now, but no eye contact.
Now I still want them to be a bit more larger.
So let's increase the font size to, let's say, to ram obviously stylus as you wish.
But I think this is pretty good.
Now, don't get confused by this on the line, because if I refresh the page, it will disappear.
This is just because I had it active, let's just say so.
Next up, we're going to take our divorce.
I want to change this alignment right here, actually.
First of all, take care of Tiger.
So within a context to take the H free the contact lady and I'm going to change his font size to free
RAM.
Let's give it the margin to the bottom, so let's differentiate a bit margin bottom of one round and
I think it's safe and I think this looks much better on this.
The cities want to do not want to stay in the same size because this is far too large.
Let's stay with them.
Yep, that's much better.
So let's think we need to do is take Hong Kong contact container and then we're going to take the immediate
dip.
So let's take this live and let's give it a petting of one point twenty five ram from the top and bottom
and zero from the left and right.
And now we're going to also display them as flags and we change the flex direction, they call them
and see what happens.
As you can see, we took our days and display them as flex and also have them set up in a column direction.
So the last thing I want to do is take care of the icons right here.
And this is just the general settings.
This will take effect also later on.
So let's take the social and score media and icons
and as display them as flex.
Let's change the flex direction, the hero, we will now actually inhibit them for flexing in another
direction, then roll and that's justified the content to the center.
OK, and this is also pretty much it for our photo section.
So let's see.
I still think I would like to have a bit of padding here.
Now, this actually looks good.
OK, so that's pretty much it for this one.
Next up, it's time to make this responsive.
So this changes to a standard format.
iPad, for example.
And yeah, we're going to take care of this.
I think we're going to start them with the head of OK, so soon in the next one by.