In this video.
Let's go ahead and work on the photo.
But before we continue, guys, I have added my custom content to the page as we see on the screen.
So let's work on the footer.
So let's get to the HTML and let's work on the footer.
So inside the HTML, let's collapse all the elements that we are done with it.
That is the main.
And then the aside, the next step going to be the footer.
So let's have the structure and it goes like this footer and inside we have a Dave with a class core
about.
And inside I added h one with pan and I added as Nova Tick.
And then for that span, I gave it a class of logo dash text.
So inside the H one, I'm going to add another span element to style, this specific text core block.
Great.
The next element is going to be a P tag with some dummy text.
Let me reduce the number of text for this one.
Let's save it and let's check it out.
And this is what we have.
The next step is let's halve the contact content and then the social media icons channel.
So here, let's have a comment and call this one as contact.
So here you're going to put them inside it on div.
So here we go for the contacts.
I'm going to give it a class called Contact Inside the Day.
Let's add one span and then I want to add an icon with a class of F as from going to be as f e, a space
f, a dash font.
And these classes are from font or some icons.
After that, I want to add a text that is a phone number.
It's going to be plus one, one, two, three, four, five, six, and then seven, eight, nine.
This a fake phone number.
And then after this one, I'm going to add email also the same thing.
I'm going to put them inside a span so I can copy this one and then paste it down here.
I'll start.
The next step is I want to change.
The icon is no more font, but instead it's going to be as envelope.
The next one going to be the email text for this one.
I'm going to put it inside a link and for the real value I'm going to make use of mail to.
For this one, if a user click on the email, it's going to open an application where the user can send
email for the final one.
If I click on the email, you can see that it has opened my default email sender application.
And to achieve that, you are passing in the mail to that and the email that you want to send to I want
to send to support at I novatek dot com this fake email and then the value inside that one is going
to be the email.
This is the email the user will see.
So let me pass down here and now let's see what we have done and this is what we have done so far.
I think I need to remove the code around this one.
Yes.
Great.
The next step is about the social media icon.
So after the contact here, I can collapse it and down here is going to be at socials.
So I'm going to have a class called socials and inside I'm going to have h ref.
And then for the x ref I'm going to use my YouTube channel link.
So I'm going to make use of this one.
And coming back to the HTML for the value for the H ref, I'll put it inside and for the icon I'm going
to use I with a class called F, a, b and then f a dash you tube.
Great.
So save it and let's see if we're going to have the icon which is down here.
We have it.
So I'm going to copy this one and paste based on the number of social media channels that you have or
I have.
So shift option and then paste it four times and now I'm going to change the icons.
The first one is the YouTube, the second one is going to be Instagram.
The next one is going to be as Twitter next.
So I'm going to be Facebook.
Great.
You can change the link.
The choice is yours.
So let me remove this one.
And now let's save it.
And let's see what we have done.
And this is what we have.
Let me check the final one.
I think I have four channels here, so let me add one more in the mess.
That is an Instagram.
So I think YouTube.
Instagram.
Oh, I missed some typing mistake.
Here is Instagram.
Yes, that's what we have the next video.
Let's go ahead and then start this one.