सिम्पल लॉगिन फॉर्म

9157 webleb

अपना कोड प्रकाशित करें

अनुशंसित

18 September 2024

हैकर लॉगिन (अपडेट) तुर्की संस्करण

23 August 2025

फ़िंगरप्रिंट डिज़ाइन के साथ HTML CSS लॉगिन पृष्ठ

14 October 2023

लॉगिन फॉर्म

index.html

styles.css

@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;
}

अनुशंसित

हैकर लॉगिन (अपडेट) तुर्की संस्करण

फ़िंगरप्रिंट डिज़ाइन के साथ HTML CSS लॉगिन पृष्ठ

लॉगिन फॉर्म

index.htmlCopy

styles.cssCopy

main.js Copy

index.html

styles.css

main.js