 And I'm very excited to be part of this initiative and to be here to conduct this workshop for you. And so I hope that through this workshop you will learn a bit about web development and firstly to complete the task that is supposed to submit for the weekend. So this is more relevant to the first task, the final focus. And also hopefully spark a bit of interest in this topic and go beyond this workshop to learn more and explore more on your own. And so if you want to follow along this slide so you can access it to this link to this link at the top here so you can follow along to your web browser. Or you can just like watch me do it, it's fine as well. Two things, we did the workshop last year. The one is this thing called Tox CSS because we welcome you to do it for people together once a month and talk about topics we read into history and science. So this is the Singapore CSS. And the second one is this coming Wednesday at HOOK which is single file screening. So the office is in Comcenter which is at Time and Set. We are going to be giving a line talk about I think your life is a lot easier as a developer. So it helps you spot these kind of mistakes more easily. Like the tools you need to because we go to the right server which is single file. It's the oldest factor that your project lives in. So you can navigate and open stuff here like images. It's a bunch of large images now that you're on the internet. The other two files that are important are images like HTML and Tox CSS. You see this is what a basic HTML document is like. The browser will automatically assume that there is a new TFA. And that's the reason. And then you can just exercise a series of things in the body type. Like with new pages. It's going to be the same across all of them. And it's going to be the same as a developer. It's not working because it's looking for this. It's useful and has a lot of content. The whole piece, you can actually mask selectors. So let's say I want to do only something like this. So it looks like this. And then the metrics. That has this thing called classical style. So I can train the classes by you know how I know that. Then it's the type. The type that it means that how do you you can see that it can jump to another section of the page. This is what ID is for. You can actually. It's just one thing to talk about why that is. So this time you're going to use ID. As you look through the whole CSS file, it could be like hundreds or even thousands of lines now. To find that oh, I should have just like this thing here at the top is like messing up my style for styling. Then this is just something that is going to do that. And. Yeah, no, that's because of the way it's just too strong. Let's put you to use CSS to go and do this. There needs to be a device to hold this. And then you can change the way. You can choose what they always know you are. You can change the amount and do that. But you can change the amount. Use ID. Use space as you are. There are just three things like text align center. Text align or some other element. All the chosen. So the generic container element. It's a block level container element. So it doesn't mean anything. It's just a way to loop your elements together. So it's called division, I believe. And then put something in. I just tried to choose one. Can you color of this element? So you put this again. I'm going to put this. This is a block level element. That goes tonight. Whatever you have in here is not certain. So it's just for like, it's not coloring the content you should have seen on the computer. That's the one so far. There are more generic ones. So essentially it is just, if you know about it, essentially it is just if you can do that, this one, essentially. What you want to do is lay out. I'm going to put this thing 15 years ago, I think like five years ago or something along there.