-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
112 lines (108 loc) · 4.43 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
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
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Page Title</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='style.css'>
</head>
<body>
<div class="sign-up-main">
<div class="sign-up-grid">
<div class="sign-up-text">
<p> Already have an Inuit account?</p>
<a href=""> I forgot my User ID or Password</a>
</div>
<div>
<button class="btn" type="submit" name="learn" value="myimage">
<span class="lock-icon"></span>
Sign In
</button>
</div>
</div>
</div>
<div class="main-container">
<div class="logos-container">
<div class="main-logo">
<div class="intuit"></div>
</div>
<div class="other-logo">
<span class="mint"></span>
<span class="quickbooks"></span>
<span class="turbotax"></span>
</div>
</div>
<div class="form-content">
<header class="header-container">
<span id="text1">Create an Intuit account</span>
<span id="text2">
<div>One account for everything Intuit, including Mint.</div>
</span>
<a href="">Learn more</a>
</header>
<form>
<div class="input-field">
<label for="email">
Email address
<input id="email" type="email" name="email" required>
</label>
</div>
<div class="input-field">
<label for="phone">
Phone
<input id="phone" type="phone" name="phone">
</label>
<p>Standard call, messaging or data rates may apply.</p>
</div>
<div class="input-field">
<label for="pass">
Password
<input type="password" id="pass" name="password" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}"
required>
</label>
</div>
<div id="warning" class="warning-password">
<div class="input-field">
<div class="messages">
<p class="invalid" id="chars">Use 8 or more characters </p>
<p class="invalid" id="lowUp">Use upper and lower case letters (e.g. Aa) </p>
<p class="invalid" id="num">Use a number (e.g. 1234)</p>
<p class="invalid" id="symb">Use a symbol (e.g. !@#$) </p>
</div>
<label for="pass-conf">
Confirm password
<input type="password" id="pass-conf" name="confirm" required>
</label>
<div class="messages">
<p id="pass-conf-warning">Please confirm the password </p>
</div>
</div>
</div>
<div>
<button class="btn"><span class="lock-icon"></span>Create account</button>
</div>
</form>
<footer>
By selecting Create Account, you agree to our<br> <a href="">Terms</a> and have read and acknowledge our
Global <a href="">Privacy <br>Statement</a>.
</footer>
<div class="captcha">Invisible reCAPTCHA by Google <a href="">Privacy Policy</a> and <a href="">Terms of
Use</a>.</div>
</div>
</div>
<div class="legal-stuff">
<div class="legal-links">
<a href="">Legal</a>
<a href="">Privacy</a>
<a href="">Security</a>
</div>
<div class="copyrigth">
© 2021 Intuit, Inc. All rights reserved. Intuit, QuickBooks, QB, TurboTax, ProConnect and Mint are
registered trademarks of Intuit Inc.
Terms and conditions, features, support, pricing, and service options subject to change without notice.
</div>
</div>
</body>
<script src='app.js'></script>
</html>