Hello, friend.
We'll come back, you know, previous video I have already discussed about that, things with you,
how can load as HTML template in Django?
So now in this video I want to show you, like that is our e-mail template.
So here, if you want to work with the bootstrap, then how can add that bootstrap in Django?
I will show you that things with a live example.
It's pretty much simple things like if you go to that bootstrap official website, OK, that means the
bootstrap.
So it's very much common.
I think everybody knew about that bootstrap.
So that is are bootstrap.
And so with this bootstrap we can actually build our site very easily.
So right now, go to that hour, get started so you can see that Mustafa is also a better shot at actually
using that four point five version.
So now from here, there is our home base.
And here I want to do and actually use that our standard template so that there is a template.
So no better.
I simply copy it and now go to our home.
That means our index file, actually.
So that is our index file is loaded for our home.
Right.
So now I just simply remove everything and here I just simply paste it.
OK, so I just simply paste it.
So here I want to do and update our title.
It will be as a home base
is will be as a home page.
And also that is our H1 tag.
I just make the things as a home base, I just make as a home page.
Now there you can see that by default that is all that CDN, our CSA is all that our JSW that in the
clear link for the booster is automatically added on here.
So now if you click on the Savol and now if you refresh it, the official site.
Yeah, you can see it's perfectly get our bootstrap.
How much easier it is.
You can see we can actually run it.
So if you want to add some of the neighbor, then it'll will be better.
Like if you go to bootstrap and if you go to that component into the components area right now, you
can actually use all the components.
Right now I want to use all the neighbor.
So that is a neighbor component.
And here that is actually the neighbors right now to actually take that group because a copy and now
in our project home base.
So that is our H1 tag into the body area.
OK.
So in the body area here, I just simply based on Knepper, OK, I just simply passed it.
Now if they're Savol, so now you'll be well understand about it.
Our Buscemi's to successfully install or not if you click the refresh.
Yes.
You can see it's not perfectly getting our neighbor that liying.
There is a drop down, there is a disable and other such.
Right.
So also here you've got to change that color.
You can change it.
That means that the Cloney upper class so that it will be the light.
So now I to do and to actually make the things as would be the info, there is another one of the bootstrap
class rather than you can also use that bootstrap success because the primary reason I want to use that
info is refresh.
Yeah, you can see it's not perfectly updated.
So now our colors become change.
Right.
So that is actually now 100 percent.
So now you can see that is actually our site and also here if you want to add some of the tape.
But I want to display our base name.
So after that neighbor here, after that, I take one of the Dave, OK, I just moved on of the class
as a Jumbotron.
OK, just name me to the Jumbotron.
And here I take one of the H on deck.
So I just simply take all the action tag A.H. on tag area.
I mean need as a home base.
OK, I just name it as a home base.
And now if you click this save all.
So now if you refresh it.
Yeah.
You can see it's not perfect, especially our home base.
So better on the one to make the things on the class.
So that is one of the class I'm here and name it or the tech center.
Text center.
So just name it as a tech center class click as a save all.
And now if you refresh it.
Yeah, no it's not perfectly, you know, our tech center area.
And also here I want to update our this snapbacks into the neighboring area that is our neighbor.
So that is our home.
That is all content.
And here I want to do want to put like a here name.
It is about OK, it should be about and there is a neighbor that is a dropdown.
That means that is actually our troubles right now.
We don't need this dropdown slightly.
We will need it.
We'll use it.
So right now I don't need it.
I just simply remove it from here.
OK, that is a dropdown.
I just will be it.
And then also there is another one as.
Disable this one supporter, I want to make a note that is a disable, that will be the nibbling and
here and it it will be as a contact again, that will be our contact.
Now, if you click on the Savol and now if you refresh it.
Yeah.
You can say anything about under the clock contact.
And also if you want to update that color, you can update it like here.
That is our home, that is unneighborly in class.
So, you know, the class area on want to add another bootstrap class as a tax white.
OK, just name it the text.
Right.
And also that neighbor that mhere here.
I want to change the dynamic that is the easy learning known as a Savol.
And now if you refresh it, yeah, he can see with the easy learning and the result home is updated
as a white Scibetta around to actually use that class again.
So that will be the text white.
I just simply copy it for the hour about I also I want to update our contact and also that will be our
end of the class or the neighbor brand.
And here I also want to use that our text white knuckling as a Savol.
No, refresh it here.
You can see the perfectly updated our easy learning home or about and the contact.
Perfect.
So now if you also want to add the things in our employee profile, that means that our employee profile.
So right now, I also want to use here.
That means that these are e-mails that I just simply copy everything from here.
And I go to our employee and there is a profile e-mail here.
I remove everything and I just simply paste it.
OK, that means here past our bootstrap and here I name it as it will be as a profile.
OK, so we have the profile page and also here I make that things as a profile page, not as a Savol,
and now I just see freesheet.
Yeah, you can see it's not perfectly sure our profile page.
So that is our employee profile.
So here I have already loaded our this template right into the view.
That is our profile in the profile.
I have already rendered our request, our employee and the profile e-mail.
So now you can see it's not perfectly loaded.
And also if you go to that home, you can see a perfectly loaded our home template.
But here, one thing straight here, you can see if you want to change anything, you have to update
it with a specific every pages.
That means if you want to update that about us, that means about to about us, then you have to do
you have to go to your index and read the index area.
And here we have to updated.
And also we have updated in our profile in the profile.
We have to update our Ts about us.
Right.
That this about we have to update like if you make that update about us on our index base, if you to
save all and now if you refresh it now you can see it's updated.
But if you go to our employee into the employee profile now you can see into the employee profile,
it's the same that was actually the previous one as about.
Right.
So here if not should be displayed like that.
We're here.
We have we have to inherit.
And that means our header part will be the same for our every page is like if they have some of the
future, our future will be the come on our sidebar.
If they have a sidebar, our sidebar will be the common and only out.
This contained part will be changed.
Like if you go to our that is actually end up in a dot com.
And here that is header part is the command for the web pages and futer part is also common for debris
pages like if you go to one of the single most.
So I just simply go to that single post and with a single post area you can see there is a header is
the same and also futer is the same.
Only this contained part is become changed.
So also here we have to do we have to do the same things in our this project area so that you can do
that work with using that inherited.
That means you have to inherited this template.
You have to insert your header and your future and your content.
But so how can inherited this template?
In our next video, I will show you that things with a live example.
So thanks for watching.
I will see you in the next video.