Add index.html

shubhdevv · Jul 18, 2023 · 2865015 · 2865015
1 parent 2e69f63
commit 2865015
Showing 1 changed file with 65 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="styles.css">
+    <title>Sign-up</title>
+</head>
+<body>
+    <div class="sign-up">
+        <div class="picture">
+            <div class="logo">
+                <img src="odin-lined.png" alt="logo" class="deer">
+                <h1 class="odin">Odin</h1>
+            </div>
+        </div>
+        <div class="right">
+            <div class="dummy-text left">
+                <p>This is not a real online service,but you know you need this in your life to make things better.</p>
+                <p>Sign up <em>now</em> to get started.</p>
+                <p class="remote-text">You <em>know</em> you want to.</p>
+            </div>
+            <form action="#">
+                <div class="form left">
+                    <p class="form-title">Let's do this!</p>
+                    <div class="input">
+                        <label for="first-name">First name</label>
+                        <input type="text" name="first-name" id="first-name" required>
+                    </div>
+
+                    <div class="input">
+                        <label for="last-name">Last name</label>
+                        <input type="text" name="last-name" id="last-name">
+                    </div>
+
+                    <div class="input">
+                        <label for="email">Email</label>
+                        <input type="email" name="email" id="email" required>
+                    </div>
+
+                    <div class="input">
+                        <label for="phone-number">Phone number</label>
+                        <input type="number" name="phone-number" id="phone-number" minlength="9" maxlength="9">
+                    </div>
+
+                    <div class="input">
+                        <label for="password">Password</label>
+                        <input type="password" name="passwor" id="passwor" required>
+                    </div>
+
+                    <div class="input">
+                        <label for="confirm-password">Confirm password</label>
+                        <input type="password" name="confirm-password" id="confirm-password" required>
+                    </div>
+                </div>
+                <div class="left button"><button type="submit">Create Account</button></div>
+            </form>
+            <div class="log-in left"><p>Already have an account?</p><a href="#">Log in</a></div>
+        </div>
+
+    </div>
+</body>
+</html>