1
00:00:00,780 --> 00:00:04,710
So now what we need to do is that we need to work on thesis of the footer area.

2
00:00:05,220 --> 00:00:08,160
Therefore, I'm going to open up the style that sees this.

3
00:00:08,550 --> 00:00:14,130
And then here what I'm going to do is that I'm going to here create the footer.

4
00:00:14,310 --> 00:00:15,990
I'm going to hear you say footer.

5
00:00:16,770 --> 00:00:21,120
And for the current, let's give this footer a background color.

6
00:00:21,480 --> 00:00:23,610
I'm going to say background color.

7
00:00:24,000 --> 00:00:26,670
And the background color that I'm going to be using is a black color.

8
00:00:26,670 --> 00:00:27,300
This color.

9
00:00:28,800 --> 00:00:29,260
Let me see.

10
00:00:29,440 --> 00:00:31,170
Let me show you how it's going to look like.

11
00:00:31,800 --> 00:00:33,480
So as you can see, this is the color.

12
00:00:34,020 --> 00:00:36,120
Now we need to change the text.

13
00:00:36,510 --> 00:00:41,970
So for the text, I'm going to say here footer and then it's five.

14
00:00:42,750 --> 00:00:46,170
And for each edge five we have, I'm going to change the color.

15
00:00:46,170 --> 00:00:47,550
So the color is going to be white.

16
00:00:48,330 --> 00:00:49,230
So I'm going to say here.

17
00:00:53,000 --> 00:00:55,940
The eight, the ADHD eight, which is eight.

18
00:00:57,500 --> 00:00:59,360
It's not really a white colour.

19
00:00:59,360 --> 00:01:01,160
It's it's close to the white colour.

20
00:01:01,940 --> 00:01:06,500
And I'm going also give it a form, tweet or tweet of 700.

21
00:01:08,440 --> 00:01:10,830
And I'm going to also give it to size.

22
00:01:10,870 --> 00:01:15,040
I'm going to change the font size to be 1.2 for him.

23
00:01:16,330 --> 00:01:20,020
So this is for the five for the line.

24
00:01:20,020 --> 00:01:22,450
You remember, we have these allies.

25
00:01:23,140 --> 00:01:24,550
These these allies.

26
00:01:25,480 --> 00:01:26,310
These allies.

27
00:01:26,330 --> 00:01:27,910
Again, these are.

28
00:01:29,200 --> 00:01:31,080
These allies.

29
00:01:31,090 --> 00:01:32,770
Let me show you where they are.

30
00:01:33,250 --> 00:01:35,800
These allies are not these three.

31
00:01:36,910 --> 00:01:38,430
These links so far.

32
00:01:38,440 --> 00:01:39,030
These links.

33
00:01:39,040 --> 00:01:44,500
What I'm going to do is that I'm going to say your future and then Ally.

34
00:01:44,980 --> 00:01:48,310
And then I'm going to change the pattern.

35
00:01:48,340 --> 00:01:49,540
I'm going to say firing bottom.

36
00:01:50,890 --> 00:01:55,590
Firing bottom for picks.

37
00:01:56,890 --> 00:02:00,610
So now if I refresh, you'll find out there will be more space.

38
00:02:01,820 --> 00:02:05,600
And then let's also work on the attack, so forth.

39
00:02:05,930 --> 00:02:12,920
I'm going to save water in like a tank and then I'm going to say font size.

40
00:02:12,920 --> 00:02:14,660
I'm going to change the font, I'm going to say font size.

41
00:02:15,050 --> 00:02:17,420
So the font size is going to be point eight or ten.

42
00:02:18,140 --> 00:02:20,360
And I'm going to change also the color.

43
00:02:20,690 --> 00:02:26,230
So the color instead of instead of blue, remember here it's blue and it doesn't look good.

44
00:02:26,240 --> 00:02:31,310
So let's change the color to the white color or gray color.

45
00:02:31,310 --> 00:02:39,890
I'm going to use the green color and also I'm going to remove the line behind the line below the race

46
00:02:39,890 --> 00:02:40,100
link.

47
00:02:40,220 --> 00:02:41,330
I'm going to remove these lines.

48
00:02:41,870 --> 00:02:45,290
So I'm going to say here, text decoration not.

49
00:02:47,600 --> 00:02:49,520
Now let me show you how it's going to look like.

50
00:02:50,090 --> 00:02:52,010
So as you can see, it looks now much, much better.

51
00:02:52,760 --> 00:02:56,420
Let's also add effects or effects to these buttons.

52
00:02:56,960 --> 00:03:05,630
So what I'm going to do to add effects, I'm going to say here footer and then in line and then hover.

53
00:03:05,630 --> 00:03:11,690
If I hover if I hover over one of these buttons or links, I'm going to change the color.

54
00:03:12,080 --> 00:03:16,310
So the color is going to be white if I hover over one of these buttons.

55
00:03:18,210 --> 00:03:19,380
I'm going to use this color.

56
00:03:21,930 --> 00:03:24,120
So now let me show you the effect.

57
00:03:25,080 --> 00:03:31,140
So if I hover over one of these, as you can see here, the color is going to be whiter, more white.

58
00:03:32,490 --> 00:03:35,900
So this is for this point.

59
00:03:36,270 --> 00:03:43,770
For these attacks, but for the attacks inside the copyright, remember, inside this copyright, we

60
00:03:43,770 --> 00:03:47,190
have these attacks and these attacks are these attacks.

61
00:03:47,850 --> 00:03:49,170
So we need to work on the design.

