‫Hey, there.
‫Welcome back.
‫Now in this lecture, the first thing I'm going to do is our no marks left to our sections at this point
‫of time.
‫This is taking the entire space which is available after this whole image.
‫That means if there's images, maybe 20 pixels.
‫So that means the remaining 80 pixel is taken by this whole section.
‫It may add IMAX space.
‫So here, if I jump in, this is going to be our section which is in cross-section.
‫Or I should say this section basically entire section if I jump in and draw next.
‫I want to find this on a close call with.
‫And protect and head, I'm going to take out Maxwell, which is going to be 50 percent, save this one,
‫and if I get back here, you can see now this is taking the 50 percent off the available space.
‫That's the second thing we need to do is we need to make this image at the center.
‫Also, I need to change the property for both of these.
‫I don't.
‫I get back here.
‫For now, everything looks good.
‫We just need to change certain elements.
‫So it may provide a name to them.
‫So for now, I'm going to have class, so this is going to be hard because you do, which is just one.
‫And I'm going to call this as flawed.
‫OK, which one is OK, this is?
‫Yeah.
‫So this is going to be flawed.
‫What?
‫I'm left and this is going to be flawed.
‫Stop right.
‫OK.
‫Yeah.
‫So this is going to be load bottom there.
‫These are just random names that I'm giving.
‫This is going to be.
‫Lord.
‫Stop right.
‫And then here we have our big image, which is our banner.
‫And I can call this as mean Namjoo, something like this, so I can contest the main bash, I imagine.
‫Looks good to me.
‫Now, since they will be on float, you can even if you want to arrange like this, things will work
‫fine.
‫Now, these podiums will be positioned abstract, so even if you want to arrange in a different manner,
‫you can do that because at the end of the day, you need to provide top and bottom for them to have
‫an exact position.
‫What I mean by this if I scroll down here.
‫And said, if I utilize this floor, I just need to utilize floor.
‫And then there is bottom left.
‫What I can do is I can see a position and I can say absolute.
‫Save this one.
‫Get back here.
‫OK, that's gone.
‫I need to provide some bottom.
‫Since it's a bottomless pit, I can say a bottom, maybe on a picture, and then I can also provide
‫left, maybe 50 bucks to save this one.
‫Get back here.
‫OK, so this is the item.
‫Now the problem had, is this this correctly, the position of a stock should depend on patent.
‫So what I need to do is whatever the patent or flawed vials, I need to make them relate to that.
‫That's going to be in tremendous.
‫So and if I jump back and go into images and head, I just need to select them as position relative,
‫save this one and get back here.
‫You can see this image is now floating here.
‫I should add the correct position.
‫I need to do something similar with the other image, so I'm going to go with.
‫No doubt this is going to be top right and head, I just need to pass position, which is going to be
‫absolute and the next thing is going to be about our top.
‫So let's take all parts, maybe 50 percent.
‫And then my right, which is going to be 50 bucks a.
‫Save this one.
‫Get back here.
‫OK.
‫Looks great.
‫The problem currently we are facing is this image is not in.
‫So what we need to do is we need to think that this image.
‫There are few things that you can do.
‫You can convert the image into blog and then you can make them margin auto.
‫Now this sends this into images, which is there is a blog.
‫What we can do is we can utilize margin auto.
‫And this should bring all the content at the center.
‫Looks good.
‫Now here we can change the things, we can change the position.
‫Currently, I think this is too much.
‫We can change the left and right.
‫So this is going to be bottom left, and I can say, maybe you can.
‫If I get back here, you can see this is moving here.
‫What we can do is we can inspect, right?
‫If I select this image, which is bottom left and I can play with that, I can see where I need to move
‫it.
‫Totally depend on our requirements.
‫Similarly, if I need to move this image, I can just selectively operate damage and then try to move
‫it here and there.
‫I hope you got the idea.
‫So now all we need to do is select the correct position and then we can set these images.
‫Now remember, even if I try to decrease or increase the size, that means squeeze them.
‫These images are going to be spent in this building itself.
‫Remember this point because of this relative awareness absolute relationship.
‫OK, let me try to go with maybe zero and your hair, save this one.
‫Get back.
‫Try to refresh.
‫OK.
‫The other experiment, if you want, you can do is since currently we have added margin as auto because
‫of this, we have a fixed ratio image.
‫If you observe here, this image is empty.
‫What I can do is I can provide way to this.
‫Maybe I can say I removed this margin auto and I can say maybe it has.
‫50 percent, something like this, they get back in now, the greatest 50 percent.
‫Now I can arrange maybe this to center.
‫All my items should be at center so I can text Align Center, save this one.
‫Now you can see the images at the center also.
‫Now this left or right will be counted from the border itself.
‫So if I go here from this border itself, OK?
‫Similarly for this, so currently, now I have a wealth of 50 percent, that's why I can do all these
‫changes.
‫Now let me change them.
‫So let's go.
‫This left ask depiction.
‫And this writer's depiction?
‫Send us on and get back here.
‫Looks great.
‫I hope you got the idea what we just did.
‫We provided 50 percent to this.
‫We provided 50 percent work to the other half and then we provided positions to them.
‫Looks great.
‫I need to add some top margin to define this difference.
‫What I can do is I can jump on to this section part, which is going to be my section and head.
‫I can provide some distance.
‫OK, here's what I can do is maybe add something like margin, which is going to be seven.
‫This will take care of top and bottom, then there will be left and right auto looks good to me.
‫OK, now we have two choices, either we can complete these whole designs like animation acts and background
‫that's floating image our effect or we can move on to the next section.
‫That means this part depending on our aim.
‫If this was my first project, I will move to the next part.
‫But since we already have knowledge about CIUSSS, I strongly recommend let's complete this one because
‫we can play with animations.
‫We can play with how what effect we can play with before and after some transition, as well as some
‫background image since we already have information.
‫I think we should experiment with these.
‫Otherwise, if this was your first project, I'm going to scroll down.
‫So let's continue and play with the animation part.
‫I hope this lecture was helpful.
‫Thank you for calling and I see you guys in the next one.