1
00:00:00,490 --> 00:00:01,240
Welcome back.

2
00:00:01,720 --> 00:00:07,360
Now, what I'm going to do is that I'm going to create a new page called Contact the Contact US Page.

3
00:00:08,170 --> 00:00:13,600
Which which which would contain contact us contact information.

4
00:00:14,260 --> 00:00:17,080
So I'm going to give you the new physical contact.

5
00:00:18,470 --> 00:00:18,850
Got it.

6
00:00:20,900 --> 00:00:24,260
And the design is going to be very, very similar.

7
00:00:24,560 --> 00:00:27,560
We just need to display all the contact information.

8
00:00:28,060 --> 00:00:31,880
So it's it's not going to contain so many things.

9
00:00:32,360 --> 00:00:36,050
So we can just copy the code from from the index as usual.

10
00:00:36,710 --> 00:00:40,430
This time I'm going to copy the complete code, and then I'm going to piece that because I don't I don't

11
00:00:40,430 --> 00:00:42,740
want to go back and forth so many times.

12
00:00:44,040 --> 00:00:46,430
And then I'm going to delete what needs to be deleted.

13
00:00:47,120 --> 00:00:53,120
So I'm going to start from the top and then I'm going to go all the way down to the bottom.

14
00:00:53,690 --> 00:00:57,200
The navigation bar we need, the navigation bar, the home section.

15
00:00:57,200 --> 00:00:58,430
We don't need this comp section.

16
00:00:58,430 --> 00:00:59,750
I'm going to remove the section.

17
00:01:02,260 --> 00:01:03,040
Their brand.

18
00:01:03,040 --> 00:01:11,110
We don't need, of course, this brand section, the new we don't need this new section, the feature.

19
00:01:11,140 --> 00:01:14,590
We don't need the feature and we don't need the banner either.

20
00:01:15,400 --> 00:01:20,050
I'm going to believe these, but these do the check out and the watches.

21
00:01:20,740 --> 00:01:22,450
I'm going to delete these two as well.

22
00:01:23,200 --> 00:01:26,950
And through as we need to read through and we need to keep the footer.

23
00:01:27,550 --> 00:01:34,540
So in between between the navigation bar and the footer, we just need to get a section that would display

24
00:01:34,540 --> 00:01:35,740
the contact information.

25
00:01:36,370 --> 00:01:40,540
So I'm going to create a new section here called Contact.

26
00:01:43,060 --> 00:01:45,580
And it's going to be on.

27
00:01:46,730 --> 00:01:47,420
Doctor.

28
00:01:48,230 --> 00:01:49,820
That's going to be a section.

29
00:01:50,000 --> 00:01:50,990
I'm going to say section.

30
00:01:52,100 --> 00:01:53,720
And I'm going to give it and it.

31
00:01:59,310 --> 00:02:00,720
And also a class.

32
00:02:01,740 --> 00:02:02,880
So the class is.

33
00:02:03,180 --> 00:02:04,650
I'm going to give it the container.

34
00:02:04,890 --> 00:02:06,360
The bootstrap container class.

35
00:02:08,410 --> 00:02:15,400
As well as the NY market top bottom five, batting top bottom five.

36
00:02:16,570 --> 00:02:20,680
And in this section I'm going to play the contact information.

37
00:02:20,740 --> 00:02:26,590
But before any displaying of contact information, I'm going to display the contact us word above the

38
00:02:26,590 --> 00:02:27,640
contact information.

39
00:02:28,150 --> 00:02:38,170
So I'm for it, which is also going to have the container class as well as the next alliance in our

40
00:02:38,170 --> 00:02:40,300
class because they want to center the next.

41
00:02:42,100 --> 00:02:43,090
Text Center.

42
00:02:44,810 --> 00:02:47,900
And I'm going to give it margin top line.

43
00:02:49,220 --> 00:02:58,070
And inside it I'm going to display your a contact us word inside eight inside three I'm going to say

44
00:02:58,070 --> 00:02:59,480
contact us.

45
00:03:01,620 --> 00:03:04,580
And by law, this this.

46
00:03:04,590 --> 00:03:05,130
Contact us.

47
00:03:05,130 --> 00:03:06,450
I'm going to display the R.

48
00:03:07,600 --> 00:03:14,290
Separator and I'm going to give it the class in X or.

49
00:03:18,310 --> 00:03:26,050
Below this h r I'm going to use the paragraph and I'm going to give this paragraph a class.

50
00:03:26,770 --> 00:03:34,510
That class would be I'd definitely use 50, which is going to display the content in half width.

51
00:03:35,810 --> 00:03:42,380
And I'm going to give you the margin right on the left or to center the paragraph.

52
00:03:43,070 --> 00:03:43,780
In the paragraph.

53
00:03:43,790 --> 00:03:51,350
I'm going to display the contact information so you can display whatever you want the the the way you

54
00:03:51,350 --> 00:03:56,810
want your customers to contact you so you can display, for example, if your number could be a phone

55
00:03:56,810 --> 00:04:00,260
number, it could be an email, could be any anything you want.

56
00:04:10,400 --> 00:04:13,340
And you can explain below and I'm going to just copy this.

57
00:04:14,030 --> 00:04:18,230
And in a new paragraph I'm going to say email address.

58
00:04:35,920 --> 00:04:38,260
And then I'm going to explain your text when I say.

59
00:05:00,330 --> 00:05:05,310
Whatever sticks you want to display, let me save and leaning over to the browser and let me know.

60
00:05:05,310 --> 00:05:06,750
Heading over to the contact.

61
00:05:07,230 --> 00:05:11,430
Contact the female page in the contact page.

62
00:05:11,430 --> 00:05:13,080
As you can see now, it looks outstanding.

63
00:05:13,470 --> 00:05:18,750
We have the phone number, we have the email address and we have the this sample text.

64
00:05:19,350 --> 00:05:28,470
And it's preferably to display the the the phone number or the email in a different colour, meaning

65
00:05:28,470 --> 00:05:38,250
that you can see your spam and then move the phone number over to this phone here inside this phone.

66
00:05:38,670 --> 00:05:47,250
Similarly with the spam here, similarly with the email, I'm going to move the email or I'm going to

67
00:05:47,250 --> 00:05:52,080
type the email one more time and minute you move this this email.

68
00:05:52,680 --> 00:05:59,130
And in order to to change the color to see this, I'm going to open up this, he says.

69
00:05:59,880 --> 00:06:03,450
And in this case, I'm just going to say here, contact.

70
00:06:08,390 --> 00:06:14,480
And then we have a contact ID, I'm going to say contact and then scan.

71
00:06:17,650 --> 00:06:27,070
So the color again, the color I'm going to use the the orange color because I want to keep the color.

72
00:06:27,240 --> 00:06:31,700
I'm going to I just want I just want to use the same brown color for all pages.

73
00:06:31,720 --> 00:06:34,120
We don't want to be inconsistent.

74
00:06:34,960 --> 00:06:42,130
So as you can see now, the the the contact information is being displayed in, in a different color,

75
00:06:42,130 --> 00:06:43,300
which is better.

76
00:06:43,870 --> 00:06:47,290
Also, the contact as this could be displayed in an orange.

77
00:06:47,290 --> 00:06:49,300
But I think lack of spirit is perfect.

78
00:06:49,930 --> 00:06:51,430
So this is a contact us speech.