OK, so first we need to do a few basic set ups, this just means we're going to implement so greater
integration and we're going to create a style here says while we're also going to implement font awesome.
Which we'll use for icons.
And we will also use a bit of bootstrap, actually, only for the bottom line.
I want to style the buttons, the just two buttons, but I'm too lazy to start them.
As I said, we will only concentrate on using blackspot as the main focus of this project.
OK, so let's get into our setup.
So I just created a folder on my desktop called a Flex Box website.
And within here, let's create the index, that e-mail and our staff access file.
OK, you know, Starchier says we're going to do our general reset margin.
Zero padding, zero.
Boxes in the box.
And take out the lifestyles of the stars none and also text declaration none.
Don't have any on the lines.
Another thing I want to do is to set the scrolled behavior to smooth.
Now, what this will do is when we click on it, we show this again.
So, for example, I want to go through about page and click on about this scroll smoothly down to my
about section if I go to contact, which is the last section for scroll through everything and go without
context.
So this is just a neat trick and it's actually implemented in success without using JavaScript.
But this is will this will get extremely annoying when we are constantly saving and editing.
So I'm going to comment it out and you can come with it back in when you're finished with the project.
Now, let's go back into our e-mail.
Let's start off shift exclamation mark boilerplate.
And at first I hear a link up.
Austin, Texas, and then above us, Tulsa says actually go back here, if you don't have an account,
you can create one or you can use the city and just searching Google for fonts and see, then I have
one.
I have an account.
I have just have a free account.
You can use a free kit and you need to link it up in order to.
To get your font awesome styles.
Now, for this, you just need to go to your account.
Click on your kids.
And get your kit.
And you go complicate as go back to.
Reached out and pasted it in here.
Another thing we need to link up and actually let me try this out, so let's very quickly search for
it.
I can't see Facebook.
Actually, actually a search for an icon that will also use envelope.
OK, there's our envelope, which would actually use this mall type bulk click on it and this would
open up the envelope, so this will open up the link.
Just need to copy this.
You can see copy ASML, click on it.
And I was copied, copied to clipboard and now pasted in here.
It's safe.
Open up our project using like server and I'm trying to do that will and a there there it is up there.
Don't worry, I'm going to fix that.
We will also use a direct dimensionless so we could style them using access by going to use the director
mentioned starting from here, typing in F a free X and this will just give me the icon free times its
size so that there's the icon right here.
I think I'm also going to zoom in to 150 percent.
And it is this.
OK, next up, we so we have often something, as I say, this is working, if this is not working for
you, then either your kid is wrong or something else went wrong.
But you this the book, you just need to grab your kit, put it in here and try it out with an icon.
OK, next up, we need.
Seems like you just going to show the symbol right here, if you go to private schools, you will find
all the e-mail symbols and I'm going to use for copyright this at the copy.
This will be enough water just for you to know.
This is where I'm going to where I know how to use these symbols and what they mean.
You see here, there are a lot of symbols.
A, I think that we will use is bootstrap.
So let's go to this, actually.
Our project, let's open up another fund.
Another tab.
Let's go to bootstrap now, if you never use bootstrap, normally you would use bootstrap if your JavaScript
developer to just throw out a quick Web page, but both Web pages are extremely.
Easy to recognize because they all look the same.
That's why I'm not using bootstrap.
I was trying to style my own pages.
OK, so I just copied from getting started.
The CSC got a copy of the JavaScript if wish, and.
Well, we we're not going to use this.
I don't want to overcomplicate things.
I just copied this link.
And paste it into my e-mail up here and everything will be loaded up in this sequel, bootstrap, then
font awesome and then my stylesheet and now I can name our website with, uh, flexible text books,
web page, website.
All right, now this is taking care of.
Let's see what what else do we need?
What else do we need?
I think we have everything that we need, though, right until now.
Yeah, so just taking care of, uh, seeing the next one.
Bye bye.