Create-Account/index.html at main · Kalepson/Create-Account · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Create Account</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>

<div class="container">
    <div class="account create-account">
        <form action="#" id="form">
            <h1 class="info-login">Create Account</h1>
            <div class="icon-container">
                <a href="#" class="icon"><img alt="facebook" src="img/facebook.png"></a>
                <a href="#" class="icon"><img alt="google" src="img/google.png"></a>
                <a href="#" class="icon"><img alt="Instagram" src="img/Instagram01.png"></a>
            </div>
            <p class="text">or use your email for registration</p>
            <label><input class="nome-login field createAccountInput" type="text" placeholder="Name"></label>
            <span class="errorName invalide"></span>
            <label><input class="email-login field createAccountInput" type="email" placeholder="Email"></label>
            <span class="errorEmail invalide"></span>
            <label><input class="password-login field createAccountInput" type="password" placeholder="Password"></label>
            <span class="errorPassword invalide"></span>
            <button class="sign-Up disabled" type="submit" disabled="disabled">Sign Up</button>
        </form>
    </div>
    <div class="account singIn">
        <form action="#" class="form">
            <h1 class="info-login">Sign in</h1>
            <div class="icon-container">
                <a href="#" class="icon"><img alt="facebook" src="img/facebook.png"></a>
                <a href="#" class="icon"><img alt="google" src="img/google.png"></a>
                <a href="#" class="icon"><img alt="Instagram" src="img/Instagram01.png"></a>
            </div>
            <p class="text">or use your account</p>
            <label><input class="sign_Input email-connecting field" type="email" placeholder="Email"></label>
            <span class="error-Email invalide"></span>
            <label><input class="sign_Input password-connecting field" type="password" placeholder="Password"></label>
            <span class="error-Password invalide"></span>
            <a href="#" class="forgot-password">Forgot your password?</a>
            <button class="sign-In disabled" type="submit" disabled>Sign In</button>
        </form>
    </div>
    <div class="welcome-info">
        <div class="info">
            <div class="welcome-account-info left">
                <h1 class="info-login">Welcome Back!</h1>
                <p>To keep connected with us please login<br> with your personal info</p>
                <button class="btn signIn">Sign In</button>
            </div>
            <div class="welcome-account-info right">
                <h1 class="info-login">Hello, Friend!</h1>
                <p>Enter your personal details and start <br> journey with us</p>
                <button class="btn signUp">Sign Up</button>
            </div>
        </div>
    </div>
</div>


<script rel="script" src="js/javaScript.js"></script>
</body>
</html>