Hello, friend, welcome back.
In a previous video, we successfully designed our home base, right, and also here we display our
all the product and with the product, name, product, price and product, all price.
So no one to do want to add on.
The neighbors in particular desperately want the Lord one of the menus.
So if you want to do that work, you have to do have to go to your pulisic.
And that is our template area.
That is our neighbor.
Right.
So I have already created the file as but not e-mail.
So now here we have to work.
So here I want to do want to use all that our bootstrap building of the neighbor class.
So now I want to do and to write this code of silence in simply of the name and the Navidea.
First of all, you have to define the class status symbol from the class and this class will be as a
name in a bar.
And then there is also is all the building class friends.
So here you have to defining it as a neighbor and the neighbor and then you have to define it to expand.
OK, expand L.G. and then never so with this neighbor, that will be as a light and then busy light.
OK, so here it's always a busy light.
And also after that I want to do the front of the Dave so into the David Yeah.
I definable step container.
So that is a container.
So that is one of the class as a container.
And here I want to define all of the name that is our Pulisic name for the reasons here in the ATF and
the area at the front of the class.
So here it will be as a neighbor, like a bar brand.
So just somebody from the class of the neighbor brand.
And here I want to do to display our name as a jingle jangle e-commerce project.
So just name it as a Django ecommerce project and also here after that, I want to do want to the from
the bottom.
So this button, actually that dongle button, so do this jungler is very much interactive.
One of the things I will show you, like when you minimize your skin automatically or all that men will
be addicted to our this Tumblr area.
OK, so far the results here are different to the bottom.
So Button will be as a button type will be the button here.
We don't need this name here.
I want to do and define some dark glass.
So here I find that glass glass will be as a neighbor and then taller.
OK, are taller.
And then also after that we have to define the data that is our data together to see early data.
And with this here we have to define that is also, as I told you, that is all the building cluster
here that the front, the APAC collapse collapse make this year.
Spelling is correct.
So that is OK after that.
Also here, we have to define our data target.
So just simply defending the data target and other target will be our I name it with the idea.
So here hash and the nav bar and the Nive.
OK, so here I just simply defined as a neighbor and the neighbor.
So that will be our data target.
And also here after this, I want to do to the front the aerial control area and then the controls area
controls.
Area controls will be as a neighbor.
That means this one actually neighbor Napes, I just simply defined as a neighbor.
And then also we have to define our area extent expanded OK area and then expanded.
Actually, expended energy expended will be the fault of the fault.
OK, just simply finding the fault and then also we need our area level so that somebody finds the area
and the level an area level will be as a totally, totally navigation.
So I just simply don't believe in navigation and hit the button area on the down to the final of the
Espen.
So I just simply definitely spend and spend area.
I defend the class.
So there is class will be as a neighbor like neighbor doubler icon and then that is our bottom.
Perfect.
So now if you actually save it, Ligeia, I just save it.
And now if you refresh it now, this is not visible because of all here.
I didn't add this neighbor in our best estimate.
That means our best estimate.
We have to add it.
So now go to our business estimate in the best estimate after this body.
OK, so after this body here and we don't include it.
So here I just simply include OK, include our there is actually the same directories, so there are
some directories around to include our neighbor.
So I just simply defined as a nav bar dot astm.
OK, so I just simply included.
So now we all can actually access our this neighbor in our best estimate area concept pages.
I have already defined that our this by this time.
All right.
So now let's check this out.
Now, if you click on this, save all and now if you refresh it.
No kisses, no perfectly visible, our artist name, that is our Django e-commerce project and here
also that have on the men, right.
So as I told you, here I am using the default on so that the default color is visible and also here
at the front of the tumbler, that means here at the front of the tumbler on the bottom.
Right.
So what exactly this.
BOTTOMLY We do like here right now if you close it, OK, like here it you feel close it now can see
snowshoeing on the bottom.
So that is the bottom.
So if whatever the menu we will put in particular that area when it shall be as a zooming automatically
our all that opportunity will be key to our this area.
OK, and here you can see to the Espen area I have the final I consider the of what I consider together
like a good friend.
So now I think it's very much clear to you who I am actually using the Stockler.
So it's very much interactive on the things for your menu.
So now here I want to add some of the men also in particular that area after this battle, OK, after
this battle might take another day.
And here at the front of the class as a call collapse.
OK.
So there is a collapse.
And here there is a bar that is as I told you, everything is a building.
So I just completely collapse again.
So that is also not the end of the class.
And here I want to do to define our this idea.
That means in this, as I told you, what what the menu will put on here, when it will be close, all
the kitchen will be rejected to this button area.
So this button here, I find that our target with the neighbor.
So here we have to define this idea.
So I just simply defined this idea as a neighbor.
OK, so when I show you, then it's very clear to you.
So right now I'm just added that idea.
And after that here I differ on that.
You will.
And also for the C?
Well, I went to the front of the class and there is also the building class of the neighbor, like
a neighbor and the nave and then the Emoto, sorry, and Moloto.
And then I define as a lay into the L.A. area.
I want to define the class so that L.A. class as a native item.
So I just simply defended the name item, OK, name item.
And here I want to do unto Lord of the some.
I can see from the Lord this Fondacaro icon.
I think you already know about it.
So if you go to our fa fa OK, that is a five icon that they are fond of some if you go here.
Then go to that icons and here I want to do want to add our shopping cart icon, but I want to see it
at the shopping, OK, because the shopping cart.
So I want to use it click on here so that the shopping cart, I can have a class when I just simply
copied a friend.
I have already added our FAFSA courses that in the city and in our Bedstemor.
Right.
Remember, I think we already use it.
So if you go here you can see I have already added our success, so now we can actually use it.
Right.
So now for the results here.
After that, after that year, I define our icon.
So that is our icon.
And after that icon, I want to define that name as a card.
So a card button will be visible on here.
OK, that is our ally.
Now, if you click on the Savol.
Now, if you refresh it like here, I just refresh our base, yeah, you can see it's not perfectly
visible or covered, so that is actually our card.
And now also I want to take another Manu's.
That means our profile order, everything I want to define with our one of the Dropbox, OK?
So if you want to also use the Dropbox previously I have already discussed about that things with you.
So now I want to use another bootstrap drop.
So here are Elyse after this.
OK, so after this I want to take another umbrella.
And here I define that class.
So I just simply defined the class is to be as an EV, OK?
There is also one of the building of the nade item ITSM item dropdown.
OK, so that it will be the dropdown.
And here I want to do on the display here.
So here I defended Eve and the Eleftheria.
I have to define that our name.
That means the class name.
So the symbol of underclasses will be as a knave and the link and then the dropdown to be dropdown and
then tongo.
OK, so with this it should be automatically as a dropdown all the menu.
And also here you have to define the I'd say to simply define the idea.
In particular, that database will be at the Nave Bar dropdown.
OK, so it will be as a backdrop down and also here after that, we have to define that rule.
So that is the rule and rule will be as a button.
So that will be the button.
And also after that, here, we have to define another one.
We have to define that a doctor, Dr. Tarpley, darkly.
And here it will be as a drop down.
OK, so as a dropdown and also after that area has pop up.
So here we have to define the area has pop up.
So just in front of the pop up and still be as a true OK.
So to simply define as a true and then also here we have to define our area, expanded search area and
then expand, OK, any expanded area expanded will be as a false social B as a false here.
I want to do want to display our user name.
That means our user name if you want to use it better if you go to that fourth icon here.
I want to take one of the user profile name like you consider the user circle that is our user circle
so that we use it.
I guess that means user I can visible.
So right now I just simply copied it.
And now here after this, I just simply defended the I considered if you don't want to use it, you
can use it or you just simply remove it from here.
And after this, there is a difference here.
I wanted one to display our user name.
So if you want to use that user name, so you have to define that already existed.
User that we which user is already logged in.
So that user request and the user request, if you go to our model, that means into the model that
is our product.
So for the user to have defined that model in our app logging.
Right.
So if you go to that app logging model here, I have defined that name here.
You can see that in the profile.
So there is a profile, right.
So with this profile, we have to do we have to define our this user name.
So I want to display that with this profile.
So go to our neighbor here.
But I just put a little bit bigger size for you.
So with this user and then our profile and after that profile, we have to do we have to use our mind
to show our user user name.
So your username I just simply defined our user name like a friend.
So here it should be.
Display our user name in particular, that area.
So now let's check this out.
If you click to save all and now if you refresh it.
Yeah, you can see it's not showing our audience.
And also here I have defined all the five icons, so now perfectly visible.
And here you can see the cloud dropdown icon also added on here.
So right now, I'm logging with the audience of what the reasons are.
The end user name is visible, OK?
And so here I have defining it.
So that is our requested user, which user is already locked in.
So this user profile user name and now, you know, dropdown area, that means here, if you click,
it should be automatically loaded on the drop down menu.
So after this, I want to edit out all the drop down menu.
So the resort area on here and after this here.
OK, so after this here, I want to do to define all of that, Dave.
So I just simply and the class will be as a dropdown.
OK, so we have the drop down menu.
So I just simply define the drop down menu and here it will be as the area and the Lavallade.
Why so here different the level level by and here is will be our discernible dropdown.
So here I define our this never dropdown and after this here I define all the class that means a hatif
and here for Eleftheria I will define the class.
So class will be as a dropdown item, dropdown and then item that will be our class.
And here on the display, our profile Circassians will be displayed that profile.
Now let's first of all check it.
I just click the save also here at the front of the class as a dropdown item, as a hash.
And here is the profile.
So now if you refresh it.
Now click on HEREA, you can see now perfectly display our profile right now.
Also on the top, updated like here, there is a profile.
I want to take another one.
I take another one as our order.
OK, that is all that our orders laying around the visible.
And also here, I want to add our logo for the logo.
First of all, I want to take one of that, Dave and the Davidia on the defense, on the class.
And it's a drop down divider.
So I just simply defended the drop down and the divider so that there will be the top down divider,
OK, so that it will be our Dave.
So here, I want to finish that, Dave.
So after that divider, I want to do want to take another one.
So it'll be also as a dropped on items.
So here I just simply pasted it is to be as a logout OK.
Should be as a logout.
Perfect.
So now let's check this out.
If you know as I say well again.
And now if you refresh it, click on here.
Yeah.
You can see the perfectly showing as a profile order and the log out.
So here I want to do and define these type of conditions when this user will be a long time then only
our dispositional visible.
Right.
And then you should be sure as a locking of the registers so they step up.
One of the functionality I want to define so far, and I think you already know about it.
So what exactly you have to do here?
We have to define all that if condition, actually.
Right.
So that is our equal.
There is already another Dave so that the Dave and they are the last one on the map.
Right.
So now I want to do all the different data restrictions so you can define that restriction.
So that is already stated from particular that position.
Right.
So there is total things I want to defining it.
So here after this auto.
OK, so here I want to define Dave condition.
So that is our I think you already know about it if our request.
So we request our user is authenticated or not here, we want to check it as authenticate.
OK, if this user is authenticated then it will be displayed our discard it should be display our this
dropdown box with the user name.
Right.
And else it shall be displayed on the thing.
So that is our Alaei.
So here I have a stated delay so that they are dropped on Elice after this delay.
OK, so here after this I want to find another Ayles.
So this will be as ls aless will be displayed in order two of this patency around to do and to take
another delay.
And here I define that Alake class.
OK, here I defended Alake class and I just name it as a name item.
OK, that will be as a nearby dam.
And here I want to define two of this button.
That means here I defined for the blocking and the sign up.
OK, so here defended Ative and with the heavy vaidya I define the class, ok, I define the class.
Class will be as a bit in between as the primary or info better.
OK, I just defined as a between between Infl and that will be as a locking.
OK, that will be as a locking battery under the front of the info and then between s.m.
OK, so that will be the locking button.
And rather then also also I want to define another one, another one will be our sign up.
So I have already created everything.
So right now I'm actually calling it.
OK, so that is our it shall we display our dispersion.
Perfect.
So now let's take this out now if you click the save all and now if you refresh it.
So now showing I didn't and this if conditions.
So here after this.
OK, after this I have to do I have to finish it say just simply finish and if perfect.
OK, so now I just clear the save all.
A freshet perfect, so like no friend, I'm already locked in.
OK, so right now I'm already locked in.
So if you want to edit that log out, you are I think you already know about it.
So here we have to do we have to update it, because I have already created everything in our blocking.
If we go to that app, logging the result, what else?
So do you consider that clever locking you are?
Well, there is a lock out.
I have already created all that function.
So now I want to call it like here, you know, Nabor area.
That is a logging system to define our you are fast.
So that will be as you wartell.
And then in our app logging into the app logging I have already created our already all over the world
will be as a logging site, just simply defined that logging.
And also here we have to define the same for our sign up.
So just simply define itself because our map logging into the app logging that will be as a sign up.
Right.
So just simply define that name as a sign up.
And also we have to define our log out so that it will be a log out here as defined as you are in our
app logging.
I have already defined our log out, so that would be our log out.
So to simply define our logout name.
Right.
And also for the profile, I have already defined another one.
So if you go to our model, you can see for the profile, I have already defined that name as a profile.
So now I also want to add it.
So it's just like that same I just simply copied.
And now in our profile area, I just put that link so it will be as a profile.
So I just simply define the profile.
OK, so now let's check this out.
If not going to save all.
And the freshet, so now here is throwing out this one because of all here right now, I'm already logged
in and here that is our card.
So here is the card area.
I want to do want to define all the hate if there is should be actually into the line.
So here after this item here, I want the ATF and the 84 year old to take it, OK?
I just simply got it from now and here.
I just simply passed it like a fence.
I just simply passed it here.
If you want to use that thing, then you have to do we have to define the class.
So I just somebody from the class and this class will be as enabling, say, to simplify the labeling.
OK, so then it's actually better.
And now if you click the save all and now if you refresh it.
Yeah.
Because it's not perfect.
So.
Right.
No I didn't work for our Ataka so I will do that thing.
Our car will be added on here and there is a profile order and the logger's right now to log out.
So I also want to log out from our admin.
I log out and also from here I log out.
Yes, you can see Fred, right?
I'm logged out for the reasons you can see, snowshoeing is a logging and the sign up button.
So here I have defined that condition.
So if this user is authenticated that if this user is logging, then it should be display our card,
our profile, that is our drop down menu and else it shall be displayed or these two of this as a logging
and the sign up.
And here also, I do find that our link, like if you click the sign up, it should be the greater sign
up area.
And also if you click as a logging, it's related to a logging area right now and turn to logging it
so and logging with our Ardian at the original dot com.
And then you do me one, two, three, four, five.
Now click the logging.
Yeah, you can see perfectly now I am locked in and now showing that username as a Arion, so that is
a clever username if you go to the profile.
Yeah, you can see the username I have defined as the Arion Können.
So that is our username.
That is our full name.
The address.
That is your CTG post.
Everything is visible because of all here.
I have also defined that link that you are also here.
That is our profile.
I have already created everything.
So right now I'm just call it.
And that is our perfect our order.
So I didn't work for our order.
So we have to do we have to work it right and then add lock lockout.
So no, friend, if you go here, you can see I didn't find any links between the two under the front
of the link in here that is in our tango's.
So here around to do and we they find that link.
So it will be just like that.
I think you already know about it.
It's obvious that you are ill.
And here I have already found that in our app shop.
So into the app shop that is, I have defined that name as a home.
So right now I just simply define our this you are Olympe because I save all.
Refreshing it now go here.
Yeah, because it's perfectly adequate to our home area.
OK, so friend, we successfully complete our one part and now we have to do we have to create our product,
retail space, like here.
If you click on here automatically, it be the key to our specific and other base with our specific
idea was every product that helps sold the idea.
Right.
So here we have to define that idea and we decided we have to get this product and displayed in our
details area so we can do that work.
In our next video, I will show you that things with a live example.
So thanks for watching and I will see you in the next video.