Upload Initials Dropdown with airSlate SignNow

Carbon copy signature block dropdown

basic drop down menus like this are boring and turn users away from your site so in this video i'm going to show you how to create an advanced drop down menu which is going to engage and bring in customers [Music] welcome back to web dev simplified my name's kyle and my job is to simplify the web for you so you can start building your dream project sooner and in this video i'm going to show you how to create these drop down menus that have this nice smooth animation contain additional information inside of it as well as things like forms if you want you can really put anything you want into these drop down menus unlike normal drop down menus that just contain links which are kind of boring and to get started i just have this header section that you can see over here on the left we just have a header and it has three links inside of it one of them is just a normal a tag it doesn't do anything when we click on it it's just a normal link and then these other ones are just buttons that are going to open up our drop down menus and then i have a basic style sheet which just contains the stylus for the header and the link just so i don't have to type out this boilerplate code for you now to get started with this video what i want to do is i want to create essentially a dummy drop down that we can use to do our animations and all of the code for actually rendering out the drop down and then from there we're going to start to put the content in the drop down so i can show you how that would work so in order to create these drop downs the easiest thing we can do is wrap this button inside of a div which we're just going to give the class of drop down so if i just make sure i spell this correctly we can put drop down here now we have that div and we're going to put our button inside of that div then inside of that div we're going to create essentially our drop down menu so this is going to be another div which we're going to give the class of drop down menu and this drop down menu is where our drop down content is going to live for now we're just going to put the text drop down content in there so we can see how our styles are going to work so we can just save that and move over to our styles.css so we essentially created a drop-down and this drop-down is going to be the thing that wraps everything and the main thing i want to set on this is a position of relative that way we can absolutely position our drop down menu inside of...