-
Notifications
You must be signed in to change notification settings - Fork 0
/
login.php
113 lines (95 loc) · 4.29 KB
/
login.php
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
<!-- Header -->
<?php
include './includes/header.php';
include './assets/register.php';
include './assets/login_handler.php';
?>
<!-- Main section -->
<main>
<section class="intro-section">
<div class="intro-section-content">
<h2>It's never too late to start</h2>
<div class="navigation">
<h3><a href="./index.php">Home</a></h3>
<i class="fas fa-chevron-right"></i>
<h3>Login / Register</h3>
</div>
</div>
</section>
<section class="container">
<div class="container-content">
<!-- two buttons -->
<div class="two-buttons">
<button>Login</button>
<button>Register</button>
</div>
<!-- Login section -->
<div class="login-section">
<form method="POST" enctype="multipart/form-data" class="login-now">
<h3>Login Now</h3>
<input type="email" name="login_email" placeholder="user@gmail.com">
<input type="password" name="login_password" placeholder="●●●●●●●●●●">
<div class="send-button-div">
<input type="submit" name="login" value="Log In">
<h5><a href="#">Forgot Password?</a></h5>
</div>
</form>
<div class="login-social">
<h3>Login via Social</h3>
<div class="facebook">
<i class="fab fa-facebook-f"></i>
<h4>Login With Facebook</h4>
<i class="fas fa-chevron-right"></i>
</div>
<div class="twitter">
<i class="fab fa-twitter"></i>
<h4>Login With Twitter</h4>
<i class="fas fa-chevron-right"></i>
</div>
<div class="google">
<i class="fab fa-google"></i>
<h4>Login With Google</h4>
<i class="fas fa-chevron-right"></i>
</div>
</div>
</div>
<!-- Register section -->
<div class="register-section">
<form method="POST" class="register-now">
<h3>Register Now</h3>
<input type="text" name="f_name" placeholder="first name e.g John" required>
<input type="text" name="l_name" placeholder="last name e.g. Doe" required>
<input type="tel" name="phone_number" placeholder="phone number e.g. 0700123456" required>
<input type="text" name="address" placeholder="address e.g. Limuru" required>
<input type="password" name="register_password" placeholder="password" required>
<input type="email" name="register_email" placeholder="Email e.g. johndoe@gmail.com" required>
<div class="send-button-div">
<input type="submit" name="reg" value="Sign Up">
<h5 id="existing-account">Already have an account?</h5>
</div>
</form>
<div class="login-social">
<h3>Register via Social</h3>
<div class="facebook">
<i class="fab fa-facebook-f"></i>
<h4>Sign Up with Facebook</h4>
<i class="fas fa-chevron-right"></i>
</div>
<div class="twitter">
<i class="fab fa-twitter"></i>
<h4>Sign Up with Twitter</h4>
<i class="fas fa-chevron-right"></i>
</div>
<div class="google">
<i class="fab fa-google"></i>
<h4>Sign Up with Google</h4>
<i class="fas fa-chevron-right"></i>
</div>
</div>
</div>
</div>
</section>
</main>
<script src="./scripts/toggle_login.js"></script>
</body>
</html>