1
00:00:02,180 --> 00:00:04,950
To get rid of the big introduction words,

2
00:00:04,950 --> 00:00:08,730
this is the page we're going to build in this module.

3
00:00:08,730 --> 00:00:10,930
We'll build this page from scratch

4
00:00:10,930 --> 00:00:14,000
and, as you see, it's a page about travel goals,

5
00:00:14,000 --> 00:00:17,380
so great travel destinations you might want to go to

6
00:00:17,380 --> 00:00:19,230
or you have been to.

7
00:00:19,230 --> 00:00:21,190
This is the landing page.

8
00:00:21,190 --> 00:00:24,240
You can see the travel goals logo we created here,

9
00:00:24,240 --> 00:00:27,610
just build with a fancy font style, of course.

10
00:00:27,610 --> 00:00:30,110
You have that big background image here,

11
00:00:30,110 --> 00:00:33,240
and here on the center we have an element

12
00:00:33,240 --> 00:00:36,010
which highlights the content of this page,

13
00:00:36,010 --> 00:00:37,460
so it's Joe's Travel Page.

14
00:00:37,460 --> 00:00:39,180
We can discover places here,

15
00:00:39,180 --> 00:00:40,820
we'll do this in a few seconds.

16
00:00:40,820 --> 00:00:42,160
And if we scroll down a bit,

17
00:00:42,160 --> 00:00:45,060
you'll see some highlight places we selected

18
00:00:45,060 --> 00:00:49,080
with the city and the country and the corresponding image.

19
00:00:49,080 --> 00:00:51,780
And down there, we have some social media links,

20
00:00:51,780 --> 00:00:53,320
Instagram and Facebook.

21
00:00:53,320 --> 00:00:56,040
In this case, if we scroll up again,

22
00:00:56,040 --> 00:00:58,460
you see we have this navigation bar here,

23
00:00:58,460 --> 00:01:00,860
which allows us to go to a destinations,

24
00:01:00,860 --> 00:01:03,700
for example, with this nice hover effect.

25
00:01:03,700 --> 00:01:05,740
Which brings us to the next page.

26
00:01:05,740 --> 00:01:08,960
This is the page with all our destinations,

27
00:01:08,960 --> 00:01:11,210
we have on our website here.

28
00:01:11,210 --> 00:01:13,540
You see we've created this layout here.

29
00:01:13,540 --> 00:01:15,690
We'll, of course, learn which technology is used

30
00:01:15,690 --> 00:01:17,220
to create this layout

31
00:01:17,220 --> 00:01:18,890
and, if you scroll down,

32
00:01:18,890 --> 00:01:23,285
we see we have various places we might want to go to.

33
00:01:23,285 --> 00:01:26,500
If we click onto this explore link here,

34
00:01:26,500 --> 00:01:28,800
we are redirected to Wikipedia

35
00:01:28,800 --> 00:01:30,480
to the corresponding city.

36
00:01:30,480 --> 00:01:31,990
Let's go back, though.

37
00:01:31,990 --> 00:01:33,072
If we scroll up again,

38
00:01:33,072 --> 00:01:36,330
we can go to our page logo here,

39
00:01:36,330 --> 00:01:38,375
which brings us back to the landing page.

40
00:01:38,375 --> 00:01:41,920
Same options is available with discover places here,

41
00:01:41,920 --> 00:01:46,920
we have a button which redirects us to our places page here.

42
00:01:47,000 --> 00:01:49,460
This is the page we're going to build.

43
00:01:49,460 --> 00:01:53,300
The page involves a lot of concepts we know about already,

44
00:01:53,300 --> 00:01:55,861
but also lots of new concepts.

45
00:01:55,861 --> 00:01:58,150
So we know what we want to build,

46
00:01:58,150 --> 00:02:00,200
let's not waste any more time.

47
00:02:00,200 --> 00:02:02,203
Let's get started directly.