1 00:00:00,360 --> 00:00:00,920 ‫Hey, there. 2 00:00:00,990 --> 00:00:01,680 ‫Welcome back. 3 00:00:01,950 --> 00:00:07,020 ‫Now let us create a new section on, I should say, new division in which we are going to have some 4 00:00:07,020 --> 00:00:09,330 ‫text and then these boxes. 5 00:00:09,840 --> 00:00:13,410 ‫So these whole part can be created using Flexbox. 6 00:00:13,860 --> 00:00:15,390 ‫And these are simple text. 7 00:00:15,840 --> 00:00:23,370 ‫What I'm going to do is I'm going to create one or maybe some heading paragraph, use a span to differentiate 8 00:00:23,370 --> 00:00:24,090 ‫this text. 9 00:00:24,510 --> 00:00:26,370 ‫And then there will be some description. 10 00:00:27,240 --> 00:00:32,400 ‫So simple in this division, I'm going to organize a paragraph and I'm going to call this as tagline. 11 00:00:35,960 --> 00:00:41,810 ‫Remember, we utilized dog mean and then description, so this is going to be a tagline and this is 12 00:00:41,810 --> 00:00:43,790 ‫going to be disruption, something like this. 13 00:00:44,570 --> 00:00:46,820 ‫So simply, here, let me jump. 14 00:00:48,170 --> 00:00:53,210 ‫Now, let me quickly add a timeline, simple tagline, and then this isn't fun. 15 00:00:53,720 --> 00:00:58,610 ‫We are going to change color great and we are going to have less corruption. 16 00:01:02,520 --> 00:01:07,440 ‫So this is going to be a long description, so let me copy this one and add it to. 17 00:01:13,290 --> 00:01:15,070 ‫Definitely, there is some great. 18 00:01:17,830 --> 00:01:24,760 ‫Now, this looks good to me, I just need to change their styling part, so this is going to be pretty 19 00:01:24,760 --> 00:01:25,150 ‫big. 20 00:01:25,270 --> 00:01:27,370 ‫And then this is going to stay normal. 21 00:01:27,820 --> 00:01:33,850 ‫The first thing I need to do is I need to add properties to this info and simply the first property 22 00:01:33,850 --> 00:01:40,530 ‫is going to be fixed and I understand that so I can have all my text at that except observed. 23 00:01:41,050 --> 00:01:42,880 ‫This is now saying that. 24 00:01:44,130 --> 00:01:44,820 ‫Looks good. 25 00:01:44,850 --> 00:01:51,750 ‫I need to change the property of this whole gaming thing, so if I jump there, I just need to select 26 00:01:51,750 --> 00:01:57,030 ‫the growth park in full part and then I need to have my main line. 27 00:01:58,130 --> 00:01:59,840 ‫I think it was a tag line. 28 00:02:04,550 --> 00:02:06,770 ‫Now we are going to have all our properties. 29 00:02:06,800 --> 00:02:08,720 ‫The first one will be on a -- site. 30 00:02:08,900 --> 00:02:11,060 ‫So I'm going to change it to for them. 31 00:02:11,570 --> 00:02:13,400 ‫Then there will be a floor grid. 32 00:02:13,760 --> 00:02:16,670 ‫And I'm going to change it to 600. 33 00:02:17,150 --> 00:02:22,910 ‫Then there will be margin more because I need to add some distance between this tagline and description. 34 00:02:23,300 --> 00:02:26,720 ‫So there will be margin bottom and I'm going to go it to them. 35 00:02:27,230 --> 00:02:27,890 ‫Looks good. 36 00:02:28,460 --> 00:02:30,980 ‫Now the second thing I'm going to do is I'm going to select. 37 00:02:30,980 --> 00:02:35,860 ‫I spun, so I just need to select this and select my spine. 38 00:02:37,000 --> 00:02:40,600 ‫Now here on our clothes and a background color simply. 39 00:02:44,760 --> 00:02:46,090 ‫Because this is not blue. 40 00:02:46,110 --> 00:02:47,730 ‫This is gradient color. 41 00:02:48,150 --> 00:02:50,490 ‫Now if I right click air, click on Inspect. 42 00:02:50,520 --> 00:02:52,680 ‫We can live with this whole gradient thing. 43 00:02:53,070 --> 00:02:57,420 ‫So if I select something else, you will realize, OK, I hope you got the idea. 44 00:02:57,870 --> 00:02:59,520 ‫So this is a gradient color. 45 00:03:00,000 --> 00:03:05,610 ‫What I'm going to do is I'm going to select this fan and here first, I'm going to add on background 46 00:03:05,610 --> 00:03:07,050 ‫color by default color. 47 00:03:07,410 --> 00:03:08,940 ‫And let's take our own color. 48 00:03:10,320 --> 00:03:14,670 ‫Which we added during the team creation, so I can use my. 49 00:03:15,770 --> 00:03:21,350 ‫So this is back up and then I can add our background image. 50 00:03:23,060 --> 00:03:30,130 ‫And had we have option to utilize linear gradient again, we need to provide the direction to look over 51 00:03:30,140 --> 00:03:31,400 ‫at 160 degree. 52 00:03:32,210 --> 00:03:35,120 ‫The next thing is the new contract that we need to pass. 53 00:03:35,750 --> 00:03:40,490 ‫So I'm willing to pay something like to blow itself. 54 00:03:42,770 --> 00:03:45,380 ‫So these are the two colors that we are going to play with. 55 00:03:46,480 --> 00:03:47,320 ‫John, back here. 56 00:03:50,060 --> 00:03:57,230 ‫Now here you can see we have on background looks great, but I want something like this, I want this. 57 00:03:57,920 --> 00:04:02,810 ‫What we need to do is if you remember about our background clip, we need to add a cat. 58 00:04:03,440 --> 00:04:06,650 ‫So background clip that is not going to work directly. 59 00:04:06,650 --> 00:04:09,070 ‫We need to use that kit, actually. 60 00:04:09,440 --> 00:04:17,090 ‫So letting that kit and then I can have my background clip looks great and then I can select the next 61 00:04:17,090 --> 00:04:17,570 ‫format. 62 00:04:18,710 --> 00:04:21,500 ‫The other thing is, I need to change my color to transparent. 63 00:04:21,890 --> 00:04:23,360 ‫That is my own colors. 64 00:04:23,960 --> 00:04:25,760 ‫And if I see him this one, get back here. 65 00:04:28,610 --> 00:04:29,930 ‫I think I should. 66 00:04:31,390 --> 00:04:33,100 ‫I need to change a group transcript. 67 00:04:34,800 --> 00:04:35,700 ‫Oh, looks good. 68 00:04:36,170 --> 00:04:37,860 ‫Oh, hey, you can you try something else? 69 00:04:38,100 --> 00:04:41,670 ‫It's much easier to view or differentiate. 70 00:04:43,990 --> 00:04:45,820 ‫That's how you need to utilize this hole. 71 00:04:46,030 --> 00:04:49,990 ‫I'm just adding this feature, so we have a practice of everything. 72 00:04:50,290 --> 00:04:53,800 ‫Remember, it's more of a revision than an actual project. 73 00:04:54,460 --> 00:04:57,430 ‫You are trying to implement every single thing that is available. 74 00:04:58,800 --> 00:05:04,590 ‫Now, remember, the moment is according to 160 degree, and we are sharing it according to 50 percent, 75 00:05:04,590 --> 00:05:07,280 ‫100 percent if I change my degree. 76 00:05:07,840 --> 00:05:08,880 ‫That's in 90. 77 00:05:10,150 --> 00:05:12,030 ‫Now if you observe that sort of movement. 78 00:05:14,790 --> 00:05:16,440 ‫Let's call it zero degree. 79 00:05:17,340 --> 00:05:20,520 ‫You can see the upper part is dark and the lower part is light. 80 00:05:23,630 --> 00:05:26,450 ‫One of the analysts call it 15 of the. 81 00:05:29,050 --> 00:05:32,470 ‫That's how you need to experiment to understand things, to be honest. 82 00:05:33,130 --> 00:05:35,290 ‫Let's deal with these characters. 83 00:05:36,700 --> 00:05:37,690 ‫Looks good to me. 84 00:05:37,750 --> 00:05:40,000 ‫Now we just need to work on our next section. 85 00:05:40,630 --> 00:05:47,830 ‫So this is the description I need community, if scription, we have this whole description color except. 86 00:05:48,850 --> 00:05:50,680 ‫Which was desk text long. 87 00:05:52,760 --> 00:05:53,630 ‫Get back here. 88 00:05:54,260 --> 00:06:02,210 ‫This is going to be crude, an encore and then then description. 89 00:06:03,890 --> 00:06:09,860 ‫Let's say color, you are, and here I am, just need to provide my description kind of looks great. 90 00:06:10,520 --> 00:06:17,030 ‫Now remember one important thing that I am repeating again and again the reason that I try to follow 91 00:06:17,030 --> 00:06:17,870 ‫these clothes. 92 00:06:17,960 --> 00:06:24,050 ‫In fact, we can use use direct starting to do so in the name of revisiting this project. 93 00:06:24,290 --> 00:06:29,810 ‫You remember, you know, if I see a growth in four tagline span, you know, this is going to be a 94 00:06:29,810 --> 00:06:30,770 ‫cross-section. 95 00:06:31,160 --> 00:06:33,350 ‫This is going to be are in for the vision. 96 00:06:33,620 --> 00:06:35,690 ‫Then this is tagline and this is fun. 97 00:06:36,200 --> 00:06:39,230 ‫So you can visualize things in a faster manner. 98 00:06:40,070 --> 00:06:40,940 ‫Looks good to me. 99 00:06:41,060 --> 00:06:43,520 ‫We just need to jump on to the next part. 100 00:06:45,650 --> 00:06:51,860 ‫This section, what I am going to do is I'm going to create a new live, all this section has qualities 101 00:06:52,250 --> 00:06:57,470 ‫and these three are for devs, change it to Flexbox and add content. 102 00:06:57,800 --> 00:06:59,540 ‫Let's do this super fast. 103 00:07:16,570 --> 00:07:17,120 ‫OK. 104 00:07:17,170 --> 00:07:22,990 ‫So let me give you a quick example of what we just did, or we created a new Lev Parnas qualities. 105 00:07:23,470 --> 00:07:28,300 ‫Now I created are in that kind of division again for this part. 106 00:07:28,930 --> 00:07:31,660 ‫Now this part includes this icon. 107 00:07:32,090 --> 00:07:33,910 ‫OK, here we are going to store that here. 108 00:07:34,330 --> 00:07:38,110 ‫Then I know you are going to store that here and then some description. 109 00:07:38,770 --> 00:07:40,680 ‫So that's how this part is going to work. 110 00:07:41,260 --> 00:07:43,030 ‫We need to repeat this over time. 111 00:07:43,060 --> 00:07:49,930 ‫But before that, let's add some content and just create one part and see what we are going to do now 112 00:07:49,930 --> 00:07:54,550 ‫on this icon can be utilized with the help of AI that formed awesome or bootstrap. 113 00:07:55,120 --> 00:07:57,060 ‫So let me simply import that cat. 114 00:07:57,070 --> 00:08:02,800 ‫I already have a link on my bootstrapping global and at the top. 115 00:08:04,440 --> 00:08:09,330 ‫See, this is going to work fine, and here I just need to add the icon. 116 00:08:12,520 --> 00:08:13,720 ‫That's great. 117 00:08:13,930 --> 00:08:20,500 ‫The other thing I'm going to do is add some extend that is high quality videos, and then I'm going 118 00:08:20,500 --> 00:08:26,680 ‫to have some random Lauren next and save this one. 119 00:08:26,930 --> 00:08:27,970 ‫And I get back here. 120 00:08:30,020 --> 00:08:32,750 ‫You see, this is our current quality. 121 00:08:33,740 --> 00:08:39,290 ‫Now we need to work on this fiction, so let us continue this in the next one because this is going 122 00:08:39,290 --> 00:08:40,190 ‫to take some time. 123 00:08:40,200 --> 00:08:46,310 ‫We need to do the individual one and then utilize some formatting and then Flexbox itself. 124 00:08:46,700 --> 00:08:48,290 ‫So this is going to take some time. 125 00:08:48,320 --> 00:08:49,850 ‫Let's do that in the next one. 126 00:08:50,480 --> 00:08:51,440 ‫Thank you for calling. 127 00:08:51,740 --> 00:08:53,510 ‫And I see you guys in the next one.