HTML CODE
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Singup</title>
</head>
<body>
<h1>Singup</h1>
<form action="" method="get">
<input type="text" name="name" placeholder="Name" id="name" value="">
<input type="email" name="email" placeholder="Email" id="email" value="">
<input type="password" name="password" placeholder="Password" id="password" value="">
<input type="password" name="re-password" placeholder="Re-Password" id="re-password" value="">
<input type="submit" value="Signup" class="login">
</form>
</body>
</html>
CSS CODE
* {
padding: 0px;
margin: 0px;
}
body {
width: 25%;
margin: 0 auto;
background-color: #007bff;
margin-top: 10%;
border: 2px solid #fff;
border-radius: 10px;
}
h1 {
text-align: center;
color: #fff;
margin-top: 10%;
}
input {
width: 70%;
display: block;
padding: 10px;
margin: 10px auto;
border-color: transparent;
border-radius: 10px;
margin-top: 10%;
}
.login {
margin-bottom: 10%;
width: 50%;
background-color: transparent;
border: 2px solid #fff;
color: #fff;
}
.login:hover {
background-color: #00356d;
transition: all 0.5s;
cursor: pointer;
}
0 comments:
Post a Comment