WEBVTT

00:00:07.200 --> 00:00:14.010
Now we are going to move to the introduction books where are we going to be placing a header with a

00:00:14.040 --> 00:00:14.900
paragraph.

00:00:15.090 --> 00:00:16.010
OK.

00:00:16.140 --> 00:00:24.540
So let's go to our index those ASML file and following the menu div we going to create another diff

00:00:24.580 --> 00:00:25.510
.

00:00:26.410 --> 00:00:27.030
OK.

00:00:27.360 --> 00:00:34.300
And we're going to give it an ID intellection.

00:00:34.380 --> 00:00:35.520
All right.

00:00:35.520 --> 00:00:37.280
And first going have a header

00:00:41.160 --> 00:00:45.490
and you can write this text in there.

00:00:46.200 --> 00:00:48.030
And then we can have a paragraph

00:00:51.170 --> 00:00:55.100
and we can just copy paste this inside the mob.

00:00:56.300 --> 00:00:59.080
OK.

00:00:59.160 --> 00:01:01.460
All right.

00:01:03.120 --> 00:01:06.190
Now let's add some styling to this new box.

00:01:06.330 --> 00:01:07.650
OK so

00:01:16.680 --> 00:01:22.750
first let's add the background color to our box.

00:01:23.580 --> 00:01:29.240
So we be accessing the elements of ID introduction.

00:01:29.920 --> 00:01:34.560
And since we're using DNA gradients we're going to use the background property rather than the background

00:01:34.560 --> 00:01:40.860
color and then linear grids.

00:01:42.330 --> 00:01:46.290
OK so the first color This pic is from here.

00:01:46.710 --> 00:01:52.660
Roll it up and then the second one.

00:01:52.990 --> 00:01:58.650
This pic is from the bottom.

00:01:59.350 --> 00:01:59.490
It

00:02:03.450 --> 00:02:04.620
looks all right.

00:02:04.950 --> 00:02:13.650
And then let's add some padding.

00:02:13.990 --> 00:02:15.320
Our text.

00:02:15.330 --> 00:02:15.840
So

00:02:23.580 --> 00:02:33.350
you go oh 20 pixels result will this make it so easy pixels.

00:02:35.660 --> 00:02:36.440
All right

00:02:36.460 --> 00:02:41.950
.

00:02:42.000 --> 00:02:47.020
And also let's get some Margene OK.

00:02:47.280 --> 00:02:53.010
So we need some Mudgee on top and merging bottom line.

00:02:53.130 --> 00:02:59.910
So it will said the merging property using two values the first body is going to be for the top and

00:02:59.910 --> 00:03:00.560
bottom.

00:03:00.800 --> 00:03:03.750
Let's go for topic's else.

00:03:03.980 --> 00:03:08.670
For the left hand side and right hand side it's going to be zero.

00:03:10.560 --> 00:03:17.840
It's a bit more putting is good for 15 or 16.

00:03:18.930 --> 00:03:19.390
OK.

00:03:19.470 --> 00:03:21.510
That looks all right.

00:03:21.810 --> 00:03:24.330
Now let's sayat this of the head.

00:03:24.560 --> 00:03:25.410
OK.

00:03:25.470 --> 00:03:26.310
Or the heading.

00:03:26.550 --> 00:03:35.950
So first we access the introduction box using ID intellection.

00:03:36.990 --> 00:03:47.090
And then we are going to access the header inside.

00:03:51.000 --> 00:03:52.920
Let's change the font size

00:03:58.490 --> 00:04:02.190
to those pixels.

00:04:02.190 --> 00:04:02.820
For example

00:04:05.810 --> 00:04:09.540
let's make it bigger 40

00:04:14.230 --> 00:04:17.020
or 45.

00:04:18.410 --> 00:04:18.960
OK.

00:04:19.200 --> 00:04:27.770
And also let's change the color to this nice nice new nice green color.

00:04:28.050 --> 00:04:29.430
So let's use our colors.

00:04:29.600 --> 00:04:38.460
And I just copy this color with a K that looks fine.

00:04:38.690 --> 00:04:41.150
OK.

00:04:43.470 --> 00:04:49.790
And we don't want our text to look bold like this so we're going to change the font weights and we'll

00:04:49.860 --> 00:04:52.180
say that to normal.

00:04:52.840 --> 00:04:56.510
Ok that looks nice.

00:04:56.520 --> 00:04:58.090
Now let's move to the paragraph.

00:04:58.170 --> 00:05:00.290
OK.

00:05:00.330 --> 00:05:08.610
So again are we going to access the box versus using its ID intellection and then going to access the

00:05:08.730 --> 00:05:10.450
paragraph.

00:05:10.560 --> 00:05:17.570
So first this change the font size and make it a little bit bigger.

00:05:18.520 --> 00:05:19.830
Try 20 pixels

00:05:25.300 --> 00:05:28.100
make a slightly bigger 25

00:05:30.860 --> 00:05:40.770
that goes all right and also change the color to this nice green color because using colors you

00:05:51.720 --> 00:05:58.110
looks OK or really is pick the right color

00:05:58.110 --> 00:06:07.990
.

00:06:07.990 --> 00:06:08.550
OK.

00:06:08.710 --> 00:06:11.640
That looks all right.

00:06:11.640 --> 00:06:19.200
And finally let's change the align property of our paragraph to justify

00:06:22.040 --> 00:06:24.020
.

00:06:37.620 --> 00:06:43.530
Now we don't need our border with the container so that it just gets rid of its

00:06:51.210 --> 00:06:52.270
great