WEBLEB
Startseite
Editor
Anmelden
Pro
Deutsch
English
Français
Español
Português
Deutsch
Italiano
हिंदी
2786
webcode
Im Editor öffnen
Veröffentlichen Sie Ihren Code
23 June 2025
Restaurant
HTML
Copy
HTML Login Form
Login
Username
Password
Forgot Password ?
Sign in
Login with social accounts
Don't have an account?
Sign up
CSS
Copy
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300..700&display=swap'); body{ font-family: 'Inter', sans-serif; overflow: hidden; background-color: #171717; display: flex;justify-content: center; align-items: center; height: 100vh; } .form-container { width: 320px; border-radius: 0.75rem; background-color: #1e2028; padding: 2rem; color: rgba(243, 244, 246, 1); } .title { text-align: center; font-size: 1.5rem; line-height: 2rem; font-weight: 700; } .form { margin-top: 1.5rem; } .input-group { margin-top: 0.25rem; font-size: 0.875rem; line-height: 1.25rem; } .input-group label { display: block; color: rgba(156, 163, 175, 1); margin-bottom: 4px; } .input-group input { width: 90%; border-radius: 0.375rem; border: 1px solid rgba(55, 65, 81, 1); outline: 0; background-color: #1e2028; padding: 0.75rem 1rem; color: rgba(243, 244, 246, 1); } .input-group input:focus { border-color: rgba(167, 139, 250); } .forgot { display: flex; justify-content: flex-end; font-size: 0.75rem; line-height: 1rem; color: rgba(156, 163, 175,1); margin: 8px 0 14px 0; } .forgot a,.signup a { color: rgba(243, 244, 246, 1); text-decoration: none; font-size: 14px; } .forgot a:hover, .signup a:hover { text-decoration: underline rgba(167, 139, 250, 1); } .sign { display: block; width: 100%; background-color: rgba(167, 139, 250, 1); padding: 0.75rem; text-align: center; color: rgba(17, 24, 39, 1); border: none; border-radius: 0.375rem; font-weight: 600; } .social-message { display: flex; align-items: center; padding-top: 1rem; } .line { height: 1px; flex: 1 1 0%; background-color: rgba(55, 65, 81, 1); } .social-message .message { padding-left: 0.75rem; padding-right: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; color: rgba(156, 163, 175, 1); } .social-icons { display: flex; justify-content: center; } .social-icons .icon { border-radius: 0.125rem; padding: 0.75rem; border: none; background-color: transparent; margin-left: 8px; color: white; font-size: 20px; cursor: pointer; } .signup { text-align: center; font-size: 0.75rem; line-height: 1rem; color: rgba(156, 163, 175, 1); }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */