1
00:00:00,150 --> 00:00:03,600
So now what we need to do is that we need to work on the footer section of the website.

2
00:00:04,170 --> 00:00:06,990
So what I'm going to do is that I'm going to here to get a footer.

3
00:00:06,990 --> 00:00:10,500
So at the end here, I'm going to create a Twitter.

4
00:00:11,850 --> 00:00:13,140
I'm going to have your say footer.

5
00:00:17,950 --> 00:00:18,940
And then I'm going to eat here.

6
00:00:19,240 --> 00:00:20,050
I'm going to take it.

7
00:00:21,070 --> 00:00:26,800
So for the future, what I'm going to do is that I'm going to divide the water into four sections.

8
00:00:26,800 --> 00:00:30,490
Each section will contain and display some different information.

9
00:00:31,060 --> 00:00:38,380
So for the future, first of all, for the future first, I'm going to give the for the future itself

10
00:00:38,920 --> 00:00:40,000
a class here.

11
00:00:40,000 --> 00:00:40,960
I'm going to say class.

12
00:00:42,130 --> 00:00:51,940
And the class is going to be margin top five and margin and batting y life batting y means batting from

13
00:00:51,940 --> 00:00:56,110
the top and bottom and inside that footer.

14
00:00:57,130 --> 00:01:03,580
First I'm going to create a there and that will have a the bootstrap class, the raw bootstrap class

15
00:01:04,000 --> 00:01:08,170
in order to divide the column, in order to divide into columns.

16
00:01:08,680 --> 00:01:13,750
So I'm going to say a row and I'm going to give it a row, container, container class.

17
00:01:13,750 --> 00:01:18,820
But let me add these classes later because I want to explain something important when it comes to design.

18
00:01:20,500 --> 00:01:23,440
Then inside that, Dave, I'm going to create another Dave.

19
00:01:24,160 --> 00:01:31,300
And for this Dave, we need to give it the column Class of bootstrap because this is going to be the

20
00:01:31,300 --> 00:01:35,200
first column that that's going to be displayed in the footer.

21
00:01:35,590 --> 00:01:40,840
So I'm going to say column large, column root, column larger.

22
00:01:41,860 --> 00:01:44,650
So it's going to take three columns out of 12 inches.

23
00:01:44,650 --> 00:01:49,000
The screen is large in case the the screen is medium.

24
00:01:49,000 --> 00:01:51,760
It's going to speak six columns.

25
00:01:52,240 --> 00:01:55,360
In case the screen is small, it's going to take 12 columns.

26
00:01:57,730 --> 00:02:09,040
And I'm going to also give it here, a class called Footer one, because this is the first part of the

27
00:02:09,040 --> 00:02:10,480
footer inside that.

28
00:02:10,490 --> 00:02:13,270
Dave, what I'm going to display is that I'm going to display an image.

29
00:02:16,440 --> 00:02:17,710
Now I'm going to say source.

30
00:02:19,510 --> 00:02:20,320
Assets.

31
00:02:21,350 --> 00:02:26,900
And therefore slash image and therefore slash logo, not GAAP.

32
00:02:27,500 --> 00:02:30,830
However, I don't have the logo yet, so I'm going to add the logo later.

33
00:02:31,490 --> 00:02:32,390
Below the image.

34
00:02:32,390 --> 00:02:37,760
I'm going to display a paragraph about the website, about the business or the website I'm going to

35
00:02:37,760 --> 00:02:41,150
save plus and I'm going to give it also a margin top three.

36
00:02:41,900 --> 00:02:42,800
And I'm going to say here.

37
00:02:44,370 --> 00:02:45,930
So I'm going to type your subtext.

38
00:03:07,310 --> 00:03:09,380
And this is the first section.

39
00:03:09,720 --> 00:03:10,510
And this is the first.

40
00:03:12,190 --> 00:03:14,230
The first dip below this.

41
00:03:14,230 --> 00:03:19,340
What I'm going to do is that I'm going to display a links.

42
00:03:19,570 --> 00:03:22,350
So in order to do this, I'm going to create another Dave.

43
00:03:22,360 --> 00:03:25,360
So I'm going to copy this one and then I'm going to put it here.

44
00:03:26,260 --> 00:03:31,240
And instead of displaying image and paragraph, I'm going to remove the image and the paragraph and

45
00:03:31,240 --> 00:03:34,030
instead of the image and paragraph, I'm going to display it by.

46
00:03:34,810 --> 00:03:43,780
And then I'm going to say here first I'm going to give it a class margin batting bottom two, and I'm

47
00:03:43,780 --> 00:03:46,210
going to have you say inside, I'm going to display Lynx.

