CryptoTrader/create_account.html at master · graydonhope/CryptoTrader · 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
<!DOCTYPE html>
<html>
<head>
    <title>Create Account</title>
    <script src='scripts/jquery-3.4.1.min.js'></script>
    <script src="scripts/create_account.js"></script>
    <link rel="stylesheet" type="text/css" media="screen" href="styles/create_account.css"/>
    <link rel="stylesheet" type="text/css" media="screen" href="styles/topNav.css"/>
    <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
</head>
<header>
    <ul id="body_list">
        <li id="body_homepage" class="topNav"><a href="home.html">CryptoTrader</a></li>
        <li><a class="body_topNav" href="#">Register</a></li>
        <li><a class="body_topNav" href="login.html">Login</a></li>
        <li><a class="body_topNav" href="faq.html">FAQ</a></li>
        <li><a class="body_topNav" href="market.html">Market</a></li>
    </ul>
</header>
<body>
    <div id="dialog">
        <p>Account Successfully Created!</p>
    </div>
    <div class="create-account">
        <form id="create-account_form">
            <div class="create-account_container">
                <h2 id="create-account_title">CryptoTrader</h2>
                <h3>Sign Up</h3>
                <p>Please complete the form to create an account.</p>
                <hr>

                <label id="create-account__fullname" class="create-account__label" for="fullname"><b>Full Name</b></label>
                <input class="create-account__input" type="text" placeholder="Enter Name" id="fullname" name="fullname" onfocus="nameFocus()" onfocusout="checkName()" required>
                <p id="fullname-error"></p>
                <!-- <br> -->

                <label class="create-account__label" for="email"><b>Email</b></label>
                <input class="create-account__input" type="text" placeholder="Enter Email" id="email" name="email" onfocus="emailFocus()" onfocusout="validateEmail()" required>
                <br>

                <label class="create-account__label" for="password"><b>Password</b></label>
                <input class="create-account__input" type="password" placeholder="Enter Password" id="password" name="password" onfocusout="checkPasswords()" required>
                <br>

                <label class="create-account__label" for="password_repeat"><b>Confirm Password</b></label>
                <input id="create-account__confirm-password" class="create-account__input" type="password" placeholder="Please Confirm Password" name="password-repeat" onfocusout="checkPasswords()" required>
                <p id="password-error"></p>
                <!-- <br> -->

                <p id="create-account_form__signIn">Already have an account? <a href="#">Sign in here</a></p>

                <div class="create-account_register-buttons">
                    <button type="submit" class="create-account__signUp-btn" onclick="return createAccount()">Sign Up</button>
                </div>
            </div>
        </form>
    </div>
</body>
</html>