1
00:00:02,270 --> 00:00:04,740
We made great progress so far,

2
00:00:04,740 --> 00:00:08,379
we finished our first section of the main element.

3
00:00:08,379 --> 00:00:12,313
Now it's time to continue with the next section.

4
00:00:13,290 --> 00:00:17,490
And this section is our highlights section here,

5
00:00:17,490 --> 00:00:19,920
which you can see on the finished page

6
00:00:19,920 --> 00:00:21,430
I'm just showing you.

7
00:00:21,430 --> 00:00:24,540
So the goal now is to well, create the sections

8
00:00:24,540 --> 00:00:26,130
so to fill it with content.

9
00:00:26,130 --> 00:00:27,870
We want to have a section with this

10
00:00:27,870 --> 00:00:30,880
well, green background color here and with the free images

11
00:00:30,880 --> 00:00:34,946
and the corresponding city name and the country.

12
00:00:34,946 --> 00:00:36,930
In addition to that,

13
00:00:36,930 --> 00:00:39,140
we want to have this highlights

14
00:00:39,140 --> 00:00:40,610
headline here. Well.

15
00:00:40,610 --> 00:00:44,560
And this is actually something we can achieve with concepts.

16
00:00:44,560 --> 00:00:46,520
We learned so far in this course,

17
00:00:46,520 --> 00:00:49,126
there will only be one new property.

18
00:00:49,126 --> 00:00:50,501
And besides that,

19
00:00:50,501 --> 00:00:52,850
the next lectures will be more about

20
00:00:52,850 --> 00:00:55,320
practicing these concepts.

21
00:00:55,320 --> 00:00:56,346
We learned so far and

22
00:00:56,346 --> 00:00:58,960
about coming closer towards creating

23
00:00:58,960 --> 00:01:02,150
our first world real website. So to say,

24
00:01:02,150 --> 00:01:05,684
before we get started with the HTML part, though,

25
00:01:05,684 --> 00:01:08,070
I quickly want to make sure that you have

26
00:01:08,070 --> 00:01:10,240
the required resources for

27
00:01:10,240 --> 00:01:12,823
this part of the website. Specifically,

28
00:01:12,823 --> 00:01:15,668
I'm referring to these free images here.

29
00:01:15,668 --> 00:01:19,000
As you can imagine, attached to this video,

30
00:01:19,000 --> 00:01:21,390
you can find these free images

31
00:01:21,390 --> 00:01:22,970
to make sure to download the

32
00:01:22,970 --> 00:01:26,443
attached zip file and to then unzip this file.

33
00:01:28,200 --> 00:01:31,270
And then you should see these free files.

34
00:01:31,270 --> 00:01:34,190
So Miami Barcelona and Munich JPEG.

35
00:01:34,190 --> 00:01:36,410
These are the images we need here,

36
00:01:36,410 --> 00:01:37,867
and then

37
00:01:37,867 --> 00:01:41,580
you can make your visual studio code window

38
00:01:41,580 --> 00:01:45,510
a bit smaller. I had it in the full screen mode here,

39
00:01:45,510 --> 00:01:48,288
and then simply take the first file,

40
00:01:48,288 --> 00:01:51,430
put it into the places folder,

41
00:01:51,430 --> 00:01:53,600
take the second one, do the same

42
00:01:53,600 --> 00:01:55,290
and all the take the third one,

43
00:01:55,290 --> 00:01:58,000
and also place it in this folder

44
00:01:58,000 --> 00:02:00,820
with that we can close this folder here

45
00:02:00,820 --> 00:02:04,210
and maximize visual studio code once again,

46
00:02:04,210 --> 00:02:06,220
and also close these images because

47
00:02:06,220 --> 00:02:08,312
we don't need these at the moment.

48
00:02:08,312 --> 00:02:11,130
And this means we are now prepared

49
00:02:11,130 --> 00:02:13,933
to continue with the project. So let's do this.