1
00:00:00,060 --> 00:00:05,020
As you can see now in this page, the website is not very beautiful.

2
00:00:05,520 --> 00:00:10,170
So now we are going to add some style by using the material success.

3
00:00:10,470 --> 00:00:17,610
Now we go to the documentation's and we go to the stop page and we copy the Sudan.

4
00:00:18,960 --> 00:00:28,890
And then we pasted to our index page and we also copy the NEFA and then we pay to the body and then

5
00:00:28,940 --> 00:00:29,790
you refresh.

6
00:00:30,710 --> 00:00:38,370
You can see the Nafie already exist here and we do not have the pictures, so we just delete the order

7
00:00:38,420 --> 00:00:44,000
these items and we just have to link to the items.

8
00:00:45,470 --> 00:00:47,830
And also we are going to list all the items.

9
00:00:47,840 --> 00:00:52,190
So we are going to use this with the secondary content.

10
00:00:53,710 --> 00:00:56,550
And then lipase and then underneath in that.

11
00:00:58,180 --> 00:01:05,800
Now you go to the page, you can see the police already exist here and we do not need the first name.

12
00:01:06,770 --> 00:01:14,810
And also, we should also make this logo an item to a and her and we also do the same in the body.

13
00:01:15,860 --> 00:01:21,260
So we are going to add the container cost inside the net for.

14
00:01:23,440 --> 00:01:30,220
And also, we are going to add the content that you here and then we paste all the list items.

15
00:01:34,550 --> 00:01:35,450
Inside the Dave.

16
00:01:40,760 --> 00:01:42,980
And we can also delete the first name.

17
00:01:45,590 --> 00:01:53,360
And we refreshed the patient, you see this look more beautiful, but we missed a scent icon and if

18
00:01:53,360 --> 00:02:00,740
you look at the casting start page, you will see actually we also need to import the Google font in

19
00:02:00,740 --> 00:02:02,030
order to get the icon.

20
00:02:02,720 --> 00:02:03,800
So we copy this.

21
00:02:06,400 --> 00:02:09,790
And also paid to our head.

22
00:02:10,420 --> 00:02:14,830
Now, if we refresh the page or the icons excuse here.

23
00:02:16,730 --> 00:02:21,140
And then we also changed the logo to another name, the corrupt.

24
00:02:21,620 --> 00:02:23,840
Now you can see the logo already changed.

25
00:02:25,320 --> 00:02:33,060
And then we do almost the same things inside items, so we copy the whole package and we replace the

26
00:02:33,060 --> 00:02:33,600
old one.

27
00:02:35,970 --> 00:02:39,510
Now we go to dermatologist's input formed.

28
00:02:40,890 --> 00:02:42,270
And we can copy.

29
00:02:44,000 --> 00:02:44,590
Esteve.

30
00:02:46,810 --> 00:02:48,010
And then we.

31
00:02:49,020 --> 00:02:57,420
Delete all the items inside the container and we move to form now we can go to the item in here, we

32
00:02:57,420 --> 00:02:59,780
should change this to a thought slash.

33
00:03:00,120 --> 00:03:09,990
And then it came out because inside are empty as we are going to go to the wall for an item instead

34
00:03:09,990 --> 00:03:11,640
of the XHTML.

35
00:03:12,730 --> 00:03:20,080
So we go to the page, if we refresh the page and click on the item now you can see it already, go

36
00:03:20,080 --> 00:03:21,070
to the input form.

37
00:03:22,040 --> 00:03:29,840
And then we are going to modify the page, so the first thing is we do not want to a concert hall.

38
00:03:29,910 --> 00:03:37,190
We are going to use the shopping cart because this is the item name now we replaced with item name.

39
00:03:38,480 --> 00:03:48,290
And also we add a name use code to name so we can get this variable later by using this name.

40
00:03:48,890 --> 00:03:57,290
And same with the next input feel we add the name is equal to price because this is going to start the

41
00:03:57,290 --> 00:03:57,800
price.

42
00:04:05,680 --> 00:04:13,000
And icon is we crescent coach, and at last we are going to add a button and remember, this should

43
00:04:13,000 --> 00:04:16,300
be inside the form because we are going to use the summit.

44
00:04:16,820 --> 00:04:19,630
So the cost is equal to the end.

45
00:04:20,350 --> 00:04:23,440
And we add the name is an item.

46
00:04:25,150 --> 00:04:26,620
Now, if we refresh the page.

47
00:04:28,160 --> 00:04:36,260
You can see the item here and we have the item them and also the price and all the icons already revised

48
00:04:36,350 --> 00:04:37,000
correctly.

49
00:04:37,190 --> 00:04:42,900
And at last we are going to edit the error page so we do not want to just pay to task.

50
00:04:43,070 --> 00:04:50,830
So we again, copy from the index page and page to the error page and then we need the content inside

51
00:04:50,840 --> 00:04:58,970
a continuative and here because we want to send out all the content we type sent out a line and then

52
00:04:58,970 --> 00:05:02,740
we paste the icon at the Matuidi access icon.

53
00:05:02,750 --> 00:05:10,960
You can see the sentiment very dissatisfied and we copy this word and paste to this page.

54
00:05:11,180 --> 00:05:14,540
And also we typed some tasks, for example.

55
00:05:15,450 --> 00:05:19,950
Oops, and this is full page form.

56
00:05:20,510 --> 00:05:28,110
Now we go to refresh the page and you can see the icons and also the pass, but the icon is too small.

57
00:05:28,760 --> 00:05:32,620
So now you are going to make this as a large icon.

58
00:05:32,630 --> 00:05:35,940
So we add the cost and maybe refreshing.

59
00:05:35,990 --> 00:05:39,430
And you can see this icon is larger.

60
00:05:39,740 --> 00:05:43,570
So we already finished all the page with styled.