‫Hey, there.
‫Welcome back.
‫Now let us continue our journey with our project.
‫And we just need to add a few items here that means fill all the content inside them so that currently
‫what we have is we just simply have this whole title and name thing that we need to add here also.
‫I mean, everything that means image name vital as well as description.
‫So let me simply add my image thing, which is going to be media, and then it is going to be about
‫all the images and then simply create our format for others.
‫So this is going to be name.
‫And the second one is going to be about title.
‫The third one is going to be about this collection.
‫OK, now I need to feel content, but before that, let me copy paste this on all of them.
‫So I don't need to replace every single thing with all of them, so let me have this whole thing, and
‫the question I'm going to do is going to change the image.
‫Great.
‫The next thing I'm going to do is add their name, make sure to add different name on all your projects
‫that I'm utilizing, so you have some difference.
‫Otherwise, chances are most of these students are copy pasting the same name.
‫So if you have option, try to utilize different name, try to utilize different image as a. different
‫color patterns so you can maintain some type of different.
‫OK, I have added names.
‫Now let me add some type of title for all of them, so that's in Lawrence in here and maybe not to draw
‫them forward here.
‫I'm adding title, remember?
‫And maybe let's say Norton seven here now I had this is a small one to 10 Norton four.
‫And maybe here let me say Norton seven.
‫This looks great.
‫Now let me add some type of description.
‫Let me remove this one.
‫Now here, let me fill up the content utilizing the alarm.
‫So what I'm going to do is I'm going to add content or my title as well as my description.
‫Now, since we are building a clone, I'm restricted to utilizing type of spider Lazarus description.
‫In terms of land now, had I have built up my whole thing, which is my next read the respect or title,
‫as well as the description part and you can see we got some type of similarity.
‫But one big difference is this is 90 percent, and this is 95, I guess.
‫So what I'm going to do is I'm going to jump onto my style sheet and here let me change my container
‫to 95 so we can have better space.
‫One other thing is whenever you utilize the word, you can add IMAX to it.
‫So that means if they are trying to view this on a big, big monitor, you are not going to cover 95
‫percent of that big monitor.
‫We can say, OK, 95 percent is OK, but maximum.
‫We should go maybe 100 or relative pixels or something like maybe 400 pixels, 14 art, 280 something
‫similar.
‫So in this way, you can restrict your sizing on big monitors.
‫OK.
‫This is great.
‫Now, one small thing I want to talk about, which is utility Dorset says similarly, you component
‫and a few other things.
‫What are they and why they're important?
‫The first thing is that our town says that we need to apply a certain settings, maybe here, maybe
‫here, but only for specific units, but multiple times.
‫Maybe you are working on some similar section and you want to apply setting it.
‫Maybe you want to apply setting it here, it said.
‫Or maybe you want to apply here, too.
‫So what we can do is we can define that setting here with our custom code.
‫For example, I want my techs colors black so I can say, OK, bp and I can do white color hair.
‫And I can say.
‫Zero zero zero zero.
‫OK.
‫And something similar I can create for my white text.
‫I can say WP.
‫And I can say.
‫And this is going to be.
‫Triple and triple f now, if I want to utilize this thing, I can simply say here, OK, for this specific
‫item, I want my text color to be white.
‫Maybe if you take this example by default, colors black, but maybe for this example, I want white.
‫I've got this one.
‫I want my text as white.
‫So there are chances that you want to specifically utilize this setting multiple times.
‫You can create this type of utility and then you can just mention here.
‫Now here I'm taking a simple example, a simple example where you have this type of setting required.
‫Now remember, this utility is not going to work unless and until the importer and our stylus notices.
‫So simply import this sense that in same folder, I just need to mention the name which is going to
‫be utility.
‫Not.
‫And if I save this one, get back here.
‫OK.
‫This with the fourth one I need to address with the fifth one, so I just need to remove here and at
‫that, you can't save this one.
‫Get back here.
‫You can see that's how this is going to work out.
‫Whenever I want this white color, I can simply attach it whenever I want, maybe with my two, with
‫my one and save this one.
‫You can see this is going to work and we are much closer to our current project.
‫But that might mean more was going to make you understand about utility.
‫Now there are several things that you will see in different projects.
‫Maybe in future you are going to work on stealth projects, maybe as a freelancer or maybe as a full
‫time employee.
‫You will see small utilities whenever you are going to work on framework itself.
‫You will see them.
‫So maybe you will see be one and had to have defined finding one pixel.
‫Now maybe you will see the truth.
‫And here they have different fighting toolbox.
‫And so you will have option to just copy this one and simply added it here.
‫Now, if I did it, I will have a fighting one for this particular item.
‫I don't need to jump and add it manually for two specific items.
‫If these are common utilities, remember them.
‫OK, I hope you got the idea, this basic idea of we will discuss about this later again in the next
‫lecture or whenever we are going to have some requirement.
‫For now, that's all for this lecture.
‫What we did is we simply copy paste this content and also attached this utility file with the help of
‫import.
‫Now remember to attach it at the top itself and whatever we are going to utilize in this utility are
‫basically short forms or custom codes, custom classes that we are going to utilize many times in our
‫project.
‫So we can specify them here now.
‫In this case, we have utilized this W.T. property, which we created right now.
‫So that's all for this lecture.
‫Let us continue our task for the next one.
‫Well, we are going to discuss a few other important concept.
‫Thank you for calling, and I see you guys in the next one.