1 00:00:01,290 --> 00:00:06,780 Welcome to the park or building navigation in this video I would start building the navigation for this 2 00:00:06,780 --> 00:00:09,980 with each. 3 00:00:10,260 --> 00:00:17,240 Will be using the navigation bar component from the step get step and 4 00:00:21,090 --> 00:00:26,950 you can see this navigation bar this navigation bar has a lot of things like God don't like says. 5 00:00:26,980 --> 00:00:33,330 On what we don't need this I wouldn't have ignition but it's very simple. 6 00:00:33,950 --> 00:00:40,780 So these are the pluses and elements of what navigation bar from Bootstrap let me copy it. 7 00:00:45,560 --> 00:00:45,830 And 8 00:00:48,780 --> 00:00:50,590 this be in the header section. 9 00:00:54,390 --> 00:01:06,210 And 60 right after the element to this end the comments for each post. 10 00:01:06,450 --> 00:01:12,750 It is a lot of unnecessary elements like Kasota square leg there power 11 00:01:16,110 --> 00:01:17,880 let me move the unnecessary 12 00:01:20,860 --> 00:01:21,640 elements 13 00:01:24,710 --> 00:01:28,600 in the first element is NERV be needed. 14 00:01:28,680 --> 00:01:41,260 The last number and nav bar D-CT And we also want to add a nav bar fixed talk lot of menu will be fixed 15 00:01:41,800 --> 00:01:43,820 at the dock and out of control. 16 00:01:43,840 --> 00:01:44,930 It is not cool. 17 00:01:44,950 --> 00:01:47,140 It is on the container 18 00:01:49,740 --> 00:01:51,730 team. 19 00:01:52,130 --> 00:01:56,540 EC as Burton we also need it. 20 00:01:59,900 --> 00:02:00,130 Q 21 00:02:03,330 --> 00:02:10,340 To say the target is you're also building in a too. 22 00:02:11,040 --> 00:02:14,270 So I'll keep it 23 00:02:17,370 --> 00:02:19,890 in the branch section. 24 00:02:23,120 --> 00:02:25,480 Could conclude some skills so you can understand that 25 00:02:31,700 --> 00:02:33,210 I was in vendor properly 26 00:02:36,750 --> 00:02:42,210 working in the branch section. 27 00:02:42,340 --> 00:02:49,200 We have a small sized logo like normal size. 28 00:02:49,240 --> 00:02:49,930 Well 29 00:02:53,170 --> 00:03:00,610 this is a good resource we will walk now because 30 00:03:04,720 --> 00:03:06,460 we don't have this. 31 00:03:06,750 --> 00:03:08,520 You can check it first. 32 00:03:11,720 --> 00:03:20,800 This is a no one minute me copy and paste it in site images. 33 00:03:20,810 --> 00:03:24,360 I think we missed it in the beginning more in the content. 34 00:03:24,740 --> 00:03:28,520 So we need this small size 35 00:03:32,000 --> 00:03:33,660 global Akeem 36 00:03:36,290 --> 00:03:51,200 and our cortex the green logo all came when cowrote and aggressive we all knew this an ordered list. 37 00:03:51,400 --> 00:03:52,010 The rest of 38 00:03:54,790 --> 00:04:02,220 elements you don't need these or can. 39 00:04:02,450 --> 00:04:08,280 So you need a collapse never collapse with ID. 40 00:04:08,420 --> 00:04:09,990 It is so now. 41 00:04:10,290 --> 00:04:17,910 So there are collapse Desch one last will never collapse but this one. 42 00:04:18,360 --> 00:04:28,970 And inside that you have an everywhere and never bought and and that should move towards quad concrete 43 00:04:28,980 --> 00:04:31,520 right aligned. 44 00:04:32,460 --> 00:04:41,720 And I think we also don't need these elements school you just me. 45 00:04:46,810 --> 00:04:57,260 We only need a list item inside know where we need 46 00:05:00,910 --> 00:05:04,240 the host element is 47 00:05:11,800 --> 00:05:12,740 just home. 48 00:05:14,270 --> 00:05:18,950 And you also need to move these. 49 00:05:19,880 --> 00:05:22,470 And we also need to add a clause. 50 00:05:22,490 --> 00:05:28,100 Could this and that element with gloss or not. 51 00:05:28,460 --> 00:05:37,830 This is a gloss from the Borsa I read a copy and paste it several times. 52 00:05:39,440 --> 00:05:49,600 And the second is about code is features. 53 00:05:50,750 --> 00:05:58,830 And then we have screen section and then down here. 54 00:05:59,720 --> 00:06:05,530 And the last one is on DECT. 55 00:06:05,720 --> 00:06:09,920 So you will have these menu items at the top. 56 00:06:11,060 --> 00:06:12,370 Now what fixed 57 00:06:15,310 --> 00:06:20,210 but it's also an IDS like that header like 58 00:06:22,980 --> 00:06:23,340 on 59 00:06:28,230 --> 00:06:31,000 there just at home here. 60 00:06:32,990 --> 00:06:38,720 So we're going to as you click on the home it would be usable D'Ken to them an element 61 00:06:42,520 --> 00:06:43,260 her head. 62 00:06:43,290 --> 00:06:51,400 We have a bulk or just an idea all about 63 00:06:54,240 --> 00:06:59,020 and then just add. 64 00:07:00,550 --> 00:07:02,400 Who features section 65 00:07:06,450 --> 00:07:10,470 features and also screens 66 00:07:18,630 --> 00:07:21,710 screens and also cool down your 67 00:07:25,380 --> 00:07:27,460 going Lord. 68 00:07:28,050 --> 00:07:32,100 And at the last oh so cool contact 69 00:07:36,540 --> 00:07:38,450 on that. 70 00:07:39,340 --> 00:07:43,510 And we also have a quarter in there is a scorecard. 71 00:07:43,660 --> 00:07:57,540 I will add a column could this and it is more required in Navy for the self-sown on Deacon kuda element 72 00:07:58,980 --> 00:08:00,470 and it will be a Boag 73 00:08:03,650 --> 00:08:06,320 and it can be. 74 00:08:06,750 --> 00:08:15,980 Lucas and the Silvius means and this will be gone long. 75 00:08:16,490 --> 00:08:25,120 And this last one really working novae how a net element inside an element. 76 00:08:25,130 --> 00:08:30,390 We have a container inside the container and we have two important things. 77 00:08:30,470 --> 00:08:39,290 The one is now bar header and it contains a button and a brand. 78 00:08:39,380 --> 00:08:45,840 The brand we have a smaller logo and the burden is for the responsively O'Quinn the screen size is small. 79 00:08:46,070 --> 00:08:51,750 Then this menu will become a burden of Eicken bus. 80 00:08:51,840 --> 00:09:00,320 So second important is collapsed network collapse and the main menu with home about feature screens 81 00:09:00,320 --> 00:09:05,530 contact the Lord and content and did corresponding IDs. 82 00:09:05,540 --> 00:09:08,330 This is the view of in the home anchored there will be click. 83 00:09:08,360 --> 00:09:18,550 It will be deep into the home ID and with a bulky BT and it will be taken pood about ID and the same 84 00:09:18,570 --> 00:09:23,580 being for the of the feature screens don't want and contact them to see that is there. 85 00:09:23,620 --> 00:09:26,190 At this stage in a browser 86 00:09:30,790 --> 00:09:33,450 working we have menu. 87 00:09:33,810 --> 00:09:45,100 Get this smaller Will this is this model or will you say is it these Iken bars you see and you're just 88 00:09:45,100 --> 00:09:47,360 also working fine. 89 00:09:48,640 --> 00:09:56,350 You even I have not I did this see a street like it really take you to the boat section and dig through 90 00:09:56,350 --> 00:10:01,550 the features section and you create this screen section down load and content. 91 00:10:01,870 --> 00:10:03,140 Everything looks fine. 92 00:10:04,270 --> 00:10:10,690 And at the bottom we have this bird on the critique who could have a section there. 93 00:10:10,710 --> 00:10:12,850 As some see to this now. 94 00:10:15,310 --> 00:10:23,590 I will the navigation in the header section near the head Dosey assists like here. 95 00:10:34,590 --> 00:10:46,610 Can I have a net or deepwater. 96 00:10:46,930 --> 00:10:52,230 Assisted disport need to send them back. 97 00:10:52,230 --> 00:10:54,190 I'm good on color 98 00:10:56,700 --> 00:10:57,450 constipated 99 00:11:01,110 --> 00:11:01,650 border 100 00:11:04,300 --> 00:11:05,250 color all 101 00:11:08,510 --> 00:11:14,030 for an exit index. 102 00:11:14,870 --> 00:11:15,290 Cool. 103 00:11:15,300 --> 00:11:20,410 One one time. 104 00:11:20,770 --> 00:11:22,340 This is some causation. 105 00:11:22,340 --> 00:11:25,780 Cool. 106 00:11:25,880 --> 00:11:27,720 All one second 107 00:11:30,200 --> 00:11:31,130 on 108 00:11:49,140 --> 00:12:00,070 here while we have the big apparent and there is an edgy transition because we will need 109 00:12:09,660 --> 00:12:13,210 some change at that point. 110 00:12:17,290 --> 00:12:22,110 Well Qiam William Carver ocker Derby Niku 111 00:12:24,730 --> 00:12:26,220 see assist could and could. 112 00:12:26,230 --> 00:12:31,950 Elements are each inserted in their board test before we have another bar. 113 00:12:32,200 --> 00:12:39,730 Last night an awkward inside the images list item is. 114 00:12:40,070 --> 00:12:42,200 And then it is in Egypt. 115 00:12:42,340 --> 00:12:42,870 Ankerberg 116 00:12:47,810 --> 00:12:48,220 where 117 00:12:51,740 --> 00:12:53,260 not production. 118 00:12:55,890 --> 00:13:02,180 My coordination or this one corporation and in site day. 119 00:13:07,400 --> 00:13:08,670 We had this ankers 120 00:13:11,330 --> 00:13:19,200 this good sign is used for the immediate element like in the nav bar. 121 00:13:19,220 --> 00:13:21,290 This is a good list item. 122 00:13:21,290 --> 00:13:23,640 These are all images list items. 123 00:13:25,780 --> 00:13:31,970 There deserves to this. 124 00:13:34,420 --> 00:13:43,470 This should Bheem D5 be wife behave. 125 00:13:45,010 --> 00:13:46,970 Said the family 126 00:13:51,290 --> 00:14:04,070 lived in and said if and lives are so transitioned to the anchor that. 127 00:14:05,580 --> 00:14:07,520 An artist. 128 00:14:09,940 --> 00:14:12,140 The hope and focus stayed 129 00:14:22,840 --> 00:14:33,130 shouldn't be in one go 9 CEF theme and on the focus team 130 00:14:38,480 --> 00:14:40,220 copy and paste it 131 00:14:43,760 --> 00:14:44,600 should be 132 00:14:47,490 --> 00:14:48,640 I think this from 133 00:14:54,590 --> 00:14:56,080 we have a nav bar. 134 00:14:56,080 --> 00:14:59,020 Brandon let me copy this close. 135 00:14:59,080 --> 00:15:09,520 This also need this see and save some bedding for you to name Picasso and 15:3 136 00:15:16,210 --> 00:15:16,520 the 137 00:15:21,230 --> 00:15:23,530 U.S. Our State 138 00:15:29,670 --> 00:15:30,160 game. 139 00:15:30,180 --> 00:15:39,590 We now have this ASUS. 140 00:15:39,690 --> 00:15:42,760 We're out writing this year has come the good stuff. 141 00:15:43,480 --> 00:15:44,780 OK moving forward. 142 00:15:46,960 --> 00:15:55,810 We also have a nap or bar brand and say that every small image there's some transition could do solve 143 00:15:55,830 --> 00:15:56,140 some 144 00:16:01,780 --> 00:16:02,410 and 145 00:16:11,850 --> 00:16:13,060 it's looking fine. 146 00:16:15,240 --> 00:16:15,670 Kim 147 00:16:23,260 --> 00:16:35,960 it to said some more complex SS like for the nav bar before nav bar. 148 00:16:37,310 --> 00:16:49,650 It can compete on any mistake and don't allow me to do Ankerberg. 149 00:16:50,580 --> 00:16:57,990 And so I need the state for this all active 150 00:17:00,860 --> 00:17:01,680 Hokus 151 00:17:06,970 --> 00:17:08,230 to see the background 152 00:17:13,930 --> 00:17:15,980 color for dad. 153 00:17:15,980 --> 00:17:17,650 It should be transparent 154 00:17:23,560 --> 00:17:26,350 and the colors should be one cool name. 155 00:17:26,350 --> 00:17:27,610 See if the 156 00:17:33,860 --> 00:17:36,200 key is the Ektelon 157 00:17:40,750 --> 00:17:43,440 the menubar is taking the shape of 158 00:17:56,530 --> 00:17:58,680 almost looking fine. 159 00:17:58,920 --> 00:18:02,530 Really need some custom Javascript. 160 00:18:02,530 --> 00:18:06,830 So I me continue and the next thing you'll see the next video.