1
00:00:01,340 --> 00:00:08,480
OK, so let's take care of our photo section now, I'm going to go down here to our current footer and

2
00:00:08,480 --> 00:00:10,220
within here we're going to create first.

3
00:00:10,230 --> 00:00:16,790
We did that actually with an I.D. So not the DOT, but has social.

4
00:00:18,460 --> 00:00:19,090
Dana.

5
00:00:22,090 --> 00:00:26,290
Within a year, I'm going to have a paragraph tag and just a simple follow us.

6
00:00:28,150 --> 00:00:31,910
Ethanol paragraph going to create for eye contact.

7
00:00:32,440 --> 00:00:36,370
Now this eye contact, well, actually the italic textbook.

8
00:00:37,780 --> 00:00:42,790
We're going to use font awesome from now on, so we need a class of F, a, b.

9
00:00:44,550 --> 00:00:48,420
And then f a dash, first one will be Facebook.

10
00:00:55,390 --> 00:01:03,040
I forgot, oh, here, OK, so let's save it and see if it took effect already.

11
00:01:05,970 --> 00:01:07,500
There we go, there's our Facebook.

12
00:01:09,140 --> 00:01:11,930
I'm going to copy this three more times.

13
00:01:15,860 --> 00:01:24,920
And I'm going to play so thought f a the first one with Instagram, then the second one made Twitter.

14
00:01:27,650 --> 00:01:29,030
And the last one with Clinton

15
00:01:33,290 --> 00:01:35,760
is less safe and see if this take effect.

16
00:01:36,320 --> 00:01:37,450
Yep, there we go.

17
00:01:38,430 --> 00:01:41,980
So there's all four there are four icon decks for social media.

18
00:01:42,870 --> 00:01:50,640
Now we're going to create another dip underneath this tape and this will have a idea of contact container.

19
00:01:55,220 --> 00:02:07,040
We can't going to replace the now we think we are going to create the USA and for allies, so times

20
00:02:07,040 --> 00:02:17,090
for and in the first one going to Tiepin City, then some kind of postcode and the city.

21
00:02:20,240 --> 00:02:23,480
The next one will be of street so street.

22
00:02:26,520 --> 00:02:27,870
And then some street.

23
00:02:31,360 --> 00:02:33,070
It a number at the end.

24
00:02:34,880 --> 00:02:35,930
Then they phone number.

25
00:02:36,940 --> 00:02:43,750
So phone I'm going to go with plus something, something something you should be plus.

26
00:02:48,240 --> 00:02:57,150
And down here ever so so w w w dot the web dot com.

27
00:02:58,760 --> 00:03:01,840
OK, let's hit save, we don't need you there.

28
00:03:04,870 --> 00:03:11,920
And the last thing I need here is another day with a class or the next, let's go with a class of copy.

29
00:03:17,320 --> 00:03:23,380
OK, within a class, within the stiv I'm going to create now we just get the top empowered.

30
00:03:27,780 --> 00:03:31,260
By and then the culprit I sign so.

31
00:03:33,000 --> 00:03:34,620
And copy.

32
00:03:37,200 --> 00:03:38,790
And the anchor tag.

33
00:03:45,380 --> 00:03:50,600
Which would go nowhere and this would have a target of a blank.

34
00:03:56,980 --> 00:03:59,710
And we do not think it is going to be Manhart media.

35
00:04:04,410 --> 00:04:06,210
And two thousand eighty.

36
00:04:07,860 --> 00:04:10,380
If you don't know, this is the 28 principle.

37
00:04:11,590 --> 00:04:17,830
Okay, so that's basically Fomenko for Futer and I should actually hey, I forgot to put this into a

38
00:04:17,830 --> 00:04:18,450
food attack.

39
00:04:18,810 --> 00:04:27,660
So put the tag and you're going to take everything from here to here, cut it out and put it in the

40
00:04:27,660 --> 00:04:27,940
tank.

41
00:04:28,890 --> 00:04:29,490
All right.

42
00:04:29,580 --> 00:04:31,260
Now you can go to our success.

43
00:04:35,830 --> 00:04:42,010
So let's jump out to see here as a statement here, comment her so we know what restyling from down

44
00:04:42,010 --> 00:04:50,400
here, not a stick of football tag and let's give it the height of 10 viewport heights.

45
00:04:50,560 --> 00:04:53,740
Don't want this to have a bigger hide.

46
00:04:53,750 --> 00:04:57,970
The viewport right now for the wait, we're going to go with 100 percent again.

47
00:04:57,970 --> 00:05:03,820
So we've got to take up 100 percent of its container now and now we're going to display it.

48
00:05:03,820 --> 00:05:05,860
Not in line, but it's great.

49
00:05:07,630 --> 00:05:14,830
And for the great column, we're going to use two times one, a false one for one Republican I typing

50
00:05:14,830 --> 00:05:15,930
repeat one at four.

51
00:05:16,390 --> 00:05:18,220
They repeat two times one in four.

52
00:05:18,700 --> 00:05:23,110
And this already should, should, should, should create a container with two.

53
00:05:23,110 --> 00:05:23,400
Great.

54
00:05:23,410 --> 00:05:28,080
So let's open this up here and let's take a look.

55
00:05:28,090 --> 00:05:28,360
Yep.

56
00:05:28,360 --> 00:05:31,720
We have two columns now.

57
00:05:31,720 --> 00:05:39,280
Let's go back into a container in Tarsier says analyst now justify the justify sell.

58
00:05:42,800 --> 00:05:43,520
Center.

