No sign to start about S. So let's get into court again.
And by the way, if this happens too, don't worry, it just means that we lost connection to and splashed
and the image will appear then later on.
Don't worry.
The image is still there.
It didn't disappear.
So when we live there, we need to go to our e-mail.
Now create our next section.
Which was the about section right after.
I mean, section ends, not a comment.
About.
And then to compare precedent and and of about.
We could also tap into your section.
So let's take this to compliment our success also.
They are beginning and ending tags, delete them and comment this out, OK?
Now, let's go back into our e-mail, because we now need to create this section, so we're going to
create a section tag which are going to give the idea of about.
Within here, we're going to create an H2.
Pistorius just have the title of about us.
Then after Easter, we'll have a generic container, which could contain two things.
So let's create a container about Dasch container.
And there should be a class.
OK, so within this, we're going to create to contain two things, first of all, in our class of not
generic generic container of about the image.
And after this container, we'll have another one with the class of about description, and this is
where the entire discussion for about section will live, about description.
OK, within all about description, we'll have a tree which will have now also.
I shall give the class no need to give it the class, but we will take your time in here about a company.
I just like giving ideas because I use a lot of JavaScript and you need ideas, and if they're going
to create a paragraph that I would create here, just a generic line, Ipsen, and leave it open with
33 dots.
Now, after paragraph tag, the last thing we need is a pattern.
So, again, we're going to create a pattern tag.
And this would also have the classes of the and then dot beauty and danger, the danger.
And within here, we're going to create a text of learn more.
OK, and that's actually it for about S.A.M., so let's get into styling this section.
No, I'm going to start our.
About section white, about about section comment, I'm going to create general styling for all of my
sections, so everything that will have a section tag will have a height of 100 viewport heights and
a width of 100 percent of its container and also give it a margin of auto.
And this just means that my content will be then placed automatically in the center of the page.
If I don't do this, then each section that I create, I need to type this in and I do not like to type
in unnecessary code.
So this just means I already applied the section.
I replied all sections that I'm going to start from now on a height, a weight and a margin ordo.
Another thing I know I have three sections upcoming, the first section background, I want to be white,
but the second one, so tenth child.
And there are another way of using our children, which are odd and even and I can now target the old
ones and tell them he when there's a odd one, then he should have the background colors actually all
at once will have a dark background color.
OK, and here also general settings for our each tooth, they should have a font size of six RAM.
So with this being done, I actually take a look in our Web page and there we go.
So the section already has a height of 100 percent, the next one.
And when we going to create the next section, it will automatically have a height of 100 percent.
But the background color will be dark.
And for the color of the text, we will take care of that.
OK, so let's get back into our code and show them, like, how this is arranged so they should be here.
Now, let's get back into court and start talking about section.
So first, we need to grab on to the idea of about.
We're going to display it as Fleck's.
And as soon as we do this, we will see that all about doesn't look that good.
So let's go back in here and flex it to the flex direction in the column.
And as soon as we do this, this is much better.
Now we need to justify the content to the center again.
And we need to align the items on the center since we do this, we have our section here and also our
navigation should already work.
So if I click on about, then this will send me down here.
And as I said, if you go out of style and coming back in scrolls, scroll behavior smooth.
Go back up here, click on about then this will have a smooth scroll behavior.
But this will get annoying.
So let me comment this out again.
Now, let's go back to our above section, so down here.
Next up, we're going to.
Are about container, so I'm going to target the about section again within this class of about the
container.
Now, again, I want to have a image later on in this, so first of all, I'm going to limit the width
of this container to 1200 pixels.
I'm going to display this flex because we have two things within here.
That container we have.
Let me go into our e-mail.
We have this depth of image.
And then we have this stiff of about description, an SUV displayed as flex, then it will flex these
two items on this one and this one in the specific direction.
So let's go through this again.
And they also give it a bit of a margin from the top
of six one.
See how this looks.
OK, so the container is now limited, one thousand two hundred pixels.
Not a star or image or introduce or image.
Again, the idea of about and now target the class of about image.
I'm going to create now an image which will have a Menwith.
Of 550 pixels, now, whatever happens, this image with should not go on the left of five hundred five
hundred fifty pixels now for the image itself.
We are going to go again with a background image and you are l and just go up here actually going to
copy everything that I did here.
Second is in, but for the Eyedea going to use another ID, which you can get, actually you can go
go ahead and choose whatever image you want so you could go to splash and let's say you want to do.
So that's why you want this image or you want it?
We are all nuts image and just one image and copy this idea because right now we have this one.
If I were choose this other ideas I can just copy this winter could replace this here, save it.
Actually, go to my Web site.
Hit refresh again.
I don't know why unsuppressed constantly does this where we keep losing our connection.
OK, so this will load and believe me, it will have that not image in it.
So let's get back to our starting.
The last thing we need to do, you know, about section is talk about Ida again and within this to about
description.
And what I want to do here is give it a petting to the left of the rim now before I hit Save, let me
show what this mean.
Hey, there's doughnuts.
I want to have a padding here to the left side.
So when I go back here and hit Save the Seat, now I have to rim of padding right here.
Okay, so that's basically for our bar section.
So soon the next one, pabai.