‫Hey, there.
‫Welcome back.
‫Now let us continue our task with the next section.
‫So what I'm going to do is I'm going to create a new section here inside my main itself, and I'm going
‫to call this section as.
‫Conduct, so I'm going to say conduct.
‫And that's it, so everything I'm going to do will be inside the section.
‫The first thing I'm going to do is I'm going to create a new div and utilize my Flexbox power because
‫we are going to have this one item, item two, item three and this one.
‫And then this.
‫So we are going to have multiple items that are going to follow a column pattern.
‫So what I have to do is just create a new date and all this will be Dash Flex set up like box item and
‫I can add multiple items.
‫The first thing is I'm going to add up Doug, and I'm going to say, let's talk.
‫Simple.
‫Then let me on another item and again, update and let's take maybe 20.
‫Looks good to me.
‫Then let me take another item because we are going to have multiple lines.
‫So here you can say, let's talk and you can provide good information how to conduct your audit.
‫You are trying to contact me, read maybe 13 projects or maybe four hiding thing, or maybe for my course,
‫anything.
‫And then you can provide any catchy line here.
‫So let me try to create the paragraph for my catchy name.
‫That two non-remittance saved us one.
‫Now, everything below looks great.
‫So we have this let's talk, then we have this, then we have this, we are following the pattern of
‫rule.
‫So what I need to do is I need to change this.
‫I can utilize Flex column.
‫Save this one now we will have something like this, and it's great, but I need a dissenter, so remember
‫I have two options.
‫The first one is going to be a line item saying that because we are following the pattern of column
‫so I can directly use a line items.
‫Senator, say this one looks good to me.
‫That's a good thing I'm going to do is I'm going to justify content center.
‫Just calling in, Senator.
‫So this will keep things horizontally, and I sent away.
‫Now this the first thing is, OK, we have this whole thing, we have this whole thing, but this looks
‫bad.
‫This is stretching all the way from here to here.
‫What I can do is I can add some restriction and the restriction can be maximum weight for this type
‫of section.
‫Maybe I want to add restriction here also.
‫So what I can do is I can add maximum.
‫Let me try to create my own utility and call this as Mark's with 650.
‫And had I been out a restriction that virtually maximum of six foot Typekit and I'm going forward,
‫Maxwell, OK?
‫And if I need brutalized, if I can just say the section of this dip can follow a maximum of six 50,
‫something like this.
‫So what this whole?
‫And I grew up, I can see em six, five zero and I jump here.
‫You can see this is falling in the exact same me.
‫And if there is any type of other content, maybe you have a bigger line than this.
‫You can add this type of marks word condition on the carpet itself.
‫OK, this is great.
‫Now I need to add these font.
‫So if you work with previous project, you can use font.
‫Awesome, but Bootstrap has its own icon.
‫So if you just crawl up, you will have this option regarding icons so I can start get bootstrap dot
‫com.
‫And here you will have options to utilize this icon.
‫But before utilizing them, you need to go with install and then you need to utilize this screen so
‫you can just copy this one and add it in your head.
‫Or you can just copy this one and import it in your style or says wherever you want.
‫This is going to work exactly in the same way.
‫I'm going to add it in my style or scissors, because since I'm going to have multiple pages, I don't
‫want this line to be replicated.
‫I don't want this line to be added on each page.
‫I can just imported in my style or CSV, and then I'm going to import this in every page.
‫So that would be much easier.
‫OK, this looks fine to me.
‫Now I can add these icons.
‫Just get back to the top.
‫Before that, I need to realize something like you will in a light condition, then add this icon manually
‫and then I need to utilize the Flex.
‫So what I mean by this is costing I to utilize this, you will condition I need for relief so I can
‫use this shortcut and then I need to use each one of them individually.
‫Go ahead, bootstrap icons.
‫Let's search for LinkedIn.
‫And you can click here.
‫And you can copy this one.
‫Remember, they are also available in the form of equity.
‫So here let me add this one.
‫Again, I can repeat this itself and then change it, maybe I want greater.
‫Or maybe I want Instagram.
‫And then get some.
‫If I save this one, get back here.
‫Now you can see that in the form of a sequence.
‫So the first thing I can do is I can remove the tax declaration or whatever other condition I want.
‫I can remove that so I can just add a glacier in my unexcelled.
‫And I can say, OK, let's uninstall.
‫And if I go back now, just starting to move, but they are following the condition of column because
‫they are honest.
‫They are following the predefined condition of column.
‫But what we can do is we can define this condition as flags.
‫I can use the flags.
‫And then I can provide our property of Flex through.
‫Now they are going to be in a sequence of elections.
‫Now it's up to us how we are going to add binding to them.
‫So what I can do is I can maybe add a class and add some padding.
‫So here I have options to have padding, let's say, on left and right, I want to go over to so I can
‫copy this condition.
‫And save this one.
‫So if I go back here.
‫You can see now we have good patterns of this whole icon thing.
‫The next thing is I need one more line so I can just jump here and I have a peacock and head.
‫I can just add some content, maybe just add a line or.
‫Andrew Exum, Dakar.
‫Save this one.
‫Get back here.
‫I can add a break here, so just use PR.
‫And that should be good.
‫Again, this is following the left hand side direction, so what I can do is I can mention Big Star
‫Center, so with my David self, I can mention her fixed senator.
‫This is going to align everything U.S.A. itself.
‫One thing is, I need to pull this off.
‫This is going to be here.
‫Let's talk class and then this is going to be maybe if has to.
‫And we need to pause, it will be Africa to all.
‫Get back here.
‫Or some?
‫Great, great, great task.
‫Now, only four days remaining on our first page, so this looks good and I hope you are understanding
‫how we are going to utilize bootstrap.
‫And how we are utilizing everything with bootstrap itself, you can see we have mentioned only three
‫important properties till now in our CSA's rest, everything is done by bootstrap itself.
‫So that's all for this lecture.
‫Let us continue.
‫Thanks and our next one where we are going to build a quick water.
‫Thank you for following and I see you guys in the next one.