From 02a6593b519b7877cf0d708f020d6ba8fbe43aae Mon Sep 17 00:00:00 2001
From: Ismail <msiamil.official@gmail.com>
Date: Mon, 17 Aug 2020 17:24:19 +0500
Subject: [PATCH] SignIn component created & designed. BrowserRouter installed

---
 employeemanagement/package-lock.json          |  96 ++++++++++++++++++
 employeemanagement/package.json               |   1 +
 employeemanagement/public/manifest.json       |  10 --
 employeemanagement/src/App.js                 |  10 +-
 .../src/components/auth/SignIn.js             |  43 ++++++++
 .../src/components/images/header-logo.png     | Bin 0 -> 10237 bytes
 employeemanagement/src/index.css              |  14 +++
 7 files changed, 161 insertions(+), 13 deletions(-)
 create mode 100644 employeemanagement/src/components/auth/SignIn.js
 create mode 100644 employeemanagement/src/components/images/header-logo.png

diff --git a/employeemanagement/package-lock.json b/employeemanagement/package-lock.json
index d3db996..fc0c37f 100644
--- a/employeemanagement/package-lock.json
+++ b/employeemanagement/package-lock.json
@@ -6301,6 +6301,19 @@
       "resolved": "https://registry.npmjs.org/hex-color-regex/-/hex-color-regex-1.1.0.tgz",
       "integrity": "sha512-l9sfDFsuqtOqKDsQdqrMRk0U85RZc0RtOR9yPI7mRVOa4FsR/BVnZ0shmQRM96Ji99kYZP/7hn1cedc1+ApsTQ=="
     },
+    "history": {
+      "version": "4.10.1",
+      "resolved": "https://registry.npmjs.org/history/-/history-4.10.1.tgz",
+      "integrity": "sha512-36nwAD620w12kuzPAsyINPWJqlNbij+hpK1k9XRloDtym8mxzGYl2c17LnV6IAGB2Dmg4tEa7G7DlawS0+qjew==",
+      "requires": {
+        "@babel/runtime": "^7.1.2",
+        "loose-envify": "^1.2.0",
+        "resolve-pathname": "^3.0.0",
+        "tiny-invariant": "^1.0.2",
+        "tiny-warning": "^1.0.0",
+        "value-equal": "^1.0.1"
+      }
+    },
     "hmac-drbg": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
@@ -6311,6 +6324,14 @@
         "minimalistic-crypto-utils": "^1.0.1"
       }
     },
+    "hoist-non-react-statics": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
+      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+      "requires": {
+        "react-is": "^16.7.0"
+      }
+    },
     "hosted-git-info": {
       "version": "2.8.8",
       "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.8.tgz",
@@ -8173,6 +8194,15 @@
       "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
       "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg=="
     },
+    "mini-create-react-context": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/mini-create-react-context/-/mini-create-react-context-0.4.0.tgz",
+      "integrity": "sha512-b0TytUgFSbgFJGzJqXPKCFCBWigAjpjo+Fl7Vf7ZbKRDptszpppKxXH6DRXEABZ/gcEQczeb0iZ7JvL8e8jjCA==",
+      "requires": {
+        "@babel/runtime": "^7.5.5",
+        "tiny-warning": "^1.0.3"
+      }
+    },
     "mini-css-extract-plugin": {
       "version": "0.9.0",
       "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.9.0.tgz",
@@ -10546,6 +10576,52 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
     },
+    "react-router": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-5.2.0.tgz",
+      "integrity": "sha512-smz1DUuFHRKdcJC0jobGo8cVbhO3x50tCL4icacOlcwDOEQPq4TMqwx3sY1TP+DvtTgz4nm3thuo7A+BK2U0Dw==",
+      "requires": {
+        "@babel/runtime": "^7.1.2",
+        "history": "^4.9.0",
+        "hoist-non-react-statics": "^3.1.0",
+        "loose-envify": "^1.3.1",
+        "mini-create-react-context": "^0.4.0",
+        "path-to-regexp": "^1.7.0",
+        "prop-types": "^15.6.2",
+        "react-is": "^16.6.0",
+        "tiny-invariant": "^1.0.2",
+        "tiny-warning": "^1.0.0"
+      },
+      "dependencies": {
+        "isarray": {
+          "version": "0.0.1",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+          "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8="
+        },
+        "path-to-regexp": {
+          "version": "1.8.0",
+          "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-1.8.0.tgz",
+          "integrity": "sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA==",
+          "requires": {
+            "isarray": "0.0.1"
+          }
+        }
+      }
+    },
+    "react-router-dom": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-5.2.0.tgz",
+      "integrity": "sha512-gxAmfylo2QUjcwxI63RhQ5G85Qqt4voZpUXSEqCwykV0baaOTQDR1f0PmY8AELqIyVc0NEZUj0Gov5lNGcXgsA==",
+      "requires": {
+        "@babel/runtime": "^7.1.2",
+        "history": "^4.9.0",
+        "loose-envify": "^1.3.1",
+        "prop-types": "^15.6.2",
+        "react-router": "5.2.0",
+        "tiny-invariant": "^1.0.2",
+        "tiny-warning": "^1.0.0"
+      }
+    },
     "react-scripts": {
       "version": "3.4.3",
       "resolved": "https://registry.npmjs.org/react-scripts/-/react-scripts-3.4.3.tgz",
@@ -10908,6 +10984,11 @@
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz",
       "integrity": "sha1-six699nWiBvItuZTM17rywoYh0g="
     },
