bedimcode · bedimcode · Sep 8, 2023
diff --git a/Text Login form.txt b/Text Login form.txt
@@ -0,0 +1,20 @@
+========== LOGIN ==========
+.login__title
+Login
+
+.login__input - placeholder
+Email ID
+Password
+
+.login__check-label
+Remember me
+
+.login__forgot
+Forgot Password?
+
+.login__button
+Login
+
+.login__register
+Don't have an account?
+Register
diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -0,0 +1,47 @@
+/*=============== GOOGLE FONTS ===============*/
+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap");
+
+/*=============== VARIABLES CSS ===============*/
+:root {
+  /*========== Colors ==========*/
+  /*Color mode HSL(hue, saturation, lightness)*/
+  --white-color: hsl(0, 0%, 100%);
+  --black-color: hsl(0, 0%, 0%);
+
+  /*========== Font and typography ==========*/
+  /*.5rem = 8px | 1rem = 16px ...*/
+  --body-font: "Poppins", sans-serif;
+  --h1-font-size: 2rem;
+  --normal-font-size: 1rem;
+  --small-font-size: .813rem;
+}
+
+/*=============== BASE ===============*/
+* {
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+}
+
+body,
+input,
+button {
+  font-family: var(--body-font);
+  font-size: var(--normal-font-size);
+}
+
+a {
+  text-decoration: none;
+}
+
+img {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}
+
+/*=============== LOGIN ===============*/
+
+
+/*=============== BREAKPOINTS ===============*/
+/* For medium devices */
diff --git a/assets/img/login-bg.png b/assets/img/login-bg.png
diff --git a/index.html b/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+   <html lang="en">
+   <head>
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+      <!--=============== REMIXICONS ===============-->
+      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/3.5.0/remixicon.css" crossorigin="">
+
+      <!--=============== CSS ===============-->
+      <link rel="stylesheet" href="assets/css/styles.css">
+
+      <title>Login form - Bedimcode</title>
+   </head>
+   <body>
+
+   </body>
+</html>
diff --git a/preview.png b/preview.png