login.html (1560B) download
1<!DOCTYPE html>
2<html>
3<head>
4 <title>Login Page</title>
5 <link rel="stylesheet" type="text/css" href="/css/login.css"/>
6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
7</head>
8<body>
9<nav class="navbar">
10 <ul>
11 <li><a href="/dashboard" class="a-small-logo"><IMG class="img-small-logo" SRC="/img/small_logo.png"></a></li>
12 <li><a href="/dashboard" class="a-big-logo"><IMG class="img-big-logo" SRC="/img/big-logo.png"></a></li>
13 </ul>
14</nav>
15 <div class="container mx-auto text-center">
16 <div class="row">
17 <div class="col-md-12 title">
18 <h1>Welcome to Panda Breeding Facilities</h1>
19 </div>
20 </div>
21 </div>
22 <div class="container">
23 <div class="row justify-content-center">
24 <div class="col-md-6">
25 <div class="card">
26 <div class="card-header"></div>
27 <div class="card-body">
28 <form method="POST" action="/login">
29 <div class="form-group">
30 <label for="email">Email:</label>
31 <input type="email" class="form-control" id="email" name="email"
32 placeholder="Enter email" required>
33 </div>
34 <div class="form-group">
35 <label for="password">Password:</label>
36 <input type="password" class="form-control" id="password" name="password"
37 placeholder="Enter password" required>
38 </div>
39 <button type="submit" name='login_btn' class="btn btn-primary">Login</button>
40 </form>
41 </div>
42 <div class="row justify-content-center">
43 </div>
44 </div>
45 </div>
46 </div>
47 </div>
48</body>
49
50</html>