1
00:00:00,480 --> 00:00:07,860
Once we have our number in place now, let's work on our hero component, which won't have much functionality

2
00:00:08,010 --> 00:00:13,050
because we will implement that last but will still need to have our global context.

3
00:00:13,290 --> 00:00:15,790
So it's navigate to a hero.

4
00:00:16,140 --> 00:00:18,720
We already have the global context, which is beautiful.

5
00:00:19,090 --> 00:00:25,670
And here eventually we would want to grab clothes, submenu function.

6
00:00:26,190 --> 00:00:32,040
So once we have this set up, then of course we just need to set up the return where we're going to

7
00:00:32,040 --> 00:00:38,060
go with a section here section and it will have a class of hero.

8
00:00:38,550 --> 00:00:40,620
So class name No.

9
00:00:40,650 --> 00:00:45,650
One is equal to a hero on the inside of the section.

10
00:00:45,990 --> 00:00:54,480
Let's say we're going to have a date with a class of hero center and then also an article with hero

11
00:00:54,480 --> 00:00:56,930
info and then hero images.

12
00:00:57,320 --> 00:00:59,460
Let's set up the articles first.

13
00:00:59,730 --> 00:01:05,220
I'll copy and paste the class name and it's going to be equal to a hero.

14
00:01:05,520 --> 00:01:07,370
Images like so.

15
00:01:07,620 --> 00:01:12,990
And here I would want to place my phone image, which, by the way, won't be displayed on a small screen.

16
00:01:12,990 --> 00:01:17,190
So we won't be able to see it in this setup anyway.

17
00:01:17,310 --> 00:01:22,860
So we're going to go with the phone I and then class name, class name.

18
00:01:22,860 --> 00:01:26,900
And that one is equal to a phone hyphen emoji.

19
00:01:27,300 --> 00:01:30,770
And lastly, as far as the alternative, we're just going to go with them.

20
00:01:31,140 --> 00:01:38,520
And then inside of this one, the article I would want to go with class name of Hero Inform.

21
00:01:39,760 --> 00:01:49,180
So zero zero nine hyphen info and we're going to have a hearing one, and you know what?

22
00:01:49,180 --> 00:01:55,540
I think it's just going to be faster if we copy and paste from the complete project instead of rewriting

23
00:01:55,540 --> 00:01:56,610
everything from scratch.

24
00:01:57,070 --> 00:01:59,170
So I'm going to navigate here, copy and paste.

25
00:01:59,470 --> 00:02:00,700
That is my heading one.

26
00:02:01,150 --> 00:02:03,110
And that one will be my paragraph.

27
00:02:03,640 --> 00:02:08,260
So right after the one, I'm going to have paragraph, copy and paste.

28
00:02:08,590 --> 00:02:11,590
And then lastly, I would want my button.

29
00:02:12,070 --> 00:02:17,530
So say button here, a last name and it's going to be equal to a button.

30
00:02:17,920 --> 00:02:23,860
And as far as the text, let's just say start online now and there it is.

31
00:02:23,890 --> 00:02:29,620
Now, there's a little bit of serious issues because we still haven't completed the sidebar.

32
00:02:29,980 --> 00:02:38,050
But essentially this is going to be look for the home page, apart from this gray stripe on the very

33
00:02:38,050 --> 00:02:38,320
top.

34
00:02:38,710 --> 00:02:40,160
So we're done with the hero.

35
00:02:40,180 --> 00:02:41,350
We're done with a number.

36
00:02:41,680 --> 00:02:46,360
Now, let's focus on the sidebar as well as the submenu.