Big eyes, and now we will add the Java script for Kind Pilot by the first thing here, sorry, we will
add a JavaScript for the index and for the NAF part in a way and activist part.
What we can do is to add here a class and give it and give it a display of none so we can show this
class with an active one which is having the display of pluck.
And he we can do this one and then we can go to the index, but attached to an element and here we can
add the nun and then here we can create character Dot Gigas and then we can scroll down to connect between,
then scroll down, down, down.
I think I've connected between them right here.
We can't confirm this one here.
OK, for your source code, it just not typed so we can delete it and we can extract with the words
that are here for the source to be scrapped, Don.
And then closed.
And now we can move to the.
As we can add here, two variables.
The first one to be for the Tuggle and the second one to be for the top map.
We can go here and a bar of chocolate to be equal to document that requires a lecture that put in because
people just need that chocolate pudding and the nap, which is everything inside the Navot.
And here we can make a document that requires a lecture to be for the chocolate class.
And then here we can sit on another variable for the class of the nav talk.
We can make here variable with the variable of top nav and then here to be equal document quiet with
the lecture.
And this to be were the never top.
OK, and here we can delete this space.
OK, this could add to this part.
We can add for the end event left in for that took a put in because we want when I click on the total
button I will be having this with a display of pluck.
And when I click on it again, I want to be having a display of not OK, that's good.
And here now we can just make trouble because we click on the talk of class struggle at Event Left Corner
and that event is click function and then we can function inside the function we will type comes along
comes a look.
It's not the story.
So we are just doing this to test what's going on and if we successfully clicked on it or not, and
here we get on inside trouble click and then here we can make up nav.
We will go the class of active.
We can just go here to the lab class list.
And here we want to about what class you want to go.
I want you to go to that class of factor.
OK, and then we can see what we did right here.
OK, now we are overloaded.
We can just up in inspect to make sure that everything is working fine.
I hope so.
And then when we click here, OK, we get something wrong with this particle with click, but we got
nothing in sight.
We can go to the index of steam team else crawl up work.
Yes.
Here we have that group back here so we get something from this part.
We can scroll down here.
We got the active, OK.
Yeah, so what's the problem?
The spark got a problem here and the trouble was clear.
But we got something wrong.
OK.
OK, yes, I think we can make something different.
We can go here and make that top and inside it, you know, because we are struggling the class for
you.
We can go now and reload and I hope so.
So here we have the next part working it.
It was my mistake.
I'm sorry.
OK, that's good.
But we want these to be at the left.
We can just go here to this panel, this defense, and create new media media for next week.
And here we can set the screen and next with to be nine nine one point nine billion pixels.
And then you can open the bracket and we can take this one right here.
OK, and.
Pay for care, fun, and we can leave this one right here and Markram left to pay their bills.
Let's see from the looks at it, OK, we can just go here.
So now we got this here.
But I want to shift this part to be here.
We can just use a position of absolute for this part, we can make here position and so we can use the
relative, which will be better because it will be taking according to its original position.
And after this part, what we can do is to see what we have right here inside the Web page and reload.
OK, we will add here, left, left, and then we can use the negative side to shift it to this position
when we use a negative.
Well, when we use the positive side, it will make it move here.
But if we use the negative sign, it will make it move here to this direction.
We can try for the negative one hundred pixels and then we can go back.
What about now?
OK, I think we can make it to one three zero.
OK, let's see what we have here.
You know, what about one 20, one 20 is good, and here we just need to add some margin top left to
be a margin chopper.
OK, because I think the larger yes, this is enough and we can just make it to 30, OK.
And 30 is better.
What if we were you with the position of absolute we can use here.
Put the absolute.
OK, when we click here, OK, it's not networking because it's covering behind this part and it will
be different.
Let's make this could be your backfills, OK?
And then we had this year because it was covered at the left, right here.
But we can also add the pet ground color for this part.
And so we can just go here at background color of why we can go in here and reload.
So here we got the background color we can also use here.
That would be one hundred percent of the things.
We can just go now and reload.
So now we got the one hundred percent from the next video.
We can talk about how we can add that dark wood for this website using the tumbler of the classic from
the JavaScript.
So good luck and have fun.