OK, so now we'll be providing some more things to the weather card, although weather details paint.
So now we'll be adding the date.
So to act the date will provide a new which will be having a class name or date.
So there will write doors basically to get the current date and time.
So it will be like new.
It and this sort of give a date that's going to look.
Thanks.
All right.
Two local string, so this is how it's done.
Let's check if this works, so this is a function, and let's check if this it was up on the browser.
So when I go to the browser and when I see so that is a date.
And there's a time.
So remember, we are using the date and time of our own system.
But this does not have anything to do with the city name or the location, which we Typekit this date
and time solely of our own system.
So we have not linked this to our API because our API does not provide that data and time option.
So this is arbitrary time, OK, this is our system of different time.
OK, so this looks so beautiful.
Next, we are going to create another section here.
So that will be there are some sections like for humidity and the wind speed, and I will be creating
another div below this and that will be having all of the details.
So let's just go ahead and call out that also.
OK, so let's go to the fire, keep on saying browser to its core, to the vehicle.
All right.
So below the date, we will be creating another div so that if I don't know why I came up with this
name, there is extra.
So apart from the temperature, some extra things are there, that's why I came on with this name that's
says, start them, then inside this, we will be providing another day that will have a class name
of champion for men.
Max.
And inform Min Max.
All right.
So this is because I may provide a section where I'll be writing the minimum and maximum temperature,
right?
So that's just it.
Next, we'll be adding our nerve, which will be having two sections, OK, so one section is for the
icon.
I can do what I can of the detail, which we are providing, like icon of the wind speed, maybe I don't
know the humidity or the icon of the sunrise sunset, something like that will decide it later.
So let us provide that.
They do so and so are the minimax will be having their day and that will be named as two-sided section
two.
And I did.
S..
All right.
And so this bill will be providing the icon.
All right.
An icon and information regarding that.
I can, for example, if I provide like immunity, right, so we'll be providing the values for the
immunity.
OK, so I'll provide the icon inside to Peter Nowak last name for it.
So that will be.
In this form, so I think it will be there and when I provide the.
Class name.
All right.
It gave me last name would be the name of the icon, which I'm using okay, class name would come inside
curly braces and that would be the one.
That's all right.
I mean, goods A..
OK, so here we'll provide the name.
So this I'm just I remember this.
That's why I'm just providing because it's the icon for sunset.
You can provide Sun Sun rise value, so that's totally up to you.
OK, so.
That doesn't mean all right, I working on.
The mistake I did not close the phone.
So you need to close this first part.
All right.
Next hour to close.
OK, so you can provide a sunrise or any other information, which you can basically just go to the
documentation of the EPA and you have to explore things, right?
There are many, many things in that airplane.
I am just showing the basic things because I want to teach you how to use EPA in your products that
you can just go ahead and explore it as much as possible.
You could just read the documentation once in their doc section.
All right.
So next we'll be having another section so that will be containing.
The information regarding this icon, OK, so after this debate, attack will be having another meeting,
so.
And does this also work if I do out and then the names, so that will be.
And that extra info left side, so extra.
I fund all this all limbs I have provided and see us as all right, so that's why I'm like, Stick to
it, I mean to, okay, this works.
I mean, stick to it.
So I just use a smart card.
So you might have known like this start for the class name and then the name of the element like you
tag or Dave on each one, whatever.
So you want to just provide that.
All right.
So extra info full legside inside this will providing the time for the sunset.
Okay, the time you can put anything right now, maybe center times and usually starts.
Maybe six 30.
All right.
So six, 30 and then PM, so this will be inside this, and they provide brick and brick, which beer
and hair will write and let.
I will save it and let us go back to the browser and let us see if this is visible.
Okay, beautiful.
So this is the sunset icon.
This is a time of the sunset and this is the information regarding this icon.
So now we'll be creating three more sections, just like this one for the humidity and for the pressure
and one more we've for providing.
All right.
So next we'll be providing another for the humidity.
So let us go back to the food editor.
And.
After the.
It's uncertain he'll provide another hike after this trip for another day, so basically we can copy
paste it, right?
You can just copy paste this thing.
And Oregon Typekit, if you want some practice, but you need to modify it, right?
Poolside detection, this is the name of the class.
Next, we would have Goodwin the icon.
So icon will be of humility, obviously humility.
All right.
So inside the humility will provide a big attack, which is already that extra painful on the left side.
So Harry will write about the humility.
So how do you write immunity?
Maybe.
I don't know.
We'll have to look at the data, but I'm just writing some of the numbers I.
That's it, and I will write the information regarding the icon that humanity.
Humidity, all right, all right, so let's just see this and see if this works out.
So when I go back to the browser, this works fine.
You see the humidity, you see the sunset and all.
So that is onboard some, but they're so ready when you go to them.
So when I go back to escort.
Now we have to create another one.
So this is for the rain.
Will further rein, we might have to create another like exact same thing we can copy from here till
here is copy, and then we go and just.
Paste this here.
OK, so this will wasn't right.
So how do we have to change the name and the icon?
Obviously, we want to rain icon, so it's the name of the icon is obviously green and hail will write
some of the information about the rain.
I don't know water like it's the green icon, but here will be providing the pressure, atmospheric
pressure.
So any number will be in this while fetching the API.
Hey, I will write what I.
But.
All right, all right, so let us copy this one more time, one last time, so there will be providing
the.
Wind speed, right?
That will be.
Having an icon, so the name of the tycoon would be strong when.
And here will be the wind speed.
Maybe I don't know anything, so her will light the speed.
You can ride wind speed issues with that.
Let me just save it and let me show you how this thing looks like in the browser.
Right.
So.
This looks a little bit messy.
I know why this is happening, because I have.
Like, overwritten in another day.
So there's no problem with that.
Let's just go back and let's see what we have done.
We have put these things inside this booth.
And this is this, Dave, and this is this.
So basically, we forgot to.
Like this device should be provided for all.
So one, closing them after all the alternatives or the work, so let's just see, like in programming,
you can't you can't just say that things are pretty fun and you will get it and you will.
Tackle them how to do so.
We were inside the 2000 election to this battle after this will provide closing back line so.
And for this, also there would be like this.
And Min Max, so this basically this stuff will be there for everyone, but every container, right?
So for this also for this and want this to be over, we'll provide that closing the.
There's nothing great in this.
What I'm doing is just normal things.
So after that also will provide this one of those.
We will close this, Dave.
All right, all right.
And after this, this is the last time and once this too is closed, I think that was too close.
Let me just go back.
And let me show you and things up the well.
But I needed them to be in this to one line.
But they are not.
Let me just go back and see here at what is the issue here?
So there was some problem in the placement of the tubes, but now I've got it today.
And you can see things are pretty well, so this is one boot which is damp mix.
And then after that, we have this to do this too.
And inside, like basically there are two there's there are two powders, OK?
And one pedal.
Is this uncertain and on the back, we have pressure and speed.
All right.
So now if I go back to the browser, I show you.
And you can see that is beautiful this or a like call for columns and in that you have this data.
So now we have created this UI like Fallujah, although this is not looking so beautiful, so we'll
fix it in the next video and all.
We have created all this, but this data is hardcoded in.
And like in our code, this is like we don't want static data, but we want dynamic data on retirement.
So then we don't need data.
We will be doing all that part in the next video.