‫Now, let us continue our task with the next section, which is going to be about our banner park now,
‫currently there will be many changes on this whole thing like this is going to be bold, but I jump.
‫That should not be bold.
‫So we need to change several things.
‫Maybe, maybe here I need to change font so I can go with font.
‫Brunei's ordinary if I want, and I can also remove this one bit, as well as font size from my view
‫towards my back will be much better.
‫And here I can also copy in article.
‫This looks great, save this one bit back here.
‫I can see this is much better.
‫The other thing I need to look forward is how to divide this whole section.
‫If you jump here, we are going to have this whole complete section, then we are going to divide this
‫maybe mainline or tag line.
‫And this is mainline.
‫This is some description.
‫And then we are going to have gotten similarly.
‫We will have this image first.
‫Then there will be two floating images.
‫Great.
‫So this looks easy.
‫Let me get back here.
‫They jump on to my next.
‫Let me minimize this part, which is global, and then this is the menu, which is text drop menu.
‫OK, great.
‫Now here I'm not going to do anything with my hater.
‫I'm going to jump on to my main.
‫And inside this, I'm going to do everything.
‫So let me create a section.
‫I'm going to call this section of introduction.
‫OK, now everything will be inside.
‫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
‫distributing container in two different parties.
‫So if I want to play with any type of background or anything else, I can do that.
‫Or I can mention this, that this board is going to be maximum of 90 percent.
‫Or I can I mention the body will be a maximum of 90 percent, something like this, or a maximum of
‫one two eight zero pixel.
‫So for now, let's follow this container thing.
‫We can read this later.
‫Inside my section, I'm going to have a do.
‫And I need to add a glacier which is going to be container great, so we just created another section
‫here.
‫Now I need to divide this section into two parts.
‫The first part will be I can call this as intro text, and the second part will be in three images that
‫would be much easier to understand.
‫So this is our introduction section.
‫This is our container.
‫Inside this, we can have two part that first pack will be live and I can see into xed.
‫And the second one will be in and images looks good.
‫So now we have these two parts now inside this device can have multiple other parts.
‫So the first thing I'm going to have to be done, which is going to be my tagline.
‫No, and I'm willing to call this as loan with high schools.
‫Then again, I'm going to have to be logged and I'm going to have them in line.
‫And I'm going to call on this house download learning app, something like this.
‫Then I'm going to have a third reader, which is going to be the description and head, I'm back in
‫autumn 20, something that it should be enough.
‫And once that is done, I just need to add a duck and use my glass as Vivian, which very simply created.
‫And I'm going to say No, no.
‫Save this one.
‫Get back here.
‫OK, it looks good now this weekend is already walking because we are utilizing our component property.
‫But you can see everything is hotchpotch on, I should say a mess again.
‫We will control this later.
‫Now I need to jump here with my images.
‫I just need to add the three images, which, as I imagine the first one will be inside on a media.
‫So there will be three images.
‫The first one will be a small image and a big image, then I saw one image.
‫So if you jump here and I open this up.
‫Media view one.
‫We do the three way.
‫So here I need to use the loo.
‫Which is the small image, then I need to add the one image.
‫Which is the bigger one, and then I need to ah.
‫Three image, which is the smaller one.
‫So we need to format it at this point or find this look the whole hotchpotch thing.
‫Great.
‫We are moving forward now here.
‫What we need to follow up on that is we need to utilize either Flexbox or maybe see as a script and
‫new to continuing to go back.
‫So that will be a left as well as right.
‫And here, if you observe, this is going to be our Flexbox, one that has one division and this is
‫going to be the second division we can utilize section also depending on our requirements.
‫So head, this is our container.
‫I should add some other class here as well.
‫So I should say maybe in cross-section or I can utilize this as section itself, depending on our requirement
‫to please just say intro.
‫S. How I can utilize this intersection, and I can say if this is a Flexbox.
‫We can have things on a similar direction.
‫That means both of these items.
‫OK, let me jump here, get back to my style CSI and here I'm going to realize and cross-section alleged
‫government display as.
‫Flags and the direction will be by default as Roe itself, so you can see this is going to be the first
‫item, this is going to be the second item now had one important thing.
‫We need to just change their position at this point.
‫OK, fine.
‫If you see a position of both of these item, they are above on, I should say that sitting next is
‫one or two greater than the default item.
‫So this is zero, this should be one.
‫This should be one that is right.
‫These are on the top of this background image.
‫Also, I need to change the position, so we need to work on this side as well.
‫And depending on our requirement, what we want to do first, let's start with this side and complete
‫the part of this land school this, this and this.
‫OK, so let me jump in now I had if you observe we have given them a tagline, we have given them our
‫main line as well as description.
‫One important thing.
‫These are common phrases that I use.
‫You can use anything else.
‫But since these type of phrases repeat again and again, for example, here I'm going to utilize this
‫as meaning and this as something I description again.
‫And for that again, this is my tagline main line and description.
‫So I'm going to utilize these type of name again and again totally depend on your requirements.
‫So if I need to jump onto my tagline, all I have to do is either select the intersection and then I
‫can select the tagline, because all of the other these are different section.
‫These so I can differentiate them.
‫Let me jump back here and here on we'll go walk with introduction.
‫So I need to select the tagline first.
‫Get back here, and this is going to be the tagline, save this one, and everything that we are going
‫to win will be inside this great looks fine to me.
‫One more thing if you observe this whole intro text need to hello again.
‫Flexbox Why?
‫Because later on, we are going to go over the responsiveness, so I need them to be center line.
‫I need them at this point of time to be Flagstar so we can utilize them.
‫Or we can add on mediocrity later on that there should be text align center for all three of them.
‫So we can follow that.
‫Also, had I'm inside my introduction and for tagline, all I have to do is utilize one great.
‫I'm going with all of what I should say, maybe 500 or 600, I can utilize that.
‫The next thing is I'm going to increase the font size, which is going to read.
‫And the next thing is I'm going to add some margin bottom so I can have space between all of the content.
‫And then I'm going to go forward.
‫OK.
‫So now let me select this one.
‫Get back here.
‫Looks fine.
‫I need to increase the font size.
‫Let's stick to going to trim.
‫OK.
‫Looks good.
‫The next thing is about my download app, which is going to be my main line.
‫So I just need to utilize introduction and then start like.
‫And here again, I'm going to follow something similar, which is going to be my one week.
‫And after that, I will have my color.
‫Now, if you observe the color is dark.
‫So this is going to be fixed.
‫Let me read this one.
‫What did then we are going to have our own size, which is going to be four one six three and then followed
‫with margin bottom because we need margin with each paragraph.
‫And I'm going to go in three RAM once that is done.
‫Let me get back here.
‫Looks fine to me.
‫OK, I need to add a break here.
‫So what I can do is I can I respond.
‫Let me get back here on.
‫I can cover this, you know, fun.
‫No sign up here, say this one.
‫It looks good.
‫Now why I have ordered us bank dog here since I need to apply this, this effect, which is the background
‫effect, so I'm going to attack, I should say target.
‫That's fine, Doug and added the background effect here.
‫OK, I think I should increase.
‫Take grade here.
‫Maybe let me go with seven or something.
‫Save this one.
‫Get back.
‫Much better.
‫We will check this again later on, the next one is about old description.
‫So what I could do is just jump on slow introduction and then.
‫So here I just need to add my -- site, which is going to be 1.2 trim, then I need to follow some
‫color because this is pretty dark.
‫I need something.
‫Don't make me attitude.
‫And then I just need to imagine bottom.
‫Well, its current program saying this one and get back here again.
‫OK, much better, this looks great.
‫And if you observe, you know, we are doing well, if I want exacting what I can do, if I can copy
‫this text.
‫So if I jump back here.
‫You know, I think this district have seen this on.
‫Good, it looks good now.
‫Yeah, definitely.
‫We need to add some marks, so it doesn't stretch out, but this looks good.
‫I hope you got the best idea.
‫Now the next thing we need to follow is OK.
‫I think this is also six hundred the point where this explosion also R700 save get back.
‫Yup, yup, yup.
‫That's what seven and then also the next thing we need to follow is the section which is on my right
‫side of old image banner.
‫So we need to play with a lot of positions.
‫I hope you got the idea.
‫Now what we have done in the next lecture, let us continue set out with and play with this action.
‫Thank you for calling.
‫And I see you guys in the next one.