1 00:00:00,570 --> 00:00:01,110 ‫Hey, there. 2 00:00:01,290 --> 00:00:02,010 ‫Welcome back. 3 00:00:02,340 --> 00:00:03,380 ‫Now in the section. 4 00:00:03,390 --> 00:00:07,350 ‫Let us start our task with this project by a temple. 5 00:00:07,410 --> 00:00:10,620 ‫We have started doing type of project than we have sought in heading. 6 00:00:10,950 --> 00:00:12,750 ‫And then we have these demo cards. 7 00:00:13,470 --> 00:00:14,410 ‫Looks good to me. 8 00:00:14,850 --> 00:00:16,080 ‫It should be easy to implement. 9 00:00:16,680 --> 00:00:21,180 ‫Remember, we have already created this navar as well as this quarter. 10 00:00:21,600 --> 00:00:23,390 ‫So we just need to copy paste them. 11 00:00:23,760 --> 00:00:31,080 ‫What I'm going to do is I'm going to get here and from my next page, I can just directly copy this 12 00:00:31,080 --> 00:00:31,680 ‫head of art. 13 00:00:32,150 --> 00:00:33,930 ‫Scroll up and copy. 14 00:00:35,420 --> 00:00:37,700 ‫OK, we don't have anything yet. 15 00:00:38,000 --> 00:00:44,840 ‫So it's going to be much better for me to just copy the entire thing so I can just copy paste it here. 16 00:00:45,140 --> 00:00:50,510 ‫And then inside my mean, I can just remove all these sections much easier to implement, actually. 17 00:00:51,310 --> 00:00:52,070 ‫OK. 18 00:00:52,910 --> 00:00:53,640 ‫Looks fine. 19 00:00:53,660 --> 00:00:54,890 ‫So we have everything. 20 00:00:55,670 --> 00:00:58,200 ‫One thing I need to change with my project parts. 21 00:00:58,220 --> 00:01:00,530 ‫I go back here, remove this contact. 22 00:01:02,520 --> 00:01:03,810 ‫Everything is fine here. 23 00:01:04,330 --> 00:01:06,240 ‫Let me jump onto my projects part. 24 00:01:06,810 --> 00:01:10,850 ‫We have this quarter as well as the now bar, but I need to change this. 25 00:01:11,100 --> 00:01:11,430 ‫The. 26 00:01:13,010 --> 00:01:19,580 ‫So here you need to change this active, remove this from home and add it towards this project. 27 00:01:20,150 --> 00:01:24,920 ‫The second thing is this is IED, which is something new. 28 00:01:24,920 --> 00:01:27,080 ‫I guess you are hurting it for the first time. 29 00:01:27,530 --> 00:01:29,330 ‫So if you try to search out this? 30 00:01:33,160 --> 00:01:37,240 ‫This is related to accessible reg and application. 31 00:01:37,570 --> 00:01:44,620 ‫I strongly recommend to scroll down and visit this introduction to area, and here you will get information 32 00:01:44,620 --> 00:01:47,290 ‫that how they are utilizing this area. 33 00:01:47,710 --> 00:01:53,200 ‫I don't know how to pronounce this, but you can utilize them to mention several things. 34 00:01:53,800 --> 00:01:59,710 ‫At this point of time, we have been utilizing different tags to divide things we have there. 35 00:01:59,740 --> 00:02:06,160 ‫We have section main header several things that help us to divide things in the former different tree 36 00:02:06,210 --> 00:02:06,760 ‫section. 37 00:02:07,090 --> 00:02:12,220 ‫What I mean my tree by right click on this home, right click here or to inspect. 38 00:02:12,730 --> 00:02:15,310 ‫You can see all of them on in the form of tree. 39 00:02:16,180 --> 00:02:18,250 ‫You have this achievement inside this. 40 00:02:18,250 --> 00:02:22,060 ‫You have this huge hole, which is head as well as body. 41 00:02:22,510 --> 00:02:27,490 ‫Then inside your body, you have multiple takes, which is header main and photo. 42 00:02:27,940 --> 00:02:32,110 ‫Now inside your main, you have multiple title in the form or different section. 43 00:02:32,620 --> 00:02:34,990 ‫So that's how we are dividing things right now. 44 00:02:35,440 --> 00:02:41,200 ‫Now what happens when we jump on to any particular part, maybe forms or maybe navigation? 45 00:02:41,620 --> 00:02:44,680 ‫So now this tree can be improved on. 46 00:02:44,680 --> 00:02:48,320 ‫I should say it can carry more information about this area. 47 00:02:48,790 --> 00:02:51,850 ‫We can mention, OK, which page is currently selected? 48 00:02:51,880 --> 00:02:53,890 ‫Which option is currently selected? 49 00:02:55,530 --> 00:02:59,400 ‫And if you see you will have information like this, Richard. 50 00:02:59,910 --> 00:03:03,390 ‫So this is not going to change anything on your browser right now. 51 00:03:03,960 --> 00:03:07,530 ‫But if someone try to read the tree, it will be helpful for them. 52 00:03:07,830 --> 00:03:13,770 ‫So I strongly recommend if you want more information, search about this and visit this website regarding 53 00:03:13,780 --> 00:03:15,420 ‫developers dot Google dot com. 54 00:03:16,350 --> 00:03:18,930 ‫OK, that said, all the information on. 55 00:03:19,050 --> 00:03:20,070 ‫Let me jump back here. 56 00:03:20,550 --> 00:03:24,000 ‫So now this is our current page, which is projects. 57 00:03:24,450 --> 00:03:26,460 ‫And if I save this one it back here. 58 00:03:28,300 --> 00:03:31,000 ‫Go to projects, you can see this is active now. 59 00:03:31,420 --> 00:03:33,090 ‫Now I need more content here. 60 00:03:33,400 --> 00:03:34,150 ‫OK? 61 00:03:35,570 --> 00:03:38,390 ‫Scroll down and everything will be inside of me. 62 00:03:38,960 --> 00:03:41,300 ‫So let's start with our first section. 63 00:03:42,530 --> 00:03:46,940 ‫This is I just simply need to add projects as well as this whole takes. 64 00:03:48,160 --> 00:03:58,570 ‫Shouldn't be a symbol I can create or do go with the flags and then follow flags on them, and then 65 00:03:58,570 --> 00:04:08,500 ‫I can follow justified content creator Alena Dump saying that they can to justify London center, as 66 00:04:08,500 --> 00:04:12,970 ‫well as flying high domes center. 67 00:04:14,480 --> 00:04:19,280 ‫Looks good now, everything I'm going to answer will be at so should be easy. 68 00:04:19,400 --> 00:04:23,310 ‫I just need to add projects first and then I need Big Lies. 69 00:04:23,700 --> 00:04:26,660 ‫Lauren, and maybe I'm here. 70 00:04:26,660 --> 00:04:31,730 ‫I can simply add a glass that's going to define what is going to be the font size. 71 00:04:33,260 --> 00:04:36,470 ‫Let's have one size as Air Force One, which is the biggest. 72 00:04:36,770 --> 00:04:42,380 ‫And it's going to be voice over my point where it is going to be bold and the next thing I'm going to 73 00:04:42,380 --> 00:04:46,580 ‫do is in my job market looks good. 74 00:04:46,910 --> 00:04:53,360 ‫The next thing I'm going to do is if this is pretty big, I needed to restrict it somewhere so I can 75 00:04:53,360 --> 00:04:55,070 ‫define the length. 76 00:04:55,250 --> 00:05:01,070 ‫What I'm going to do is to move this post over, not instantly, so I can explain this example. 77 00:05:01,490 --> 00:05:02,570 ‫So this is big. 78 00:05:03,140 --> 00:05:06,320 ‫I can find this in our proper weight. 79 00:05:06,800 --> 00:05:11,400 ‫And if you remember the proper which art, which is glass, you have the fine. 80 00:05:11,430 --> 00:05:16,880 ‫Maxwell 10 Maxwell 650 marks six 650. 81 00:05:16,880 --> 00:05:17,850 ‫Save this one. 82 00:05:17,870 --> 00:05:20,200 ‫Get back here and looks good. 83 00:05:20,210 --> 00:05:29,060 ‫I also need to add X and does like an x axis and or I can add this property on the table itself. 84 00:05:30,290 --> 00:05:31,850 ‫I say, Get back here. 85 00:05:32,030 --> 00:05:33,140 ‫Looks good to me. 86 00:05:34,210 --> 00:05:36,940 ‫Now we need some space on the top and bottom. 87 00:05:37,210 --> 00:05:42,210 ‫So what I can do is either I can define size for these websites. 88 00:05:42,220 --> 00:05:49,180 ‫I mean, I can provide viewport height or I can see a top and bottom margin or the best thing we can 89 00:05:49,180 --> 00:05:53,380 ‫do is just copy this and keep this entire section. 90 00:05:57,450 --> 00:06:01,590 ‫That's how we usually follow things, so if I go back now, things are OK. 91 00:06:01,710 --> 00:06:02,160 ‫Why? 92 00:06:02,550 --> 00:06:08,790 ‫Because my margin is seven then which is pretty good on top and bottom. 93 00:06:09,420 --> 00:06:12,360 ‫The next section is about this whole thing. 94 00:06:13,260 --> 00:06:17,370 ‫So in one go, I'm not going to make all of them just be one part. 95 00:06:17,790 --> 00:06:20,910 ‫And then you can just copy paste them because everything is same. 96 00:06:21,450 --> 00:06:24,600 ‫So what I'm going to do is I'm going to build this part. 97 00:06:26,210 --> 00:06:27,740 ‫And then follow everything else. 98 00:06:27,950 --> 00:06:30,140 ‫So I'm just going to create a new section. 99 00:06:36,130 --> 00:06:38,970 ‫And I'm going to call on this as Project Dash one. 100 00:06:39,700 --> 00:06:45,520 ‫This section is going to have multiple parks, the highest one is going to be about which tech you are 101 00:06:45,520 --> 00:06:46,000 ‫walking. 102 00:06:46,230 --> 00:06:48,070 ‫Let's see if this. 103 00:06:53,030 --> 00:06:59,510 ‫And then it is going to have multiple cars, so these I.D. cards, if you remember, just jump on to 104 00:06:59,510 --> 00:07:01,610 ‫your components. 105 00:07:01,970 --> 00:07:04,280 ‫I jump on two different cards far. 106 00:07:05,090 --> 00:07:08,480 ‫And if you scroll, you will see multiple types of cards. 107 00:07:08,870 --> 00:07:14,870 ‫And these are important because maybe you are creating a blog, maybe you are creating agency website, 108 00:07:14,870 --> 00:07:16,100 ‫any type of website. 109 00:07:16,460 --> 00:07:20,160 ‫You will have some kind of requirement related to cards. 110 00:07:21,410 --> 00:07:22,130 ‫Scroll down. 111 00:07:22,130 --> 00:07:25,610 ‫You will see some type of cards that you want in your website. 112 00:07:28,460 --> 00:07:29,930 ‫Now, this looks good to me. 113 00:07:29,960 --> 00:07:37,100 ‫What I'm going to do is I'm going to copy this one, removed this and add my buttons to horizontal layout, 114 00:07:37,100 --> 00:07:44,150 ‫so let me copy this one it back here and here I am going to add a simple accent. 115 00:07:44,600 --> 00:07:45,530 ‫Save this one. 116 00:07:46,340 --> 00:07:50,240 ‫Get back here and see what type of card I am working with. 117 00:07:51,770 --> 00:07:54,560 ‫OK, so that Steve, be forces off guard. 118 00:07:55,520 --> 00:07:58,850 ‫What I can do is I can convert things into law, so let me. 119 00:07:59,950 --> 00:08:00,670 ‫I know this. 120 00:08:02,130 --> 00:08:02,410 ‫Yeah. 121 00:08:02,760 --> 00:08:10,790 ‫So I'm going to create a barrier, you went property and keep everything inside this do. 122 00:08:12,580 --> 00:08:19,490 ‫And here I can provide different properties like I can create them and give this as well create itself. 123 00:08:19,910 --> 00:08:22,180 ‫So I'm going to create another game and call. 124 00:08:23,230 --> 00:08:23,590 ‫Well. 125 00:08:28,800 --> 00:08:31,850 ‫So this bus tour is going to take complete. 126 00:08:31,920 --> 00:08:32,610 ‫Well, great. 127 00:08:33,120 --> 00:08:35,640 ‫Now I can define a grid, which is Dave. 128 00:08:37,380 --> 00:08:38,070 ‫Well, again. 129 00:08:39,710 --> 00:08:41,850 ‫Now, this is also going to take two immigrants. 130 00:08:42,900 --> 00:08:46,530 ‫And this is also going to be really great. 131 00:08:46,950 --> 00:08:49,230 ‫So that means we have three lines. 132 00:08:49,560 --> 00:08:51,240 ‫One, two three. 133 00:08:52,250 --> 00:08:56,120 ‫But if I want to drive a breast cancer version. 134 00:08:58,940 --> 00:09:03,360 ‫So it might try to squeeze them, OK, they are going to take to a greater extent. 135 00:09:03,950 --> 00:09:04,820 ‫That would be great. 136 00:09:06,200 --> 00:09:12,020 ‫Now, if I try to add some content here, let me copy this one again based here. 137 00:09:13,770 --> 00:09:14,730 ‫Save this one. 138 00:09:17,100 --> 00:09:18,030 ‫Get back here. 139 00:09:19,460 --> 00:09:26,450 ‫OK, we still have this 50 percent only, and if I jump in now, I can change this work. 140 00:09:26,870 --> 00:09:32,810 ‫I can say 100 percent now what it is going to do is it is going to depend on this goal. 141 00:09:32,970 --> 00:09:35,900 ‫Well, if I save this one, get back here. 142 00:09:36,410 --> 00:09:38,070 ‫You can see this is the cardinal. 143 00:09:39,140 --> 00:09:42,830 ‫Let me try to add some image here with my image. 144 00:09:43,400 --> 00:09:48,630 ‫If I go inside my media and if I select, there's Project one, save this one. 145 00:09:48,650 --> 00:09:49,430 ‫Get back here. 146 00:09:50,360 --> 00:09:50,870 ‫Looks good. 147 00:09:50,910 --> 00:09:52,610 ‫I hope it looks good. 148 00:09:53,690 --> 00:09:57,050 ‫Let me try to copy something similar inside this whole day. 149 00:09:57,150 --> 00:10:00,860 ‫You can copy this dip and replace this one. 150 00:10:03,130 --> 00:10:07,660 ‫To get back here now, you can see we have these two cards. 151 00:10:09,070 --> 00:10:15,310 ‫OK, let's try to work with them and then we can just replicate because the rest of them are same. 152 00:10:15,310 --> 00:10:20,020 ‫Exact same does the text as a friend, as well as the image so that we can do later. 153 00:10:20,380 --> 00:10:22,900 ‫But let's try to complete all of them. 154 00:10:23,560 --> 00:10:27,610 ‫Postion, you can see, is more fixed as well as two buttons. 155 00:10:28,130 --> 00:10:29,830 ‫Oh, let me jump on the button bar. 156 00:10:31,870 --> 00:10:38,830 ‫Here I am with the stock one, I'm going to copy this and instead of this card. 157 00:10:40,190 --> 00:10:47,030 ‫Which is related to about time, I am going to remove this and add to my dance, but this will be replaced. 158 00:10:49,140 --> 00:10:53,610 ‫I need to add something that has somehow picked, I guess, this one, right? 159 00:10:55,400 --> 00:10:55,830 ‫OK. 160 00:10:55,850 --> 00:10:59,150 ‫No holler effect, I need to go with the light on it, so. 161 00:11:04,960 --> 00:11:05,920 ‫Save this one. 162 00:11:06,370 --> 00:11:06,940 ‫Back here. 163 00:11:08,320 --> 00:11:08,670 ‫Yep. 164 00:11:08,890 --> 00:11:09,310 ‫Great. 165 00:11:09,610 --> 00:11:14,680 ‫But this is going to have some type of border solve, we can solve some the border. 166 00:11:17,530 --> 00:11:20,950 ‫Now, you see, we can attach multiple types of borders. 167 00:11:21,700 --> 00:11:24,430 ‫Let's try to utilize this morning as it can be. 168 00:11:27,750 --> 00:11:28,460 ‫Maybe here. 169 00:11:29,430 --> 00:11:33,450 ‫And the other thing is, I need wait border, which is border to. 170 00:11:37,930 --> 00:11:41,660 ‫Save this one, and if I get back here, you can see it's working fine. 171 00:11:42,280 --> 00:11:46,720 ‫I just need to change the text, which is going to be a live demo and source code. 172 00:11:47,620 --> 00:11:52,600 ‫This is going to be like a demo, and this is going to be sort of. 173 00:11:54,820 --> 00:11:57,850 ‫Saved us, everything looks fine to me now. 174 00:12:00,820 --> 00:12:08,590 ‫Now, let me change your title for once, so we can add and maybe something as task manager on how we 175 00:12:08,590 --> 00:12:09,850 ‫can act something longer. 176 00:12:10,480 --> 00:12:11,050 ‫Maybe let. 177 00:12:13,090 --> 00:12:14,790 ‫Not him going to be. 178 00:12:14,980 --> 00:12:17,080 ‫And then it married a new paragraph. 179 00:12:21,130 --> 00:12:23,720 ‫Maybe, Lauren, then save this one again. 180 00:12:23,770 --> 00:12:24,670 ‫Get back here. 181 00:12:25,980 --> 00:12:27,690 ‫Yep, looks great to me. 182 00:12:27,960 --> 00:12:31,920 ‫We can add more text if we want maybe about our project description. 183 00:12:32,610 --> 00:12:34,230 ‫It's totally depend on us. 184 00:12:36,960 --> 00:12:37,740 ‫Looks great. 185 00:12:38,400 --> 00:12:40,890 ‫Now, the other thing I need to work with is this. 186 00:12:41,530 --> 00:12:49,140 ‫So if you observe there is some type of background which is light grey and then we have foreign does 187 00:12:49,140 --> 00:12:50,160 ‫much bigger than this. 188 00:12:50,520 --> 00:12:53,550 ‫So what I can do is I can add some property here. 189 00:12:55,400 --> 00:12:58,340 ‫This is the text I can just go with glass. 190 00:12:58,940 --> 00:13:06,410 ‫And here we can add multiple properties to margin more for now to maintain some space. 191 00:13:07,520 --> 00:13:07,920 ‫Correct. 192 00:13:08,600 --> 00:13:13,670 ‫Now I need to change the size solitaire on the size one. 193 00:13:16,510 --> 00:13:17,470 ‫Now, much bigger. 194 00:13:17,830 --> 00:13:19,210 ‫Let's go with two. 195 00:13:22,390 --> 00:13:23,380 ‫Yeah, much better. 196 00:13:25,440 --> 00:13:28,410 ‫I guess this is to basically we can do that. 197 00:13:30,220 --> 00:13:31,840 ‫Maybe use Edge to here. 198 00:13:34,290 --> 00:13:36,290 ‫And I don't need this guarantees now. 199 00:13:36,490 --> 00:13:37,660 ‫I saved this one. 200 00:13:37,680 --> 00:13:38,520 ‫Get back here. 201 00:13:39,660 --> 00:13:40,860 ‫Yeah, much better. 202 00:13:41,730 --> 00:13:43,950 ‫Now we just need to add background. 203 00:13:44,980 --> 00:13:51,880 ‫So if I jump here and let's try to add some background to it, too, which is going to be the entire 204 00:13:51,880 --> 00:13:54,190 ‫Project Section's vacancy project. 205 00:13:55,240 --> 00:13:57,580 ‫What is the section named Project one, I guess? 206 00:13:57,760 --> 00:13:58,360 ‫OK. 207 00:14:01,240 --> 00:14:06,550 ‫Project one, what we need to do with every tool basically for this project right now. 208 00:14:07,270 --> 00:14:12,490 ‫We will try to target it later, but let's understand a few other ones and let's try to add background 209 00:14:12,490 --> 00:14:12,760 ‫yet. 210 00:14:13,270 --> 00:14:15,040 ‫And if I go with something like. 211 00:14:16,120 --> 00:14:17,830 ‫Oh, let me change the color. 212 00:14:20,300 --> 00:14:21,110 ‫Share this one. 213 00:14:21,140 --> 00:14:26,460 ‫Get back here now at this point of time, I am completely selecting the entire background. 214 00:14:26,480 --> 00:14:28,670 ‫I just want to select from here to here. 215 00:14:29,240 --> 00:14:33,620 ‫So what I can do is I can do other things with the help of Bangkok. 216 00:14:37,660 --> 00:14:47,140 ‫So that means this ban is in line, and then I will have option to select only this part here, so that 217 00:14:47,140 --> 00:14:50,560 ‫means I can jump here and I can say, is ban? 218 00:14:50,710 --> 00:14:51,580 ‫Save this one? 219 00:14:51,610 --> 00:14:53,050 ‫Get back here, OK? 220 00:14:53,440 --> 00:14:54,880 ‫That's our first victory. 221 00:14:55,270 --> 00:14:59,090 ‫But now I need to select only 50 percent of background. 222 00:14:59,590 --> 00:15:01,990 ‫So what we can do is we can utilize gradient. 223 00:15:02,500 --> 00:15:05,620 ‫We can say, OK, I need a linear gradient. 224 00:15:06,280 --> 00:15:08,740 ‫This is my degree, as well as two colors. 225 00:15:09,010 --> 00:15:10,480 ‫So let me pass the first color. 226 00:15:10,480 --> 00:15:11,940 ‫Let me pass white here. 227 00:15:12,940 --> 00:15:16,310 ‫The second color is going to be whatever we need right now. 228 00:15:16,310 --> 00:15:17,230 ‫And let's have black. 229 00:15:18,730 --> 00:15:19,960 ‫Let me save this one. 230 00:15:19,990 --> 00:15:23,800 ‫Now what it is going to do is it is going from white to dark. 231 00:15:24,370 --> 00:15:27,670 ‫That's exactly our requirement, but we need gray, right? 232 00:15:28,150 --> 00:15:33,160 ‫So what I can do is I can select this group arc and save this one. 233 00:15:35,150 --> 00:15:37,300 ‫So it is going from white to create. 234 00:15:37,770 --> 00:15:39,140 ‫Now this also looks good. 235 00:15:39,180 --> 00:15:42,200 ‫Market, it has maybe 40 or 50 percent only. 236 00:15:42,710 --> 00:15:45,320 ‫So what I can do is I can add my own page here. 237 00:15:45,530 --> 00:15:50,990 ‫I can see this white is going to take 60 percent of all this space. 238 00:15:52,720 --> 00:15:53,710 ‫Save this one. 239 00:15:54,250 --> 00:16:00,740 ‫You see, now this white is taking 60 percent in space, whereas the remaining space is taken by Greg's 240 00:16:00,760 --> 00:16:01,120 ‫cell. 241 00:16:01,750 --> 00:16:04,150 ‫I hope you got the idea how we are doing. 242 00:16:05,160 --> 00:16:10,270 ‫Now here we can provide 60 percent white and 30 percent to gray. 243 00:16:10,290 --> 00:16:14,040 ‫And if I go back here, you can say it much better. 244 00:16:14,880 --> 00:16:18,450 ‫So that's how we are going to add some changes that's done. 245 00:16:18,450 --> 00:16:23,970 ‫I just need to replicate it here and then replicate this entire section so I can jump back here. 246 00:16:25,230 --> 00:16:29,280 ‫I can replicate this, and I do make sure you carefully selected. 247 00:16:29,520 --> 00:16:33,910 ‫You just need to remove this, save this line and get back here. 248 00:16:34,300 --> 00:16:35,310 ‫Looks good. 249 00:16:37,490 --> 00:16:41,170 ‫Let me try to give proper name, as we are doing with the cyclone. 250 00:16:41,220 --> 00:16:42,530 ‫So let's say maybe this one. 251 00:16:46,440 --> 00:16:48,750 ‫This is going to be a travel agency. 252 00:16:50,540 --> 00:16:54,470 ‫Then we can provide some other name, maybe or for your website. 253 00:16:57,900 --> 00:16:59,400 ‫And if I see this one. 254 00:17:00,780 --> 00:17:01,560 ‫Looks great. 255 00:17:02,310 --> 00:17:08,460 ‫You can play with images now, so there are tons of images that have included government media and I 256 00:17:08,460 --> 00:17:09,360 ‫object to images. 257 00:17:09,870 --> 00:17:14,130 ‫Now one important thing in general in general about your portfolio. 258 00:17:14,490 --> 00:17:19,980 ‫If you are trying to apply for any type of job or internship, make sure you are at least five to 10 259 00:17:19,980 --> 00:17:21,750 ‫projects on your project page. 260 00:17:22,140 --> 00:17:25,080 ‫The second thing is add your real image. 261 00:17:25,560 --> 00:17:29,820 ‫So here you are going to have your project name then what you did in your project. 262 00:17:30,060 --> 00:17:35,610 ‫Then what is the tech stack you utilized with your project, then your live demo, as well as source 263 00:17:35,610 --> 00:17:39,510 ‫code, and then you can have the real image of your project. 264 00:17:39,720 --> 00:17:40,140 ‫OK. 265 00:17:40,560 --> 00:17:41,880 ‫I hope you got the idea. 266 00:17:43,530 --> 00:17:44,850 ‫This looks fine to me. 267 00:17:44,920 --> 00:17:47,280 ‫Let me right click and see the response, if part. 268 00:17:48,690 --> 00:17:50,460 ‫Looks great, no shoe. 269 00:17:53,110 --> 00:17:56,140 ‫OK, here, I want my image to be saying that, actually. 270 00:17:56,320 --> 00:18:01,990 ‫So what I can do is I can convert this into a Flexbox and then do a line item S.R.. 271 00:18:02,500 --> 00:18:11,500 ‫So here is the the Flex and then I can see it line items center. 272 00:18:13,870 --> 00:18:14,920 ‫Office on. 273 00:18:16,950 --> 00:18:18,730 ‫Harder to save this one. 274 00:18:18,840 --> 00:18:20,280 ‫Get that great. 275 00:18:22,460 --> 00:18:23,540 ‫Looks good to me. 276 00:18:25,250 --> 00:18:27,730 ‫I hope you got the idea how we are trying to do this. 277 00:18:32,190 --> 00:18:37,530 ‫Now I just need to copy paste the entire section so I can go back here. 278 00:18:37,560 --> 00:18:41,190 ‫This is the section and you can copy paste this multiple times. 279 00:18:42,030 --> 00:18:43,830 ‫Let me try to be straight here. 280 00:18:45,750 --> 00:18:49,950 ‫And I can change the information, maybe this is going to be related to JavaScript. 281 00:18:52,630 --> 00:18:58,830 ‫I can update the name as soon as images, so now we have this is Javi's HDMI Lindsay as. 282 00:18:59,960 --> 00:19:02,240 ‫OK, this is great, and now we have done this. 283 00:19:02,660 --> 00:19:06,200 ‫Now all I have to do is just copy paste them again and again. 284 00:19:06,470 --> 00:19:09,860 ‫But before doing them, let me remind you that we need to add length. 285 00:19:10,040 --> 00:19:16,760 ‫So before replicating this, maybe 10 or 20 times, just jump here and our links to this button. 286 00:19:17,330 --> 00:19:20,330 ‫So what we need to do is add a traveling to them. 287 00:19:20,570 --> 00:19:25,730 ‫For example, this is our doorstep part, and here I have multiple buttons. 288 00:19:26,780 --> 00:19:32,810 ‫This is basically the button on which we are walking right now so I can add a quick traveling. 289 00:19:34,260 --> 00:19:40,350 ‫You dog, and then I can mention the link of my current project, what I'm going to do is just copy 290 00:19:40,350 --> 00:19:41,820 ‫this random link itself. 291 00:19:42,300 --> 00:19:42,900 ‫OK. 292 00:19:43,500 --> 00:19:48,300 ‫And this is going inside my work on Save This one looks good. 293 00:19:48,810 --> 00:19:50,960 ‫I need to do something similar again. 294 00:19:51,020 --> 00:19:52,500 ‫So let me her. 295 00:19:58,940 --> 00:20:00,500 ‫And close the attacks. 296 00:20:02,260 --> 00:20:09,310 ‫Now, remember, make sure all of them are dogged because you don't want to hesitate to leave your website, 297 00:20:09,460 --> 00:20:12,120 ‫so target means it will open on a new. 298 00:20:13,930 --> 00:20:15,460 ‫Let's take the sample now. 299 00:20:21,800 --> 00:20:23,480 ‫Great work, you, mark. 300 00:20:28,280 --> 00:20:30,230 ‫Walking, walking. 301 00:20:31,840 --> 00:20:34,340 ‫Yep, that's done now replicated. 302 00:20:34,360 --> 00:20:39,050 ‫So I'm going to get you in the next lecture where I'm just going to replicate this multiple times. 303 00:20:39,070 --> 00:20:39,680 ‫That's it. 304 00:20:39,700 --> 00:20:40,630 ‫Nothing fancy. 305 00:20:40,630 --> 00:20:43,930 ‫I'm just going to replicate it and maybe change the image. 306 00:20:43,930 --> 00:20:47,650 ‫So currently I have multiple images and I'm going to update them. 307 00:20:48,280 --> 00:20:48,700 ‫OK. 308 00:20:49,060 --> 00:20:49,610 ‫That's it. 309 00:20:49,820 --> 00:20:51,340 ‫That's all about the whole project. 310 00:20:51,490 --> 00:20:54,220 ‫But we are going to discuss more in the next lecture. 311 00:20:54,970 --> 00:20:55,880 ‫Thank you for calling. 312 00:20:55,900 --> 00:20:57,520 ‫And I see you guys in the next one.