1 00:00:00,510 --> 00:00:06,630 OK, guys, and this ready, we will add the section, all the features, the first thing you can do 2 00:00:06,660 --> 00:00:07,680 it here. 3 00:00:08,720 --> 00:00:12,230 Here is just the same, but a different text. 4 00:00:12,600 --> 00:00:15,360 We can just go and search for this part. 5 00:00:16,140 --> 00:00:17,220 Where is it? 6 00:00:17,580 --> 00:00:18,780 Yes, here. 7 00:00:19,410 --> 00:00:28,320 We can take this one and scroll down and see this section on the closure of the container and the closure 8 00:00:28,320 --> 00:00:29,550 of the section. 9 00:00:29,940 --> 00:00:40,760 We can just change this one to these features and this one here to be having this test, we can cover 10 00:00:40,770 --> 00:00:44,320 this tax cut and paste it inside our circle. 11 00:00:44,340 --> 00:00:45,510 We can make this smaller. 12 00:00:47,410 --> 00:00:51,380 OK, let's go and see what we have right now. 13 00:00:53,320 --> 00:00:54,120 OK? 14 00:00:55,930 --> 00:01:03,130 And now that is good after this part here, we will carry it with a class of road and then we will be 15 00:01:03,130 --> 00:01:08,860 having this fight and this to be having also on five. 16 00:01:09,430 --> 00:01:10,390 So let's do it. 17 00:01:13,810 --> 00:01:15,160 That sorry, not here. 18 00:01:15,620 --> 00:01:26,840 You're inside the container, Jeff, with a glass of rum and also justified contact of evenly closed 19 00:01:27,550 --> 00:01:34,030 and event here we can get Steini with Marsh on top of it. 20 00:01:35,020 --> 00:01:37,800 And then here we can create Gafsa. 21 00:01:38,470 --> 00:01:45,290 Which class Colen expect large a five foot column. 22 00:01:45,330 --> 00:01:46,680 Explorer five. 23 00:01:47,610 --> 00:01:50,930 And then here, let me just check the image. 24 00:01:50,950 --> 00:01:56,790 Names from the inspect features dark energy, OK? 25 00:01:57,130 --> 00:02:07,330 And then here we can make class Ussery attacked with image and thoughts of features dot PMG and give 26 00:02:07,330 --> 00:02:14,970 it a class of image flight to be fitting this which we can go and reload. 27 00:02:15,700 --> 00:02:20,830 Since we got this image and after the image right here, we got a list. 28 00:02:21,080 --> 00:02:27,130 The list is devoted to the nesting method and I'm going to show you what the nesting method is. 29 00:02:27,850 --> 00:02:32,920 We got here the second column to be the same without the image. 30 00:02:35,680 --> 00:02:41,230 And then here we can carry domestic method inside nesting method. 31 00:02:41,410 --> 00:02:43,270 I will create a new column. 32 00:02:43,300 --> 00:02:46,660 I will treat this part as a annual screen. 33 00:02:47,290 --> 00:02:55,000 We can make inside different class of container flight and then date with a row and divide it from inside 34 00:02:55,240 --> 00:02:58,760 to the column five and column five. 35 00:02:59,050 --> 00:03:00,040 Let's do that. 36 00:03:00,930 --> 00:03:06,410 I can go here and make with class of competition or flunked. 37 00:03:06,710 --> 00:03:13,750 We got already the container flight, which is having the width of one hundred percent and then inside 38 00:03:13,750 --> 00:03:20,590 we can make with a class of four and also justified content of evenly. 39 00:03:21,400 --> 00:03:33,970 And then here we can make with class of column as large of five for a gain of five. 40 00:03:34,330 --> 00:03:36,100 We can cover this one right now. 41 00:03:36,100 --> 00:03:45,040 And based right here we will create an on order and we will make lisps tail off, not because we will 42 00:03:45,040 --> 00:03:46,870 add here the icon. 43 00:03:47,860 --> 00:03:52,300 OK, let's start first. 44 00:03:52,300 --> 00:04:01,010 We will make you well with a class of lisped Title nine and we will add it in this case. 45 00:04:01,030 --> 00:04:01,310 Yes. 46 00:04:01,660 --> 00:04:15,240 And here we can add l i we can give it a class of three and purple here we can add pile foamed wave 47 00:04:15,250 --> 00:04:20,830 off polder and then we can copy the text of the last item. 48 00:04:21,340 --> 00:04:25,080 We can copy it from here and paste. 49 00:04:25,330 --> 00:04:27,900 Let's check whether everything is ok. 50 00:04:29,470 --> 00:04:31,180 OK, we got this perfect. 51 00:04:31,810 --> 00:04:42,180 We can just go here to the CFS class, go to this says and give it a list of numbers. 52 00:04:42,550 --> 00:04:43,930 We can check it now. 53 00:04:44,670 --> 00:04:45,640 OK, that's good. 54 00:04:46,780 --> 00:05:00,400 After this part, we will be adding books shadow, we can give it to your class folks shadow lot and 55 00:05:00,400 --> 00:05:12,470 then we can go to the S right here and get ready for shadow won't be close to Earth to be thrown open. 56 00:05:12,580 --> 00:05:14,170 Source of plaque. 57 00:05:14,170 --> 00:05:15,940 And let's check it now. 58 00:05:16,450 --> 00:05:17,380 OK, that's good. 59 00:05:17,410 --> 00:05:19,720 We will just be needing to add some padding. 60 00:05:20,230 --> 00:05:22,390 We can add adding. 61 00:05:24,570 --> 00:05:26,300 Of course. 62 00:05:26,910 --> 00:05:27,660 What about that? 63 00:05:28,230 --> 00:05:42,210 No, that's not very good, so let's make it bad and left 15 pixels and right off the top of the pixels, 64 00:05:42,570 --> 00:05:45,420 then put them off 10 pixels. 65 00:05:47,100 --> 00:05:48,940 No, we need to add more padding. 66 00:05:48,960 --> 00:05:53,060 Let's try to make this to be twenty five and twenty five. 67 00:05:53,460 --> 00:05:55,680 I think we got something wrong with this part. 68 00:05:56,220 --> 00:05:57,030 Let's check it. 69 00:05:57,040 --> 00:05:58,920 We can try to leave the pen. 70 00:06:00,180 --> 00:06:00,960 No, no, no. 71 00:06:00,960 --> 00:06:02,100 We got nothing wrong. 72 00:06:02,700 --> 00:06:06,980 OK, we can still expect this to be thirty five and thirty five. 73 00:06:08,070 --> 00:06:08,790 That's good. 74 00:06:09,150 --> 00:06:11,730 Or we can just delete the E. 75 00:06:12,090 --> 00:06:13,230 S from here. 76 00:06:13,740 --> 00:06:16,460 So we'll be having just one text right here. 77 00:06:16,860 --> 00:06:23,610 After this part, we can get the icons from the here. 78 00:06:24,150 --> 00:06:31,500 We can search for Caracter and click enter and let's see what one we can take from here. 79 00:06:33,090 --> 00:06:40,320 We can just take this one here, that check, and then we will copy the icon. 80 00:06:40,890 --> 00:06:44,040 Just waiting, OK? 81 00:06:44,760 --> 00:06:53,190 We can copy the icon and then go back to the index, stand out so we can place OK, and this one should 82 00:06:53,190 --> 00:06:59,100 be having the color of purple or we can just get it. 83 00:06:59,670 --> 00:07:06,120 I come over and let's see first what we have right now. 84 00:07:08,970 --> 00:07:13,020 So here we got this icon, OK, or we can make something different. 85 00:07:13,200 --> 00:07:16,740 We can use an interesting method inside this one. 86 00:07:16,890 --> 00:07:20,970 But first we can make a line item center. 87 00:07:22,320 --> 00:07:30,990 OK, let's put the center and then here we can use this method inside the deck, this class of four, 88 00:07:31,710 --> 00:07:44,880 and then the class of column X likes large of two and column like two, and then we will check for the 89 00:07:44,880 --> 00:07:45,270 rest. 90 00:07:45,570 --> 00:07:54,300 We can cover the icon and pasted here and then we can copy the text and make or we can just copy one 91 00:07:54,300 --> 00:07:58,800 and this one to be having ten and ten. 92 00:07:59,880 --> 00:08:07,020 Or we can just make this to be non, non and the different content evenly. 93 00:08:07,380 --> 00:08:09,990 We can control this text here. 94 00:08:10,230 --> 00:08:13,560 Let's see what we have now inside the Web page. 95 00:08:15,150 --> 00:08:16,080 So here we got this. 96 00:08:16,080 --> 00:08:18,150 We just need some padding. 97 00:08:18,810 --> 00:08:33,480 OK, we can, uh, yes, we're this child is just s shadow and I wear it to OK, we can cover this one 98 00:08:33,480 --> 00:08:34,620 and make it here. 99 00:08:36,960 --> 00:08:37,830 So now that's good. 100 00:08:37,830 --> 00:08:41,190 But just give some padding where we can just edit it. 101 00:08:41,730 --> 00:08:45,240 OK, where is changing this part right here. 102 00:08:46,170 --> 00:08:48,150 The Shadow I. 103 00:08:51,440 --> 00:08:52,550 What's the problem here? 104 00:08:52,580 --> 00:08:56,460 What would you lead that's OK. 105 00:08:56,510 --> 00:08:57,660 I think now that's good. 106 00:08:57,980 --> 00:09:02,730 We can just try to add heading up the search. 107 00:09:02,950 --> 00:09:07,460 So, no, it's only adding to the left side. 108 00:09:07,460 --> 00:09:11,930 And we need to check this problem right here, OK? 109 00:09:12,050 --> 00:09:21,850 We can try to add to yes, we can make Jaquith with of container flight and then take this closure based 110 00:09:21,980 --> 00:09:22,450 here. 111 00:09:23,990 --> 00:09:26,120 Let's check everything OK? 112 00:09:26,690 --> 00:09:27,320 Yes. 113 00:09:27,840 --> 00:09:39,650 And then can apply to we can go to the index of each team l let's add here and IG list or we can just 114 00:09:39,650 --> 00:09:43,600 get it here, ok. 115 00:09:45,110 --> 00:09:45,980 Yes. 116 00:09:45,980 --> 00:09:46,670 Yes. 117 00:09:48,890 --> 00:09:49,870 No, no, no. 118 00:09:50,170 --> 00:09:51,860 We can make it here. 119 00:09:52,670 --> 00:09:55,070 OK, that's good at this part. 120 00:09:55,070 --> 00:10:07,100 We can take this idea and go test pilot ask around inside at the container floor and we can copy this 121 00:10:07,100 --> 00:10:16,170 class here because we want to add the padding and then inside eight column floor, too. 122 00:10:16,610 --> 00:10:21,050 And this to be having a period of time because what about now? 123 00:10:21,470 --> 00:10:25,430 So now the padding is applied, but we just need padding left. 124 00:10:28,850 --> 00:10:34,920 30 pixels, what about now and padding right there. 125 00:10:36,890 --> 00:10:39,260 But I don't want the line to be broken. 126 00:10:40,010 --> 00:10:44,580 OK, you can scroll down and see what we can do for this part. 127 00:10:44,990 --> 00:10:47,170 We can make this to be yes. 128 00:10:47,180 --> 00:10:51,760 We got also the colon nine so we can make it for the road. 129 00:10:56,790 --> 00:10:57,900 What about now? 130 00:10:58,230 --> 00:11:02,870 OK, now that's great, and we got the same problem with the padding, right? 131 00:11:02,880 --> 00:11:05,160 And we need to check this problem. 132 00:11:05,170 --> 00:11:08,340 So let's see what we can do for this part. 133 00:11:09,270 --> 00:11:15,170 OK, you can copy this one in here. 134 00:11:15,630 --> 00:11:23,740 Colon Explorer nine, the same problem or why do we have here? 135 00:11:24,360 --> 00:11:26,270 Let's try to delay the beginning, right? 136 00:11:26,520 --> 00:11:27,000 Yes. 137 00:11:27,300 --> 00:11:31,260 And here when we apply this, we've got some padding. 138 00:11:31,260 --> 00:11:31,680 Right. 139 00:11:32,610 --> 00:11:42,060 We can just go here and leave the padding left from here and also the right, not this one to be for 140 00:11:42,600 --> 00:11:44,910 the colon x x large of two. 141 00:11:47,370 --> 00:11:49,830 OK, so we got a problem here. 142 00:11:50,280 --> 00:11:57,510 Let me this one to be, can we get something wrong, this part and we need to check it like the latest 143 00:11:57,510 --> 00:11:57,960 one. 144 00:12:00,390 --> 00:12:03,510 OK, so what's the problem here? 145 00:12:06,370 --> 00:12:07,230 Yes, sir. 146 00:12:10,410 --> 00:12:19,740 OK, we can cut this one and go to the title, but let's try to make here heading right off. 147 00:12:20,340 --> 00:12:20,700 So 148 00:12:23,310 --> 00:12:27,180 no, let's do this one right here. 149 00:12:28,140 --> 00:12:29,750 We need to check this problem in here. 150 00:12:29,760 --> 00:12:30,660 We got to. 151 00:12:30,990 --> 00:12:31,470 Yes. 152 00:12:31,470 --> 00:12:37,650 And I think you would cut the padding so he would got that padding and people apply for the padding 153 00:12:37,650 --> 00:12:40,250 left off pixels to be the same. 154 00:12:40,890 --> 00:12:43,740 And he would get for the right and the left. 155 00:12:43,980 --> 00:12:46,990 We can just make it 20 and 20. 156 00:12:47,970 --> 00:12:48,960 OK, that's good. 157 00:12:49,800 --> 00:12:52,710 And after this part, we can make something different. 158 00:12:52,980 --> 00:12:55,770 We can add some margin from this icon. 159 00:12:55,770 --> 00:13:07,800 In this one, we can go to the index at each table, whereas the icon, yes, it is here and give it 160 00:13:07,800 --> 00:13:09,330 the margin icon. 161 00:13:10,170 --> 00:13:10,890 Right. 162 00:13:11,130 --> 00:13:20,250 And then we can go to the and add here, OK, starting from here. 163 00:13:21,870 --> 00:13:23,570 We can just paste. 164 00:13:24,240 --> 00:13:34,800 OK, and then here we can give it a class in the morning right after big falls, I think 10 pixels will 165 00:13:34,800 --> 00:13:36,090 be enough. 166 00:13:36,360 --> 00:13:38,940 And then let's go back to our Web browser. 167 00:13:40,410 --> 00:13:44,370 No, we can try to add more pixels. 168 00:13:45,240 --> 00:13:46,650 No, it's not applied. 169 00:13:48,430 --> 00:13:57,310 I think we got something else around this part, we can just, uh, add try to add padding or we can 170 00:13:57,310 --> 00:14:01,530 just cover this one and make it for the column of XRX Large. 171 00:14:02,200 --> 00:14:05,580 We can do this part. 172 00:14:07,240 --> 00:14:14,770 These are IG was, uh, let's try to make it a little less and then cover this one, go to the style 173 00:14:14,770 --> 00:14:20,100 of acid paste and inside it. 174 00:14:21,730 --> 00:14:22,500 Yeah. 175 00:14:22,900 --> 00:14:26,550 Find add to the book Shadow of Line. 176 00:14:29,220 --> 00:14:36,720 Inside, Colon expects a lot of to and they to be having margin right after it pixels. 177 00:14:39,860 --> 00:14:46,460 And no, this is having a problem because of the width of this path and now we got that 10 pixels and 178 00:14:46,460 --> 00:14:47,090 that's good. 179 00:14:47,840 --> 00:14:52,470 And to this part, what we can do is to copy and paste the same. 180 00:14:53,180 --> 00:14:57,880 But first, we need to check the whole function and everything is okay or not. 181 00:14:58,460 --> 00:14:59,660 We can go here. 182 00:14:59,900 --> 00:15:01,660 And yes. 183 00:15:03,230 --> 00:15:04,610 Do we have a purple here? 184 00:15:05,990 --> 00:15:07,730 Yes, we have the purple. 185 00:15:08,660 --> 00:15:19,910 We can just delete this one and apply to only here and this one to be having p.g of purple light and 186 00:15:19,910 --> 00:15:23,270 PJI purple sorry. 187 00:15:23,270 --> 00:15:27,320 Or just purple, the purple icon. 188 00:15:30,020 --> 00:15:32,780 OK, but we've just added the styling of this part. 189 00:15:33,080 --> 00:15:37,330 We can copy both of them and go to the style notice. 190 00:15:37,430 --> 00:15:48,410 And here this is the first one and then we can search for the purple light, purple light. 191 00:15:48,650 --> 00:15:54,350 We can check this color here, but it will be in the form of pink ground color. 192 00:15:54,920 --> 00:16:08,810 We can go here and this to be having background color and purple icon to be having the color of purple. 193 00:16:10,330 --> 00:16:16,610 You can't cut this one and then scroll down and paste, OK? 194 00:16:16,820 --> 00:16:18,080 Or just need some padding. 195 00:16:18,080 --> 00:16:22,820 We can go here and panning adding 196 00:16:25,970 --> 00:16:26,600 pixels. 197 00:16:28,510 --> 00:16:34,240 OK, we got the production line and we don't need the production line, so what we can do for this part 198 00:16:34,240 --> 00:16:39,150 is to go to the police and see what we can edit to try to leave the margin. 199 00:16:39,160 --> 00:16:42,550 Right now, it's not solving the problem yet. 200 00:16:43,150 --> 00:16:44,320 The same as here. 201 00:16:46,420 --> 00:16:48,490 OK, what about this? 202 00:16:48,610 --> 00:16:48,910 That. 203 00:16:49,490 --> 00:16:52,930 Panting Not yet. 204 00:16:53,980 --> 00:16:56,030 And we need to check this problem again. 205 00:16:56,500 --> 00:16:57,900 So what's the problem with this part? 206 00:16:57,940 --> 00:17:01,740 Let's make it just with five pixels, OK? 207 00:17:01,780 --> 00:17:03,160 And now it's here. 208 00:17:03,670 --> 00:17:04,330 That's good. 209 00:17:04,720 --> 00:17:10,190 And we can just add Martian right up to pixels to check it. 210 00:17:10,810 --> 00:17:14,330 No, let's try to make this to be five. 211 00:17:15,160 --> 00:17:18,580 No, again, what about just three. 212 00:17:18,880 --> 00:17:20,090 Yes, three of OK. 213 00:17:20,500 --> 00:17:22,690 And we just got some link with this part. 214 00:17:23,230 --> 00:17:25,660 We can just copy and paste the scene. 215 00:17:26,470 --> 00:17:32,100 Where is the left left item? 216 00:17:32,560 --> 00:17:33,430 It's here. 217 00:17:34,210 --> 00:17:43,420 We can make two, three and then we got one, two, three, and we can add a theme for the nesting method. 218 00:17:43,420 --> 00:17:45,420 But he will just add some margin. 219 00:17:45,610 --> 00:17:56,340 First, we can go to this part and where as an ally is having the idea left, we can search for it. 220 00:17:58,720 --> 00:17:59,530 Is it here? 221 00:18:00,350 --> 00:18:01,660 No, it's not here. 222 00:18:01,930 --> 00:18:13,980 We can make a list to be having margin of ten pixels and I don't see any different pixels. 223 00:18:14,950 --> 00:18:16,420 So here we got ten pixels. 224 00:18:16,720 --> 00:18:21,010 We can apply more for 30 pictures for an example. 225 00:18:21,490 --> 00:18:22,520 OK, that's good. 226 00:18:23,020 --> 00:18:32,860 And after this part, you can add the hover function and here we can cover this one and me over function. 227 00:18:34,990 --> 00:18:38,320 And this could be having the color of this one. 228 00:18:38,770 --> 00:18:51,760 And then we can copy this thing and this here we can just make this to be for the left and the right 229 00:18:52,570 --> 00:18:52,880 for. 230 00:18:53,140 --> 00:18:56,140 So, OK, that's good. 231 00:18:57,790 --> 00:19:08,800 After this part, we can go here and add the flavor and then we can copy this color from here. 232 00:19:09,520 --> 00:19:15,550 Now, this one here is just the purple one and let's see what we have now. 233 00:19:16,780 --> 00:19:17,620 OK, that's good. 234 00:19:17,620 --> 00:19:20,710 We just to edit the penny, we can get it from here. 235 00:19:22,540 --> 00:19:23,740 OK, that's good. 236 00:19:25,600 --> 00:19:27,790 But let's try to make something different. 237 00:19:28,000 --> 00:19:30,070 Let's make this light. 238 00:19:34,360 --> 00:19:38,650 OK, that's not very good, we can just make it white. 239 00:19:41,780 --> 00:19:46,980 No, no, no, we got something wrong as far as the eye can, it's baloney. 240 00:19:47,450 --> 00:19:50,220 We can just copy and paste until it comes. 241 00:19:50,810 --> 00:19:56,360 We can go to the spa and where after the next method. 242 00:19:58,810 --> 00:20:04,330 Yes, where said the column of X X last five. 243 00:20:07,030 --> 00:20:09,520 It's starting from here. 244 00:20:09,970 --> 00:20:18,360 We can copy the content inside and paste it here without the the closure of the. 245 00:20:18,530 --> 00:20:21,910 Yes, OK, so now we got something wrong. 246 00:20:21,920 --> 00:20:23,480 Desperate need to check it. 247 00:20:25,240 --> 00:20:25,630 Yes. 248 00:20:25,630 --> 00:20:26,020 Here. 249 00:20:29,920 --> 00:20:34,160 OK, so now that's cute and it is perfect and we got this over function. 250 00:20:35,360 --> 00:20:36,370 OK, that's good. 251 00:20:36,370 --> 00:20:37,950 And we got no problem with it. 252 00:20:38,890 --> 00:20:43,320 And the next step is to check the response and sign all this part. 253 00:20:44,320 --> 00:20:46,050 Let's make this screen smaller. 254 00:20:47,920 --> 00:20:50,940 We're at the beginning of the section starting from here. 255 00:20:51,580 --> 00:21:00,450 We can make here colon and you should be having five and then we can apply to the second one. 256 00:21:01,510 --> 00:21:02,380 Yes, here. 257 00:21:04,330 --> 00:21:10,170 And for the small, we can give it 12, go smaller 12 and column 12. 258 00:21:10,630 --> 00:21:13,270 We can copy and paste for the. 259 00:21:15,010 --> 00:21:20,920 OK, we can make this screen smaller right here. 260 00:21:23,220 --> 00:21:25,350 I think there's something wrong with this part. 261 00:21:25,950 --> 00:21:27,170 No, it's OK. 262 00:21:30,660 --> 00:21:36,040 No, why do you think calling off small of 12? 263 00:21:37,020 --> 00:21:39,530 Let's try to make this easy for. 264 00:21:41,090 --> 00:21:45,090 No, I think we got something wrong with this part and we need to check. 265 00:21:47,430 --> 00:21:52,290 There's a calling of LA five and the same here, five. 266 00:21:53,240 --> 00:21:55,130 And now we've got a little laugh. 267 00:21:55,650 --> 00:21:57,310 Let's hear about this. 268 00:21:57,350 --> 00:21:58,590 But it's not yet. 269 00:21:59,220 --> 00:22:01,470 Let's, like, make it smaller again. 270 00:22:01,680 --> 00:22:02,540 OK. 271 00:22:05,650 --> 00:22:12,380 I was to find of the 14 oh, yes, part, not the content and five to OK, and then we can make the 272 00:22:12,410 --> 00:22:16,630 screen smaller again and go to the small screen. 273 00:22:17,350 --> 00:22:18,390 OK, that's good. 274 00:22:19,960 --> 00:22:26,980 And we will just add some margin, put them all up for this part for the small screen starting from 275 00:22:26,980 --> 00:22:28,760 the small screen, OK? 276 00:22:28,810 --> 00:22:30,280 Everything is working fine. 277 00:22:30,940 --> 00:22:39,780 We can get here style of margin chop and you went off to itself and then here. 278 00:22:41,180 --> 00:22:42,520 No, not for this one. 279 00:22:43,240 --> 00:22:45,370 For this one. 280 00:22:45,700 --> 00:22:50,140 OK, and now we get some margin top wherever we go. 281 00:22:50,590 --> 00:22:53,620 OK, that's good at this part. 282 00:22:53,800 --> 00:22:58,970 In the next video, we will check the response design of the content of this part. 283 00:22:59,410 --> 00:23:01,290 So good luck and have fun.