Okay, guys, next up, it's a project which is going to create a simple website using Fleck's box.
Now, the main focus of this project is to concentrate on using different methods for complex blocks,
different properties of Xbox, not to create the best site in the world, but just to get used to using
Xbox.
OK, so let me show, first of all, how this site will look.
I said basic website will have up here a small logo we created ourselves, then right here we have a
navigation.
This entire section will be actually the navigation and here will be the header.
We will have a title, a subtitle, a contact us button.
Now, this tool will be in the main section.
And of course, when we click on Contact US, for example, this will send us down to the contact section
of the page when we will hover over the buttons and each of them will do something down here, will
have a flutter.
And if that let me go up here, I will also have a about section.
We just have an image then a subtitle.
So the title of about us, a image on the left side, some kind of text, the more this button will
do anything.
And then we will have a service section of the service section will also have just a bit of an animation
for the boxes here.
And yeah, I think this is a pretty cool project for you to get used to flex box, so.
Oh, yeah.
And actually this would also be responsive.
So if I would change.
Let's go to inspect.
Right.
Click inspect and change to see.
Let's zoom in here with.
On Honda, 25 percent.
OK, so this will be in the iPad format, as you can see, everything is response.
Actually, let me go to Responsive.
That's much better.
And I think the need to zoom out.
Oh, because they already have it here.
Zoom out, zoomed in and then zoomed in.
Hmm.
Yeah.
I will just show it to you using our basic method.
Let's go with an iPhone format and yeah.
That's much better.
So without having the selection on this would be now, you know, one thousand ninety one thousand nine
hundred something with that doesn't matter.
But as soon as I go down to 900 receipt text changing, sizes changing and I could go down as far as
a phone format and actually let me reset all my Zoom's.
This is awful.
OK, there we go.
So this are on the 400 format.
Again, reset my zoom so it will see everything will align in a column or a row depending on the width
of the page.
Okay, so excited for this project and let's get started.
So see in the next video by.