diff --git a/gr.txt b/gr.txt
new file mode 100644
index 000000000..e69de29bb
diff --git a/index.html b/index.html
new file mode 100644
index 000000000..a81f9c96b
--- /dev/null
+++ b/index.html
@@ -0,0 +1,18 @@
+ <form action="action_page.php" method="post">
+
+  <div class="container">
+    <label for="uname"><b>Username</b></label>
+    <input type="text" placeholder="Enter Username" name="uname" required>
+
+    <label for="psw"><b>Password</b></label>
+    <input type="password" placeholder="Enter Password" name="psw" required>
+
+    <button type="submit">Login</button>
+    <label>
+      <input type="checkbox" checked="checked" name="remember"> Remember me
+    </label>
+  </div>
+
+  <p>Don't have an account? <a href="registration.html">Register</a></p>
+
+</form> 
diff --git a/registration.html b/registration.html
new file mode 100644
index 000000000..1aff8d230
--- /dev/null
+++ b/registration.html
@@ -0,0 +1,65 @@
+<!-- <!DOCTYPE html>
+<html>
+
+<head>
+    <title>Register</title>
+</head>
+<body>
+    <form>
+
+        <label for="Email">Email: </label>
+        <input type="text" id = "email"
+
+
+        <label for="Username">Username: </label>
+        <input type="text" id="username">
+
+        <label for="Password">Password: </label>
+        <input type="text" id="password">
+
+        
+
+        
+
+
+
+
+
+    </form>
+
+
+
+</body>
+</html> -->
+
+
+<form action="action_page.php">
+  <div class="container">
+    <h1>Account Registration</h1>
+    <p>Please fill in this form to create an account.</p>
+    <hr>
+
+    <label for="email"><b>Email</b></label>
+    <input type="text" placeholder="Enter Email" name="email" id="email" required>
+
+
+    <label for="username"><br><b>Username</b></label>
+    <input type="text" placeholder="Enter Username" name="username" id="username" required>
+
+    <label for="psw"><br><b>Password</b></label>
+    <input type="password" placeholder="Enter Password" name="psw" id="psw" required>
+
+    <label for="psw-repeat"><br><b>Repeat Password</b></label>
+    <input type="password" placeholder="Repeat Password" name="psw-repeat" id="psw-repeat" required>
+    <hr>
+
+    <!-- <p>By creating an account you agree to our <a href="#">Terms & Privacy</a>.</p> -->
+    <button type="submit" class="registerbtn">Register</button>
+  </div>
+
+  <div class="container signin">
+
+    <p>Already have an account? <a href="/">Sign in</a>.</p>
+
+  </div>
+</form>
