Web Login Form 4
Run
HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Login</title> </head> <body> <!-- copy --> <form autocomplete="off" class="form"> <h1 class="h1">Login</h1> <input type="text" placeholder="Name" class="form-input" /> <input type="passowrd" placeholder="Password" class="form-input" /> <input type="button" value="Login" class="form-btn" /> </form> <!-- end --> </body> </html>
CSS
.bodybg{ background: #41b4ba; } .h1{ font-family: cursive; font-style: italic; font-variant: normal; font-weight: 700; letter-spacing: 12px; text-align: start; text-transform: none; text-decoration: full-width; text-shadow: none; color: #bdbdbd; } .form{ width: 240px; height: 250px; padding-top: 03px; padding-right: 03px; padding-bottom: 30px; border-top:12px solid #19a9a6;border-right:21px solid #19a9a6;border-bottom:2px solid #19a9a6;border-left:2px solid #19a9a6; border-top-left-radius:30px;border-top-right-radius:40px;border-bottom-left-radius:50px;border-bottom-right-radius:30px; font-size:15px; font-family:cursive; font-style:italic; font-variant:normal; font-weight:700; letter-spacing:12px; text-align:start; text-decoration:full-width; color:#bdbdbd; background:#ffffff; } .form-input{ width: 90%; height: 40px; margin-top: 10px; padding-left: 10px; border: 1px solid #19a9a6; color:#000000; background: #ffffff; } .form-btn{ width: 40%; height: 40px; margin-top: 10px; border: none; font-size: 15px; font-family: verdana; color: #ffffff; background: #19a9a6; }
Follow Us