1
00:00:02,160 --> 00:00:05,520
Let's start this lecture with some good news.

2
00:00:05,520 --> 00:00:08,220
We are coming closer towards the end

3
00:00:08,220 --> 00:00:10,830
of the landing page here.

4
00:00:10,830 --> 00:00:12,860
As I said in the last lecture,

5
00:00:12,860 --> 00:00:16,219
what it's missing now is the last section,

6
00:00:16,219 --> 00:00:19,600
the last part of this page, and that's the footer.

7
00:00:19,600 --> 00:00:23,340
As always, before we dive into creating this footer together

8
00:00:23,340 --> 00:00:26,780
here is a quick look at the finished result

9
00:00:26,780 --> 00:00:28,520
that you want to achieve.

10
00:00:28,520 --> 00:00:31,500
This is the full page zoomed in a bit

11
00:00:31,500 --> 00:00:33,880
to make it better visible for you.

12
00:00:33,880 --> 00:00:35,400
But this part down here,

13
00:00:35,400 --> 00:00:38,380
this footer is what we want to create now.

14
00:00:38,380 --> 00:00:41,070
So it's a bit hard to see,

15
00:00:41,070 --> 00:00:44,610
but this footer again has a gradient backgrounds,

16
00:00:44,610 --> 00:00:47,310
a grayish black background here,

17
00:00:47,310 --> 00:00:49,460
and that contains two icons.

18
00:00:49,460 --> 00:00:52,190
In this case, we use two simple images,

19
00:00:52,190 --> 00:00:55,040
the Instagram logo and the Facebook logo.

20
00:00:55,040 --> 00:00:59,670
And both of these images here are clickable links.

21
00:00:59,670 --> 00:01:02,200
In the end, nothing new in here,

22
00:01:02,200 --> 00:01:05,030
so we can quickly create this footer

23
00:01:05,030 --> 00:01:06,880
with the knowledge we gained so far.

24
00:01:06,880 --> 00:01:09,530
What we need though, are the icons

25
00:01:09,530 --> 00:01:13,550
so the images here of our toolings, and you can again,

26
00:01:13,550 --> 00:01:16,860
find these images attached to this lecture.

27
00:01:16,860 --> 00:01:19,760
So as we did it for our images here,

28
00:01:19,760 --> 00:01:24,760
make sure to download the attached zip file to unzip it.

29
00:01:26,330 --> 00:01:29,720
And in there, you should find these two files,

30
00:01:29,720 --> 00:01:32,300
Facebook PNG, and Insta PNG.

31
00:01:32,300 --> 00:01:35,310
So both images, as I said, which are white.

32
00:01:35,310 --> 00:01:37,050
Therefore you cannot see anything in here

33
00:01:37,050 --> 00:01:40,243
in this preview image, so to say,

34
00:01:40,243 --> 00:01:44,870
but these are digital icons we need in this lecture.

35
00:01:44,870 --> 00:01:47,840
With this, let's forget about what we want to create.

36
00:01:47,840 --> 00:01:50,800
And let's go back to our current state of the project

37
00:01:50,800 --> 00:01:54,573
and let's get started as always with the HTML part.