+    "resolve-pathname": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pathname/-/resolve-pathname-3.0.0.tgz",
+      "integrity": "sha512-C7rARubxI8bXFNB/hqcp/4iUeIXJhJZvFPFPiSPRnhU5UPxzMFIl+2E6yY6c4k9giDJAhtV+enfA+G89N6Csng=="
+    },
     "resolve-url": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
@@ -12346,6 +12427,16 @@
       "resolved": "https://registry.npmjs.org/timsort/-/timsort-0.3.0.tgz",
       "integrity": "sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q="
     },
+    "tiny-invariant": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.1.0.tgz",
+      "integrity": "sha512-ytxQvrb1cPc9WBEI/HSeYYoGD0kWnGEOR8RY6KomWLBVhqz0RgTwVO9dLrGz7dC+nN9llyI7OKAgRq8Vq4ZBSw=="
+    },
+    "tiny-warning": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz",
+      "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA=="
+    },
     "tmp": {
       "version": "0.0.33",
       "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
@@ -12717,6 +12808,11 @@
         "spdx-expression-parse": "^3.0.0"
       }
     },
+    "value-equal": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/value-equal/-/value-equal-1.0.1.tgz",
+      "integrity": "sha512-NOJ6JZCAWr0zlxZt+xqCHNTEKOsrks2HQd4MqhP1qy4z1SkbEP467eNx6TgDKXMvUOb+OENfJCZwM+16n7fRfw=="
+    },
     "vary": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
diff --git a/employeemanagement/package.json b/employeemanagement/package.json
index ffc715c..829bf51 100644
--- a/employeemanagement/package.json
+++ b/employeemanagement/package.json
@@ -8,6 +8,7 @@
     "@testing-library/user-event": "^7.2.1",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
+    "react-router-dom": "^5.2.0",
     "react-scripts": "3.4.3"
   },
   "scripts": {
diff --git a/employeemanagement/public/manifest.json b/employeemanagement/public/manifest.json
index 080d6c7..1f2f141 100644
--- a/employeemanagement/public/manifest.json
+++ b/employeemanagement/public/manifest.json
@@ -6,16 +6,6 @@
       "src": "favicon.ico",
       "sizes": "64x64 32x32 24x24 16x16",
       "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
     }
   ],
   "start_url": ".",
diff --git a/employeemanagement/src/App.js b/employeemanagement/src/App.js
index db4b80d..68f81b8 100644
--- a/employeemanagement/src/App.js
+++ b/employeemanagement/src/App.js
@@ -1,10 +1,14 @@
 import React from 'react';
+import SignIn from './components/auth/SignIn'
+import { BrowserRouter } from 'react-router-dom';
 
 function App() {
   return (
-    <div className="App">
-
-    </div>
+    <BrowserRouter>
+      <div className="App">
+        <SignIn />
+      </div>
+    </BrowserRouter>
   );
 }
 
