Hello, everyone.
Welcome back.
Now let's give you the basics pages for our blog, so we will create a new folder inside the folder
so that I click new folder and we will demitasse pages for you.
We will create our pages.
And now let's create a new file inside this pages folder and we will name attached boom boxes.
And you're right at the end of this step and you'll be we need to give each one tag, OK?
And hello, welcome to my blog.
Let me say this fine, and now I will add some Hetson.
OK, so let's take a paragraph and say we will add some lorem some dummy text.
So let's add a hundred and this tab.
OK, so Hundert is too much.
So let's debate a few of the text.
And also I will just compare this to this save save this file.
And now let's take two more paragraph one, take a beat tag subdivides.
And I'll take a peek at that and inside I'll take him and I like 50, that's OK.
And now the last one to be tagged and take and it's very tender.
Let me see this and I'll be able to do some cyesis some styling for this company.
So last name equals two and we will add some classes, so much in more than 20.
So this is more focused on full strength development than representing.
So I wanted to make it easy and possible to look fairly good-Looking, so stick up and running as easy
as possible.
So I will not explain each and every class of excuses.
If you want, you can just copy this class or whatever.
Last thing, my life has been disrupted and you can just search it on like Dahlgren.
So, yes, so you will be able to check out what the glasses and what their property is, what the property
belongs to the class.
So in that way, you will be able to learn, OK, because if I explain each and every class, then it
will take so much time.
So my focus is on the state and not representing.
So now and that's what we would like.
Free classes.
So class name equals to text IFM for exit and text to excel font will be voted.
I think it's text gray I hundred, I think it's nine hundred of them this, OK, this is modern on board
this the size of a paragraph.
I relate through classes.
So class name refers to Max Boto leading the next line.
Right.
Text will be these are important for margin.
Bottom will be let me copy this class name and I posted it as well.
And in the third paragraph, as I say, despite and let's import this home from after this.
So let's go to our bodies and let's remove this logo because I've deleted good.
I import from our slash pages, slash and burn.
Say this though.
I will import food from Britain and add some fuel classes.
So let's remove this classes, which we have added earlier.
This is not required.
So yea I will add classes for this component and which are mats with spring and B and then Max auto
powering top will be going to.
Let's save this and now let's stick it in the browser.
It looks as you can see, we are getting this.
Hello, welcome to my blog and another you text me text and now we need to navigate our pages.
Like if we want to go to about space from home page, then we need to use accounting for that.
So we need to install a practice which is the out there, Don.
So intent terminals.
Let me clear this out, even write and install I and safe that we react to in the center.
So this will help us to navigate between the pages.
Let's remove this approach.
This is because we are using this as all of this.
We will not be using any serious customs officers.
We will use Calientes as classes.
OK, so now once it is installed, but then we need to import a few things.
So let's include that.
OK, so now just done.
OK, so let's import the router as OK, we are renaming this browser out there as an outcome and then
we need as well from the back out there doing OK.
Now we need to wrap this entire component involved.
OK, so there I will right now to cut this out and I'll stick here, OK.
And now what we are going to do is we are going to delete this component and inside this we will right
now and for out we need two props.
OK, so the first one is the part and the second is component.
So we need to define Bartrop and for the home page we will be using slash this look thousand.
OK, and the second is component that will be equal to or let me close it out and in order to react
to that it needs to match.
Exactly.
So we need to parse one more prop which is exactly OK.
So this will exactly match the box.
So let me save this.
Let's go to the browser.
OK, so this is the McNeilly stocker start.
Now we are getting the home.
And if I do, hello, and if I press enter so we won't be able to see anything we can see our app does
not display anything, which is exactly what we would expect.
OK, so this thing is looking perfectly fine.
So if I go to the homepage, there is one more we need.
Margin bottom.
OK, let me save this.
I go back, let's go to the home page.
So now you can see there is a gap in between this.
So our is working perfectly fine if I go to slides.
Hello.
If one display anything.
OK, because we don't have any amount of hello.
It is not matching this.
OK, so this is it for this video and I'll see in the next video and then take that into by.