diff --git a/assets/css/forget.css b/assets/css/forget.css new file mode 100644 index 0000000..362414a --- /dev/null +++ b/assets/css/forget.css @@ -0,0 +1,173 @@ +/* ============= +GENERAL RESET +================ */ + +* { + margin: 0px; + padding: 0px; + box-sizing: border-box; +} + +*::after { + margin: 0px; + padding: 0px; + box-sizing: border-box; +} + +*::before { + margin: 0px; + padding: 0px; + box-sizing: border-box; +} + +body { + background: #e5e5e5; +} + + +/* ================================ +VARAIABLE FOR EASY STORAGE OF VALUE +=================================== */ + +:root { + --h2: #16172D; +} + +.form-container { + display: flex; + height: 98vh; + width: 100%; + justify-content: center; + align-items: center; +} + +.form-container .form-wrap { + width: 40%; + padding: 4px 10px; +} + +.form-container .form-wrap .img { + position: absolute; + width: 53px; + height: 52px; + left: 685px; + top: 89px; +} + +.form-container .form-wrap .mic { + position: absolute; + width: 157px; + height: 45px; + left: 631px; + top: 165px; + font-family: Roboto; + font-style: normal; + font-weight: normal; + font-size: 38px; + line-height: 45px; +} + +.form-container .form-wrap h2 { + position: absolute; + width: 250px; + height: 48px; + left: 590px; + top: 220px; + font-family: Poppins; + font-style: normal; + font-weight: normal; + font-size: 32px; + line-height: 48px; + text-align: center; + color: var(--h2); +} + +.form-container .form-wrap .form-box { + margin: 0px 0px 15px; +} + +.form-container .form-wrap .form-box p { + position: absolute; + width: 440px; + height: 39px; + left: 550px; + top: 299px; + font-family: Poppins; + font-style: normal; + font-weight: 500; + font-size: 16px; + line-height: 24px; + color: #1A1B2D; +} + +.form-container .form-wrap .form-box input[type="text"] { + position: absolute; + width: 360px; + height: 60px; + left: 540px; + top: 320px; + background: #FFFFFF; + border: 0.5px solid #BDBDBD; + box-sizing: border-box; + border-radius: 5px; +} + +.form-container .form-wrap .form-submit { + display: flex; +} + +.form-container .form-wrap .form-submit input[type="submit"] { + position: absolute; + width: 360px; + height: 60px; + left: 540px; + top: 410px; + background: #67A766; + border-radius: 5px; +} + +.contact p { + position: absolute; + width: 90px; + height: 24px; + left: 680px; + top: 540px; + font-family: Poppins; + font-style: normal; + font-weight: 500; + font-size: 16px; + line-height: 24px; + color: #828282; +} + +.reserved { + position: absolute; + width: 236px; + height: 24px; + left: 620px; + top: 660px; + font-family: Poppins; + font-style: normal; + font-weight: normal; + font-size: 16px; + line-height: 24px; + /* identical to box height */ + color: rgba(1, 2, 22, 0.8); +} + + +/* media queries */ + +@media all and (max-width: 768px) { + .form-container .form-wrap{ + display: block; + width: 100%; + text-align: center; + } + + .form-container .form-wrap .form-submit{ + + width: 60%; + + } +} \ No newline at end of file diff --git a/assets/img/laye.png b/assets/img/laye.png new file mode 100644 index 0000000..6abd605 Binary files /dev/null and b/assets/img/laye.png differ diff --git a/assets/img/microAPi.png b/assets/img/microAPi.png new file mode 100644 index 0000000..1505da5 Binary files /dev/null and b/assets/img/microAPi.png differ diff --git a/forget.html b/forget.html new file mode 100644 index 0000000..2487217 --- /dev/null +++ b/forget.html @@ -0,0 +1,43 @@ + + + + + + + + + Forget Password + + + + +
+
+
+ +
+
+ +
+

Reset Password

+
+

Enter the Email address associated with your account

+ +
+
+ +
+ + +
+
+ +