-
Notifications
You must be signed in to change notification settings - Fork 0
/
signup.html
136 lines (132 loc) · 4.22 KB
/
signup.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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>
Overstock.com: Online Shopping - Bedding, Furniture, Electronics, Jewelry,
Clothing & more
</title>
<link rel="stylesheet" href="./styles/index.css" />
<link rel="stylesheet" href="./styles/navbar.css">
<link
rel="icon"
href="./images/0_overstock.com_logo-thumb.jpg"
sizes="16x16"
type="image/png"
/>
<link rel="stylesheet" href="./styles/signup.css" />
</head>
<body>
<div id="navbar"></div>
<div id="errorMessage"></div>
<div class="User">
<div class="signUp">
<div>
<h2>Create Account</h2>
<form action="">
<label for="email">Email Address*</label>
<input type="email" id="email" placeholder="Email" required />
<div class="passwordDiv">
<label for="password">Create Password*</label>
<label for="confirmPassword">Confirm Password*</label>
<input
type="password"
id="password"
placeholder="Password"
required
/>
<input
type="password"
id="confirmPassword"
placeholder="Confirm Password"
required
/>
</div>
<div class="checkboxDiv">
<input type="checkbox" id="checkbox" required />
<label for="checkbox"></label>
<p>
Sign up today for <strong>exclusive offers</strong> from
Overstock.com delivered right to your inbox**
</p>
</div>
<button>Create Account</button>
</form>
<div class="bar">
<div></div>
</div>
<div class="guest">
<div>
<button>Continue as Guest</button>
</div>
<div class="info">
<div>
<p>
By creating an account or continuing as a Guest, you agree to
our <a href="">Terms & Conditions</a> and
<a href="">Privacy Policy.</a>
</p>
</div>
<div>
<div>
<a href="">Terms & Conditions</a> |
<a href="">Privacy Policy.</a>
</div>
<div>**You can unsubscribe at any time</div>
</div>
</div>
</div>
</div>
</div>
<div class="vertical_line"></div>
<div class="signIn">
<div>
<h2>Sign In</h2>
<form action="">
<div>
<label for="inputEmail">Email Address*</label>
<input
type="email"
placeholder="Email"
id="inputEmail"
required
/>
</div>
<div>
<label for="inputPassword">Password*</label>
<input
type="password"
placeholder="Password"
id="inputPassword"
required
/>
</div>
<button>Sign In</button>
<div><a href="">Forgot your password?</a></div>
</form>
</div>
</div>
</div>
<div id="footer"></div>
<div id="end"></div>
</body>
</html>
<script src="./scripts/signup.js"></script>
<script type="module">
import { footer, end } from "./components/footer.js";
import navbar from './components/navbar.js'
let navbar_div = document.getElementById("navbar");
navbar_div.innerHTML = navbar();
let sectionDiv = document.querySelector(".section-div > div");
sectionDiv.addEventListener("mouseover", function () {
let dropDownContainer = document.querySelector(".dropdown-content-part");
dropDownContainer.style.display = "flex";
dropDownContainer.addEventListener("mouseout", function () {
dropDownContainer.style.display = "none";
});
});
document.querySelector("#footer").innerHTML = footer();
document.querySelector("#end").innerHTML = end();
</script>