1 00:00:01,360 --> 00:00:05,530 First, we need to import the material license, the S as to our ports. 2 00:00:06,280 --> 00:00:08,200 So we have to go to a Web page. 3 00:00:09,830 --> 00:00:15,050 And then we go to the getting started and they see the end and only copy. 4 00:00:16,500 --> 00:00:20,590 The CIA says to the public photos and then in Des. 5 00:00:21,840 --> 00:00:23,010 And before they had a. 6 00:00:24,580 --> 00:00:31,370 We paste the link to our project and also we have to copy the of Squib. 7 00:00:32,990 --> 00:00:34,850 And right before the end of the body. 8 00:00:36,410 --> 00:00:39,560 And since we are going to use the material icon. 9 00:00:40,430 --> 00:00:43,330 So we also have to go to that material icon. 10 00:00:45,680 --> 00:00:46,910 And then we go to the. 11 00:00:48,100 --> 00:00:49,100 To the CBN. 12 00:00:50,710 --> 00:00:51,760 And we copied this link. 13 00:00:53,300 --> 00:00:56,300 And also pays another lane that we placed before. 14 00:00:57,260 --> 00:01:04,740 So after we already import a mature one, I see SS and also the material icon, we can go to stock creating 15 00:01:04,780 --> 00:01:05,660 web components. 16 00:01:06,560 --> 00:01:08,120 So we go to the source and. 17 00:01:09,480 --> 00:01:12,540 Go to create a new folder called Component's. 18 00:01:14,410 --> 00:01:18,580 And under the Complutense photo, we create a new photo for the home. 19 00:01:19,030 --> 00:01:22,660 And under this photo we created to file. 20 00:01:22,680 --> 00:01:26,870 One is formed out the S and the other is from dog T. 21 00:01:26,870 --> 00:01:27,150 S. 22 00:01:27,670 --> 00:01:29,190 And then we create a new photo. 23 00:01:29,770 --> 00:01:33,250 We just lay out and under layout, we create a NFR. 24 00:01:35,930 --> 00:01:39,620 And then inside, an FBI restocks create a computer. 25 00:01:40,230 --> 00:01:46,140 And since we will use the Roud, so we have to install the we wrote it all. 26 00:01:46,830 --> 00:01:51,590 So go to type NPM, install it while her thumb. 27 00:01:52,530 --> 00:01:55,300 And then we can go to the NFR of the material. 28 00:01:55,310 --> 00:01:59,670 I see it says, and then we copy a decent one and paste it here. 29 00:02:00,330 --> 00:02:03,550 Now since we add do not have costs we have cost them. 30 00:02:03,630 --> 00:02:12,140 So we have to replace these, we have cost them and then we are going to import the length and a half 31 00:02:12,420 --> 00:02:15,960 length from we add wild at all. 32 00:02:16,170 --> 00:02:18,690 And since we want NFR is green. 33 00:02:18,810 --> 00:02:21,810 So we add the cost name equal to green. 34 00:02:22,250 --> 00:02:25,140 And we said this is lookbook of the logo. 35 00:02:25,470 --> 00:02:29,790 And then instead of using the A tag, we are using the length. 36 00:02:29,910 --> 00:02:36,600 So we we paste is to link and it is going to slash, which is the home page. 37 00:02:37,350 --> 00:02:38,490 We will set this later. 38 00:02:38,740 --> 00:02:46,110 And here since we just have one buttons so we can delete others and we have just one buttons which go 39 00:02:46,110 --> 00:02:47,300 to the favorite Nook's. 40 00:02:47,610 --> 00:02:50,310 And again, we do not have the eight Hagg. 41 00:02:50,490 --> 00:02:53,040 So we change this to enough length. 42 00:02:54,670 --> 00:02:59,670 This is also in that link and we do not have to address. 43 00:03:00,790 --> 00:03:06,010 We have that two and go to their favorite and we do also at this Natus. 44 00:03:06,280 --> 00:03:08,910 So now we are going to add a Rousse in the app, Jayesh. 45 00:03:09,040 --> 00:03:17,110 So we go to the abcess and first we have to delete DTT other things since we do not let this bunch of 46 00:03:17,110 --> 00:03:17,310 coke. 47 00:03:17,350 --> 00:03:18,460 We can delete this one. 48 00:03:19,540 --> 00:03:21,240 And we also do not need a logo. 49 00:03:21,400 --> 00:03:22,880 So we can also do it, this one. 50 00:03:24,340 --> 00:03:26,110 Now we are going to import the wild. 51 00:03:28,430 --> 00:03:36,360 And we are going to impose the death bar from the components and they out and then that bar and then 52 00:03:36,720 --> 00:03:39,250 we import the rout and also the NF bar. 53 00:03:39,570 --> 00:03:44,850 And now we can go to start their web and see what inside of where. 54 00:03:45,150 --> 00:03:48,960 Now you can see the nav bar and also the favorite buttons. 55 00:03:49,170 --> 00:03:55,010 You can see when we move them out over the buttons, we will become I an active cost. 56 00:03:55,740 --> 00:04:00,450 And you can also see the logo is very close to the left side. 57 00:04:00,510 --> 00:04:04,940 So we have to add some paddlings to in the next part, we will add some C. 58 00:04:04,960 --> 00:04:05,190 S. 59 00:04:05,220 --> 00:04:06,630 S to our index.