59
00:05:45,560 --> 00:05:51,880
And let's give this a margin from the top of to ramp, and this is just basic to push down a further

60
00:05:51,890 --> 00:05:53,240
to ramp from the top.

61
00:06:00,180 --> 00:06:07,530
And I also want to give it a border to the top so we have a bit of a separation of one pixel solid and

62
00:06:07,530 --> 00:06:12,360
a hash of free WiFi exactly as we did with with our navigation.

63
00:06:13,140 --> 00:06:14,070
And also.

64
00:06:14,100 --> 00:06:16,050
So give it a padding from the top.

65
00:06:18,350 --> 00:06:21,840
Padding top off to ram.

66
00:06:22,350 --> 00:06:29,210
OK, so this should be safai, so this is the line and this is the padding between the line and the

67
00:06:29,210 --> 00:06:29,780
content.

68
00:06:31,280 --> 00:06:40,190
Nunga did select the footy's children, Gasso Foster, they should be actually done here because we

69
00:06:40,190 --> 00:06:42,130
have it in after a video.

70
00:06:42,860 --> 00:06:48,200
We have we have a one photo one, two, three days.

71
00:06:48,380 --> 00:06:50,510
So actually it has three children.

72
00:06:53,100 --> 00:06:57,420
Of three items such as foot and mouth child.

73
00:07:00,870 --> 00:07:07,410
And I could select number three or do something like last child, but I'm going to remain with no free

74
00:07:09,690 --> 00:07:13,980
select last child and that's the last child, so last child.

75
00:07:14,280 --> 00:07:15,920
And we don't need no then.

76
00:07:16,770 --> 00:07:20,700
And let's try to be in a great template column or a great column.

77
00:07:21,200 --> 00:07:30,210
Want to slash free and on the grid row home to total what this will do.

78
00:07:30,720 --> 00:07:35,610
And it's just to find the content just for myself item.

79
00:07:35,700 --> 00:07:37,500
So just hold yourself.

80
00:07:38,250 --> 00:07:39,630
Justify yourself.

81
00:07:41,630 --> 00:07:42,270
To the center.

82
00:07:43,190 --> 00:07:47,780
OK, and what's this will do is spread out our copy right here.

83
00:07:48,740 --> 00:07:53,170
And above all the two columns and place it in the center.

84
00:07:55,040 --> 00:08:02,420
Now, a couple of things I wanted to grab on to all of them eye contact and as you can remember of the

85
00:08:02,420 --> 00:08:08,000
eye contact, had a class of FGB going to target them and change their color.

86
00:08:09,600 --> 00:08:14,070
To have free, free, free at seven seven, seven, free, free, free.

87
00:08:16,600 --> 00:08:19,570
Then increase their font size, font size.

88
00:08:23,010 --> 00:08:24,570
To one point, Reem.

89
00:08:26,560 --> 00:08:33,250
And let's also give them a panning to the right of point five RAM, which would then give them a bit

90
00:08:33,250 --> 00:08:35,710
of a space to the to their right side.

91
00:08:36,720 --> 00:08:39,540
It will push the next item a bit further to the right.

92
00:08:41,090 --> 00:08:47,300
And, of course, in a hallway when I come back, I wanted to have to have a of pointer, not the last

93
00:08:47,300 --> 00:08:53,270
thing we're going to take our foot and the class of carpet that we created and we're going to give this

94
00:08:53,270 --> 00:08:55,670
a width of 100 percent of its container.

95
00:08:56,720 --> 00:09:01,730
They're going to change the background color to hash free, free, free.

96
00:09:04,590 --> 00:09:11,010
Going to change the color itself of the text to hash epithets, a white color and to give it a padding

97
00:09:11,020 --> 00:09:13,210
for top and bottom of point.

98
00:09:14,230 --> 00:09:14,980
Fibrin.

99
00:09:20,370 --> 00:09:21,850
And left and right, zero.

100
00:09:22,200 --> 00:09:28,260
And, of course, to center so we have additional tax, it will always remain in the center.

101
00:09:30,260 --> 00:09:37,460
Okay, so after that, this it should look something like this, so that's why I want to change this,

102
00:09:37,460 --> 00:09:47,120
that your carpet anchor tags of Futer Hard copy and we have an anchor tag within there because take

103
00:09:47,120 --> 00:09:47,830
a look at Irishtown.

104
00:09:47,870 --> 00:09:51,950
Okay, so this was that Manhart two thousand eighty.

105
00:09:52,580 --> 00:09:58,000
We're going to change this by targeting the anchor tag within it and just the target, the color to

106
00:09:58,010 --> 00:09:58,460
hash.

107
00:09:59,240 --> 00:10:00,380
Let's go with 999.

108
00:10:01,700 --> 00:10:02,750
And that's too much tonight.

109
00:10:03,320 --> 00:10:04,410
OK, so there we go.

110
00:10:04,820 --> 00:10:09,380
And if I were deselect now our grid system, there's a future.

111
00:10:10,880 --> 00:10:14,480
So, hey, this is basically pretty awesome.

112
00:10:14,840 --> 00:10:15,680
Simple page.

113
00:10:16,770 --> 00:10:18,660
We have our facts right here.

114
00:10:20,520 --> 00:10:25,350
And on heroes have a social media and also for the tech.

115
00:10:26,440 --> 00:10:32,100
So the lesson I need to do is to make this responsive, so we will take care of this in the next video

116
00:10:32,110 --> 00:10:33,520
so soon, the next one by.