LoginRadius · TD-17 · Oct 4, 2021 · Oct 4, 2021 · Oct 4, 2021 · Oct 11, 2021
diff --git a/README.md b/README.md
@@ -39,7 +39,7 @@ A Project which includes curated list of different login page web pages.
 | login-form-v15 | <img src="login-form-v15/Screenshot.png" width="480" > || [@shrish-sharma-git](https://github.com/shrish-sharma-git) |
 | login-form-v16 | <img src="login-form-v16/login-form-v16/screenshot.png" width="480" > || [@imtiyazMohammed](https://github.com/imtiyazMohammed) |
 | login-form-v17  |  <img src="login-form-v17/desktop_screenshot.PNG" width="480" >  | <img src="login-form-v17/mobile_screenshot.PNG" height="200" width="100" > |   [@satyam73](https://github.com/satyam73)               |
-
+| login-form-v18  |  <img src="login-form-v18/DesktopScreenshot (73).png" width="480" >  | <img src="login-form-v18/MobileScreenshot (74).png" height="200" width="100" > |   [@TD-17](https://github.com/TD-17)
 
 ## CONTRIBUTION
 

diff --git a/login-form-v18/DesktopScreenshot (73).png b/login-form-v18/DesktopScreenshot (73).png
diff --git a/login-form-v18/MobileScreenshot (74).png b/login-form-v18/MobileScreenshot (74).png
diff --git a/login-form-v18/index.css b/login-form-v18/index.css
@@ -0,0 +1,79 @@
+@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
+
+*{
+    box-sizing: border-box;
+}
+ body {
+     background-image: linear-gradient(-225deg, #FFFEFF 0%, #8cc0e2 100%);
+     font-family: 'Open Sans', sans-serif;
+     display: flex;
+     align-items: center;
+     justify-content: center;
+     min-height: 100vh;
+     margin: 0;
+ }
+
+ .container
+ {
+     background-color: #fff;
+     border-radius: 5px;
+     box-shadow: 0 2px 10px rgba(0,0,0,0.3);
+     width: 400px;
+ }
+
+ h2{
+     text-align: center;
+     font-size: 2.2rem;
+     border-bottom: 1px solid #c4c4c4;
+     color: #112c3f;
+ }
+
+ .form
+ {
+     padding: 20px 40px;
+ }
+
+ .form-control
+ {
+     margin-bottom: 10px;
+     padding-bottom: 20px;
+     position: relative;
+ }
+
+ .form-control label{
+     color: #3b3b3b;
+     display: block;
+     margin-bottom: 5px;
+     font-weight: 600;
+ }
+
+ .form-control input{
+     border: 2px solid #f0f0f0;
+     border-radius: 4px;
+     display: block;
+     width: 100%;
+     padding: 10px;
+     font-size: 14px;
+ }
+
+ .form-control input:focus{
+     outline: 0;
+     border-color: #777;
+ }
+
+ .form button{
+     cursor: pointer;
+     background-color: #3498db;
+     border: 2px solid #3498db;
+     border-radius: 4px;
+     color: #fff;
+     display: block;
+     font-size: 16px;
+     padding: 10px;
+     margin-top: 20px;
+     width: 100%;
+ }
+
+ .form .forgot-password {
+   text-align: center;
+ }
diff --git a/login-form-v18/index.html b/login-form-v18/index.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Login</title>
+    <link rel="stylesheet" href="index.css">
+</head>
+<body>
+    <div class="container">
+        <form id="form" class="form">
+            <h2>Login</h2>
+            <div class="form-control">
+                <label for="email">Email</label>
+                <input type="text" id="email" placeholder="Enter email">
+            </div>
+            <div class="form-control">
+                <label for="password">Password</label>
+                <input type="password" id="password" placeholder="Enter password">
+            </div>
+            <div class="forgot-password">
+              <small><u>Forgot Password</u></small>
+             </div>
+            <button type="submit">Sign In</button>
+        </form>
+    </div>
+    <script src="script.js"></script>
+</body>
+</html>
diff --git a/login-form-v23 b/login-form-v23
@@ -0,0 +1 @@
+