-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
88 lines (88 loc) · 4.31 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
<!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">
<title>Intuit Like Form Page</title>
<link rel="stylesheet" type="text/css" href="normalize.css">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="shortcut icon" href="images/ic_fav.png" type="image/x-icon">
<script src="https://kit.fontawesome.com/ebaeaa9ace.js"></script>
</head>
<body>
<!-- Top Right Corner Content Start -->
<div class="top-information-container">
<div class="signin-text-container">
<p class="paragraph-top">Already have an Intuit account?<br>
<a href="#">I forgot my User ID or Password </a>
</p>
</div>
<div class="signin-button-container">
<button class="sign-in-button"><i class="fas fa-lock"></i>Sign In</button>
</div>
</div>
<!-- Top Right Corner Content End -->
<!-- Logo Container Start -->
<div class="logo-container">
<img class="main-logo" src="images/img_logo.png" alt="The logo of intuiti">
</div>
<!-- Logo Container End -->
<!-- Menu Container Start -->
<div class="menu-container">
<img class="menu-logo" src="images/ic_mint.png" alt="Mint logo">
<span class="menu-item"><a href="#">mint</a></span>
<img class="menu-logo" src="images/ic_quickbooks.png" alt="Mint logo">
<span class="menu-item"><a href="#">quickbooks</a></span>
<img class="menu-logo" src="images/ic_turbotax.png" alt="Mint logo">
<span class="menu-item"><a href="#">turbotax</a></span>
</div>
<!-- Menu Container End -->
<!-- Form Container Start -->
<div class="form-container">
<h1 class="signin-form">Create an Intuit account</h1>
<p class="form-text">One account for everything Intuit, including Mint.</p>
<a href="#">Learn more</a>
<!-- Form Start -->
<form action="#" method="POST">
<label for="email">Email address</label>
<input type="email" id="email" required>
<label for="phone">Phone (recommended)</label>
<input type="tel" id="phone" required>
<small>Standard call, messaging or data rates may apply.</small>
<label for="password" class="password-label">Password</label>
<i class="fas fa-unlock-alt"></i>
<input type="password" id="password" required>
<div class="button-container">
<img class="padlock-icon" src="images/ic_padlock.svg" alt="Lock in the Sign In Button">
<button class="create-account-button"> Create Account</button>
</div>
</form>
<!-- Form End -->
<p class="form-text-bottom">By clicking Sign In, you agree to our<br>
<a href="#">Terms</a> and have read and acknowledge our <a href="#">Privacy<br>
Statement.</a>
</p>
<footer class="form-footer">
<span class="footer-captcha">Invisible reCAPTCHA by Google <a href="#">Privacy Policy</a>
and <a href="#">Terms of Use</a>.
</span>
</footer>
</div>
<!-- Form Container End -->
<!-- Main Footer Start -->
<footer class="main-footer">
<div class="terms-container">
<span class="footer-terms"><a href="#">Legal</a></span>
<span class="footer-terms"><a href="#">Privacy</a></span>
<span class="footer-terms"><a href="#">Security</a></span>
</div>
<span class="text-footer">
© 2019 Intuit, Inc. All rights reserved. Intuit, QuickBooks, QB, TurboTax, ProConnect and Mint are registered trademarks of
Intuit Inc.<br>
Terms and conditions, features, support, pricing, and service options subject to change without notice.
</span>
</footer>
<!-- Main Footer End -->
</body>
</html>