diff --git a/employeemanagement/src/components/auth/SignIn.js b/employeemanagement/src/components/auth/SignIn.js
new file mode 100644
index 0000000..bb47fbc
--- /dev/null
+++ b/employeemanagement/src/components/auth/SignIn.js
@@ -0,0 +1,43 @@
+import React, { Component } from 'react';
+import Logo from '../images/header-logo.png';
+
+class Signin extends Component {
+    state = {
+        email: '',
+        password: ''
+    }
+
+    handleChange = (e) => {
+        this.setState({
+            [e.target.id]: e.target.value
+        })
+    }
+
+    handleSubmit = (e) => {
+        e.preventDefault();
+    }
+    render(){
+        return(
+            <div className="Login">
+               <div className="login-wrap">
+                    <div className="text-center">
+                        <img src={Logo} alt="Logo" className="logo-login" />
+                    </div>
+                    <form onSubmit={this.handleSubmit}>
+                        <div className="form-group">
+                            <label htmlFor="email">Email:</label>
+                            <input type="email" className="form-control" id="email" onChange={this.handleChange} placeholder="Enter email" name="email" />
+                        </div>
+                        <div className="form-group">
+                            <label htmlFor="pwd">Password:</label>
+                            <input type="password" className="form-control" id="password" onChange={this.handleChange} placeholder="Enter password" name="pwd" />
+                        </div>
+                        <button className="btn btn-primary">Submit</button>
+                    </form>
+                </div>
+            </div>
+        )
+    }
+}
+
+export default Signin;
\ No newline at end of file
diff --git a/employeemanagement/src/components/images/header-logo.png b/employeemanagement/src/components/images/header-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..64d155cdb4b7a99a2e1215b99ef14a1e389770cd
GIT binary patch
literal 10237
zcmd6Ng;!Kx)b;=a3_ofHMWlxiL>ei9fgu!-lnwz=6aj~hA%>DhLb?$Jl+K|;T3Q<E
zkY?!4_xgQ*#QWa0X3e_io^#JW_w0D~b9Shvx+3|1bpL@sAaZ3T1uYN=FZ$mPLIkw<
zHjDNFe_$s$WgQ4`c|j~ffO|6!9Rp`Ab2qrXquo2J4{zbl?)GotvYMKLAP^*Z`ME~F
z3U809-ouAI8ohnWD_S6eH+T5%sN7Ncra(YIKuQ1+5Ec*+1;;!?Rz1;qI0Pb0qDwMN
zp-rVtArK51Bm^l{-R+hbl@|hm;2>oMSsip5Zq_~R?uuXM{`Wdd558548rr*1B1%44
zC{#gq8OHty{aN9gva0KBgkb8A)c#I(I<+N^KNe0&g>?E6L+JKcbog^5;R`-mg{MKO
z=J$z`%!`Y!31CUKNt>IS#apM>URU3XmUHrRGd$)!=BwF(HU8hYB7fP}gOH-1&Nmrz
zQ!mY~f(y=#<rnN<unEjikkmtH&Zuelyt+%w&8f5SWfoWi*9Z|jg{(RYA}^!&81UQZ
z@Cj{~@dG%abQ>(H3q*VpHU2+;F|>mJv<3zhvIx(}et~P(lt#Y@2y%n6+tbn974l!$
z6Kw^nFR=Q*fso&_C`D87F=a<AK!{qwc}xC&D6pacjJ-6Bl#q)}ywwjbt6zhBMcV>X
z2a`|)lM<M)io;>-O6`PxZLH$aWU~I(HPC3^1z&0~NeyU^%b&m%%D&hUO5EaC31eMs
zSEhW@N}$fF)EXGes0Ah#3Wbvpt2_RJGW@zH$9^W>!Xk(MNe))FcX%xiykr{k`PEW3
z5yK)LKZ}xoU@WaBn7APfN<yJ-0fI5@5%{;?iu>Woqkn2ZU_Q%#3BfIR&8!Mn;df|2
z0mS~k@O@_Wq(K-Hgi5a6Ox#fV85$k}f!!`BoZnsagR?1I`NjTy3?^>%hwe+OM@K=K
zAZ-5a_2PokvS@f81ZKCCeFj>@gR+{olkAJP5{Uak_wT6(1;dz-ta9y=;xMMCXi%_X
z2%3Pi<s*dhi%metr8pjwJQ_3(W8GO=@PsVlWk*6CD2eCTAe29)<=Pn;oGIZ_zDF?D
zKV5ikw2OG+!O(6#imGtnv3r2hiTxK7IW#C)KEy(?9fuzPTf~Dyls0(Sq<pu(+>3D^
zMS{Rols3tVa+WX};b_dLf>1C)>Vp8{1tvN6$KpQ>k!a8kn?hQbWHcF@6bMX>hY!Dt
zPI6+>ts`6VCu|7L<yo_bKMvRfHH1SQh|~;dfdLQ#d@yo-FM5qE-+^Me6@2wEx9~`l
zzyS(Ot_p#IvO46=JbpAi2_S{-@u!q;XAv!dS_zQ%VQ`RKR4~%>M^#QJDJ6s=rCdv%
z91MCzYL!Z4&0Lyam!F#N5tsKhThqNPP5x$YN^;41rb0h;lm7T*)5GCKZMad0%M)9g
zpCu4VhVH+MjUsRV!Xp@F6m=23ajAE(4Lb=JCPs}->bC|>dX$5nnMgm&&y}Ju_&N`r
zpz{cItcZI%(uMn%lSQfs*2M!o_Z-o@PJpwu1sc}ruuvOuB~d7oxPdoMJ}C!tffFa0
zu8Z#5&XbBa`mszI)v9h%=eC_Eegu%u#X|vvlW})Mj=s~sv!3+LF#KcY?vT}V@Mpj7
z?C3?x^))fJ(ZNpdgp`4TB$d^gIXZjS%scFzs?@-kP(yQ;x|6N9>b`iQMXo046CrDO
zX@@}e<1U?zb!lo3r?Gd(Tc%&jm%OM~S2hdxyViH@ieK0m2h*KazIVE|jgYLWmY!>n
z7r{<f9xOkr4!1KFe!U*bY?g1jGCRW;7IaiFn%aCBHqf{zjrue6*VO?kmu>T3>&r_4
zvb@5F8k`ikf^IgV^@=<BC_9^$Fr$7?x1xK6KgMz|5KZp>e7s>B9hqi}u7XsfqvIQ5
zQH^;%g$BE>FYrT+el0q@;`z@89e1z8xpT5b!snoj)>F2@d|DmR{2uFlct(}Xgy?DH
z4m%nxa+=}mgz?_KuPCm;kyMAn#KHf6w6U+(<&r~+;J!HZYFByHV9J!l^<wu^4~$`v
zgp>~VhOX(4?{=3B(;cN29aFq@SL0o?e9so3tlbWpJP>U(FnGW2RSyXlxtEiX8Y+Fq
z`(3E1(ZT1LfzPcC42>5B+_St2VNK^UPRCQ_M!>ue!Agz{cS&2J@CSi{i2Y?1Mtaa%
zT<{w27|O?Vy{Cy>KIL|+;BK!AzbfuWUeO5l_ObpnUCJ!q^Dj`=&?MC|QgcXDMJM_A
zZt-Q|TC04_yL1UTCm$ij+9!XSbp~bLChY=^`2~-Tfi+v$*UJaN;4BHu;ns6LW?88v
zDG5Wc(T&X)df9}{=jB94kGiL%58u2nLFd;mOAW&!6olWlgZ_zWj!sgg#-q~0aMy1f
zo0;W&<!NHqm?$z!F1F%iN{`3%rwR9sWLbA44m|m61Q81B-GcaEv<tqr*D&$f;EJ4u
z8&6AC+CMF-65SrkSk=R!Z1in~zkc;k>Io+m-ao_J)LVF|iK)ypt+4Z$EW^3HyFZMX
zZ~S?R$Euv!xbKZBo?mtq#1C|1Ar_!QSnwgP(IyTj?_K!0DjOqa`*}Uqt|N?U9McmD
z|9lz4)=MWlUfKKT=U(WqTAeM-N#uF>b~5Ydn67kGoywGI1ZG_AKS<f%^(kwNU`s}b
zRK&8r8;Sd@xRI5pUuQxFzN_qUU$zkQsc7fhyqQ?rc-=I8>d~YP_wm_QL1mtI6uZ2`
zNE}Od>2LMdDY>c`#}-;G2if8#r)~u`W=RFXRFfdFQQT<XuJn7GS+?41n-O7`qgP$k
zTS0`}*2nzKDO<o&f{lJjHxQ77vRwBZ_y4)`p-6H!ol^L)-e-I_6KzaiwM$B=9Ckk_
zXD|9Bu<vGtoOWt#G<SDaL?gEN+-&x6n-yD${r<ApJ3hx_!ILJt!Bn5<7`JmKIxDnz
z_J~pPr#FgHoC=>k^vjs^^YDYCpFRWXwTAEdFC^3&PxvrfZv6SRIr76zzwQ0^m6O`l
z<eNP#$~bO&O+37ZHsh)vXZz%+)0(a*C7*1KAPmH2Sgt<~F%a*vAo2NL-}ksV;m>WD
zles=nHaYmFI5t_i%Z=8vq05_^2am(VT$Y*5hHAxT3QW{^xlqenk2SOgg)VoUDO`0*
zr1TXREn8nS_RjLjEr4+>BYgPm3ryETPs0=n=dawvsy9FR)GOK*&OGEgrVF-8$-GGn
zyT-%jH7So2*DDr`qp%IOF1k4xb*M--?6*1UKlC;+ye0h83$8GzCRmA6)}#FF<iYY-
zvtr)LO0~%LIPH9$;xzr~RIx*xYxqXECDZpo_4~lf;h|ny^ygQ+QC2qxSgxYeg;Rdj
zqEcm@yOP?m`!PFsS7Pq6(L2<xLlI(MSc9^{HR!F}&v_+XZ8{@-^gL%O&)MxZd)Fez
zxAQo?rk<Wn8TL!udQ!gE*EW9cXK_DBReApG*y-Y2Mr|VQ^GBW{F+l4)5~!_hK3+$0
zQ`30ZNhCVQQ?J#VfWdb~qCbK+LSJ{bvm_*<K1>xP&tsXHa;-KihZHw#)*>V=yp-J?
z{Fs_ogp9vskt^qBZ+Tz(&zYhcNmhrLP0}s~D73WhHl(7SD*H`8MIvEvyt}=j>t9FI
zODhYlQc})mWeTvfw*7C+BFtO&yVpz}@%HF@^Q1UxCmbn<B;__;m}yuoyV_*7^hd31
zc0M_&<5tl!wcUHP@|a`l)`LBgM~O1s6$;05p3AmYF>$RH6W!>^l+I1}oErAVn}tO&
zpWGhfY?}>#36Le{IuEH)8s7XG{S<n_DeL@Zd|tIT6udhRwp-}AP|(a^{|b{|(~uq?
zE+1^fKI@e(bo%f?G53B@R&D|X=6Y>hdV;PubTj2pqY}$s!b~cuwGl|1?GGYJ0(_Nq
z-U%!!_2T%O-K4dVqkOx-(aEK8rLE1!oE6--T%=CyK|y5X!gXo``$Njie*!-S;;Bk6
z0{be*XljX;9-c(vFfuw;Et7?dFgY#XG}U^)^+pqgYpMSuUA-<}9q#MPioBb~8B)<j
zuIXL4mG~2dW2{?gIyZdyxdPAul;r8=aSpSw(T$>6O3Z<@s|Zfbow1~Xs>YWQtmLc8
zEIB&tcsO^iiQDf}(}+<9CNpuGud3Wu?#jJ++H_@L+p~o>iF1R~(!>S-)&cfOXfvrP
zA)$WdX5v9+!{s{9>-$rh)yCwWb;Vq9cUN<q4|%o{zH<*SrK;~sZKND_Z6!{m0ih3y
z%%Y6`BK1UpOg`rxQ41<>KF36@sHqUMZJ9E>r6N;axlL_pNKeV8Y$oC94Da$&8s=&v
zCMpl6ouR$}k%SGVzs3<Lk?MJGPxN%Lm>L{4<*XEr_ptxD;0Vnm+c5j<3d84pNck-f
zj>LaGCSfycOjB5Tf<M(u*7o~~I(2kvd}yVdz$4*pmVz`4aE?L|Ad(PSO#RL3N2}*5
zGL!7avD)sRtmuHnRP?TRB)C;H^q+uS7ZC==iW7dM*{q{@RN0T#d^1cmrf&vPBBrV;
z<Zq&)Fw#>x^D9ENPhRLAmx{)R#nT*mkI&F;b4Xa2{UBgh;!7GnK6*gEN%w$e>5ZLD
z{Sq<eeb0#xF=|9uZOnG7j)+w`K4-isxU9%LD#9mSrqZn)Yvq|b-2rKUBjSu;eSDlO
zI!QEJj>$!mGqtjjMLYb-Tk)3W(aVbptU=Oq!-Xf27@y4CY@B4#wdeD&|JZTsj<qN&
zFU9t)lPW4EdnP<8(0MH?;oaxi<fZCPZHH{zmRtAQ$8VrjfK5bc@Q$|~&c&)~d!AGo
z8SxJ;#c|w;+=>PE4mY=!PzRX0=KIuAf1NR5vbN!xNVMYWP4}Oq(h^VQEZdq7<(<sa
z@+#JI`ZKS6ED9=yil?Vscsoj@EBBfpO1kfX^)J1f8RjW>FB|2gscaQiYpfCXymRuD
z4c0v)hN`F5^VA<JoK8?Llfr$BXdzcDAsKG7(uYKY-dly|b+jghFy$oED!ua(8oTH}
zZTcE9?e^A!`Lf@vNl$~{OT+zKP=#&xL0<Q3?TIN~&*K9s8@8G2cS_AvfLVZ+7?qGx
zjjyopG!Qo-y*deoTM-r$^QLA+oVR60W4aG$X|2oOwb^1TJ9JH7W|c4fH)cDHvT9_k
zPvzZxv*@|yGWFg@d+9RJD#gR9+oL+%5A@$#UvODiZAtjfXEiBvU$SJO$CL5Z2)-f%
zn<CF5#>@HR`!PXByS7&8r{jht)Qwo{kLj=7r^XrU2?R0Z4Z$3RzGrBs3GL*&?T#Xq
z`QqQqScIJya=bZiB!7;E$TrsV3_96iqP5OF6WwMRr|jkoD~52a@Gp>PUvcwS6Pac4
z+3(p0PqkT-bMp+;72XtFy3}r$M^$B4;>7gF40o8eX-XPmjY3#4vL9BIf&l%Fw-GZo
zvhDfx%}b`Jn#)Sl%qEt-SV<7czA+0zlr;kaW|;L|Qd$t<Q9%zAY|BT5MKFD@XoH%W
zBLUyx)TwW5<cb^|^~^wA>Zt*aVC>GJel4IA_wlIUHeznG6SwPgD=8vxf2_!&P2Z&C
zI(`kxO&9;s`!=y;Hvjv)LF$2YhUr;Z0;Xo{*+#?KSkBfAA3i>hGal97s%{@1GaIYg
za1G{_t#^fXFU9p5AJt{#USr)Rrgkt#@zc!J!qX-CA~@6-5SPCrJd+7Xlke1lNXl=$
zoy&4oB6m!RnR3pX3Ida2Sc8O}hCg@JZ;PEqh*X`9&6!)Ds8JTU7GNn|-1|2sX20=D
z`b$1xZ}0<=M5AX$J;JrqZda$AuJuU;)lA%m0O0I4JLY;mRWzkzhx)SkxzAI~Q@c|9
zt;+R|h9z&1r~k}U88aT0fR87tHfIGuEyY>7D@}QUNx)9nD$uAgzO_2<GQ|vjZgKht
zO02E7hUYc!HCDEJ_me6S{u}7w8kk~Si1nO5#tm|DT3a~3%F+g06ShKKPuRL>{OGhg
ztv0k%O?#04U{E~lAB4Xuu>*iz02q%7sljVtWmS9C@N)JXcgUkgxXUpjEMjZGtj7F!
za`<4YO7ut0SnaNl%)zE-B#L{43GF~Tk^r{>4C$hq!0vrX$F3PA^QiHyw542-iiO#X
z@K`~EX7lwbnG64hhtMxzw*K1l7mB^51$nwI_nN)ebAcvA>e47LQbLXzZjR2w&R_F4
zpxpnE=8{ePYC#|-;;5s#bYDgnG|xIFuef9+nSEQmXS0|brs928x;*VX^`@lpyJ+~l
zG+r7sA4C#6kGP2xoiNS}JQ>*aQs*QqJW>s5Uv{9T={!2k^lmu_{>Hvha#$!bpObIy
z7A|U(v_Gj9)!6yN$$|!t>eZUhZcAK3^I9jV$VR|T%-_v`@Kw%!y}^0!+W!t5c}q?g
zRCXUS4ZiHQoITR)tV%DYnfEqhq`j&p=mtXS_&C!9TM3_vRr;=(LrN2R)t*+UVy?r@
z2WQ#$+cf2Jg#S^3P2*~r>mkMUc1z!hv^6T+)A8jm0P~ypboJWO5U?otf@g|O`G0R7
zk9P?=^K*?hn~KZ+OIZ-lPccHG^!-K-BRaO~3b&3e%5}#DmbpNPHx7O`e>6cBzpXic
zfg`p4FqImQF?^wI{N2g6W*+w%o(+kH)@&<AS+8Y`+Ik>*>NfslniOYZP$`a1tU@bZ
z(MiLcSO)FetJ)zCoWB0%!QiK=(do@sBTX(EdiBK_*NnR}r9S6-_^b8)z*a|#FVFAj
z8hdWOVN<6^7?64&zP;X4iPep+E>Y&PO{r@8i+r#2LjGdv(~Eytcr)LrlS?cxapf}I
z=^8`3;o`#1i(;%>&m}ft&N8jX%Gwo8{k5ir+Rib_u9gb8EUR&daeh5-ZhHPXq;aIF
zu}qnt=SEZGW*LDg&5}iB_Ep~%i@J(;(I)oU93MRrByb)$Gf%O<deIX)<r$O*q=6AW
zUb0(NH4~4mFOvM~a0Qk%<-4m1qH5=zvt)EfH61=R62DI;k+;hdq@KP?mvVoxW+qmb
zotV;yX?m<9?q1QKQWIvo;)&G@lc}+puO}xptT6e&bHU?>yu-exZ>=Y1a|Puut&XCl
z^EVAsPMQX9=Lqs=ts7Gvb7wGZ?sU?nTXq$aR&GuOxjtJ=9I8itUx<|=rwNg+SZtTb
zMvCO|l@CVtLEyO+s=)4)>KJGGb>mHtxQ>L)z{Nmg{`8-;F$~kdOkhDd6C68D2cbmc
z?;_=Xu-RHqiQQ^2f0)^EeW5ixGn}hDF|(1p7oFWZNSAtyp`ic$IEQZlnG1!pynSAG
zMjW*sdY(*Mi>uV#s<Q48+tE`=b&6%r-3m5K`D(gi;zK)R6_m|sTg$$6NhraFl-miu
zJ+0#~ar#~*f_5tZS!1=?uzO>e*}P(x;bA`Wtq{4ECe??%)=#*%v9mSkgu3-r@I_wM
z<z!&4uW2*?W2Xj)nYx?EHIbVwpV7{`qh_A<?64)T{_Ad<8NQ$(%FUvAQ_qCy4rB;n
zT`<z}sC6^NTuG+xKnJs$omK3`nVnmu9@S@@$4OIo^0%*C@sw|@O{QiN_nP5ru50S*
z%vBOFmP&Rvkb2$cr6oATC5YvEx?|a8yv92IUe1JZZ`es>%__fH!PYK%C>HUFO!+Yf
z`B=yI^e>zF&#S{@U+HUy57gdxix^)~kd=P~kwEd=GpsmIMxHDOTdBJE{9~6s)C21H
zW$hm3i~gKp0b_l`<7OR8vsA(7iJ2mu<4Wfr@&N^7&Ul%vpICf2dihm=4T&EBQl3xB
zqMmv=pKng!v7T*yE$pO)&7rrM5k7AHN?G~i-M0iFOx?s20s%gVCvLLIC*{fWH4UcX
zgC+dx@R;(%#KIv!Y5&AxYXyKLG62;5iRC(Mv@u&VXZAohiCNoLI6o5o($jbv>!eZP
zx@|q)gN-Qme$$?x_Fh5edTJv@%InKoGqqjE<<{2GUPF$@-!Tzeng?-!UuHqtivwXJ
z-%wley=LZrz;rOr6l0Oo2;GZrvwOo0@lRzbp}9h`@1K%wbUwM`(m9#6sRwnc7pK+L
zfsPdBu?c(Go6TO%)O(z#W38=@2fnDD-NEz!-5vGRWp%Qp?#$Wl<VR07@P%i+#)OrJ
zS8?@6)#uzt%^LhJwK{tRNc|FtZzS9^#TkNHYid&JjgP`+`NF;f@bmZ}M&u$&a&6zl
zB^aRO&J5H?e;1iOG5H?JU~wt=P&V;S#QLW)d66&rff=TyMjCtuMF5bur6H9@`og36
z(i}g%(_qYca}ih&`iOB%H$J~Of7FFWZL~P|9-?9oF?;hnwZXZ|90rGwwME<399g8h
zYhlAk)9Lr_KkEo||3~)GiDWnbKNia5q|9i#K@3Ya^VIj}>A~w4>7twOF^helvpl&n
ztbmu-;WjauxLJdVA6=%#x%IbAtt(nB+;U?N`&5ozogX}D6FH1q9{cVYI{lO+e!PmJ
z@$BTXZbPGFf4GsfL4jC`9Uw7#6Tbs#>qqK{JrR7dcE@iLo>v0on}EKrPONVP7GUdZ
z`*E*Z2>sN%27dUR={uOKKIWhptL3E3N$&Yb=PI_999VD^9z4I4b1D1755%`Q-I%&_
z8AYnws^Xx*y`}f1H#cfLY4g$b&3^UK#etDOI~W2*kDJ{b;@2%+r~=G@w?qFQYt-)V
ze|f*>$pIz?PO8i1_`4uh_F!8>Mgx6jz{8pEev8R@{@+JLm%(J<Bjf^Q)YYr1y2N_`
zL=a!dF?*Sn_HYm-`}EE|sg=t_jd6gjKo!+H4VvQKe>muHQ@m=A(}`o&E;+ER8uz&v
ze{#|1w&PT#xd+AvXTT!v1LWak-1t8)Z8F$Uq(66_BuGLF@LAZ3&drz+#hlT=I!~*t
z8_WRs`s{{~mWOc$3Cy(obtF>5J>BNkve?wilXvkmVJ_G8Qc1Y*V&<+++s<m-IKt<E
z<iDT9OhY7i_!__ZLjj63D7SLpBY$H7iac-jS9BAA#w?pKnM+(pBO;$L1jsgavUFGA
z`?Mx=lB-+!E({<%k1L4hf4vH|XJ>TK=I8U4$#GF<#;688C#VkCVf?iu^AaV%I%`ZO
zU-w~ZFK*oZu+c@?=k~(=n@)7%mO`0*w3$qm0SXs9(0SQ@MJ@5B@Yv{$y71Qm%TJ?>
z8ckcy`wKC@2_X$@nU<02?jAANR5$i3*SYMhy3H8}b!t*#T5Xe@Ct@-lzwEHaZn+KV
zP8!k)fRjooU8vjOlIqw=Or%#k;|=bnew<sEuZ2*dL^Rbt30?cbjp0_gyV4u&*J8%-
zl3FnP2Ju|mw4_|vLAA9LSD*HfD&{@PW@0=&Skzqi?lk@Oc?4;f#0z#b2oGQX_#t;W
zc5bV8obyVrIh@HbIcA%F1JQ#^uUF<|NPlP5z)yxK&5kBgGEgsOR+Y-?8TW`+&XsuL
zVsYyn{;>_c9=}4;eEbkg11Io^7vx}v%hAI3B1aS{E3u~KpuFi?&e^2}0nrIgrfG}*
z5Ium)aOz@Ce;2wy2!_0LTKfH;n)sY4`QNMVQ0)vTJh`H=jBBx4e@<;Kek#nNYf5r=
z?;bw5_>aNFYtPxQS4m+95)|h}#eSgfxV&#vc4yQbgjLmUS3`{>Toh9NAU~T(##gtV
z%%4ND4%Ed;FHAx;y6row*cWF;R<|2sMhBk_N;X4AB*%XfDJ7|w>qq46q>f+2r<*R>
z{u#;|uZnEriEtjp&7|)cH}_CYPxppC6ZQycw7Ohm%p!-@*qw}yTFxU3PGj0>HtJJx
zV&RK>F(Q-$Nl6!=-yg~8e{&ZdFG>UQ-p8oAKcA0N;`pOadMoOqYc#Fkc$}VV$ItbN
zn_sLkIa;r<NW%tG69w|)4$?bT@}!?tq3U88#aRfLa|k=rWgD8l{F3(GqdJP^y8b)1
zi6*efN($fws$y{u?3$Z-aVQ{fa1g%8t?R6;4wuJPxxClLT(UIByQtiz9=8pzE8y8d
zTzr2b6pwjSJn0cVRCceY>GS-=QFg|jt#;jWGC9_(+2&Su1UszAg|IAwVY{Yvlh2b8
zaT}^>r;|3j53a^*iPIQiZJI9e*Tp~W&DIG5-toBgNsBZx8E73Ou6I9EWkb+cJrE_;
zn@R&$R5Z=v+z3xn1m;xanBl*q<+WbO^5Ae@J8|qI$-+W(vsT?iu&H#VvI=Ru|Dpw0
zk<l)?h{L-MuO!B8&qG-%F`OdM?+;QrZsXmy2S2)$Hd&E93%ESX<}H7%)XW<1!mX(&
zRjmDNGS#oT!oXIivFF=V`SQ>8L!9c5^_o1kg38yZS(fG}V*$q(<>Zkcx=`jHnqnYO
z<xBOOq>?%FI+MsR8>TTOR&R)`4)(r%7_6I)4_lH${c%`O2{^7#p%zn9v=*PVG>*~S
zd3*RqD|w1yM%MSI1ETl8;|b=M*<ab!RMiW3xMRi{A<?-BKTd?J^J@h7moF*8QOc_=
zDK481ksqc*=U&=V?jjd{)Z2+`3|{>`G$f(qIwyZ<Sgk#o_<^bLtCuDIMXUB5Nx3sM
zgVYjs{J+}fO^~#M(V|4_v!C1EYb=I#Ur-H7ZaVVc-AgZY{ywC0SRKp};Gg)6`^gA~
zFzo+Us~D~SD!z4zdC=|5an$apZmjrH@^l;VxB5TgXIZ=YNi^Coq_y`hsqq}4)+{G8
z=s(?bqu*QOF`So==D67IN9@D_NLWOa(IfT8Lsvc|0BmO&?%(;FP&)q@0?h`FvPg43
z*`sa|u}4dbBUJ<L?-n-$=F^ghw_bI39{ywo`mD%E%P8BPB&mrq>oLBOWvHl?E+bCR
zeuF&Weza#9Ra-hC&5qBGNAuKLol)f1*!5sa%w&3H<asGW1xxqQnYvqJzg`qV98i4}
zV5a4^p}X+%JZ1>D90){=_*V-6SLV-P><eB=vKU!zPRU-DlQ=lMAGxXzhJ26&Ox>17
z_PmVY_#xs*=-o5ZwKUO34n%%T6k_HpD;Fi){JhkcP&ja)Y!LfF;`qa3fCQX9pgb>X
zDpTgTGa}Avcwb+_YYsTYQLGN$W<kC(=INqWqfBp(m@Dnlw23KMXL0HFsO(SK>=Wj=
z>~OrIhD*I-Li#cg(S-W2d*;<wSlPuq_?&NXhbuu`Y7l@dW_bPt5a^j{`GzW!hkGFD
z1Coq^k!Ah6^gX>URjafSj`RoI12Zs9(*0nIWvZ%eC5C3-(RMX$^7LH6?siXpnf``B
z#G)n`;<dZ-087%0nopj*zME$?HJuxz{^X@$>(Q3DFK7c_gJEu>QP_c}Cy(v%Azp!i
zyS1!ZtDWh(``W!7!q9&blsM)-?has7ZVH^M?V@k(r@t0JL~6`&SfaD{JqC^z>rQKP
zg0B*`xjkYkYu+__-~N?b>8d$;ke7os;bay=>SsLWTfBXcO5D2<diTNk>plu>)Za61
ze-sWkci-kkk_BH*+ZgiZW}FTnoKnAj#>DTAVYh^gL`&$5M36C~uqbX$x+ki>>`ZO$
zyTuc4M-(NE5+WmOzD>)Y{0?{v(}0KG9BuzMHacEwLbkH<Om{qwn%nR&ywa{uNnQBD
z3dd!;<B3l(?K9j&XTeVOV!kIPyUW@-#!A&AA$XS&;&U0SNDi)YX;+)I?>Ynk*<&3O
z-3_BBUq6QchX;A)r+%EPV_UIe=HxqW3vK#2PX$dRZOWJS?GbqNL0LJ>wm?FM5K_~|
zJc=P!dK1%<#76YwwtH!YA>++;n1vc_SB~l_nS5fJX;H%rLvqi}V)A9D;#4`C!$7Vq
zrbpOwvy?#Q{;-ps_m2lQRXuS>C2LV*E0*a=js6~e**4za9_-rv*0=mL0kFwT2Yjsp
z*_qcX<Sy-$h)m%0vR}gG#}Y+j&9BgB&J&M&@1CxkQDdXnz7hFXcBpClcss;TcPQ;G
z<`Q8R6No9!d8q{Bn0s|qY*HURS9i#>*s+<MEvyTg?TL8iyf$LDc^bv9YOoq0OK`{A
z=7aT^iBqEGw~#$NeD<eDzYY?YiBGiTa(+#o7VQpbOqdUkGwHuI6r=vzaW{fas9!#n
ztzo!rKy6gIt`o1^540b=#h;!%_(_su<My$dHene<2Sdh0H~*4@cKvA;)5$G;%s|tP
zG!BLPWtt@wuvf~F=7X^MdT$8>ds8Cq)+4ZT@gaZjL#V<hKFhIm(Yodg@8xBlc!;;c
zDKS`2a+!2^X*AriIqSrn5%2XK8e0EIQU((i<S;S>tv}N@QCB26%NJDAZ(P@nW3^!P
z8Od9Gl@sd5G8dnEXDAMa0a8bPfQWtK%>SDtYSiH;12P13qv)F*Nw5l)1Ml&-wlU55
zfj}QvTo@I2!F$Zs%qI>D49|d0vgqt!4jzy%Z?+wgCMjM+)Rf|dxG$|-2x#spTKpsM
zC`%449t`S+@@au&yVUsF-uK`)d?c2%bP%ZUh2qU9qQ#?tUVe&bfVhkyeAxi<51}`{
zHxx%`!AxnN+~(IWBnSS*)XG*NUc(1h@a<!h5{e?&rUDunTG=Ggp%idUNYwTsvOdHJ
zvcS{IRxduu$EE<Xgfjh6ypzydvyOL0Eyf@9g#&-G>tm9n_&O6HTppX$Oq<{7eK~Mx
z<eohZ@%%>!3@A1U{#R`BGz6$XLI0~jX@kJvu*F5jG)NSif-eDt(r(e>48(#DW%^gX
zLLvt?e`=4W;p|j|zyin@7g1>p%&baKqJZF22Y;_HsBAQh>E@^MfuI~%RsnrR%-ORB
zfq@BI7G=^(ec?(AmI1*s4#W5XP(Nm%V@D_{Ada^j`i!2F-xmTyGq%9U(%M06N()Z|
z6z%O<2_m6>`cQ_JHWG3Yf3Pj9lz(U}9cut&28jmKaEb;%s4NItU|wkp(X0y5Twq1C
z{a5)&xL+(J%6`#8o=VpL2+9Cd3w3>mz_P;@AY$s$R8aO(|2+^5h$0*=D+DG!S(Za4
zLa3C$#8eKlKZX3+(;yTK6f{Iy&!PheTKtOb{eFu2v!fy8+5X{#k#N<khy`E9m%{dU
zWtaHD#KSEeA3wpB8p413YS%<ZI|PJ^K^gv)LzRaKbo0p(B)4}EPCz-5W#7Y%Ykn_~
z1cYM1L^G{{#2T!ck)MA1(%8dVX<C^cf{7YJ!l|05M>Sb^7HD4nfG{+JNoDc=_e;r?
bCT<B%J$!<=$F8LQNu&H!U7=X+mH+<${i|-l

literal 0
HcmV?d00001

diff --git a/employeemanagement/src/index.css b/employeemanagement/src/index.css
index ec2585e..235ca55 100644
--- a/employeemanagement/src/index.css
+++ b/employeemanagement/src/index.css
@@ -11,3 +11,17 @@ code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
     monospace;
 }
+
+/*signin*/
+.login-wrap{
+  width: 400px;
+  margin:0 auto;
+  background: #3b96eb;
+  padding: 30px;
+  top:110px;
+  position: relative;
+}
+
+.logo-login{
+  width: 140px;
+}
-- 
GitLab