-plucky-throne-4544/Signup.html at main · Sanjiv358/-plucky-throne-4544 · 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
<!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">
    <link rel="icon" href="https://storage.googleapis.com/lumen5-site-images/favicon/favicon.ico" type="image/png">
    <title>Sign up | Lumen5</title>
    <link rel="stylesheet" href="./styles/Signup.css">
</head>
<body>
    <div id="container">
        <div>
           <img id="logo-image" src="https://storage.googleapis.com/lumen5-site-images/L5-logo/logo-white_266x156.png">
           <div id="Heading-Box">
                <h1 id="Heading-section">Supercharge your content strategy</h1>
           </div>
           <h2 id="Join">
            Join 800,000+ brands <br> creating
            <br>
            videos with Lumen5
           </h2>
            <div id="logo-container">
                <div class="Customer-logo-image">
                    <img src="https://storage.googleapis.com/lumen5-site-images/website-assets/logo-seimens-white.png" alt="">
                </div>
                <div class="Customer-logo-image">
                    <img src="https://storage.googleapis.com/lumen5-site-images/website-assets/logo-sf-white.png" alt="">
                </div>
                <div class="Customer-logo-image">
                    <img src="https://storage.googleapis.com/lumen5-site-images/website-assets/logo-merck-white.png" alt="">
                </div>
                <div class="Customer-logo-image">
                    <img src="https://storage.googleapis.com/lumen5-site-images/website-assets/logo-sap-white.png" alt="">
                </div>
                <div class="Customer-logo-image">
                    <img src="https://storage.googleapis.com/lumen5-site-images/website-assets/logo-kpmg-white.png" alt="">
                </div>
                <div class="Customer-logo-image">
                    <img src="https://storage.googleapis.com/lumen5-site-images/website-assets/logo-cisco-white.png" alt="">
                </div>
            </div>
        </div>
        <div>
            <h2 id="RHS-Heading">Get started with a free account</h2>
            <form  id="Sigup-form">
                <label for="name">FULL NAME</label><br>
                <br>
                <input id="name" type="text"><br>
                <br>
                <label for="email">WORK EMAIL</label><br>
                <br>
                <input id="email" type="email"><br>
                <br>
                <label for="password">PASSWORD</label><br>
                <br>
                <input  id="pass1" type="Password"><span class="material-icons Eye visibility">visibility_off</span>
                <div id="bullet">
                    <div>
                        <ul>
                            <li>One lowercase character</li>
                            <li>One uppercase character</li>
                        </ul>
                    </div>
                    <div>
                        <ul>
                            <li>8 characters minimum</li>
                            <li>Contains a number or symbol</li>
                        </ul>
                    </div>
                </div>
                <input type="submit" onclick="myFunc()" id="create-account" value="Create account"></input>
                <div class="content-divider"><span>OR</span></div>
                <button id="Facebook_btn">Sign up with Facebook</button>
            </form>
            <div id="already-account">
                <span>Already have a Lumen5 account?</span>
                <a id="Login-a" href="./Login.html">Log in</a>
                <p id="Detail-form">By clicking “Create account” I agree to Lumen5’s <a class="Terms" href="https://lumen5.com/terms/">Terms of use</a> and <a class="Terms" href="https://lumen5.com/privacy/">Privacy Policy.</a> </p>
            </div>

        </div>
    </div>
</body>
</html>

<script src="./scripts/Signup.js"></script>