 Okay, actually I am here going to talk about, I just, what I, there is a big take back, take away from the last year, which are refresh, and it's actually help in my work actually. So I just want to just show what actually it is, what's the greatest take away on the last which are refresh. So it's based on the current work, what I am right now doing, it's about actually the product what I am working on the company, it's actually the task is to rewrite all the CSS. They want to throw out the current CSS away and they want to make it a new CSS, because of a couple of reasons, because we provide a customer's option for rebrand, actually we will make our product website just look like their client websites. So what happened is like, when we have written a lot of CSS, sorry CSS, and when the clients came with the different CSS, and you know the naming collision happened, there are a lot of big problems, and the company and people they are wasting a lot of time in writing again CSS again, again, again, and me too. And so actually our CSS structure is like that, first we have a Twitter boost app, and then we have a version one CSS there, I don't know why they are clipping, I don't know it's still there, and there is a version two CSS is there for the new version, and the rebrand CSS, rebrand is like for the customized CSS, but actually the problem is, is a modularity, it doesn't have any modularity, because CSS is like it's around all the everywhere, like it's there on this folder, it's on X folder, it's on Y folder, it's on Z, and I don't know somewhere there, and also there is a lot of duplicate, like CSS style duplicates there, and because of this duplicacy, it's not possible to maintain the code, and also it's not possible to reuse and it's not readable, readable in the sense I mean like the classes which is called srch underscore lnk, I don't know what it is, just go and ask the person who wrote it, and when I just look into the CSS current CSS base, it's look like you know, it's worse than a terrorist attack, I don't know, it's like massive thing, and I was just getting to the project, so when I first get in the project, I was thinking about a great great methodology called BAM, you remember that this lady Barbara, she was last year in the Meta Refresh, she talked about a methodology called BAM, BAM is actually stands for block element modifier, it's actually it's saying like okay you have a website, and the concept is like your website is built up of multiple components actually, so if you just you just see this website and I'm splitting it into different components, you can see that the sidebar, and there's a wrapper and some tiles, this is actually I used here, so what I need to easily first find out the components of my website, and then write the CSS, so according to BAM, actually here I'm just taking some two cells from here, it's actually I'm called the component as tile, so here the block is tile, you name the block is tile, and I found the elements like okay it's have a header there, and a meta tag, and some description, and a modeling, so I just kind of okay these are the elements of this block, and then the modifiers, modifiers is actually the different precedence states of a particular CSS, like for example here the tile it have two different presentation state, one is I just gave us like big and small, but the thing is like okay, yep that's big and small, so what I what I done is like then I apply a BAM's index for writing CSS names, so actually first you write the block name, then hyphen then element name, and then the double double underscore and then modifier, so I'm just rewrite it to the block will be .tile, and element is .tile header, and the modifier is .tile small, and I'll be, and then the HTML will look like this, if I give this HTML to anybody, you can just read this and you can easily understand what actually this piece of HTML means, okay this is actually a tile, I may be okay tile may be something, okay then this have a header there, it have a meta tag, it have a description, and modeling, it's like pretty it's actually readable, if I give it to any backend developer or anybody you can easily understand okay what, and they have more meaningful, and like this you can make, okay you having a very large large scale application, you can make different components and you can reuse across it, for example like login form, okay for article navigation is like the, if you have a site having multiple navigation, you can just create a component and you can reuse it, and this is actually, you just try it and you can make different components like that and it is very useful, you can use it across any of your project, you can keep your CSS like a modern base, and this is actually the biggest takeaway what I get in the last MetaRefresh, and it's actually saved my, yeah, and the second thing is like I came to realize one more thing, it's actually Rasha is not famous for vodka, it's also famous for BEM, yeah, seriously I know Rasha is only famous for vodka AK-47 MiG-29, but right now you know Rasha is more a good guy, and yeah that's it, thank you, and happy Valentine's Day.