Original subtitles

Hi, there.

In the last election, we have created our first component called Bar in this electoral, continue in

a similar fashion and create also other components for the hero section of our daily section and for

the pagination.

OK, let's back in, and let's begin with our hero section.

That's the next in the line, and you will go to your upload the view.

You'll see the hero section is the next hero starting here and finishing here.

I know guys, it's kind of boring does a copying pasting, but that's how it works now.

They can simulate a situation if you would start off with the already implemented template and you would

want to get it into your own component.

Don't worry, you'll get soon to the villagers part.

OK, so there are components folder.

Let's create a new file.

Let's call it hero.

That view in the here view, as you know, we'll create a template template template.

We'll get back to the upload view and look at the entire content of this hero start.

So I look at it and they've got be their aim of it, and they will place it into here, a lot of you

like this, select everything, as I told you in the previous lecture, in that the left and now it

looks good.

Perfect, so that's our template for a hero that we can go to the Abdal, the view we can import here.

It go down, down, down just under the exchange nav bar.

I will write import exchange you perfect single of our component exchange hero from components slash

hero like this, OK?

And Dot Slash is denoting that I'm importing from the same folder as I'm currently in Abdul viewers

of the same folder as I components, so dot going to the components folder.

Important.

Here are those of you.

OK, all the components are exported by default, what is it means I can provide you any name I want.

I can call here my super super hero if I want and that I can import here my superhero in a template,

I will access it in the in the pointy brackets and I look forward to my Dodge Super Dash hero.

Its naming is up to you.

OK, but of course, I want to call it as I love Barbara Exchange Exchange here and here, I'll try

to exchange you.

Great.

Now let's get the exchange here, go up here.

It should be, and let's provide here exchange hero.

Close it and let's remove the comments.

All right now we have an exchange here.

We have an exchange.

No.

OK.

There are a few things we can say.

But first, let's let's verify if it's works, so go to a browser.

Let's refresh.

Yeah.

Everything looks as before.

That's good.

Now back to your coat and the things I would like to.

Also separate from here are the styling, because there are a lot of styling just related to the hero.

Is there a section, for example, is just for the hero section?

And here are the search look up search.

Look up for up search, look up for up and these styling.

Here's search car find.

And all of this is related to actually to our hero, although to video.

So what we need to do?

Go to hear the view.

Scroll down and here under the template, you'll provide your first stylings.

You will create your opening style and the closing style you will say it's called sculpt means that

a starts.

I will right here.

They'll apply only for this template.

They will not apply for any other file.

Any other of you file you have they will they will only apply to the current template.

And usually you are using scope styling.

It's the best way you'll say hear the language you'll be using here is a scissors because I will be

using here KSAZ syntax.

OK, I'll say with the guys and we'll get to the upload of you and we'll copy from here.

Copy here.

The following almost everything.

By the way, if look copy here are section copy removed.

Go to hear that view and let's paste it here.

Perfect.

Now go to upload, view and Navy will remove everything, I think, yeah, we can remove everything,

yeah, from up here.

Starting with a search look up, select everything.

And copied here.

Okay, so this brackets copy.

Until up here, search, look up, copy, remove and just leave here posts and a post type.

Go to your here are the view and simply paste it, OK?

And here it is.

Now, let's safe and one more time, let's verify, let's refresh and you can see it's working OK?

Before I could guess it was before us, so that's good because we don't see any changes here.

This means they are providing exactly the same template, but now nicely separated in its old files.

OK, going to leave it here.

It'll continue, and it'll finish up with posts here and the pagination.

But for these guys, the next lecture?