1 00:00:00,330 --> 00:00:07,550 ‫Now, let us continue our task with the next section, which is going to be about our banner park now, 2 00:00:07,560 --> 00:00:13,220 ‫currently there will be many changes on this whole thing like this is going to be bold, but I jump. 3 00:00:13,890 --> 00:00:15,060 ‫That should not be bold. 4 00:00:15,300 --> 00:00:17,050 ‫So we need to change several things. 5 00:00:17,130 --> 00:00:22,320 ‫Maybe, maybe here I need to change font so I can go with font. 6 00:00:22,330 --> 00:00:28,860 ‫Brunei's ordinary if I want, and I can also remove this one bit, as well as font size from my view 7 00:00:29,520 --> 00:00:32,370 ‫towards my back will be much better. 8 00:00:34,770 --> 00:00:37,290 ‫And here I can also copy in article. 9 00:00:37,830 --> 00:00:40,110 ‫This looks great, save this one bit back here. 10 00:00:40,530 --> 00:00:42,210 ‫I can see this is much better. 11 00:00:42,660 --> 00:00:46,040 ‫The other thing I need to look forward is how to divide this whole section. 12 00:00:46,470 --> 00:00:52,530 ‫If you jump here, we are going to have this whole complete section, then we are going to divide this 13 00:00:53,070 --> 00:00:54,720 ‫maybe mainline or tag line. 14 00:00:54,900 --> 00:00:56,010 ‫And this is mainline. 15 00:00:56,400 --> 00:00:57,720 ‫This is some description. 16 00:00:57,720 --> 00:01:00,750 ‫And then we are going to have gotten similarly. 17 00:01:00,750 --> 00:01:02,380 ‫We will have this image first. 18 00:01:02,400 --> 00:01:04,380 ‫Then there will be two floating images. 19 00:01:05,190 --> 00:01:05,610 ‫Great. 20 00:01:05,760 --> 00:01:07,200 ‫So this looks easy. 21 00:01:07,650 --> 00:01:08,730 ‫Let me get back here. 22 00:01:10,330 --> 00:01:11,740 ‫They jump on to my next. 23 00:01:12,160 --> 00:01:17,620 ‫Let me minimize this part, which is global, and then this is the menu, which is text drop menu. 24 00:01:18,160 --> 00:01:18,850 ‫OK, great. 25 00:01:19,060 --> 00:01:21,880 ‫Now here I'm not going to do anything with my hater. 26 00:01:21,880 --> 00:01:23,470 ‫I'm going to jump on to my main. 27 00:01:24,100 --> 00:01:26,170 ‫And inside this, I'm going to do everything. 28 00:01:26,950 --> 00:01:28,450 ‫So let me create a section. 29 00:01:29,680 --> 00:01:32,110 ‫I'm going to call this section of introduction. 30 00:01:36,500 --> 00:01:38,350 ‫OK, now everything will be inside. 31 00:01:38,600 --> 00:01:44,630 ‫The first thing I'm going to do is I'm going to add a container and I'll remember the only reason I'm 32 00:01:44,930 --> 00:01:48,110 ‫distributing container in two different parties. 33 00:01:48,350 --> 00:01:52,880 ‫So if I want to play with any type of background or anything else, I can do that. 34 00:01:53,360 --> 00:01:58,040 ‫Or I can mention this, that this board is going to be maximum of 90 percent. 35 00:01:58,250 --> 00:02:04,520 ‫Or I can I mention the body will be a maximum of 90 percent, something like this, or a maximum of 36 00:02:04,520 --> 00:02:05,780 ‫one two eight zero pixel. 37 00:02:06,440 --> 00:02:08,670 ‫So for now, let's follow this container thing. 38 00:02:08,720 --> 00:02:09,980 ‫We can read this later. 39 00:02:11,770 --> 00:02:14,200 ‫Inside my section, I'm going to have a do. 40 00:02:15,890 --> 00:02:23,720 ‫And I need to add a glacier which is going to be container great, so we just created another section 41 00:02:23,720 --> 00:02:24,020 ‫here. 42 00:02:24,830 --> 00:02:27,470 ‫Now I need to divide this section into two parts. 43 00:02:27,830 --> 00:02:34,610 ‫The first part will be I can call this as intro text, and the second part will be in three images that 44 00:02:34,610 --> 00:02:36,110 ‫would be much easier to understand. 45 00:02:36,890 --> 00:02:38,600 ‫So this is our introduction section. 46 00:02:39,110 --> 00:02:40,250 ‫This is our container. 47 00:02:40,520 --> 00:02:47,570 ‫Inside this, we can have two part that first pack will be live and I can see into xed. 48 00:02:49,330 --> 00:02:55,090 ‫And the second one will be in and images looks good. 49 00:02:55,450 --> 00:02:59,950 ‫So now we have these two parts now inside this device can have multiple other parts. 50 00:03:00,370 --> 00:03:04,270 ‫So the first thing I'm going to have to be done, which is going to be my tagline. 51 00:03:06,850 --> 00:03:10,060 ‫No, and I'm willing to call this as loan with high schools. 52 00:03:12,180 --> 00:03:15,840 ‫Then again, I'm going to have to be logged and I'm going to have them in line. 53 00:03:18,390 --> 00:03:22,170 ‫And I'm going to call on this house download learning app, something like this. 54 00:03:25,800 --> 00:03:34,110 ‫Then I'm going to have a third reader, which is going to be the description and head, I'm back in 55 00:03:34,110 --> 00:03:37,080 ‫autumn 20, something that it should be enough. 56 00:03:39,050 --> 00:03:47,330 ‫And once that is done, I just need to add a duck and use my glass as Vivian, which very simply created. 57 00:03:47,510 --> 00:03:49,330 ‫And I'm going to say No, no. 58 00:03:52,210 --> 00:03:53,040 ‫Save this one. 59 00:03:53,080 --> 00:03:53,860 ‫Get back here. 60 00:03:56,140 --> 00:04:02,050 ‫OK, it looks good now this weekend is already walking because we are utilizing our component property. 61 00:04:02,650 --> 00:04:07,360 ‫But you can see everything is hotchpotch on, I should say a mess again. 62 00:04:07,810 --> 00:04:09,600 ‫We will control this later. 63 00:04:09,610 --> 00:04:12,670 ‫Now I need to jump here with my images. 64 00:04:13,000 --> 00:04:18,970 ‫I just need to add the three images, which, as I imagine the first one will be inside on a media. 65 00:04:22,550 --> 00:04:24,200 ‫So there will be three images. 66 00:04:24,230 --> 00:04:28,220 ‫The first one will be a small image and a big image, then I saw one image. 67 00:04:28,820 --> 00:04:32,720 ‫So if you jump here and I open this up. 68 00:04:35,090 --> 00:04:36,940 ‫Media view one. 69 00:04:38,000 --> 00:04:40,550 ‫We do the three way. 70 00:04:41,860 --> 00:04:43,810 ‫So here I need to use the loo. 71 00:04:45,260 --> 00:04:50,000 ‫Which is the small image, then I need to add the one image. 72 00:04:51,870 --> 00:04:54,510 ‫Which is the bigger one, and then I need to ah. 73 00:04:57,460 --> 00:04:59,310 ‫Three image, which is the smaller one. 74 00:04:59,880 --> 00:05:04,710 ‫So we need to format it at this point or find this look the whole hotchpotch thing. 75 00:05:05,070 --> 00:05:05,450 ‫Great. 76 00:05:05,460 --> 00:05:07,530 ‫We are moving forward now here. 77 00:05:07,560 --> 00:05:13,460 ‫What we need to follow up on that is we need to utilize either Flexbox or maybe see as a script and 78 00:05:13,460 --> 00:05:15,210 ‫new to continuing to go back. 79 00:05:15,510 --> 00:05:17,770 ‫So that will be a left as well as right. 80 00:05:18,180 --> 00:05:25,170 ‫And here, if you observe, this is going to be our Flexbox, one that has one division and this is 81 00:05:25,170 --> 00:05:30,230 ‫going to be the second division we can utilize section also depending on our requirements. 82 00:05:30,780 --> 00:05:33,270 ‫So head, this is our container. 83 00:05:33,420 --> 00:05:35,580 ‫I should add some other class here as well. 84 00:05:35,580 --> 00:05:43,090 ‫So I should say maybe in cross-section or I can utilize this as section itself, depending on our requirement 85 00:05:43,100 --> 00:05:45,060 ‫to please just say intro. 86 00:05:46,300 --> 00:05:52,690 ‫S. How I can utilize this intersection, and I can say if this is a Flexbox. 87 00:05:53,590 --> 00:05:56,570 ‫We can have things on a similar direction. 88 00:05:56,590 --> 00:05:58,450 ‫That means both of these items. 89 00:05:59,060 --> 00:06:07,000 ‫OK, let me jump here, get back to my style CSI and here I'm going to realize and cross-section alleged 90 00:06:07,000 --> 00:06:08,470 ‫government display as. 91 00:06:09,940 --> 00:06:16,510 ‫Flags and the direction will be by default as Roe itself, so you can see this is going to be the first 92 00:06:16,510 --> 00:06:20,780 ‫item, this is going to be the second item now had one important thing. 93 00:06:20,800 --> 00:06:24,100 ‫We need to just change their position at this point. 94 00:06:24,100 --> 00:06:24,550 ‫OK, fine. 95 00:06:25,420 --> 00:06:32,770 ‫If you see a position of both of these item, they are above on, I should say that sitting next is 96 00:06:33,010 --> 00:06:36,670 ‫one or two greater than the default item. 97 00:06:37,210 --> 00:06:39,480 ‫So this is zero, this should be one. 98 00:06:39,490 --> 00:06:41,540 ‫This should be one that is right. 99 00:06:41,560 --> 00:06:44,950 ‫These are on the top of this background image. 100 00:06:45,430 --> 00:06:50,020 ‫Also, I need to change the position, so we need to work on this side as well. 101 00:06:51,350 --> 00:06:57,370 ‫And depending on our requirement, what we want to do first, let's start with this side and complete 102 00:06:57,380 --> 00:07:00,950 ‫the part of this land school this, this and this. 103 00:07:01,520 --> 00:07:09,140 ‫OK, so let me jump in now I had if you observe we have given them a tagline, we have given them our 104 00:07:09,140 --> 00:07:11,810 ‫main line as well as description. 105 00:07:12,140 --> 00:07:13,220 ‫One important thing. 106 00:07:14,060 --> 00:07:16,280 ‫These are common phrases that I use. 107 00:07:16,340 --> 00:07:17,960 ‫You can use anything else. 108 00:07:18,440 --> 00:07:23,870 ‫But since these type of phrases repeat again and again, for example, here I'm going to utilize this 109 00:07:23,870 --> 00:07:27,740 ‫as meaning and this as something I description again. 110 00:07:28,670 --> 00:07:32,690 ‫And for that again, this is my tagline main line and description. 111 00:07:32,720 --> 00:07:38,630 ‫So I'm going to utilize these type of name again and again totally depend on your requirements. 112 00:07:39,290 --> 00:07:45,080 ‫So if I need to jump onto my tagline, all I have to do is either select the intersection and then I 113 00:07:45,080 --> 00:07:50,210 ‫can select the tagline, because all of the other these are different section. 114 00:07:51,370 --> 00:07:54,040 ‫These so I can differentiate them. 115 00:07:55,770 --> 00:08:00,420 ‫Let me jump back here and here on we'll go walk with introduction. 116 00:08:01,490 --> 00:08:04,100 ‫So I need to select the tagline first. 117 00:08:06,750 --> 00:08:12,210 ‫Get back here, and this is going to be the tagline, save this one, and everything that we are going 118 00:08:12,210 --> 00:08:15,780 ‫to win will be inside this great looks fine to me. 119 00:08:16,440 --> 00:08:22,440 ‫One more thing if you observe this whole intro text need to hello again. 120 00:08:22,440 --> 00:08:23,850 ‫Flexbox Why? 121 00:08:24,210 --> 00:08:30,270 ‫Because later on, we are going to go over the responsiveness, so I need them to be center line. 122 00:08:30,270 --> 00:08:35,310 ‫I need them at this point of time to be Flagstar so we can utilize them. 123 00:08:35,310 --> 00:08:42,210 ‫Or we can add on mediocrity later on that there should be text align center for all three of them. 124 00:08:42,930 --> 00:08:44,070 ‫So we can follow that. 125 00:08:44,070 --> 00:08:50,670 ‫Also, had I'm inside my introduction and for tagline, all I have to do is utilize one great. 126 00:08:53,050 --> 00:08:58,360 ‫I'm going with all of what I should say, maybe 500 or 600, I can utilize that. 127 00:08:58,750 --> 00:09:02,650 ‫The next thing is I'm going to increase the font size, which is going to read. 128 00:09:03,160 --> 00:09:10,450 ‫And the next thing is I'm going to add some margin bottom so I can have space between all of the content. 129 00:09:11,080 --> 00:09:12,670 ‫And then I'm going to go forward. 130 00:09:12,990 --> 00:09:13,390 ‫OK. 131 00:09:14,500 --> 00:09:16,120 ‫So now let me select this one. 132 00:09:16,120 --> 00:09:16,840 ‫Get back here. 133 00:09:17,410 --> 00:09:18,080 ‫Looks fine. 134 00:09:18,100 --> 00:09:19,840 ‫I need to increase the font size. 135 00:09:20,650 --> 00:09:22,390 ‫Let's stick to going to trim. 136 00:09:24,180 --> 00:09:24,630 ‫OK. 137 00:09:24,720 --> 00:09:25,380 ‫Looks good. 138 00:09:25,860 --> 00:09:30,090 ‫The next thing is about my download app, which is going to be my main line. 139 00:09:30,550 --> 00:09:34,950 ‫So I just need to utilize introduction and then start like. 140 00:09:36,240 --> 00:09:41,550 ‫And here again, I'm going to follow something similar, which is going to be my one week. 141 00:09:42,700 --> 00:09:45,610 ‫And after that, I will have my color. 142 00:09:47,020 --> 00:09:50,290 ‫Now, if you observe the color is dark. 143 00:09:51,370 --> 00:09:53,710 ‫So this is going to be fixed. 144 00:09:54,640 --> 00:09:55,990 ‫Let me read this one. 145 00:09:57,500 --> 00:10:05,360 ‫What did then we are going to have our own size, which is going to be four one six three and then followed 146 00:10:05,360 --> 00:10:09,560 ‫with margin bottom because we need margin with each paragraph. 147 00:10:09,950 --> 00:10:13,160 ‫And I'm going to go in three RAM once that is done. 148 00:10:13,340 --> 00:10:14,450 ‫Let me get back here. 149 00:10:15,230 --> 00:10:16,250 ‫Looks fine to me. 150 00:10:16,880 --> 00:10:18,580 ‫OK, I need to add a break here. 151 00:10:18,590 --> 00:10:20,930 ‫So what I can do is I can I respond. 152 00:10:21,950 --> 00:10:23,270 ‫Let me get back here on. 153 00:10:24,320 --> 00:10:26,750 ‫I can cover this, you know, fun. 154 00:10:31,790 --> 00:10:34,980 ‫No sign up here, say this one. 155 00:10:35,000 --> 00:10:36,860 ‫It looks good. 156 00:10:37,250 --> 00:10:43,460 ‫Now why I have ordered us bank dog here since I need to apply this, this effect, which is the background 157 00:10:43,460 --> 00:10:46,460 ‫effect, so I'm going to attack, I should say target. 158 00:10:46,460 --> 00:10:50,160 ‫That's fine, Doug and added the background effect here. 159 00:10:50,870 --> 00:10:52,380 ‫OK, I think I should increase. 160 00:10:52,380 --> 00:10:53,510 ‫Take grade here. 161 00:10:55,750 --> 00:10:59,050 ‫Maybe let me go with seven or something. 162 00:11:00,330 --> 00:11:01,170 ‫Save this one. 163 00:11:01,200 --> 00:11:01,740 ‫Get back. 164 00:11:03,270 --> 00:11:03,990 ‫Much better. 165 00:11:04,110 --> 00:11:08,940 ‫We will check this again later on, the next one is about old description. 166 00:11:09,130 --> 00:11:12,990 ‫So what I could do is just jump on slow introduction and then. 167 00:11:16,710 --> 00:11:22,770 ‫So here I just need to add my -- site, which is going to be 1.2 trim, then I need to follow some 168 00:11:23,070 --> 00:11:24,900 ‫color because this is pretty dark. 169 00:11:24,990 --> 00:11:25,920 ‫I need something. 170 00:11:25,920 --> 00:11:28,190 ‫Don't make me attitude. 171 00:11:31,820 --> 00:11:34,220 ‫And then I just need to imagine bottom. 172 00:11:35,990 --> 00:11:39,800 ‫Well, its current program saying this one and get back here again. 173 00:11:40,340 --> 00:11:42,440 ‫OK, much better, this looks great. 174 00:11:42,450 --> 00:11:48,680 ‫And if you observe, you know, we are doing well, if I want exacting what I can do, if I can copy 175 00:11:48,680 --> 00:11:49,460 ‫this text. 176 00:11:49,670 --> 00:11:50,960 ‫So if I jump back here. 177 00:11:52,590 --> 00:11:55,740 ‫You know, I think this district have seen this on. 178 00:11:58,860 --> 00:12:00,590 ‫Good, it looks good now. 179 00:12:00,600 --> 00:12:01,920 ‫Yeah, definitely. 180 00:12:01,920 --> 00:12:06,690 ‫We need to add some marks, so it doesn't stretch out, but this looks good. 181 00:12:06,720 --> 00:12:08,400 ‫I hope you got the best idea. 182 00:12:09,150 --> 00:12:11,010 ‫Now the next thing we need to follow is OK. 183 00:12:11,010 --> 00:12:20,730 ‫I think this is also six hundred the point where this explosion also R700 save get back. 184 00:12:22,340 --> 00:12:23,330 ‫Yup, yup, yup. 185 00:12:23,540 --> 00:12:28,790 ‫That's what seven and then also the next thing we need to follow is the section which is on my right 186 00:12:28,790 --> 00:12:30,710 ‫side of old image banner. 187 00:12:31,280 --> 00:12:33,620 ‫So we need to play with a lot of positions. 188 00:12:34,250 --> 00:12:35,310 ‫I hope you got the idea. 189 00:12:35,510 --> 00:12:41,030 ‫Now what we have done in the next lecture, let us continue set out with and play with this action. 190 00:12:41,540 --> 00:12:42,500 ‫Thank you for calling. 191 00:12:42,570 --> 00:12:44,240 ‫And I see you guys in the next one.