WEBLEB
होम
संपादक
लॉग इन करें
Pro
हिंदी
English
Français
Español
Português
Deutsch
Italiano
हिंदी
सिम्पल लॉगिन फॉर्म
5046
webleb
अपना कोड प्रकाशित करें
क्या आपको एक वेबसाइट चाहिए?
अनुशंसित
10 February 2025
सीएसएस लॉगिन फॉर्म
20 August 2024
फेसबुक लॉगिन पेज
18 March 2023
मॉडर्न लॉगिन फॉर्म
index.html
Copy
Webleb
Login
styles.css
Copy
body { background: #2c3338; color: #606468; font: 87.5%/1.5em 'Open Sans', sans-serif; margin: 0; height: 100vh; } input { border: none; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; line-height: 1.5em; padding: 0; } p { line-height: 1.5em; } after { clear: both; } #login { margin: 50px auto; width: 320px; } #login form { margin: auto; padding: 30px; border-radius: 10px; background: #22272a; } .input{ background-color: #3b4148; border-radius:10px; color: #a9a9a9; margin-bottom: 1em; padding: 0 16px; width: 100%; outline: 0; height: 50px; } .submitbtn { background: #0c787d; border: 0; width: 100%; height: 40px; border-radius: 10px; color: white; cursor: pointer; transition: background 0.3s ease-in-out; } .submitbtn:hover { background: #076064; }
main.js
Copy
// Nothing to Copy