Hello, friend.
Welcome back.
In a previous video, we successfully updated our profile picture, right, that is right now users
can updated their own profile picture.
So now in this video, I want to discuss about and update our this navigation bar.
So that is the navigation bar I have added in our business HTML.
So now go to our business estimates right now where we move everything from here, OK?
Make the things as clean.
And that is our main part.
There is a template into the template and that is our business.
HTML so did a business demo.
I have already loaded onto the bar so that is our neighbor and then that is our container park.
Perfect.
So into the neighbor area, that means that you will write the result.
You will.
And after that number that means that is and the bar and in particular.
Yeah.
This neighbor area here I want to do want to add on the dropdown.
OK, we'll drop down main also that is also double Strabane loan to use.
So if you want to use it, first of all, I take all the Dave and the Davidia I put on the bootstrap
class as a MV item, MV item and the dropdown.
So that will be as a nearby temp dropdown.
And then here I take one of the egg Édith and Arief area.
I take on the class, I take another class and it will be as a nib and then liying.
So friend, you will get that from the bootstrap official said right now I call it because of all this
very much common.
So I use that dropdown and into the dropdown area.
I want to use that totally, totally OK with the Stokley that is our Hatif.
And here also we have to do we have to put on the ID.
I named that idea, I just put that ID.
I will be at a nearby drop Napat drop.
OK, so that will be at the nearby drop.
And also after that I want to be used as a and data Dogme data sorry data and then totally and utterly
will be as a dropdown.
So that will be as a dropdown.
OK, so here in particular this area on the the visible our user name.
So even divisibility is user name.
I have already discussed about that.
Things with you, with this user, with this user, we can actually use our user name.
Right.
So that will be our filename as a user name.
So now if you click on the Savol and now first of all and the check, please refresh here, you can
see it's still perfectly visible, our user name as a test.
Right now, I'm already logging with the user name, so it's not perfect visible.
OK, so no here in particular.
After that, after that I want to load or drop down menu.
I take another Dev and I name it as a one of the class as a drop down menu on the dropdown and then
menu.
So in particular that area on the load, the drop down menu.
So here it will be as effective.
And here Blinkx as a class, I put the class itself be the dropdown item, the or P dropdown item,
OK, will be the dropdown item.
And then here I did want to display our profile.
That was your profile, your profile.
And also I'll take another one.
I want to take another one and it will be as a log out log out.
OK, so we as a log out and then that is our two of this Dev and that means there is one Dave and then
there is another Dave and then there is our neighbor.
Perfect.
OK, so now let's check this out.
If you click on this Savol and now if you can refresh it.
Click here.
Here, because it's a perfectly loaded hour, your profile and the logout, so I have already created
that you all for your profile at the logout.
I want to do want to put the things on here.
That means you that it's actually our profile.
So I want to do and take that profile.
I got it.
Sorry, I copy it and then that will be our profile that fits your profile then our our blogging and
then our profile.
Right.
So I have already discussed about the things with you and then that will be our logout.
So here I want to do and download our logout trade.
So I just put that to have this name.
And also I want to do when this user will be log out.
So our this man will not should be visible.
So here, if you want to do that work, you can do it with using our this function.
That means this is authenticated.
So it'll be just like that DMV.
Right.
Copy that.
If condition.
I copy that if condition.
And here it will be.
Here I put it.
That means if this user is user is authenticated then it will be visible.
And also we have to, we have to initiate.
That means you have to end it.
So after this debate here, I end it.
OK, now if you click at this table and now if you go and refresh it now I'm already looking.
So there is our profile.
If you go to that home, go to the profile.
You successfully related to the profiles.
So there's a log out.
Yes.
You can see it's not visible because of all here.
I put that condition.
If this user is authenticated, then it shall be visible.
OK, then it's fully visible.
That means our total part that they will be visible.
That is not only visible resident, it's not so visible.
So you can see right now I'm not logging.
So it is not visible on here.
If you're logging with the test, you do me.
One, two, three, four, five.
Click the logging.
Sorry.
Oh sorry.
I have updated it.
Right, you do me.
One, two, three, four, five, six.
I have already admitted that our password because a logging.
Yeah.
You can see it's not perfectly visible I hope is very much clear to friends right now.
And as I told you here in this section, I am not focusing with their tabs, with the design.
So as they all in fundamental I have already discussed about the things with you, how can load some
of the templates?
So if you want to load on the template, then you can load it.
Right.
So main core functionality I want to share with you.
So here I have updated our this neighbor.
So, you know, next video for our D block base.
Right now, I want to work with our D block.
Right.
So we have to do have to create some of the block at bay.
So from here, I want to load one of the form for insert the data to our blog and also how can display
this block and the blog details.
So everything is step by step.
I will show you that things with a live example.
So thanks for watching and I will see you in the next video.