WEBVTT

00:00:06.870 --> 00:00:14.320
In this session we're going to create a nice web site from scratch using H.M. CSSA and BU's drop.

00:00:14.400 --> 00:00:20.500
This is another great opportunity to practice our acquired skills in the complete web development course

00:00:20.500 --> 00:00:21.280
.

00:00:21.360 --> 00:00:28.860
This time we will create the front page of a company website which offers web development services.

00:00:29.340 --> 00:00:35.130
You can get inspired from these Web sites or create your own web page Eltroxin Clines and getting them

00:00:35.400 --> 00:00:38.880
to get in touch with you for development projects.

00:00:38.880 --> 00:00:44.490
Let's go quickly through our websites and cover a different convergence.

00:00:44.520 --> 00:00:51.380
First of all you can notice that our website has got a nice background picture but unlike other Web

00:00:51.380 --> 00:00:53.220
sites we have built so far.

00:00:53.580 --> 00:00:56.560
The picture is fixed when we scroll down.

00:00:57.180 --> 00:00:59.410
I'm going to show you how to do all that.

00:01:00.290 --> 00:01:06.080
We're going to start by creating a nice collapsible navigation bar as we have learned in the bush draft

00:01:06.090 --> 00:01:07.260
chapter.

00:01:07.260 --> 00:01:10.960
We're going to customize it styling using CSSA.

00:01:12.810 --> 00:01:20.700
And also we are going to add this nice brand image and give it this nice green color.

00:01:21.330 --> 00:01:28.110
Then we move to the title which we are going to place inside a jumbotron and it's going to be adjustable

00:01:28.170 --> 00:01:28.730
.

00:01:28.840 --> 00:01:32.390
This will adapt to different device sizes.

00:01:32.550 --> 00:01:39.330
Then we move to the next section which shows pictures with some text explaining the different steps

00:01:39.450 --> 00:01:43.470
we're going to go through to deliver a successful product.

00:01:44.430 --> 00:01:53.920
Then we can create a nice contacts button and a stylus using colors and transparent background.

00:01:54.690 --> 00:02:00.610
And finally we'll create a nice footer and stylus using scissors.

00:02:01.020 --> 00:02:06.320
If you are ready then you can move to the next video where we will start creating our website