OK, so, as always, we get started with a basic setup, so first of all, all files would be an index
that ASML
any style that says, hey, I just typed this wrong, zip a comma instead of a dot.
There we go.
And a style dot success.
So let's get started with your e-mail, going to use Emmet's or shift one, and let's give this a name
first of great upside.
And up here, we're going to link up our style access, so link and within his style, that success.
OK, now I am going to use to external technologies, one being Google fonds.
And for the icons, we're going to use font.
Awesome.
So who don't have a font awesome account.
You can go ahead and create it all.
Just go to Google and type in Pontus and see the end and you can get your font.
Awesome kit.
It is a free kit and we have all the basic font awesome icons.
So I'm going to just copy my kit within here.
What you will see is just the link, so I'm going to keep it above my access file.
And down in the body, not the reference it go down here now down in the body, I'm just going to type
in a few notations.
So if you comment for our header, this is just the sections that we're going to create the header.
Then I mean.
And at the end, we'll have a photo.
Okay, so that's basically it, what we need for this website.
Now let's work quickly and to open it up.
Open with light server.
OK, then we have a blank page and now let's also go into access and for a general reset, so and let's
reset our margins, zero padding, zero and boxes in the box.
Now, another thing that I am going to do it in our style is include our font or Google font.
So let's go to Google font.
So just type into Google, Google fonts, and I think I'm going to actually I used pity sense.
Now narrow this one right here.
Just click on it.
And I used this 400 regular style, so gone select style icon import there.
I'm going to copy this at import to just copy it, go back in the code editor and not just target our
max.
We need to import the so called imported right here, paste it in and we're going to target our body.
And I'm going to set the body.
First of all, to imex with.
Of 900 pixels, now, this is depending on your screen, the how.
What are you going to send a message to?
You can also go with 700 and the margins auto again, this will center or we can see it right now because
we don't have an e-mail, but it will center Erping into the center of the page.
And we also will have left and right, which we can also check it out.
So let's open up our respective also need to have this open.
And if I go underbody, yep, you can always see it, it's in the center and it has 900 pixels, that's
that's pretty much it for a basic setup.
Let's check out again our e-mail.
We have a startling top.
We have our one person linked up and yeah, we can get started so soon.
The next one.