‫Hey, there.
‫Welcome back.
‫Now in the section.
‫Let us start our task with this project by a temple.
‫We have started doing type of project than we have sought in heading.
‫And then we have these demo cards.
‫Looks good to me.
‫It should be easy to implement.
‫Remember, we have already created this navar as well as this quarter.
‫So we just need to copy paste them.
‫What I'm going to do is I'm going to get here and from my next page, I can just directly copy this
‫head of art.
‫Scroll up and copy.
‫OK, we don't have anything yet.
‫So it's going to be much better for me to just copy the entire thing so I can just copy paste it here.
‫And then inside my mean, I can just remove all these sections much easier to implement, actually.
‫OK.
‫Looks fine.
‫So we have everything.
‫One thing I need to change with my project parts.
‫I go back here, remove this contact.
‫Everything is fine here.
‫Let me jump onto my projects part.
‫We have this quarter as well as the now bar, but I need to change this.
‫The.
‫So here you need to change this active, remove this from home and add it towards this project.
‫The second thing is this is IED, which is something new.
‫I guess you are hurting it for the first time.
‫So if you try to search out this?
‫This is related to accessible reg and application.
‫I strongly recommend to scroll down and visit this introduction to area, and here you will get information
‫that how they are utilizing this area.
‫I don't know how to pronounce this, but you can utilize them to mention several things.
‫At this point of time, we have been utilizing different tags to divide things we have there.
‫We have section main header several things that help us to divide things in the former different tree
‫section.
‫What I mean my tree by right click on this home, right click here or to inspect.
‫You can see all of them on in the form of tree.
‫You have this achievement inside this.
‫You have this huge hole, which is head as well as body.
‫Then inside your body, you have multiple takes, which is header main and photo.
‫Now inside your main, you have multiple title in the form or different section.
‫So that's how we are dividing things right now.
‫Now what happens when we jump on to any particular part, maybe forms or maybe navigation?
‫So now this tree can be improved on.
‫I should say it can carry more information about this area.
‫We can mention, OK, which page is currently selected?
‫Which option is currently selected?
‫And if you see you will have information like this, Richard.
‫So this is not going to change anything on your browser right now.
‫But if someone try to read the tree, it will be helpful for them.
‫So I strongly recommend if you want more information, search about this and visit this website regarding
‫developers dot Google dot com.
‫OK, that said, all the information on.
‫Let me jump back here.
‫So now this is our current page, which is projects.
‫And if I save this one it back here.
‫Go to projects, you can see this is active now.
‫Now I need more content here.
‫OK?
‫Scroll down and everything will be inside of me.
‫So let's start with our first section.
‫This is I just simply need to add projects as well as this whole takes.
‫Shouldn't be a symbol I can create or do go with the flags and then follow flags on them, and then
‫I can follow justified content creator Alena Dump saying that they can to justify London center, as
‫well as flying high domes center.
‫Looks good now, everything I'm going to answer will be at so should be easy.
‫I just need to add projects first and then I need Big Lies.
‫Lauren, and maybe I'm here.
‫I can simply add a glass that's going to define what is going to be the font size.
‫Let's have one size as Air Force One, which is the biggest.
‫And it's going to be voice over my point where it is going to be bold and the next thing I'm going to
‫do is in my job market looks good.
‫The next thing I'm going to do is if this is pretty big, I needed to restrict it somewhere so I can
‫define the length.
‫What I'm going to do is to move this post over, not instantly, so I can explain this example.
‫So this is big.
‫I can find this in our proper weight.
‫And if you remember the proper which art, which is glass, you have the fine.
‫Maxwell 10 Maxwell 650 marks six 650.
‫Save this one.
‫Get back here and looks good.
‫I also need to add X and does like an x axis and or I can add this property on the table itself.
‫I say, Get back here.
‫Looks good to me.
‫Now we need some space on the top and bottom.
‫So what I can do is either I can define size for these websites.
‫I mean, I can provide viewport height or I can see a top and bottom margin or the best thing we can
‫do is just copy this and keep this entire section.
‫That's how we usually follow things, so if I go back now, things are OK.
‫Why?
‫Because my margin is seven then which is pretty good on top and bottom.
‫The next section is about this whole thing.
‫So in one go, I'm not going to make all of them just be one part.
‫And then you can just copy paste them because everything is same.
‫So what I'm going to do is I'm going to build this part.
‫And then follow everything else.
‫So I'm just going to create a new section.
‫And I'm going to call on this as Project Dash one.
‫This section is going to have multiple parks, the highest one is going to be about which tech you are
‫walking.
‫Let's see if this.
‫And then it is going to have multiple cars, so these I.D. cards, if you remember, just jump on to
‫your components.
‫I jump on two different cards far.
‫And if you scroll, you will see multiple types of cards.
‫And these are important because maybe you are creating a blog, maybe you are creating agency website,
‫any type of website.
‫You will have some kind of requirement related to cards.
‫Scroll down.
‫You will see some type of cards that you want in your website.
‫Now, this looks good to me.
‫What I'm going to do is I'm going to copy this one, removed this and add my buttons to horizontal layout,
‫so let me copy this one it back here and here I am going to add a simple accent.
‫Save this one.
‫Get back here and see what type of card I am working with.
‫OK, so that Steve, be forces off guard.
‫What I can do is I can convert things into law, so let me.
‫I know this.
‫Yeah.
‫So I'm going to create a barrier, you went property and keep everything inside this do.
‫And here I can provide different properties like I can create them and give this as well create itself.
‫So I'm going to create another game and call.
‫Well.
‫So this bus tour is going to take complete.
‫Well, great.
‫Now I can define a grid, which is Dave.
‫Well, again.
‫Now, this is also going to take two immigrants.
‫And this is also going to be really great.
‫So that means we have three lines.
‫One, two three.
‫But if I want to drive a breast cancer version.
‫So it might try to squeeze them, OK, they are going to take to a greater extent.
‫That would be great.
‫Now, if I try to add some content here, let me copy this one again based here.
‫Save this one.
‫Get back here.
‫OK, we still have this 50 percent only, and if I jump in now, I can change this work.
‫I can say 100 percent now what it is going to do is it is going to depend on this goal.
‫Well, if I save this one, get back here.
‫You can see this is the cardinal.
‫Let me try to add some image here with my image.
‫If I go inside my media and if I select, there's Project one, save this one.
‫Get back here.
‫Looks good.
‫I hope it looks good.
‫Let me try to copy something similar inside this whole day.
‫You can copy this dip and replace this one.
‫To get back here now, you can see we have these two cards.
‫OK, let's try to work with them and then we can just replicate because the rest of them are same.
‫Exact same does the text as a friend, as well as the image so that we can do later.
‫But let's try to complete all of them.
‫Postion, you can see, is more fixed as well as two buttons.
‫Oh, let me jump on the button bar.
‫Here I am with the stock one, I'm going to copy this and instead of this card.
‫Which is related to about time, I am going to remove this and add to my dance, but this will be replaced.
‫I need to add something that has somehow picked, I guess, this one, right?
‫OK.
‫No holler effect, I need to go with the light on it, so.
‫Save this one.
‫Back here.
‫Yep.
‫Great.
‫But this is going to have some type of border solve, we can solve some the border.
‫Now, you see, we can attach multiple types of borders.
‫Let's try to utilize this morning as it can be.
‫Maybe here.
‫And the other thing is, I need wait border, which is border to.
‫Save this one, and if I get back here, you can see it's working fine.
‫I just need to change the text, which is going to be a live demo and source code.
‫This is going to be like a demo, and this is going to be sort of.
‫Saved us, everything looks fine to me now.
‫Now, let me change your title for once, so we can add and maybe something as task manager on how we
‫can act something longer.
‫Maybe let.
‫Not him going to be.
‫And then it married a new paragraph.
‫Maybe, Lauren, then save this one again.
‫Get back here.
‫Yep, looks great to me.
‫We can add more text if we want maybe about our project description.
‫It's totally depend on us.
‫Looks great.
‫Now, the other thing I need to work with is this.
‫So if you observe there is some type of background which is light grey and then we have foreign does
‫much bigger than this.
‫So what I can do is I can add some property here.
‫This is the text I can just go with glass.
‫And here we can add multiple properties to margin more for now to maintain some space.
‫Correct.
‫Now I need to change the size solitaire on the size one.
‫Now, much bigger.
‫Let's go with two.
‫Yeah, much better.
‫I guess this is to basically we can do that.
‫Maybe use Edge to here.
‫And I don't need this guarantees now.
‫I saved this one.
‫Get back here.
‫Yeah, much better.
‫Now we just need to add background.
‫So if I jump here and let's try to add some background to it, too, which is going to be the entire
‫Project Section's vacancy project.
‫What is the section named Project one, I guess?
‫OK.
‫Project one, what we need to do with every tool basically for this project right now.
‫We will try to target it later, but let's understand a few other ones and let's try to add background
‫yet.
‫And if I go with something like.
‫Oh, let me change the color.
‫Share this one.
‫Get back here now at this point of time, I am completely selecting the entire background.
‫I just want to select from here to here.
‫So what I can do is I can do other things with the help of Bangkok.
‫So that means this ban is in line, and then I will have option to select only this part here, so that
‫means I can jump here and I can say, is ban?
‫Save this one?
‫Get back here, OK?
‫That's our first victory.
‫But now I need to select only 50 percent of background.
‫So what we can do is we can utilize gradient.
‫We can say, OK, I need a linear gradient.
‫This is my degree, as well as two colors.
‫So let me pass the first color.
‫Let me pass white here.
‫The second color is going to be whatever we need right now.
‫And let's have black.
‫Let me save this one.
‫Now what it is going to do is it is going from white to dark.
‫That's exactly our requirement, but we need gray, right?
‫So what I can do is I can select this group arc and save this one.
‫So it is going from white to create.
‫Now this also looks good.
‫Market, it has maybe 40 or 50 percent only.
‫So what I can do is I can add my own page here.
‫I can see this white is going to take 60 percent of all this space.
‫Save this one.
‫You see, now this white is taking 60 percent in space, whereas the remaining space is taken by Greg's
‫cell.
‫I hope you got the idea how we are doing.
‫Now here we can provide 60 percent white and 30 percent to gray.
‫And if I go back here, you can say it much better.
‫So that's how we are going to add some changes that's done.
‫I just need to replicate it here and then replicate this entire section so I can jump back here.
‫I can replicate this, and I do make sure you carefully selected.
‫You just need to remove this, save this line and get back here.
‫Looks good.
‫Let me try to give proper name, as we are doing with the cyclone.
‫So let's say maybe this one.
‫This is going to be a travel agency.
‫Then we can provide some other name, maybe or for your website.
‫And if I see this one.
‫Looks great.
‫You can play with images now, so there are tons of images that have included government media and I
‫object to images.
‫Now one important thing in general in general about your portfolio.
‫If you are trying to apply for any type of job or internship, make sure you are at least five to 10
‫projects on your project page.
‫The second thing is add your real image.
‫So here you are going to have your project name then what you did in your project.
‫Then what is the tech stack you utilized with your project, then your live demo, as well as source
‫code, and then you can have the real image of your project.
‫OK.
‫I hope you got the idea.
‫This looks fine to me.
‫Let me right click and see the response, if part.
‫Looks great, no shoe.
‫OK, here, I want my image to be saying that, actually.
‫So what I can do is I can convert this into a Flexbox and then do a line item S.R..
‫So here is the the Flex and then I can see it line items center.
‫Office on.
‫Harder to save this one.
‫Get that great.
‫Looks good to me.
‫I hope you got the idea how we are trying to do this.
‫Now I just need to copy paste the entire section so I can go back here.
‫This is the section and you can copy paste this multiple times.
‫Let me try to be straight here.
‫And I can change the information, maybe this is going to be related to JavaScript.
‫I can update the name as soon as images, so now we have this is Javi's HDMI Lindsay as.
‫OK, this is great, and now we have done this.
‫Now all I have to do is just copy paste them again and again.
‫But before doing them, let me remind you that we need to add length.
‫So before replicating this, maybe 10 or 20 times, just jump here and our links to this button.
‫So what we need to do is add a traveling to them.
‫For example, this is our doorstep part, and here I have multiple buttons.
‫This is basically the button on which we are walking right now so I can add a quick traveling.
‫You dog, and then I can mention the link of my current project, what I'm going to do is just copy
‫this random link itself.
‫OK.
‫And this is going inside my work on Save This one looks good.
‫I need to do something similar again.
‫So let me her.
‫And close the attacks.
‫Now, remember, make sure all of them are dogged because you don't want to hesitate to leave your website,
‫so target means it will open on a new.
‫Let's take the sample now.
‫Great work, you, mark.
‫Walking, walking.
‫Yep, that's done now replicated.
‫So I'm going to get you in the next lecture where I'm just going to replicate this multiple times.
‫That's it.
‫Nothing fancy.
‫I'm just going to replicate it and maybe change the image.
‫So currently I have multiple images and I'm going to update them.
‫OK.
‫That's it.
‫That's all about the whole project.
‫But we are going to discuss more in the next lecture.
‫Thank you for calling.
‫And I see you guys in the next one.