How To Make A Perfect Signup Page Using CSS/HTML Easy Way!!

Make a perfect signup page using html/css fast and easy !!

Source Code Here:

	<!DOCTYPE html>
	<html lang=”en”>
	<head>
	<style>
	body{
	background-color: rgb(59, 172, 160);
	}
	.d1{
	background-color: white;
	margin-left: 500px;
	width: 250px;
	height: 500px;
	border-radius: 20px;
	}
	form p{
	margin-left: 30px;
	}
	form input{
	margin-left: 30px;
	border-radius: 10px;
	}
	h1{
	margin-left: 30px;
	}

	input[type=”submit”]{
	height: 35px;
	width: 100px;
	background-color: rgb(59, 172, 160);
	border: 10px;
	}
	.d2{
	margin-left: 530px;
	width: 250px;
	height: 500px;
	}
	</style>
	<title>this is the title of the signup page</title>
	</head>
	<body>
	<div class=”d1″>
	<form action=””>
	<h1> Sign up for free</h1>
	<p>User name</p> <input type=”text”>
	<p>Email</p> <input type=”email”>
	<p>Password</p> <input type=”password”>
	<p> confirm Password</p> <input type=”password”>
	<p><input type=”submit” value=”Signup ” > </p>
	<p>by clicking Signup you agree to our <a href=””>Terms and condiotions</a> and <a href=””>privacy policy</a> </p>
	</form>
	</div>

	<div class=”d2″>
	<p>
	Already have an account ?<a href=””>Login here</a>
	</p>
	</div>


	</body>
	</html>

27
JAN

Blog