1
00:00:00,150 --> 00:00:08,550
In this part, we are going to create a NEFA on the top, so we had to use dematerialized access to

2
00:00:08,550 --> 00:00:10,190
use these NFPA.

3
00:00:10,830 --> 00:00:16,010
So we go to the documentation's and we need these two students.

4
00:00:16,650 --> 00:00:23,670
So we copy the access and back to our project and go to invest XHTML.

5
00:00:24,630 --> 00:00:26,040
And then go to the.

6
00:00:26,990 --> 00:00:29,210
Top and paste the link here.

7
00:00:30,160 --> 00:00:32,170
And also, we have to copy this.

8
00:00:33,110 --> 00:00:42,340
JavaScript and pace at the end of the body, and then we go to the components and we create a folder

9
00:00:42,980 --> 00:00:43,940
for laid out.

10
00:00:46,420 --> 00:00:51,180
And I understand they are we create a part of the.

11
00:00:53,410 --> 00:00:57,010
And that we create a component by typing the AFC.

12
00:00:59,360 --> 00:01:02,420
And then we go to search the net for.

13
00:01:05,870 --> 00:01:07,130
And to have a copy of this.

14
00:01:08,610 --> 00:01:13,110
And it here now, because we do not have cost.

15
00:01:13,140 --> 00:01:22,490
Instead, it has cost Naameh, so we need to replace these we hafnium and since we want to change the

16
00:01:22,500 --> 00:01:24,740
NFR color to green.

17
00:01:24,750 --> 00:01:29,880
So we have to add a green column here and then we change this to check.

18
00:01:31,970 --> 00:01:42,950
And then we change days to sign up and also out, and then we delete the link and then we go back to

19
00:01:42,950 --> 00:01:48,320
the old days and we now go to add the component NEFA.

20
00:01:53,180 --> 00:01:55,140
And we pays the bar here.

21
00:01:55,820 --> 00:02:04,640
Now you can see the NFPA is here, but if you reduce the size of the screen, you can see the patterns

22
00:02:05,180 --> 00:02:05,870
disappear.

23
00:02:06,470 --> 00:02:08,420
So you have to add a sign that.

24
00:02:11,090 --> 00:02:19,010
And this is the mobile collapse buttons, which means when the screen size is smaller, it will have

25
00:02:19,010 --> 00:02:20,210
a menubar here.

26
00:02:21,780 --> 00:02:26,400
So we can copy this, can we go back to our that part out?

27
00:02:26,440 --> 00:02:29,310
Yes, and it's under the net.

28
00:02:30,410 --> 00:02:38,720
And you can see this area because inside that we we cannot have multiple components, we have to use

29
00:02:39,140 --> 00:02:39,860
single.

30
00:02:40,820 --> 00:02:44,710
So we have to add the frontmen so the arrows is gone.

31
00:02:44,990 --> 00:02:48,280
And also you can see it gets trickier.

32
00:02:48,350 --> 00:02:48,680
So we.

33
00:02:48,940 --> 00:02:49,310
It is.

34
00:02:50,710 --> 00:03:00,570
And put it under the logo and we want the logo to back to the home page, so we used to forward slash

35
00:03:01,090 --> 00:03:08,490
and we now want to change the to a lot in size and also logo.

36
00:03:10,830 --> 00:03:16,200
So now you can see the menu icon actually is here, but you cannot display correctly.

37
00:03:16,220 --> 00:03:24,790
This is because we happened at the icons sites so we can go to the documentation's and such icon and

38
00:03:24,790 --> 00:03:33,220
then we copy this and we back to the entire storage TAMAO and then we paste it under the material I

39
00:03:33,230 --> 00:03:35,560
suggest, and receive it.

40
00:03:37,090 --> 00:03:45,010
And if you look at the portrait again, you can see the menubar is displayed here, but let me on this,

41
00:03:45,430 --> 00:03:48,010
it did not trigger the same menu.

42
00:03:48,820 --> 00:03:52,900
And if you look at the documentation's if you want to, you do some ice.

43
00:03:53,470 --> 00:03:56,800
You have to look at these Suape.

44
00:03:58,780 --> 00:04:01,990
To your project, so we're back to the investor e-mail.

45
00:04:03,260 --> 00:04:05,220
And then under the Matuidi.

46
00:04:06,390 --> 00:04:16,350
JavaScript, we put another script and then we pace here, and since we do not have any options so we

47
00:04:16,350 --> 00:04:23,730
can create these options and now we head to the airport right now, if you click on this now, if you

48
00:04:23,730 --> 00:04:32,210
click on this, you can see it's like out here and we can click on the L.A. area, it will disappear.

49
00:04:33,280 --> 00:04:40,230
And if you go to a full screen again, the menubar disappear, but the patterns appear here again.