1
00:00:07,770 --> 00:00:11,760
In this video, let's implement the navigation links.

2
00:00:11,760 --> 00:00:13,440
That is the naff bar.

3
00:00:13,470 --> 00:00:15,510
So back to the HTML.

4
00:00:15,660 --> 00:00:17,850
Let's fill up this comment.

5
00:00:17,850 --> 00:00:19,170
That is the NAV.

6
00:00:19,170 --> 00:00:21,510
So how are we going to implement that?

7
00:00:21,630 --> 00:00:29,530
We are going to use the name tag as that and inside we are going to have two children.

8
00:00:29,550 --> 00:00:32,680
One is a logo here and the other is a link.

9
00:00:32,759 --> 00:00:36,440
So let's start with the logo stack.

10
00:00:36,600 --> 00:00:42,060
Then the image tag and the source of the image is inside the images folder.

11
00:00:42,060 --> 00:00:45,930
And for the text, let's call this one as logo.

12
00:00:46,410 --> 00:00:47,950
So I'm done with the logo.

13
00:00:47,970 --> 00:00:53,760
The next step going to be the link, so I'm going to use the other tag here and inside.

14
00:00:53,760 --> 00:01:01,860
I'm going to have individual link and inside I have the H ref and the path is going to be hash tag in.

15
00:01:01,860 --> 00:01:04,530
The first one is going to be as cool.

16
00:01:04,650 --> 00:01:07,980
So I need to copy this one four times.

17
00:01:07,980 --> 00:01:09,840
So I'm going to select all.

18
00:01:09,840 --> 00:01:17,640
And then if you are mark press shift and then the option key and down arrow key for duplication and

19
00:01:17,640 --> 00:01:18,840
here we go.

20
00:01:18,990 --> 00:01:22,030
So the first one is going to be home.

21
00:01:22,050 --> 00:01:24,720
The second one is going to be post.

22
00:01:24,750 --> 00:01:30,150
The third one is going to be log in and then register.

23
00:01:31,560 --> 00:01:36,120
And lastly is going to be new posts.

24
00:01:36,330 --> 00:01:41,730
All right, so let's remove the last link is overdose.

25
00:01:42,210 --> 00:01:46,590
So the last one, see that we have a specific style to it.

26
00:01:46,590 --> 00:01:50,460
So let's give it a specific class so that we can target that.

27
00:01:50,640 --> 00:02:01,050
So for the H ref here, let's give it a class as create dash beattie and post dash by n now save it

28
00:02:01,050 --> 00:02:02,630
now let's have a look.

29
00:02:02,640 --> 00:02:04,500
This is what we have.

30
00:02:04,530 --> 00:02:07,320
The image is big and the links are all.

31
00:02:08,310 --> 00:02:12,690
All right, so let's fix this one by using CSS in the next video.