48
00:03:46,930 --> 00:03:50,860
So in order to display first here, I need to type two text.

49
00:03:53,470 --> 00:03:54,640
Here, I'm going to say.

50
00:03:55,670 --> 00:03:56,390
Featured.

51
00:03:59,180 --> 00:04:01,060
And below this I'm going to split the links.

52
00:04:01,070 --> 00:04:09,260
So here I'm going to use the unordered unordered list and I'm going to give it a class called uppercase.

53
00:04:10,700 --> 00:04:15,480
This is going to make fixed up our case.

54
00:04:15,800 --> 00:04:19,340
This is going to make all letters copy displayed in capital letters.

55
00:04:19,790 --> 00:04:26,360
So inside the unordered list, I'm going to display Eli's Eli and.

56
00:04:32,280 --> 00:04:33,120
We're going to stay here.

57
00:04:33,690 --> 00:04:34,350
Actress.

58
00:04:38,310 --> 00:04:45,780
And then I'm going to say, here are men and I'm going to copy this and pasted five times.

59
00:04:47,190 --> 00:04:52,350
One, two, three, four, five.

60
00:04:52,380 --> 00:04:55,080
Because we want to change this text.

61
00:05:12,900 --> 00:05:15,240
So now we are done with the section.

62
00:05:19,630 --> 00:05:21,070
Now we are done with this action.

63
00:05:21,400 --> 00:05:25,360
The next part is that I'm going to display the contact section.

64
00:05:25,690 --> 00:05:30,640
So let me before I display the contact section, let me say and show you how this looks like.

65
00:05:31,270 --> 00:05:35,260
So let me hear if I should show you so far how it's going to look like.

66
00:05:35,270 --> 00:05:36,910
So as you can see, this is how it's going to look like.

67
00:05:37,210 --> 00:05:38,350
This is the first column.

68
00:05:38,740 --> 00:05:39,850
This is the second column.

69
00:05:39,850 --> 00:05:43,090
And then I'm going to display I'm going to display to two more columns.

70
00:05:43,480 --> 00:05:48,220
But of course, don't worry about the design, because I'm going to work on the design shortly.

71
00:05:48,670 --> 00:05:53,140
But what you need to know for now is that the page has been defined.

72
00:05:53,140 --> 00:05:57,940
They are divided into four columns one, two, three and four.

73
00:05:58,750 --> 00:06:02,610
So let me now add another day every year.

74
00:06:02,620 --> 00:06:04,420
I'm going to copy this then.

75
00:06:05,490 --> 00:06:06,940
And then I'm going to sit here.

76
00:06:09,400 --> 00:06:10,570
And then inside are there.

77
00:06:11,140 --> 00:06:13,210
We want to display the contact information.

78
00:06:13,780 --> 00:06:22,420
Therefore, I'm going to say here H5 and for this H5, I'm going to give it a class called P B, which

79
00:06:22,420 --> 00:06:26,740
is going to add a bottom, which you're going to have to bring to the bottom.

80
00:06:27,370 --> 00:06:30,280
And then I'm going to just say, contact us.

81
00:06:31,300 --> 00:06:32,050
Contact us.

82
00:06:32,410 --> 00:06:33,480
Below this, contact us.

83
00:06:33,490 --> 00:06:36,340
I'm going to type the contact information.

84
00:06:37,090 --> 00:06:38,570
So below this, contact us.

85
00:06:38,600 --> 00:06:39,810
I'm going to get another live.

86
00:06:41,050 --> 00:06:45,640
And for this live, I'm going to fill this table with the contact information.

87
00:06:45,640 --> 00:06:51,790
First, I'm going to say six and I'm going to say class.

88
00:06:54,310 --> 00:06:54,910
Text.

89
00:06:58,800 --> 00:07:00,180
Upper case.

90
00:07:01,110 --> 00:07:02,610
And I'm going to say address.

91
00:07:05,490 --> 00:07:08,900
So this is the address below this for us six.

92
00:07:08,910 --> 00:07:11,210
I'm going to display the address.

93
00:07:11,220 --> 00:07:16,080
So here I'm going to say paragraph and let's type here and address.

94
00:07:28,820 --> 00:07:32,330
And after the address we need to display the phone number.

95
00:07:32,780 --> 00:07:40,490
So for the phone number, I'm going to copy this, I'm going to copy this, and then I'm going to place

96
00:07:40,490 --> 00:07:40,790
this.

97
00:07:41,360 --> 00:07:45,500
And instead of this bleeping address, I'm going to say font.

98
00:07:47,360 --> 00:07:49,310
And then let's display a phone number here.