Hello and welcome to this lecture in this lecture.
Sure we are going to be creating a very simple basic one big website in a matter of minutes using bootstrap.
This is the web page.
We are going to create is just a simple web page with this green box here to draw attention.
This little green box is known as a jumbotron Jumbotron are large big boxes used for call in extra attention
to some special content or information.
So the purpose of this little green box here is to draw attention.
It's called a jumbotron.
This little green box here.
I've got my template my basic template that contains my links to put straps and also to a query.
So I've got all my libraries defined in the head section so I can reference them when I need to.
So what I'm doing to my content is going to be placed between the body tags here.
I'm going to start by defining a deef and give it a class of container and then I'm going to define
another Deve.
I'm it a class of jumble that JumboTron is where is what call highlight the dreambox.
I showed you in that website I got my code written in between the body tag here.
I started off with a div and gave the class of container to lose quanta.
Now I will wrap my content there.
I went on to define On another day and gave me the class of jumbo tron.
So any text between my Jumbotron Dave is what will be highlighted on the web page.
The purpose of the JumboTron is to draw attention to the content in between so and then I included a
button or still be in between this Jumbotron Dave and the button I was tagged along with an ankle tag
and then hate Trev our tribute and give it a value of hash.
What this meant is that when the button is clicked on it falls.
So it will not go anyway.
Normally in a live environment where you click on a button there should be a link or a page that you
will go to when the button is clicked.
But because this is just a demo of this hash tag here that means when you click on the button it will
appear as if he's going some way.
It actually goes nowhere.
So that's what that means is submits to itself and then I defined another class here and gave it a value
of button and then also give it a button that you form and also give it bottom that large which means
the button would be large.
All these are CNS defined properties available within the books trap framework.
So this is or the button properties or features in the boot strap framework so a means of taking from
bootstrap and then this is what the button we actually display.
Register today so let me click save and we can see what it looks like.
Go run and launch in Chrome.
Okay so by default This is a column on the jumbotron So I change the background a lot to make it look
more prominent allow or swap play.
Background call or to the entire body of the page.
I have had some style here in between this dull tag on the bootstrap link to this CSF.
Have Given the body of depair your background lot of this which is colour like dark grey and I give
the Jumbotron background quoll of this and given it margin from the top to drop down to 50 pixels so
let's have a look at what it looks like they're sunk or run.
Launching Chrome.
Right so this is the finished product so we are done with our simple web page created in less than 5
minutes.
In this chart we create very simple basic web page.
He is in Bootstrap and the Jumbotron feature.
Thank you for watching.
Bye for now.