1
00:00:00,180 --> 00:00:01,060
Not bad and bad.

2
00:00:01,080 --> 00:00:09,180
We have our structure, so now let's focus on bar, since I think it's just going to be easier if we

3
00:00:09,180 --> 00:00:17,370
set up the routing where we don't have to navigate using the URL bar we navigate to the night bar component.

4
00:00:17,670 --> 00:00:20,730
We have here the link coming from reactor down.

5
00:00:20,760 --> 00:00:24,300
Remember, that was the component that we have to use.

6
00:00:24,540 --> 00:00:28,400
We as a reactor are done and then we also have the logo.

7
00:00:28,920 --> 00:00:31,380
And in this case, I would want to showcase that.

8
00:00:31,380 --> 00:00:36,060
We can wrap our images in the links as well.

9
00:00:36,330 --> 00:00:43,260
And simply what that means is if I navigate to you about Page and for some reason I would want to navigate

10
00:00:43,260 --> 00:00:46,870
back by clicking on the logo, I can definitely do it.

11
00:00:46,940 --> 00:00:49,980
Notice I'm navigating back to the homepage.

12
00:00:50,370 --> 00:00:57,650
So as far as their turn, we go with NAV will add a class name, of course, so we'll go with NAV and

13
00:00:57,660 --> 00:01:01,440
then the class time we're looking for is the Navar.

14
00:01:01,860 --> 00:01:03,630
No surprises over there.

15
00:01:04,080 --> 00:01:12,150
And also I would want to go with this with a class of nav center and I would want to go with a link.

16
00:01:12,570 --> 00:01:16,700
So we're going to go here with link to and learn of the fourth.

17
00:01:17,520 --> 00:01:22,860
So eventually, of course, I will place my logo inside of this link.

18
00:01:23,310 --> 00:01:25,050
So I'm going to go here with Premji.

19
00:01:25,470 --> 00:01:32,100
I have the source and I'll have the logo and then the alternative will be cocktail.

20
00:01:33,400 --> 00:01:41,530
The logo and lastly, I also want to add a class name, so we go with class name and that one is equal

21
00:01:42,010 --> 00:01:43,690
to Logo.

22
00:01:44,140 --> 00:01:45,430
So that one.

23
00:01:46,360 --> 00:01:54,850
And then, of course, we can close our image, so I have my logo, beautiful that I also want to display

24
00:01:54,970 --> 00:01:57,880
the on our list, so I have my day.

25
00:01:58,180 --> 00:01:59,290
Yeah, that's beautiful.

26
00:01:59,650 --> 00:02:04,090
But still wouldn't there I would want to go with my on our list.

27
00:02:04,360 --> 00:02:06,160
So we go here with on our list.

28
00:02:06,640 --> 00:02:09,430
And what we're looking for is the nine links.

29
00:02:09,940 --> 00:02:13,780
So Class nine and then OnLive links.

30
00:02:14,080 --> 00:02:18,490
And here I would want to go with my two links again.

31
00:02:18,490 --> 00:02:23,680
In this case, I'm not going to place it somewhere in a separate file because there's only two links

32
00:02:23,920 --> 00:02:27,480
and I'm not going to reuse them anywhere else in my project.

33
00:02:27,850 --> 00:02:31,720
So just go with Link then I'll have to set up the path.

34
00:02:32,020 --> 00:02:34,350
In this case again, it is going to be a home page.

35
00:02:34,360 --> 00:02:37,260
That's the fourth on online.

36
00:02:37,270 --> 00:02:41,920
As far as the text I'm going to go with home or beautiful online.

37
00:02:41,920 --> 00:02:42,850
I'll have one more.

38
00:02:43,030 --> 00:02:46,750
So list item here and then we go with Link here.

39
00:02:46,960 --> 00:02:52,600
And now, of course, I'm going to navigate your board, so I'm going to add here the text of about

40
00:02:52,600 --> 00:02:53,140
as well.

41
00:02:53,530 --> 00:02:56,710
So once we're safe, we should see the logo.

42
00:02:56,980 --> 00:02:59,440
And of course, once we click, we navigate to the home page.

43
00:02:59,650 --> 00:03:04,660
And if we click on the about link, of course, we navigate to the about page.