1
00:00:00,120 --> 00:00:06,330
And once we're done with our sidebar with an iron bar as well as the Fuhrer, I would want to start

2
00:00:06,330 --> 00:00:12,950
off somewhat easy by covering the Arab page, by covering the about page.

3
00:00:13,320 --> 00:00:20,400
Also, I'm going to set up home page, but only the parts that don't require much functionality.

4
00:00:20,790 --> 00:00:22,440
For example, feature products.

5
00:00:22,720 --> 00:00:24,170
We'll set up a little bit later.

6
00:00:24,660 --> 00:00:30,780
And then once we're done with all this, then we'll really take a deep dive and we'll start working

7
00:00:30,780 --> 00:00:35,610
on pitching the product, setting up the filters and all that nice stuff.

8
00:00:35,790 --> 00:00:38,220
So let's just slowly ease into it.

9
00:00:38,490 --> 00:00:43,000
And don't worry, we'll get to the interesting stuff in time.

10
00:00:43,290 --> 00:00:45,920
And I guess I'm going to start with my error page.

11
00:00:46,260 --> 00:00:51,960
So just to showcase how it's going to look like I'm going to go with error, since that is the patient

12
00:00:51,960 --> 00:00:52,650
doesn't exist.

13
00:00:53,040 --> 00:00:56,260
And in here I right away have my error page.

14
00:00:56,260 --> 00:01:02,250
So four or four sorry, the page you tried cannot be found and we have a link to navigate back on.

15
00:01:03,170 --> 00:01:09,020
Let's do it, people, I'm going to close everything that I have open, and in this case, I don't need

16
00:01:09,020 --> 00:01:09,740
the components.

17
00:01:10,040 --> 00:01:12,560
What I need is the error page.

18
00:01:12,920 --> 00:01:14,360
So I'm looking at my pages.

19
00:01:14,370 --> 00:01:15,710
I'm looking for error page.

20
00:01:16,160 --> 00:01:20,600
And I simply would want to add my wrapper since I would want to add styling.

21
00:01:20,960 --> 00:01:25,390
And then this is going to be the case where I'll add one of those global classes.

22
00:01:25,700 --> 00:01:30,640
So let's go with class name and then page hyphen and then one hundred.

23
00:01:30,920 --> 00:01:36,790
Now what this class essentially is doing is just adding a height to my page.

24
00:01:36,800 --> 00:01:45,220
So if I navigate to hello, I want my error page to take up all the space apart from the number.

25
00:01:45,410 --> 00:01:52,130
So whatever is the height of number and the footer, if you're interested in the success, please navigate

26
00:01:52,170 --> 00:01:56,450
the indexes as you can do the quick find where you go with page.

27
00:01:56,670 --> 00:01:57,890
So there are two classes.

28
00:01:58,250 --> 00:02:04,790
One is going to be used in different pages and then one is page one hundred, which is going to be used

29
00:02:04,790 --> 00:02:11,300
in the average height and calculating the number five RTM and the water is also five arms.

30
00:02:11,550 --> 00:02:17,490
That's why I go with hundred minus 10 items and then I just add a little bit of padding over here.

31
00:02:17,720 --> 00:02:25,360
So in the error page, I only want a little bit of text as well as the link to navigate back home.

32
00:02:25,700 --> 00:02:33,170
So we simply say here section and then instead of the section we're going to go with one and we're going

33
00:02:33,170 --> 00:02:34,700
to go with four or four.

34
00:02:34,850 --> 00:02:43,940
And let's close the sidebar and then we're going to say adding three sorry, comma the page you tried.

35
00:02:47,030 --> 00:02:48,610
Be found, that's it.

36
00:02:48,900 --> 00:02:49,790
So we have to do.

37
00:02:50,030 --> 00:02:51,500
And then, of course, we have the link.

38
00:02:51,740 --> 00:02:54,170
Now it's up to you where you want to direct the user.

39
00:02:54,170 --> 00:03:00,530
In my case, I'm going to navigate back to the home page and we're going to say back home and for this

40
00:03:00,530 --> 00:03:06,350
link, I'm going to use another global class because I just find it easier to set up those global classes

41
00:03:06,350 --> 00:03:10,900
in my year instead of repeating the same thing in every component.

42
00:03:11,120 --> 00:03:11,870
And the name is.

43
00:03:11,870 --> 00:03:16,640
But again, navigate back here, use the quick find and just look for BTN.

44
00:03:16,910 --> 00:03:23,600
If you're interested in the styling that I set up for Button, and in a matter of minutes we should

45
00:03:23,600 --> 00:03:28,640
have the error page that just direct the user back to the home page.

46
00:03:28,940 --> 00:03:35,430
So let me say I have cut, but I would want to navigate to hello and there is my area.

47
00:03:35,600 --> 00:03:39,020
So I just click here and we should be back home.

48
00:03:39,140 --> 00:03:42,110
And there is now, of course, back on.