I want to start
with a third-party CSS package.
A package called Bootstrap.
And for this,
you can google for Bootstrap
and you should find this page.
Get bootstrapped.com,
which is the official website of this Bootstrap package.
Now this package or framework as it's also called,
is a package that gives you a lot of pre-built CSS styles,
for all kinds of things
that help you build websites in less time.
And you can get an overview by simply clicking on,
get started here, which takes you to the docs.
And here you can learn how to add it to your website,
but we'll do that later.
For the moment, let's just browse
through the documentation here,
and let's for example,
have a look at this components area.
Now, if you click here, you will get a list of components,
and these are basically,
built-in elements
that you can add to your website.
And with element,
I know, don't mean HTML element,
but instead, I mean styling,
which you can apply to your HTML elements
that will give you a certain look.
For example, if we click on buttons,
we see a bunch of buttons
and we see that we would get this look,
which we see here by simply adding these classes here
to our regular button elements.
So we still would work with the regular HTML elements
we learned about in this course.
Of course we do that because those are standardized
and this package doesn't change the web standard.
But this package,
once we add it to our site,
gives us a certain CSS classes,
which we can add,
which give us a certain look.
Because this package
simply gives us a bunch of pre-built CSS files,
full of CSS rules.
And the buttons are just one example.
As you see,
there are different types of buttons you can add simply
by using different CSS classes.
There also are other elements,
like cards,
which is simply a certain look,
which you can use to wrap it around some content.
And on this page,
you also always see examples of the classes
which you have to add
and how you could structure your HTML code,
and how you could then add certain classes to it,
to achieve a certain look.
And you can simply browse through these elements
to see a (indistinct) components,
which you then could use just like this on your website.
And that is what we are going to do
in this course section now.
We are going to build a simple demo website,
by including Bootstrap,
by then adding some HTML code,
and by then adding some Bootstrap classes
to quickly throw together a website
and to see why we might want to use third-party packages
for certain projects.