1
00:00:00,210 --> 00:00:08,730
Excellent job on getting this far, and the last component before we start tackling the product is going

2
00:00:08,730 --> 00:00:15,900
to be our contact section and you can probably already guess that I'm going to close all my files that

3
00:00:15,900 --> 00:00:22,140
I'm currently working in and we're going to look for recontact Jass in the components.

4
00:00:22,620 --> 00:00:27,840
And for the time being, we just have the hunting for Bush will use our wrapper.

5
00:00:28,320 --> 00:00:34,170
And you can see we don't have much importance in here, essentially just react and stock components.

6
00:00:34,620 --> 00:00:42,770
Then we're going to have our there with a section and an antenna that's for the width and side of it.

7
00:00:42,780 --> 00:00:44,520
We're going to go with adding three.

8
00:00:44,910 --> 00:00:48,000
And as far as the text also joined our.

9
00:00:53,340 --> 00:00:55,350
20 percent of.

10
00:00:56,210 --> 00:01:05,360
All right, then I'm going to go with Dave, the class of content, so let's say your content and instead

11
00:01:05,360 --> 00:01:11,690
of this content, if we're going to go with paragraph and I'll use the Lorem again, I'm going to get

12
00:01:11,690 --> 00:01:12,400
20 words.

13
00:01:12,830 --> 00:01:16,550
So so we should see something like this on the screen.

14
00:01:17,000 --> 00:01:23,570
And then still within this content there, I would want to set up my form so I have my Dave and I would

15
00:01:23,570 --> 00:01:30,050
want to set up that form and would want to add a class of contact form.

16
00:01:30,320 --> 00:01:31,730
Now, don't worry about the action.

17
00:01:32,210 --> 00:01:34,190
We'll worry about that in the next video.

18
00:01:34,500 --> 00:01:35,510
Now, just a moment.

19
00:01:35,960 --> 00:01:42,610
And instead of this form, I'm going to go with input and we'll just go the simple email.

20
00:01:42,800 --> 00:01:44,660
So sorry, it's not going to be taxed.

21
00:01:45,080 --> 00:01:46,630
Won't say email.

22
00:01:47,180 --> 00:01:51,980
And then as far as the classes and placeholder, well, let's add a class name here.

23
00:01:53,430 --> 00:02:01,080
Class name for the styling will be form and hyphen input and then also will have a placeholder and that

24
00:02:01,080 --> 00:02:08,000
one will be equal to enter and email but serried we should see this thing.

25
00:02:08,370 --> 00:02:09,660
So we have our input.

26
00:02:09,880 --> 00:02:12,420
Now, what's missing is the button.

27
00:02:12,900 --> 00:02:14,310
So we have to form input.

28
00:02:14,310 --> 00:02:17,610
And I'm told in the form we're going to go with button.

29
00:02:17,640 --> 00:02:25,410
Now this is going to be a submit button and add a class name here where we're going to go with submit

30
00:02:25,860 --> 00:02:28,200
and then I find button.

31
00:02:28,470 --> 00:02:30,700
I want to just say subscribe.

32
00:02:30,990 --> 00:02:35,640
So essentially will want the user to subscribe to our newsletter.

33
00:02:35,890 --> 00:02:37,940
So that's going to be look on a small screen.

34
00:02:38,280 --> 00:02:41,370
And now let's take a look and we're going to look like on a big one.

35
00:02:41,730 --> 00:02:43,650
Let's now get here and the hardest.

36
00:02:44,040 --> 00:02:48,990
So we have had in three and a paragraph and then on the right hand side, we have the form.