From bb0bc176cd3d608db36b5e2d0cc0efd2351917b5 Mon Sep 17 00:00:00 2001
From: daniel egeonu <degeonu23@gmail.com>
Date: Thu, 2 Jul 2020 20:08:17 +0100
Subject: [PATCH 1/3] forget password

---
 assets/css/forget.css   | 173 ++++++++++++++++++++++++++++++++++++++++
 assets/img/layers.png   | Bin 0 -> 1024 bytes
 assets/img/microAPi.png | Bin 0 -> 2519 bytes
 forget.html             |  45 +++++++++++
 4 files changed, 218 insertions(+)
 create mode 100644 assets/css/forget.css
 create mode 100644 assets/img/layers.png
 create mode 100644 assets/img/microAPi.png
 create mode 100644 forget.html

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/layers.png b/assets/img/layers.png
new file mode 100644
index 0000000000000000000000000000000000000000..6abd6054df15f16d2f3152989e0dd1db0eaa0cba
GIT binary patch
literal 1024
zcmV+b1poVqP)<h;3K|Lk000e1NJLTq001=r001-y1^@s6D!Oph00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1C>ccK~#7F?b*L>
z(?A>t@ZZmN5Ta6vm?E`<#|jmxZ$KhmplsP{o*=Cd15=ZU0YRH5sJmq&J44bph$upg
z8Co?G43S7t)z)|1r9RdFQtb1clOf+Ja_n<HvG086AHXup%q=DqkV<94UR|y1uB<#8
zPA0#{pg9N{!!d?g+Gih~z-E_tH?7g==MXeS3#wAttfGngtnsRUk`rRUp+R7m0=)Eh
z(}q)uO2Q!0=GoczzSw7deX~j_Hg)2ZpweKX(TU52lEFm7aUMm79lPUiVmNv{8l`U|
z8Yz?tOuWr48%?h%aO?{9sYhEfxJ)P=nD{yJ<5HoDz{JlfkHd!>4r5??zniS#!4L{c
z6vr}TpIhhWr|zs{Fu9@mW8%LlJr2VMZm<JOM~j4sCJA=~-s@lIKL%nSBX|IoN?Z3J
zI=CBJ7YD?{e-G<hF8_W0Cfg#W9o#2&`z3WyAke<JIPJomlXk$u*$rgxpt_Q^kN<Z_
zpC?Xsz)Jn_EfTl3_QE0TJhB5;=4p~n9LKOe%-3Hw0*)z?_TPzhI35o&Ei9!cv?_6`
zFe15^9<sP{*)BhMvf2Qo4k*HiC|OVO+~bg~kEjhZa00`IV!jG4tHg*XLy2&lVcj}F
zjh!Iw^72ntH%26cs(<}hrIvYsgtj}c-nx(@2{`|RYB1ZqX8AEZZBU@w2;N?&_O36!
zvqF1XQ)L+pJgWCT?*pMNS)4!oHW|+4IHb5uk#;X9Cc}KojX~g7oR--<Z%iZm#BRTO
z@4yBi4*QCCeD)cJ90$gAzf*fZggGUQ;kPfx(DoG=huzv<=uev2rxJ01F2L1sk+>`v
zkyHakz4yssyH1}YP!LWABa&(KD*~4XBO*1VM{q2BeRJK)gHwSK$@QF4fs0~bdIzvk
zw<iBcQS$JW!Rf$=D4kKH!PR>oYzmJW2B0&=P&i@pKUW1tMENv{ClPl`j=|!y3v})_
zaSS#)wY@$lP6*{M0ggb?%lbGDlwpDsV?y9f@EuA7^?Zwh^(8P@Q-`BiWf(UvCR)hj
zFJC;*bb_nm#M|%git&F~EiO-zFtc8LKiH=h0ha|Ml4_tRqWTw2o}xsi(XR-ciVBO=
zkgfx#vRstwIi;essiXF#sF0n#K&G>hr*uY<23JH?Qp+@HR^@~hjv6{KB3e))2`@T%
uv={QUqC}>z%Zyux5X)V(BHl8~D9%6e_cu!Z<SQls0000<MNUMnLSTYp!_9X9

literal 0
HcmV?d00001

diff --git a/assets/img/microAPi.png b/assets/img/microAPi.png
new file mode 100644
index 0000000000000000000000000000000000000000..1505da581f0cfdb86bb3d09af4d75e28d44a3df4
GIT binary patch
literal 2519
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

literal 0
HcmV?d00001

diff --git a/forget.html b/forget.html
new file mode 100644
index 0000000..9b4a23e
--- /dev/null
+++ b/forget.html
@@ -0,0 +1,45 @@
+  
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="assets/css/Forget.css">
+    <title>Forget Password</title>
+</head>
+
+<body>
+    
+</body>
+
+<div class="form-container">
+  <form action="#" method="POST" class="form-wrap">
+    <div class="img">
+      <img src="assets/img/layers.png" class="rounded mx-auto d-block" alt="">
+    </div>
+    <div class="mic">
+      <img src="assets/img/microAPi.png" class="rounded mx-auto d-block" alt="">
+    </div>
+    <h2>Reset Password</h2>
+    <div class="form-box">
+      <p>Enter the Email address associated with your account</p>
+      <input type="text" placeholder="">
+    </div>
+    <div class="form-submit">
+      <input type="submit" value="Send Reset Password Email">
+    </div>
+    <footer>
+      <div class="contact">
+        <a href="#"><p>Contact Us</p></a>
+      </div>
+
+      <div class="reserved">
+          <p>All right Reserved @MicroApi</p>
+      </div>
+    </footer>
+
+  </form>
+</div>
+
+</html>
\ No newline at end of file

From 4198ce25c803160b414e24addbe90a00b51f5b77 Mon Sep 17 00:00:00 2001
From: daniel egeonu <degeonu23@gmail.com>
Date: Thu, 2 Jul 2020 20:14:11 +0100
Subject: [PATCH 2/3] forgot password

---
 assets/img/{layers.png => laye.png} | Bin
 forget.html                         |   2 +-
 2 files changed, 1 insertion(+), 1 deletion(-)
 rename assets/img/{layers.png => laye.png} (100%)

diff --git a/assets/img/layers.png b/assets/img/laye.png
similarity index 100%
rename from assets/img/layers.png
rename to assets/img/laye.png
diff --git a/forget.html b/forget.html
index 9b4a23e..63c8c1b 100644
--- a/forget.html
+++ b/forget.html
@@ -16,7 +16,7 @@
 <div class="form-container">
   <form action="#" method="POST" class="form-wrap">
     <div class="img">
-      <img src="assets/img/layers.png" class="rounded mx-auto d-block" alt="">
+      <img src="assets/img/laye.png" class="rounded mx-auto d-block" alt="">
     </div>
     <div class="mic">
       <img src="assets/img/microAPi.png" class="rounded mx-auto d-block" alt="">

From 6ea08f26e525e0bd2b0e72545ed33b6e686bf71a Mon Sep 17 00:00:00 2001
From: daniel23ai <62964797+daniel23ai@users.noreply.github.com>
Date: Thu, 2 Jul 2020 21:18:16 +0100
Subject: [PATCH 3/3] Update forget.html

---
 forget.html | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/forget.html b/forget.html
index 63c8c1b..2487217 100644
--- a/forget.html
+++ b/forget.html
@@ -11,8 +11,6 @@
 
 <body>
     
-</body>
-
 <div class="form-container">
   <form action="#" method="POST" class="form-wrap">
     <div class="img">
@@ -41,5 +39,5 @@ <h2>Reset Password</h2>
 
   </form>
 </div>
-
-</html>
\ No newline at end of file
+</body>
+</html>