/
login.html
62 lines (62 loc) · 4.49 KB
/
login.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="icon" href="img/favicon.png" type="image/png" />
<title>MEIHUA | Cosmetics</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" href="css/navbar.css">
<link rel="stylesheet" href="css/footer.css">
</head>
<body>
<header>
<nav>
<input type="checkbox" id="toggle" class="hidden">
<label for="toggle" class="nav-btn">
<i></i>
<i></i>
<i></i>
</label>
<div class="nav-links">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="products.html">Products</a></li>
<li><a href="faq.html">faq</a></li>
</ul>
</div>
</nav>
<div class="logo">
<a href="index.html">MEIHUA</a>
</div>
<div class="search-bar">
<p>Search.</p><input type="search" placeholder="Search.">
</div>
<div class="nav-icons">
<a href="register-login.html"><img src="data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FwYV8xIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1NTEuMTMgNTUxLjEzIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDU1MS4xMyA1NTEuMTMiIHdpZHRoPSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTI3NS41NjUgMGMtMTUxLjk0NCAwLTI3NS41NjUgMTIzLjYyMS0yNzUuNTY1IDI3NS41NjVzMTIzLjYyMSAyNzUuNTY1IDI3NS41NjUgMjc1LjU2NSAyNzUuNTY1LTEyMy42MjEgMjc1LjU2NS0yNzUuNTY1LTEyMy42MjEtMjc1LjU2NS0yNzUuNTY1LTI3NS41NjV6bTAgMzQuNDQ2YzEzMi45NTUgMCAyNDEuMTE5IDEwOC4xNjQgMjQxLjExOSAyNDEuMTE5IDAgNTUuMzktMTguOTY2IDEwNi4zMjItNTAuNDgzIDE0Ny4wNzctMTIwLjg4OC01Ny4yMTItMjYwLjM4Ni01Ny4yMTItMzgxLjI3MiAwLTMxLjUxNy00MC43NTUtNTAuNDgzLTkxLjY4Ny01MC40ODMtMTQ3LjA3NyAwLTEzMi45NTUgMTA4LjE2NC0yNDEuMTE5IDI0MS4xMTktMjQxLjExOXptLTE2Ni40NzQgNDE1LjEyNWMxMDYuMjY4LTQ3LjA2OSAyMjYuNjgtNDcuMDY5IDMzMi45NDggMC00My4zMjQgNDEuNDY2LTEwMS45MDkgNjcuMTE1LTE2Ni40NzQgNjcuMTE1cy0xMjMuMTUtMjUuNjUtMTY2LjQ3NC02Ny4xMTV6Ii8+PHBhdGggZD0ibTI3NS41NjUgMzQ0LjQ1NmM1Ni45ODMgMCAxMDMuMzM3LTQ2LjM1MyAxMDMuMzM3LTEwMy4zMzdzLTQ2LjM1NC0xMDMuMzM3LTEwMy4zMzctMTAzLjMzNy0xMDMuMzM3IDQ2LjM1My0xMDMuMzM3IDEwMy4zMzcgNDYuMzU0IDEwMy4zMzcgMTAzLjMzNyAxMDMuMzM3em0wLTE3Mi4yMjhjMzcuOTk1IDAgNjguODkxIDMwLjg5NyA2OC44OTEgNjguODkxIDAgMzcuOTk1LTMwLjg5NyA2OC44OTEtNjguODkxIDY4Ljg5MS0zNy45OTUgMC02OC44OTEtMzAuODk3LTY4Ljg5MS02OC44OTFzMzAuODk3LTY4Ljg5MSA2OC44OTEtNjguODkxeiIvPjwvc3ZnPg==" /></a>
<div class="iconShopping">
<p>0</p>
<img src="data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FwYV8xIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIuMDAzIDUxMi4wMDMiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyLjAwMyA1MTIuMDAzIiB3aWR0aD0iNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnPjxwYXRoIGQ9Im0xMTkuOTcxIDQzLjM4MWMtLjg1NS0yNC4wNjYtMjAuNy00My4zOC00NC45NzEtNDMuMzhoLTc1djMwaDc1YzE1LjM2NSAwIDE0Ljk1OSAxNi4zNzYgMTUgMTYuNDc2bDU5Ljk4IDMwMS44OTljLS4yMDkgOC44MDQtNC41MTkgMTcuMTI4LTExLjY0MiAyMi4zNzItMzUuMTA5IDI1Ljg1LTE2LjI5NiA4MS4yNTMgMjYuNjYyIDgxLjI1M2gxNy41OGMtMS42NjUgNC42OTUtMi41OCA5Ljc0Mi0yLjU4IDE1IDAgMjQuODEzIDIwLjE4NyA0NSA0NSA0NXM0NS0yMC4xODcgNDUtNDVjMC01LjI1OC0uOTE1LTEwLjMwNS0yLjU4LTE1aDk1LjE2MWMtMS42NjUgNC42OTUtMi41OCA5Ljc0Mi0yLjU4IDE1IDAgMjQuODEzIDIwLjE4NyA0NSA0NSA0NXM0NS0yMC4xODcgNDUtNDVjMC01LjI1OC0uOTE1LTEwLjMwNS0yLjU4LTE1aDMyLjU3OXYtMzBoLTMxNWMtMTQuNDQ2IDAtMjAuNTIxLTE4LjUyLTguODc1LTI3LjA5NSAxMS4wMzItOC4xMjIgMTguNzg0LTE5Ljg1OSAyMi4wODktMzIuOTA1aDI5OS44MjlsMzMuOTYxLTI0MmgtMzc2Ljgxem0xMjAuMDI5IDQyMy42MmMwIDguMjcxLTYuNzI5IDE1LTE1IDE1cy0xNS02LjcyOS0xNS0xNSA2LjcyOS0xNSAxNS0xNSAxNSA2LjcyOSAxNSAxNXptMTgwIDBjMCA4LjI3MS02LjcyOSAxNS0xNSAxNXMtMTUtNi43MjktMTUtMTUgNi43MjktMTUgMTUtMTUgMTUgNi43MjkgMTUgMTV6bS0yNDIuNjg3LTEzNS01Ljk2LTMwaDI4NC44MTVsLTQuMjEgMzB6bTE1Mi42ODctNjB2LTEyMmg2MHYxMjJ6bS0zMCAwaC02MHYtMTIyaDYwem0xNjAuMzc4IDBoLTQwLjM3OHYtMTIyaDU3LjQ5OXptLTI1MC4zNzgtMTIydjEyMmgtNDQuNjA3bC0yNC4yMzgtMTIyeiIvPjwvZz48L3N2Zz4=" />
</div>
</div>
</header>
<main class="login-register-box">
<section class="login">
<h2>WELCOME BACK!</h2>
<div class="form-wrapper">
<form class="login-form" action="">
<input type="email" id="email" placeholder="Email" />
<input type="password" id="password" placeholder="****" />
<button type="submit" class="button" id="login-button">Login</button>
</form>
<div class="message-container">
</div>
</div>
</section>
</main>
<script src="scripts/Login.js"></script>
<script src="scripts/Database.js"></script>
</body>
</html>