login.html (1373B) download
1<!DOCTYPE html>
2<html>
3<head>
4 <title>Login Page</title>
5 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
6 integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
7</head>
8<body>
9 <div class="container mx-auto text-center">
10 <div class="row">
11 <div class="col-md-12 title">
12 <h1>Welcome to Lollipop</h1>
13 <h4>Please log in</h4>
14 </div>
15 </div>
16 </div>
17 <div class="container mt-5">
18 <div class="row justify-content-center">
19 <div class="col-md-6">
20 <div class="card">
21 <div class="card-header">Login</div>
22 <div class="card-body">
23 <form method="POST" action="/login">
24 <div class="form-group">
25 <label for="email">Email:</label>
26 <input type="email" class="form-control" id="email" name="email"
27 placeholder="Enter email">
28 </div>
29 <div class="form-group">
30 <label for="password">Password:</label>
31 <input type="password" class="form-control" id="password" name="password"
32 placeholder="Enter password">
33 </div>
34 <button type="submit" name='login_btn' class="btn btn-primary">Login</button>
35 </form>
36 </div>
37 <div class="row justify-content-center">
38 {{msg}}
39 </div>
40 </div>
41 </div>
42 </div>
43 </div>
44</body>
45
46</html>