Fax Initials Radio Button with airSlate SignNow

Input radio accreditation

hello and welcome to our next YouTube tutorial in this video we're going to be building a custom CSS radio button basically on different websites you might see default radio buttons which I think don't look quite good so in this video you will be able to learn about how to create modern and cool radio buttons using just HTML and CSS I expect that you know some basic stuff in those two technologies all right so as you see we have here two radio buttons option one and option two we have green circles and if we click them they will be checked nicely with some fade effect okay so that's it what we are going to build here in OBS code I have two different files index dot HTML and style dot CSS inside HTML document traditionally I have prepared the basic structure of HTML document we have here two different links one for google fonts and another one for lay tile dot CSS file you are able to download those start the files from the link in the description alright let's go ahead and as usually start building HTML markup I'm going to open a deep element which should be a wrapper for both options so it's assigned to it class name wrapper then open another development which will be an option itself so assigned to it class option so inside the div elements we need two elements the first one is going to be input as the type we need here radio besides the type attribute we need two other attributes first one is going to be an ID we will use the ID in order to link input and label elements and to create click event so let's assign to it value check one also we need here the name attribute so the name attribute won't allow us to check several radio buttons simultaneously let's assign to each value radio next we need a label as we said we're going to link input and label elements and for that ID and for attribute should have the exact same values in this case we need here check one alright we're going to have two options so let's duplicate development and the only thing that we have to do is to change values for ID and for four attributes instead of check one we need to check two okay that's it about HTML let's go to style dot CSS file and start writing some CSS first of all let's create some reset styles select every element using an asterisk then set margin and padding as zero and also we need here box-sizing with value border box next I'm going to select wrapper let's define its width and height I'm going to set width as 100% as for the height I want the wrapper to take up 100% of the viewport and for that we have to use measurement unit called the H okay I'm going to Center...