62
00:03:49,170 --> 00:03:53,160
We need to add some space and we need to change the how they look.

63
00:03:53,820 --> 00:03:55,620
So to do this, I'm going to here.

64
00:03:57,310 --> 00:03:58,410
Say footer.

65
00:03:59,260 --> 00:04:02,050
And then copyright, because we have a class called copyright.

66
00:04:03,240 --> 00:04:04,080
Copyright.

67
00:04:04,770 --> 00:04:06,240
Which is this class member?

68
00:04:07,080 --> 00:04:07,980
Which is this class?

69
00:04:09,420 --> 00:04:10,560
This copyright loss.

70
00:04:10,980 --> 00:04:12,080
And then I'm going to say it.

71
00:04:12,090 --> 00:04:12,360
Thank.

72
00:04:14,330 --> 00:04:18,380
So for the attack that's inside the copyright, I'm going to change first the color.

73
00:04:18,680 --> 00:04:24,890
So the color is going to be black and then I'm going to change the height and width.

74
00:04:25,460 --> 00:04:30,500
So for the height, I'm going to give it a height of 40 x.

75
00:04:32,410 --> 00:04:39,270
High 40 peaks and width is also going to be 40 flags.

76
00:04:39,880 --> 00:04:40,300
Why?

77
00:04:40,360 --> 00:04:43,180
Because I'm going to display them inside circles.

78
00:04:43,990 --> 00:04:46,540
So I'm going to say I'm going to also change the background color.

79
00:04:46,540 --> 00:04:51,460
So the background color is going to be white and I'm going to add them in circles.

80
00:04:51,460 --> 00:04:52,630
To display them in circles.

81
00:04:52,630 --> 00:04:58,210
First, we need to change the display to in line, block in line one.

82
00:04:58,600 --> 00:05:03,390
Next we want to use the we want to use the border radius.

83
00:05:03,410 --> 00:05:04,660
I'm going to say border radius.

84
00:05:05,530 --> 00:05:11,350
And for the border radius, I'm going to say 50%, which is going to create a circle around these around

85
00:05:11,350 --> 00:05:12,700
these icons.

86
00:05:13,270 --> 00:05:21,330
And I'm going to also change the text align the text align is going to be center text, a line X, a

87
00:05:21,340 --> 00:05:22,240
line center.

88
00:05:23,260 --> 00:05:27,580
And I'm going to also change the line high line height.

89
00:05:27,580 --> 00:05:28,180
I'm going to say.

90
00:05:28,780 --> 00:05:29,860
Oh 38.

91
00:05:32,920 --> 00:05:35,290
Lastly, I'm going to change the translation.

92
00:05:35,290 --> 00:05:37,630
I'm going to add the transition transition.

93
00:05:37,630 --> 00:05:42,490
So for this transition, I'm going to say 8.3 seconds ese.

94
00:05:43,600 --> 00:05:46,850
And lastly, I'm going to add a margin margin.

95
00:05:47,350 --> 00:05:53,740
So for the margin, I'm going to say zero from top and bottom and five from right and left.

96
00:05:56,120 --> 00:05:56,420
Lamy.

97
00:05:56,420 --> 00:05:58,610
Now, let's head on over to the browser to test.

98
00:05:59,120 --> 00:06:01,940
You'll see that these will be displayed inside circles.

99
00:06:02,570 --> 00:06:03,800
Lamy Refreshments for you.

100
00:06:03,800 --> 00:06:04,820
How awesome this is.

101
00:06:04,820 --> 00:06:08,840
As you can see, these will be displayed inside circles.

102
00:06:10,790 --> 00:06:15,590
Now, let me also add half of our effect to this.

103
00:06:18,500 --> 00:06:25,640
So I'm going to say here Twitter and then copyright and then attack and then hover.

104
00:06:26,390 --> 00:06:32,560
So if I hover if I hover over one of these, what I want to happen is that I want to change the.

105
00:06:33,500 --> 00:06:34,790
I want to change the color.

106
00:06:35,060 --> 00:06:42,110
So the color is going to be white is going to be white.

107
00:06:44,140 --> 00:06:46,390
And the background color is going to be orange.

108
00:06:47,440 --> 00:06:54,340
So I'm going to say back ground color and then I'm going to change the background color to the white

109
00:06:54,340 --> 00:06:57,010
color, to the orange color.

110
00:06:57,730 --> 00:07:00,730
Let me now save and let me refresh and show you how awesome this is.

111
00:07:01,600 --> 00:07:09,010
So as you can see now, if I hover over this, the color will go from white to orange, which looks

112
00:07:09,010 --> 00:07:09,430
amazing.

113
00:07:10,060 --> 00:07:12,760
Lastly, I'm going to change the contact information here.

114
00:07:13,510 --> 00:07:15,910
The the color of the contact information.

115
00:07:15,910 --> 00:07:22,780
So remember, the contact information is displayed inside paragraphs for these paragraphs that are inside

116
00:07:22,780 --> 00:07:23,290
the.

117
00:07:24,780 --> 00:07:28,440
Inside the the here we have the footer.

118
00:07:28,440 --> 00:07:29,280
So I'm going to say.

119
00:07:30,390 --> 00:07:35,820
I'm going to stay here, put her and then plane, and then I'm going to see color.

120
00:07:36,810 --> 00:07:38,130
So the color is going to be white.

121
00:07:44,780 --> 00:07:46,080
Leave me now and let me.

122
00:07:47,250 --> 00:07:52,820
Refresh and the colour will be white and you can see the color is going to be white.