-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
83 lines (83 loc) · 3.81 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Scribble</title>
<link rel=icon href="assets/images/logo/scribble_pencil.png">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/meyers_and_normalize-form_reset.css">
<script async src="js/project1.interactive.js"></script>
</head>
<body>
<div class="row">
<div class="column" id="website_left_sidebar">
<aside>
<div id="website_left_header">
<p id="header_number">#1</p>
<p id="header_sub_text">Note-taking app for home, school, and business</p>
</div>
<img id="website_left_bg" src="assets/images/sidebar/marissa-grootes.jpg" alt="sidebar_bg_image">
</aside>
</div>
<div class="column" id="website_form_content">
<main>
<div id="website_form_header">
<ul>
<li id="header_logo_container">
<img src="assets/images/logo/scribble_long.png" alt="headerLogo" id="header_logo">
</li>
<li id="list_register_header">Register</li>
<li id="list_register_desc">Make regularly taking notes convenient and hassle-free</li>
<li id="list_register_get_info">Lets start with your information to begin setting up your account</li>
</ul>
</div>
<div id="website_form_inputs">
<form method="get" autocapitalize="off" autocomplete="on" id="form">
<div class="row1_input">
<label for="first_name_input"></label>
<input type="text" name="firstNameInput" id="first_name_input" class="text_input" placeholder="First Name">
</div>
<div class="row1_input">
<label for="last_name_input"></label>
<input type="text" name="lastNameInput" id="last_name_input" class="text_input" placeholder="Last Name">
</div>
<div class="row2_input">
<label for="username_input"></label>
<input type="text" name="usernameInput" id="username_input" class="text_input" placeholder="Username">
</div>
<div class="row2_input">
<label for="email_input"></label>
<input type="email" name="emailInput" id="email_input" class="text_input" placeholder="Email">
</div>
<div class="row3_input">
<label for="password_input"></label>
<input type="password" name="passwordInput" id="password_input" class="text_input" placeholder="Password">
</div>
<div class="row3_input" id="p_conf_password">
<label for="conf_password_input"></label>
<input type="password" name="confPasswordInput" id="conf_password_input" class="text_input" placeholder="Confirm Password">
</div>
<div class="input_full_width checkbox_input" id="show_pass_box_container">
<input type="checkbox" onclick="showPassword()" name="showPassCheckBox" id="show_pass_box">
<label for="show_pass_box">Show Password</label>
</div>
<div class="input_full_width checkbox_input">
<input type="checkbox" name="salesCheckBox" id="sales_check_box">
<label for="sales_check_box">Yes, I want to receive additional info and marketing emails</label>
</div>
<div class="input_full_width checkbox_input">
<input type="checkbox" name="tosCheckBox" id="tos_check_box">
<label for="tos_check_box">I agree to all the Terms of Use</label>
</div>
<div class="input_full_width" id="submit_button">
<label>
<button type="submit">Create Account</button>
</label>
</div>
</form>
</div>
</main>
</div>
</div>
</body>
</html>