This video, let's add the photo component to our project.
So now let's close these open tabs and this one to an insider component.
Let's create one for the photo and let's create one file photo dot JS for the CSS two is going to be
as photo CSS.
So for the photo component are EFC and we are good to go.
So let's look at the structure here.
Let's bring in the photo element here.
Inside this, we have three sections that is the logo and then the copyright and then the social media
links here.
So let's add them here.
The first one going to be the logo for the logo.
I want to put it inside a date.
So it's going to be as Dirk's footer Dash logo.
And then here let's add the image and the source of the image.
Let's import the image here.
So let's inject the logo to the source as that.
And for the art, let's add logo.
And next step is about the copyright.
So here we go.
Great.
And here we go.
We are going to give it a class four four to dash copy.
Right.
And inside, let's add the text insert P.
So for the copyright symbol, you can use a HTML emoji or HTML entity or you can go online and then
look for copyright.
And let's see.
And this is what we have.
The next step is going to be the social media links.
So they're going to be social.
And for the social too, I'm going to put them inside you arrow.
And for the other, let's give it a class for photos, social media, photos, social media.
And inside let's add the individual eyes.
And in that let's inject the link and that and for a link let's add the icons.
So here the first icons are going to be Facebook icon, right?
So here we go.
So the class name for this one is going to be a bronze.
And then space f a dash.
Facebook and then dash F.
Great.
So to continue.
Let's make sure that is being rendered so back to the components.
Let's bring in the future here and down here.
Let's add that one and let's visualize it in the browser and see that everything is fine.
Yes, it is here.
The logo is too big, but don't worry, you're going to control it very soon.
So next step is that let's go ahead and then duplicate these links here for the social.
Before that, let's add the links here.
So I'm going to use my YouTube social media link here and I'll copy that and back here.
And that is it.
So I need this one four times, so I'm going to copy it four times.
And here we go.
Great.
So for the icons, I'm going to change the first one to use what is called Twitter.
So here it's going to be f a Twitter here.
Yeah.
And then the next icon is going to be the Instagram.
And next week I'm going to be the YouTube.
And lastly, we're going to be linked in.
Great.
Save it and let's see what we have.
Right.
And you have all the social media icons here in the next video.
Let's go ahead and then start a to have something like this.