Dufuna-CodeCamp · zao12345 · Jun 23, 2021
diff --git a/SIGNIN PAGE.css b/SIGNIN PAGE.css
@@ -0,0 +1,107 @@
+body
+{
+    margin: 0;
+    padding: 0;
+    height: auto;
+    width:  auto;
+    font-family: san-serif;
+    background-image: url(backgroundimage.jpg);
+    background-size: cover;
+    background-position: center;
+    border: 0 solid rgb(17, 68, 233)
+}
+img 
+{
+    padding: 5px;
+    width: 3%;
+    display: block;
+    margin-left: auto;
+    margin-right: auto; 
+    padding-top: 30px;
+    padding-bottom: 0px
+  }
+.signupform
+{
+    width: 300px;
+    height: 100%;
+    box-shadow: 0 0 3px 0 rgba(0.0.0.0.3);
+    background: #fff;
+    padding-top: 0%; 
+    padding-left: 5%;
+    padding-right: 5%;
+    padding-bottom: 2%;
+    margin: 0%  auto 0;
+    border: 1px solid;
+    border-width: 10px;
+    border-color: rgba(72, 75, 75, 0);
+    border-radius: 8px;
+
+}
+.inventory
+{
+    margin: 0;
+    padding: 0;
+    height: auto;
+    width:  auto;
+    font-size: 10px;
+    text-align: center;
+}
+.hr3 
+{
+    color: rgba(0, 162, 255, 0.952);
+}
+.hr4 
+{
+    color: black
+}
+
+.signin p
+{
+    text-align: left;
+    margin-bottom: 30px;
+    font-size: 15px;
+
+}
+.Signup 
+{
+    text-align: center;
+    margin-bottom: 30px;
+    font-size: 10px;
+
+} 
+.inputbox 
+{
+    border-radius: 5px;
+    padding: 10px;
+    margin: 10px 0;
+    width: 100%;
+    border:1px solid #999;
+    outline: none
+
+}
+
+button
+{
+    color: white;
+    background-color: rgba(0, 68, 255, 0.493);
+    padding: 10px;
+    font-size: 15px;
+    margin: 10px 0;
+    border: none;
+    border-radius: 5px;
+    display: flex;
+    text-align: center;
+    margin-left:120px
+
+}
+.Email
+{
+    text-align: left;
+    font-size: 10px;  
+}
+.password
+{
+    text-align: left;
+    font-size: 10px;  
+}
+
diff --git a/SIGNIN PAGE.htm b/SIGNIN PAGE.htm
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+ <head> 
+  <title> Inventory management system</title>
+  <link rel="stylesheet" href="SIGNIN PAGE.css">
+ </head>
+ <body>
+  <div class="inventory">
+    <img src="inventoryicon.png" >
+    <p>
+      <span class="hr3">Inventory management</span>     
+      <span class="hr4">made easy</span>
+    </p>
+  </div>
+  <div class="signupform">
+
+    <p class="Signin">Sign In</p> 
+
+    <Form>
+      <label class="Email"> Email</label> 
+      <input type="Email" class="inputbox">
+      <label class="password"> Password </label>
+      <input type="password" class="inputbox">
+    <div class="sign-btn">
+      <button type="button" class=> Sign In </button>
+    </div>  
+    <div class="signup">
+       <p  class="Signup"> Don't have an account? <a href="#"> Sign up!</a> </p>
+    </div>  
+
+
+      </Form>
+    </div>
+ </body>
+
+
+</html> 
diff --git a/SIGNIN PAGE_files/colorschememapping.xml b/SIGNIN PAGE_files/colorschememapping.xml
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<a:clrMap xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main" bg1="lt1" tx1="dk1" bg2="lt2" tx2="dk2" accent1="accent1" accent2="accent2" accent3="accent3" accent4="accent4" accent5="accent5" accent6="accent6" hlink="hlink" folHlink="folHlink"/>
diff --git a/SIGNIN PAGE_files/filelist.xml b/SIGNIN PAGE_files/filelist.xml
@@ -0,0 +1,6 @@
+<xml xmlns:o="urn:schemas-microsoft-com:office:office">
+ <o:MainFile HRef="../SIGNIN%20PAGE.htm"/>
+ <o:File HRef="themedata.thmx"/>
+ <o:File HRef="colorschememapping.xml"/>
+ <o:File HRef="filelist.xml"/>
+</xml>
diff --git a/SIGNIN PAGE_files/themedata.thmx b/SIGNIN PAGE_files/themedata.thmx
diff --git a/backgroundimage.jpg b/backgroundimage.jpg
diff --git a/inventoryicon.png b/inventoryicon.png
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
		<a:clrMap xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main" bg1="lt1" tx1="dk1" bg2="lt2" tx2="dk2" accent1="accent1" accent2="accent2" accent3="accent3" accent4="accent4" accent5="accent5" accent6="accent6" hlink="hlink" folHlink="folHlink"/>