From 22ace85f949cd61d2e10f6fc9d3582ba195e8ee5 Mon Sep 17 00:00:00 2001
From: 1776123 <50336512+1776123@users.noreply.github.com>
Date: Mon, 27 Apr 2020 15:14:46 -0400
Subject: [PATCH] login rushil/zeem

---
 css/logincss | 90 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 index.html   |  3 +-
 js/loginjss  | 25 +++++++++++++++
 login.html   | 21 ++++++++++++
 4 files changed, 138 insertions(+), 1 deletion(-)
 create mode 100644 css/logincss
 create mode 100644 js/loginjss
 create mode 100644 login.html

diff --git a/css/logincss b/css/logincss
new file mode 100644
index 0000000..d8719fc
--- /dev/null
+++ b/css/logincss
@@ -0,0 +1,90 @@
+body{
+  font-family: 'Open Sans', sans-serif;
+  background:#3498db;
+  margin: 0 auto 0 auto;
+  width:100%;
+  text-align:center;
+  margin: 20px 0px 20px 0px;
+}
+
+p{
+  font-size:12px;
+  text-decoration: none;
+  color:#ffffff;
+}
+
+h1{
+  font-size:1.5em;
+  color:#525252;
+}
+
+.box{
+  background:white;
+  width:300px;
+  border-radius:6px;
+  margin: 0 auto 0 auto;
+  padding:0px 0px 70px 0px;
+  border: #2980b9 4px solid;
+}
+
+.email{
+  background:#ecf0f1;
+  border: #ccc 1px solid;
+  border-bottom: #ccc 2px solid;
+  padding: 8px;
+  width:250px;
+  color:#AAAAAA;
+  margin-top:10px;
+  font-size:1em;
+  border-radius:4px;
+}
+
+.password{
+  border-radius:4px;
+  background:#ecf0f1;
+  border: #ccc 1px solid;
+  padding: 8px;
+  width:250px;
+  font-size:1em;
+}
+
+.btn{
+  background:#2ecc71;
+  width:125px;
+  padding-top:5px;
+  padding-bottom:5px;
+  color:white;
+  border-radius:4px;
+  border: #27ae60 1px solid;
+
+  margin-top:20px;
+  margin-bottom:20px;
+  float:left;
+  margin-left:16px;
+  font-weight:800;
+  font-size:0.8em;
+}
+
+.btn:hover{
+  background:#2CC06B;
+}
+
+#btn2{
+  float:left;
+  background:#3498db;
+  width:125px;  padding-top:5px;
+  padding-bottom:5px;
+  color:white;
+  border-radius:4px;
+  border: #2980b9 1px solid;
+
+  margin-top:20px;
+  margin-bottom:20px;
+  margin-left:10px;
+  font-weight:800;
+  font-size:0.8em;
+}
+
+#btn2:hover{
+background:#3594D2;
+}
diff --git a/index.html b/index.html
index 3c3c40b..3d9f2a7 100644
--- a/index.html
+++ b/index.html
@@ -36,7 +36,7 @@
           <li><a href="#">Campaigns</a></li>
           <li><a href="#">Influencers</a></li>
           <li><a href=".sec01">Get Started</a></li>
-          <li><a href=".sec02">Log In</a></li>
+          <li><a href="link">Log In</a></li>
         </ul>
       </nav>
 
@@ -73,6 +73,7 @@
       est ab in earum ratione eveniet soluta molestiae sed illo nostrum nemo debitis. Minus, quod totam aliquam ea asperiores fugit quaerat excepturi dolores ratione numquam consequatur id unde alias provident vero incidunt exercitationem similique consequuntur
       hic possimus? Fuga, eveniet quaerat inventore corporis laborum eligendi enim soluta obcaecati aliquid veritatis provident amet laudantium est quisquam dolore exercitationem modi? Distinctio, pariatur, ab velit praesentium vitae quidem consequatur
       deleniti recusandae odit officiis. Quidem, cupiditate.</p>
+  
   </div>
 
 </body>
diff --git a/js/loginjss b/js/loginjss
new file mode 100644
index 0000000..043e311
--- /dev/null
+++ b/js/loginjss
@@ -0,0 +1,25 @@
+function field_focus(field, email)
+  {
+    if(field.value == email)
+    {
+      field.value = '';
+    }
+  }
+
+  function field_blur(field, email)
+  {
+    if(field.value == '')
+    {
+      field.value = email;
+    }
+  }
+
+//Fade in dashboard box
+$(document).ready(function(){
+    $('.box').hide().fadeIn(1000);
+    });
+
+//Stop click event
+$('a').click(function(event){
+    event.preventDefault();
+	});
diff --git a/login.html b/login.html
new file mode 100644
index 0000000..cb9cd91
--- /dev/null
+++ b/login.html
@@ -0,0 +1,21 @@
+<link "href"='https://fonts.googleapis.com/css?family=Open+Sans:700,600' "rel"='stylesheet' type='css/logincss'>
+
+<form method="post" action="login.html">
+<div class="box">
+<h1>Dashboard</h1>
+
+<input type="email" name="email" value="email" onFocus="field_focus(this, 'email');" onblur="field_blur(this, 'email');" class="email" />
+
+<input type="password" name="email" value="email" onFocus="field_focus(this, 'email');" onblur="field_blur(this, 'email');" class="email" />
+
+<a href="#"><div class="btn">Sign In</div></a> <!-- End Btn -->
+
+<a href="#"><div id="btn2">Sign Up</div></a> <!-- End Btn2 -->
+
+</div> <!-- End Box -->
+
+</form>
+
+<p>Forgot your password? <u style="color:#f1c40f;">Click Here!</u></p>
+
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>