diff --git a/form-login/index.html b/form-login/index.html
new file mode 100644
index 0000000..e69352d
--- /dev/null
+++ b/form-login/index.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset='utf-8'>
+    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+    <title>HTML Tips and Tricks - Form login</title>
+    <meta name='viewport' content='width=device-width, initial-scale=1'>
+    <link href="https://fonts.googleapis.com/css2?family=Chilanka&display=swap" rel="stylesheet">
+    <link rel='stylesheet' type='text/css' media='screen' href='../main.css'>
+
+</head>
+
+<body>
+	<div class="demo">
+        <a href="../index.html" class="home">
+          <img src="../home.svg" alt="home" />
+        </a>
+		<br />
+		<form>
+			<!-- Email input -->
+			<div class="form-outline mb-4">
+			  <input type="email" id="form2Example1" class="form-control" />
+			  <label class="form-label" for="form2Example1">Email address</label>
+			</div>
+			<br />
+			<!-- Password input -->
+			<div class="form-outline mb-4">
+			  <input type="password" id="form2Example2" class="form-control" />
+			  <label class="form-label" for="form2Example2">Password</label>
+			</div>
+			<br />
+		  
+			<!-- 2 column grid layout for inline styling -->
+			<div class="row mb-4">
+			  <div class="col d-flex justify-content-center">
+				<!-- Checkbox -->
+				<div class="form-check">
+				  <input class="form-check-input" type="checkbox" value="" id="form2Example31" checked />
+				  <label class="form-check-label" for="form2Example31"> Remember me </label>
+				</div>
+			  </div>
+			  <br />
+			<button type="button" class="btn btn-primary btn-block mb-4">Sign in</button>
+		  </form>
+		</div>
+	</div>
+</body>
+</html>
\ No newline at end of file
