diff --git a/Text Login form.txt b/Text Login form.txt new file mode 100644 index 0000000..9e84495 --- /dev/null +++ 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 \ No newline at end of file diff --git a/assets/css/styles.css b/assets/css/styles.css new file mode 100644 index 0000000..0f9dc9a --- /dev/null +++ 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 new file mode 100644 index 0000000..13724fb Binary files /dev/null and b/assets/img/login-bg.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..43b553a --- /dev/null +++ b/index.html @@ -0,0 +1,18 @@ + + +
+ + + + + + + + + +