OK, guys, before we talk about anything, let me show you some websites here.
We got this Web site and this is very responsive we have here.
And when we click here, we have a model with a validation.
So when I click on Submit for validation and then if I type anything inside, we've got scooped.
We can scroll down here.
We have a carousel.
And here we have found we can scroll down here.
These people that are the responsive project plans and contact form.
And this is also a website.
We can scroll down here.
We have a drop down with a carousel.
When we scroll down again, we have this accordion, OK?
And then here we have three cards.
And here we have a spy responsive table and left little group.
Here we have images
and here we have three more section and the contact form.
And this is also a website for selling online things.
This is a demo version.
We are not using this.
We can scroll them down.
OK, here we have the list.
Grubin, we can scroll down again here we have the project plan and documentation and here we have a
future we can check now the freelancer Web site here we have this page in a with a drop down link to
this Web site are completely responsive here.
We have this button right here.
When we hover, we got this effect.
We can scroll down.
We had the web craft and contact form with a validation and we can click first for the built template.
We can check it out.
We have here the Dropcam link.
And here we have some cards.
This is looking very good.
And here we have a carousel for the products here.
This is responsive according to the width of the screen.
When the screen is small, it was just the one item.
And here we have a future.
And also here we have a website, which is for the e commerce.
We have here the sign in for your account.
We can't separate the form or we can cancel.
When you scroll down, we have new products and then here we have the class section and you put it again,
categories and future.
We can check now for shop dot a.m. and then we have here some filters and cards.
And when we make the screen smaller, let's try to make the screen smaller, OK?
And then here, let's make it larger.
OK, this has been a problem for the screen, so we can just make it like this.
Waiting.
OK.
And then now we can make a screen with the same width, OK?
And here we have the list and group for the table and also have here filter your products.
And here we have the NAF bar.
We can click on filter your products.
And in here we have an off canvas with this list.
And also here we have for the product.
And then here we can make it larger.
And here we have for the project for the product and the last page for this website is for the back.
And here we have the back.
Do you know that you can build each of these Web sites just in less than one hour?
How can we do that?
There's a library which gets called Put's Chop Chop is.
As in JavaScript library, which makes us able to build completely responsive websites just in less
than one hours.
We can go here and click on V5 and get trapped dot com.
This is the Web.
This is the website of Bootstrap.
And this is completely free.
We can click on documents and then we can scroll down so we can start using the starter template for
for the seats and the JavaScript, the strapper.
We already have a course for post track this one.
This is a complete course afterwards track, which is containing more than 20 hours.
We have continuous updates, good reviews from students and 10 projects.
So thank you and see you on the bootstrap five from scratch with 10 products because you can find a
link attached to this lecture as an external resource.
Good luck and have fun.