How Do I Integrate Sign in Box

How Do I Integrate Sign in Box

hey guys in this tutorial I will be showing you how to create a login form with HTML CSS and JavaScript so note this is just a simple login screen so if you're going to use this on your website or whatever you're going to use it for please don't because you can actually just find the password by going in to inspect element being the source and getting the username and the password so let's get started first what we'll need is a text editor and I usually use notepad plus plus and I use brackets so you can actually download this the links will be in the description but you can just use your notepad on your computer it will work exactly the same way so our login will look like this so let's get started first I'm just going to open up brackets and you can just open up your you know your notepad go to file go to new and now we're going to save it as an HTML so I'm just going to name it login dot HTML and save as type what you want to do is just click all files and click Save and now we can get started so I'm using brackets right now bracket is pretty good because you can actually when you're typing the code as you can see it automatically closes the HTML file for you so we're going to start off with that and now what we're going to do is we're going to type in head and I'm not really going to explain what this all does so just follow along and the end product should look very similar and for our title the title is right here as you can see it's a simple login so you can actually name it whatever and I'm just going to put in login and now we're going to do our CSS so the CSS is what the page will look like the layouts and the graphics and stuff like that so let's get started so for the font we're going to be using this font right here if you just want to copy and paste the code you can actually do that or you can just you know follow along and type it because the code will be in the description so you can just download it so this is just the font that we're going to be using and now for the body what we need to type is we're going to make the body background make it all printing stuff so the what we're going to do so we're not going to make the background move so we're just going to make the background stay where it is without the scrolling and all that okay and for our background image what we need is a background image so I picked this image all you need to do is just go on to Google and search up an...