-
Notifications
You must be signed in to change notification settings - Fork 0
/
login.php
51 lines (47 loc) · 2.6 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
<?php include_once '_header.php'; ?>
<!-- Login form heading -->
<section class="text-gray-600 body-font relative">
<div class="container px-5 py-24 mx-auto">
<div class="flex flex-col text-center w-full mb-12">
<h1 class="sm:text-3xl text-2xl font-medium title-font mb-4 text-gray-900">Login to your account</h1>
<p class="lg:w-2/3 mx-auto leading-relaxed text-base">Login to your account to actually access photo and
upload photo.</p>
</div>
<!-- Include error file for login validation -->
<?php include_once 'alerts/login.php'; ?>
<hr>
<!-- Login from starts here -->
<form action="includes/handleLogin.inc.php" method="post">
<!-- component -->
<div class="bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4 flex flex-col my-2">
<div class="-mx-3 md:flex mb-6">
<div class="md:w-1/2 px-3 mb-6 md:mb-0">
<label class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2"
for="grid-email-username">
Email / Username
</label>
<input
class="appearance-none block w-full bg-grey-lighter text-grey-darker border border-red rounded py-3 px-4 mb-3"
id="email/username" name="email/username" type="text" maxlength="30"
placeholder="@johnsmith / [email protected]">
<p class="text-red text-xs italic">Enter username or e-mail.</p>
</div>
<div class="md:w-1/2 px-3">
<label class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2"
for="grid-password">
Password
</label>
<input
class="appearance-none block w-full bg-grey-lighter text-grey-darker border border-grey-lighter rounded py-3 px-4"
id="login-pwd" name="login-pwd" type="password" maxlength="12" placeholder="*********">
</div>
</div>
<div class="p-2 w-full mt-3">
<button type="submit" name="login-submit"
class="flex mx-auto text-white bg-blue-500 border-0 py-2 px-8 focus:outline-none hover:bg-blue-700 rounded text-lg">Login</button>
</div>
</div>
</form>
</div>
</section>
<?php include_once '_footer.php'; ?>