1
00:00:02,170 --> 00:00:04,170
So it's this demo page,

2
00:00:04,170 --> 00:00:07,340
which we're going to build in this course module

3
00:00:07,340 --> 00:00:10,260
and which I want you to build on your own first.

4
00:00:10,260 --> 00:00:12,320
Let me zoom out a bit here.

5
00:00:12,320 --> 00:00:16,510
It's a page with main title and image,

6
00:00:16,510 --> 00:00:18,920
then a box with some main content,

7
00:00:18,920 --> 00:00:21,830
and then some footer below it

8
00:00:21,830 --> 00:00:25,440
with a link that actually points at a PDF file.

9
00:00:25,440 --> 00:00:26,960
That PDF file,

10
00:00:26,960 --> 00:00:29,990
which you also find attached to this lecture,

11
00:00:29,990 --> 00:00:33,140
which summarizes all those core concepts,

12
00:00:33,140 --> 00:00:37,030
this link leads to it. And I want you to build this.

13
00:00:37,030 --> 00:00:40,340
We're going to build it over the next lectures together,

14
00:00:40,340 --> 00:00:42,170
but definitely try building

15
00:00:42,170 --> 00:00:45,040
and styling this on your own first.

16
00:00:45,040 --> 00:00:47,550
You don't need to get all the colors right,

17
00:00:47,550 --> 00:00:50,620
but definitely try building the general structure,

18
00:00:50,620 --> 00:00:53,550
try using the correct HTML elements,

19
00:00:53,550 --> 00:00:58,550
and try getting as close as possible with your styling

20
00:00:58,650 --> 00:01:01,420
to what you see here on this screen.

21
00:01:01,420 --> 00:01:02,690
Attached, you'll also find

22
00:01:02,690 --> 00:01:05,690
a screenshot of this finished project

23
00:01:05,690 --> 00:01:07,810
so that you can use that as a reference

24
00:01:07,810 --> 00:01:09,390
and as an inspiration.

25
00:01:09,390 --> 00:01:12,960
And you also find the image here

26
00:01:12,960 --> 00:01:16,143
and that PDF document attached, which you will need.

27
00:01:17,070 --> 00:01:20,610
Now for building this, you will need different headings.

28
00:01:20,610 --> 00:01:22,310
You need to work with links.

29
00:01:22,310 --> 00:01:26,320
You will have lists in there, just to give you some hints.

30
00:01:26,320 --> 00:01:31,320
And you also will need to select elements differently in CSS

31
00:01:32,400 --> 00:01:35,740
and then apply different CSS styles

32
00:01:35,740 --> 00:01:39,860
to add colors and spacings and change sizes.

33
00:01:39,860 --> 00:01:41,780
I'm also using a font here,

34
00:01:41,780 --> 00:01:44,430
which I picked from Google fonts

35
00:01:44,430 --> 00:01:47,570
and you don't need to use the exact same font.

36
00:01:47,570 --> 00:01:51,450
It's the Roboto font though, in case you're interested,

37
00:01:51,450 --> 00:01:53,640
but you can pick any font you want.

38
00:01:53,640 --> 00:01:56,710
I just want you to practice what you learned.

39
00:01:56,710 --> 00:01:59,060
Once you're done, in the next lecture,

40
00:01:59,060 --> 00:02:02,070
we're going to start building this together step-by-step

41
00:02:02,070 --> 00:02:05,490
so that you can use those lectures as a solution

42
00:02:05,490 --> 00:02:08,699
to compare your solution to mine.

43
00:02:08,699 --> 00:02:10,690
And with that, I wish you good luck.

44
00:02:10,690 --> 00:02:11,640
In the next lecture,

45
00:02:11,640 --> 00:02:14,943
we're going to start solving this together step-by-step.