WEBLEB
Home
Editor
Login
Pro
English
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Simple Login Form
9451
webleb
Publish Your Code
Recommended
15 May 2025
Login Page
10 February 2025
Simple HTML Login Form
20 September 2025
Plantilla de formulario de inicio de sesión HTML de Girasol
index.html
Copy
Webleb - Order a website - Download free code
login
Not registered?
Create an account
styles.css
Copy
@import url(https://fonts.googleapis.com/css?family=Poppins:300); body { background: linear-gradient(90deg, rgb(41, 87, 214) 0%, rgb(39, 6, 138) 50%); font-family: "Poppins"; display: flex; justify-content: center; align-items: center; height:100vh ; } .form { position: relative; background: #FFFFFF; max-width: 360px; padding: 45px; text-align: center; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); border-radius:15px; } .form input { outline: 0; background: #f2f2f2; width: 100%; border: 0; margin: 0 0 15px; padding: 15px; box-sizing: border-box; font-size: 14px; border-radius:15px; } .form button { text-transform: uppercase; outline: 0; background: #3324be; width: 100%; border: 0; padding: 15px; color: #FFFFFF; font-size: 14px; border-radius:15px; -webkit-transition: all 0.3 ease; transition: all 0.3 ease; cursor: pointer; } .form button:hover,.form button:active,.form button:focus { background: #2957d6; } .form .message { margin: 15px 0 0; color: #b3b3b3; font-size: 12px; } .form .message a { color: #3324be; text-decoration: none; }
main.js
Copy
Nothing to copy