Login page
//main.html
<html>
<head> <link rel="stylesheet" href="style.css"></head>
<body> <form> <div class = "profile"> <center> <img src = "s.png" alt = "S" class = "S"> <br/> <b><h1>S </h1></b> <br/></center></div><div class="details"> <center>
<input type ="text" placeholder="Enter E-mail id" name ="E-mail"> <br/> <input type ="password" placeholder="Enter password" name ="pass"> <br/> <button type="button">Login</button> <br/> <label> <input type="checkbox" checked="checked" name="remember"> Remember me </label> <br/></center></div> <br/><center> <div><a href="">Forget Password!</a></div> <br> <div class="acc"> <label>Don't have an account <a href="">Click Here!</a></label></div> </center>
</form> </body>
</html>
//style.css
body { width: 100%; height:100%; font-family: 'Open Sans', sans-serif; } input[type=text], input[type=password] { width: 30%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 2px solid #ccc; box-sizing: border-box;} button { background-color: #FF1493; color: white; padding: 14px 20px; margin: 8px 0; border: none; cursor: pointer; width: 10%;} button:hover { opacity: 0.8;} img.collision { width: 20%; border-radius: 45%; background-color: #483D8B;} div.acc{ text-align: center;} h1{font-family: sans-serif; }h4{font-family: sans-serif;}div.acc{ color: }
For more details :
No comments:
Post a Comment