Sign-Up-Form/index.html at master · sinework/Sign-Up-Form · GitHub

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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./css/style.css" />
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300&display=swap" rel="stylesheet">


    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
    />
    <link
      href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet"
    />


                               <!-- Webpage Title-->

    <title>Intuit Sign-up</title>
  </head>


  <body>

                            <!-- Top Navigation Bar -->

  <header>
      <nav>
        <div class="sign-up-request">
          <p id="font-p">Already have an Intuit account?</p>
          <a id="font-a" href="#">
            I forgot my User ID or Password
          </a>
        </div>

        <button type="button" id="sign-btn">
          <i id="lock" class="material-icons">lock</i>
          Sign Up
        </button>
      </nav>
    </header>

                            <!-- Main Content -->

    <main>

                            <!-- Logos -->

      <div id="logo">
        <a href="#"> <img src="./assets/image/logo.PNG" id="logo-png" alt="logo" /> </a>
      </div>
      <div id="logos">
        <a href="#"> <img id="firstlogo" src="./assets/image/turbotax.PNG" alt="" /> </a>
        <a href="#"> <img id="secondlogo" src="./assets/image/quickbooks.PNG" alt="" /> </a>
        <a href="#"> <img id="thirdlogo" src="./assets/image/mint.PNG" alt="" /> </a>
      </div>

                             <!-- Sign-up Form -->

      <div class="form-container">

        <h2>Create an Intuit account</h2>
        <p>
          One account for everything Intuit, including Mint.
        </p>
        <a id="learn" href="#">Learn more</a>

        <form action="#">
          <label for="email">Email Adress</label>

          <input id="email" type="text" />

          <label for="phone">Phone(Recommended)</label>

          <input id="phone" type="text" />

          <small>Standard call, messaging or data rates may apply.</small>

          <label for="password">Password</label>

          <input id="password" type="password" placeholder="" />

          <button type="submit" id="submit">Submit</button>
          <p id="agreement">
            By clicking Create account, you agree to our
          <a href="" >Terms</a>   and have read and acknowledge our <a href="">Privacy Statement.</a></p>

        </form>

                                <!-- Additional info -->
      </div>
      <div class="form-footer">
          <p id="footer-captcha">
             Invisible reCAPTCHA by Google <a href="">Privacy Policy</a> and <a href="">Terms of Use.</a>
          </p>
      </div>
    </main>

                                   <!-- Footer -->

    <footer>
<div class="footer-info">
     <a href="#"><small>Legal</small></a> <a href="#"><small>Privacy</small></a> <a href="#"><small>Security</small></a>
</div>
                                <!-- copyrights info -->
  <div class="copyrights">
      <small> © 2020 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. </small>
</div>
<button type="button" class="privacy-setting">Privacy Setting</button>
    </footer>
  </body>
</html>