1 00:00:00,880 --> 00:00:01,390 ‫Hey, there. 2 00:00:01,480 --> 00:00:02,290 ‫Welcome back. 3 00:00:02,410 --> 00:00:10,120 ‫Now let us quickly start our section skills, so that means we are going to work with this whole skeleton. 4 00:00:10,600 --> 00:00:13,620 ‫If we jump here, we need to do certain things. 5 00:00:13,630 --> 00:00:16,440 ‫The first thing will be to walk with this H2. 6 00:00:16,450 --> 00:00:18,370 ‫Then we have this Holywell thing. 7 00:00:19,350 --> 00:00:24,810 ‫So if you jump ahead, the only thing we did is we removed the Leicester design, if you remember the 8 00:00:24,810 --> 00:00:29,490 ‫less decoration or whatever you want to call the tag was about less style. 9 00:00:29,790 --> 00:00:36,540 ‫So we have removed that, but we need to have them in line because if you right click them currently, 10 00:00:36,540 --> 00:00:42,870 ‫all of them are in block form and I want to have them in line so we can have some format like this. 11 00:00:43,320 --> 00:00:47,220 ‫Also, I need to add some padding and then I need to add water. 12 00:00:48,000 --> 00:00:55,260 ‫One quick, important thing you will see this is as capital and this is the first the capital and then 13 00:00:55,260 --> 00:00:56,070 ‫all lowercase. 14 00:00:56,640 --> 00:01:02,310 ‫So I want to utilize us, yes, property so I can change this. 15 00:01:03,060 --> 00:01:03,690 ‫Like this? 16 00:01:04,590 --> 00:01:07,650 ‫What we can do is we can utilise fixed transform. 17 00:01:08,880 --> 00:01:13,110 ‫And specifically adding this so we can have information about these properties. 18 00:01:13,590 --> 00:01:14,610 ‫So let me jump here. 19 00:01:14,790 --> 00:01:20,280 ‫The first thing I'm going to do is I'm going to select the skills inside that I'm going to select the 20 00:01:20,280 --> 00:01:21,060 ‫edge to tag. 21 00:01:21,510 --> 00:01:22,890 ‫And then the first thing? 22 00:01:23,680 --> 00:01:27,240 ‫The text transform and change it to uppercase. 23 00:01:27,960 --> 00:01:34,170 ‫That's the four star capitalized means that firstly, there will be capital than all lowercase. 24 00:01:34,470 --> 00:01:35,370 ‫Lowercase means. 25 00:01:35,370 --> 00:01:36,730 ‫Everything will be lowercase. 26 00:01:36,750 --> 00:01:37,230 ‫None. 27 00:01:37,260 --> 00:01:40,740 ‫It's by default and then uppercase in had. 28 00:01:40,740 --> 00:01:43,320 ‫It means just copied what parent is doing. 29 00:01:43,320 --> 00:01:50,070 ‫So if maybe paid in cash, some setting it in that one, I'm going to use uppercase in my card. 30 00:01:50,520 --> 00:01:52,110 ‫OK, now this is uppercase. 31 00:01:52,620 --> 00:02:00,360 ‫And the thing is, I need to change the font size, so just utilize the font size as 1.2 m. 32 00:02:02,170 --> 00:02:03,160 ‫Much better. 33 00:02:03,370 --> 00:02:05,590 ‫I also need to create some space. 34 00:02:06,520 --> 00:02:09,280 ‫So let me add some margin. 35 00:02:10,290 --> 00:02:16,200 ‫I'm going to add margin bottom, and this should be 0.5 trim, save this one. 36 00:02:17,660 --> 00:02:18,860 ‫OK, much better. 37 00:02:19,580 --> 00:02:25,700 ‫Also, there will be some space for this whole section since everything is on the left now. 38 00:02:25,760 --> 00:02:31,350 ‫So what I'm going to do is I'm going to get into skin and then I need to add some padding. 39 00:02:31,370 --> 00:02:31,820 ‫So what? 40 00:02:31,820 --> 00:02:39,440 ‫I'm going to do this from don't amuse 1.1m and from left and right, I'm going to use one to save this 41 00:02:39,440 --> 00:02:39,770 ‫one. 42 00:02:41,830 --> 00:02:45,850 ‫OK, I need to add some more space here, so let me change this. 43 00:02:46,390 --> 00:02:47,550 ‫Maybe five. 44 00:02:50,050 --> 00:02:53,530 ‫I think I should use one point six, save this one. 45 00:02:54,710 --> 00:02:55,430 ‫Much better. 46 00:02:55,970 --> 00:02:57,890 ‫So that's the initial change. 47 00:02:58,670 --> 00:03:01,930 ‫Now the whole change is going to be with these allied acts. 48 00:03:02,330 --> 00:03:11,570 ‫So what I can do is I can jump here with the minus kills and inside my unit, inside my ally. 49 00:03:12,080 --> 00:03:13,160 ‫I need guard sitting. 50 00:03:13,400 --> 00:03:17,300 ‫The first thing is I want to convert them into inline blocks. 51 00:03:17,600 --> 00:03:20,780 ‫So to select inline blocks, save this one. 52 00:03:21,140 --> 00:03:23,550 ‫Also, I need to change the font size. 53 00:03:23,570 --> 00:03:25,730 ‫I'm going to go with one point to them. 54 00:03:26,270 --> 00:03:29,870 ‫This sure will find that I need to add some water as well as padding. 55 00:03:30,260 --> 00:03:33,170 ‫So for now, let's see what changes we did. 56 00:03:33,860 --> 00:03:35,870 ‫These are all in the block form. 57 00:03:36,560 --> 00:03:37,910 ‫OK, OK, OK. 58 00:03:38,990 --> 00:03:39,830 ‫Working well. 59 00:03:42,320 --> 00:03:45,930 ‫Let me add some border, and then I can discuss about banning, actually. 60 00:03:45,950 --> 00:03:49,760 ‫So let me jump back and handed me a border. 61 00:03:51,110 --> 00:03:55,400 ‫Should be two pixel art, I can take 0.2 REM. 62 00:03:56,820 --> 00:04:02,220 ‫Then I'm going to go with solid and had a high quality information about the border. 63 00:04:02,700 --> 00:04:03,870 ‫It is 2002. 64 00:04:05,070 --> 00:04:06,120 ‫Save this one. 65 00:04:07,980 --> 00:04:10,950 ‫No, I have a border as well as this content. 66 00:04:12,060 --> 00:04:15,720 ‫If we zoom it, you can get some idea. 67 00:04:18,690 --> 00:04:20,580 ‫Oregon also changed the color. 68 00:04:22,730 --> 00:04:25,940 ‫This looks fine, I think I need to add border radius. 69 00:04:26,090 --> 00:04:26,720 ‫Also. 70 00:04:28,540 --> 00:04:29,640 ‫Get back here. 71 00:04:31,040 --> 00:04:37,850 ‫I'm going to add border radius, which is going to be zero point two REM and the next one should be 72 00:04:37,850 --> 00:04:38,560 ‫my batting. 73 00:04:38,630 --> 00:04:42,530 ‫Pretty common things since now we are we are not talking about these things. 74 00:04:44,000 --> 00:04:47,210 ‫OK, I have created some space and this look much better. 75 00:04:49,380 --> 00:04:55,320 ‫Yep, looks fine to me, the only thing I have issue is gap between these two in line block. 76 00:04:55,350 --> 00:04:57,840 ‫Remember why I used in nine blocks? 77 00:04:57,850 --> 00:05:00,120 ‫I can add some margin between these two. 78 00:05:00,450 --> 00:05:05,190 ‫So if you hover over this, I need to add space between both of them. 79 00:05:06,360 --> 00:05:13,590 ‫What I can do is I can utilize margin so I can see margin and from all my need to, you know, going 80 00:05:13,590 --> 00:05:18,690 ‫to them and then maybe between them, these left and right, I can use zero point one. 81 00:05:20,080 --> 00:05:22,870 ‫Much better, so if might close this long. 82 00:05:23,260 --> 00:05:24,640 ‫Compare both of them. 83 00:05:25,670 --> 00:05:28,030 ‫OK, this looks much better in this. 84 00:05:28,030 --> 00:05:33,910 ‫We have some bulk shadow actually with this whole container and we are missing something here. 85 00:05:34,330 --> 00:05:37,310 ‫So this is remaining and the mock shadow. 86 00:05:37,350 --> 00:05:39,580 ‫Let me eyeball shadow in this lecture itself. 87 00:05:40,030 --> 00:05:44,620 ‫Scroll up a bit, and inside this section, we are going to add bulk shadow. 88 00:05:46,140 --> 00:05:51,300 ‫Now, if you don't have information about what can I do remember to visit CIUSSS reference such a moon 89 00:05:51,300 --> 00:05:54,300 ‫walk shadow and had by default, it's none. 90 00:05:54,690 --> 00:05:58,980 ‫But we can add to values that efforts will be about horizontal offset. 91 00:05:59,340 --> 00:06:01,770 ‫And the second one will be about vertical offset. 92 00:06:01,770 --> 00:06:08,280 ‫And we can add certain information like this, and we can also add colors that will be something like 93 00:06:08,280 --> 00:06:08,670 ‫this. 94 00:06:08,680 --> 00:06:13,860 ‫Then we can also add Bityard value about Blerd so we can have multiple values. 95 00:06:14,340 --> 00:06:16,600 ‫So the first will be about horizontal offset. 96 00:06:16,620 --> 00:06:18,690 ‫The second will be about vertical offset. 97 00:06:19,080 --> 00:06:22,050 ‫Then we have blurred setting and then we have the color. 98 00:06:22,530 --> 00:06:26,370 ‫Now, the fourth can be about how our shadow is going to spread. 99 00:06:26,820 --> 00:06:28,410 ‫We can control a lot of things. 100 00:06:28,620 --> 00:06:30,480 ‫So that's how bauxite shadow work. 101 00:06:35,320 --> 00:06:40,060 ‫Now, I heard remember mean boxes this section, and we need to add some box shadow here. 102 00:06:40,540 --> 00:06:46,270 ‫So one thing you can do is you can if you want to just test, you cannot just copy this one, click 103 00:06:46,270 --> 00:06:47,570 ‫here and save this. 104 00:06:47,590 --> 00:06:48,760 ‫You can see the difference. 105 00:06:49,450 --> 00:06:51,140 ‫Maybe I want something different. 106 00:06:51,140 --> 00:06:51,640 ‫Can? 107 00:06:53,160 --> 00:06:59,040 ‫Had I want to copy this one, maybe I can do that instead of this, I can on this one. 108 00:06:59,190 --> 00:07:01,050 ‫You can see that side is going to work. 109 00:07:01,470 --> 00:07:04,890 ‫You can also add some different color, maybe something related to Golden. 110 00:07:05,960 --> 00:07:10,760 ‫OK, this looks better, you see, we can do some customization. 111 00:07:11,150 --> 00:07:12,910 ‫So that's how this is going to work. 112 00:07:12,920 --> 00:07:17,840 ‫You can take values in RGV as well as Hex Code, and it should work fine. 113 00:07:19,060 --> 00:07:22,540 ‫And any time you just stuck somewhere, use a skip. 114 00:07:22,960 --> 00:07:29,230 ‫OK, so we can do something, but for now, I'm with you something doc, maybe something little to black 115 00:07:29,230 --> 00:07:29,770 ‫itself. 116 00:07:30,160 --> 00:07:34,210 ‫So what I'm going to do is I'm going to add a walk shadow here. 117 00:07:36,990 --> 00:07:41,590 ‫So I'm going to take zero pixel as well as stand mixer. 118 00:07:41,610 --> 00:07:45,700 ‫These two are going to go horizontal as well as vertical. 119 00:07:46,050 --> 00:07:47,940 ‫Then I knew something about blurred. 120 00:07:48,120 --> 00:07:52,830 ‫And then I knew something about how these values are going to spread. 121 00:07:53,370 --> 00:07:55,140 ‫And then I need to take values. 122 00:07:55,410 --> 00:08:00,990 ‫Now remember, you can take Hex as well as you can take something and bounce off ICBM. 123 00:08:01,530 --> 00:08:08,370 ‫So this is going to control your color, which is red, green, blue and the opacity I get back here. 124 00:08:08,790 --> 00:08:15,900 ‫Now you can see we should have fox property and we can change the color here to get more information 125 00:08:15,900 --> 00:08:18,660 ‫and how this is going to look much better. 126 00:08:19,170 --> 00:08:25,170 ‫We can utilize something like gold, and if we want to experiment and also change these values for experiment, 127 00:08:25,740 --> 00:08:29,490 ‫maybe if I take zero here, you can see it's evenly spread. 128 00:08:29,850 --> 00:08:32,280 ‫I can also take a zero here. 129 00:08:33,410 --> 00:08:42,080 ‫Or maybe this one, yeah, this is the one you can see we can take something like this to spread them. 130 00:08:42,110 --> 00:08:47,100 ‫This was about Blair and this was about spread, but this is about horizontal and vertical. 131 00:08:47,150 --> 00:08:52,400 ‫So that's how this is going to look if we take equal values, but I don't want that. 132 00:08:54,520 --> 00:09:00,820 ‫That's what I hope you got the idea about how a walk shadow is going to work, but we did something 133 00:09:00,820 --> 00:09:07,330 ‫similar exactly the required version, but only one thing is remaining, which is about our foreign. 134 00:09:07,990 --> 00:09:09,160 ‫It's going to be interesting. 135 00:09:09,160 --> 00:09:12,640 ‫We are going to add our links, maybe about you, maybe anything else. 136 00:09:13,210 --> 00:09:15,730 ‫So that will help us to add some social things. 137 00:09:16,420 --> 00:09:18,040 ‫I hope this lecture was helpful. 138 00:09:18,100 --> 00:09:21,070 ‫Thank you for following, and I see you guys in the next one.