-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
76 lines (72 loc) · 4.3 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="stylesheet" href="./static/css/styles.css">
<link rel="stylesheet" href="./static/css/login.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lora&display=swap" rel="stylesheet">
<!--Login script-->
<script defer src="./static/js/login/login.js"></script>
</head>
<body class="login">
<!-- Login page start -->
<section class="h-100 gradient-form" style="background-color: #eee;">
<div class="container py-5 h-100">
<div class="row d-flex justify-content-center align-items-center h-100">
<div class="col-xl-10">
<div class="card rounded-3 text-black">
<div class="row g-0">
<div class="col-lg-6">
<div class="card-body p-md-5 mx-md-4">
<!--Header-->
<div class="text-center">
<img src="./static/images/ecommerce.svg" style="width: 100px;" alt="logo">
<h4 class="mt-4 mb-4 pb-1"><b>We are The KNT Team</b></h4>
</div>
<!--Header-->
<!--Login form-->
<form action="pages/home.html" class="loginForm">
<div class="form-outline mb-4">
<label for="username" class="form-label">Username</label>
<input type="text" id="username" class="input form-control">
<span class="error-message form-text"></span>
</div>
<div class="form-outline mb-4">
<label for="password" class="form-label">Password</label>
<input type="password" id="password" class="input form-control">
<span class="error-message form-text"></span>
</div>
<div class="text-center pt-1 mb-5 pb-1">
<button class="btn btn-primary w-100 fa-lg gradient-custom-2 mb-3" type="submit">
Log in
</button>
</div>
</form>
<!--Login form-->
</div>
</div>
<div class="col-lg-6 d-flex align-items-center gradient-custom-2 d-none d-md-block">
<div class="text-white px-3 py-4 p-md-5 mx-md-4" style="text-align: center;">
<h4 class="mb-4">We are more than just a shop</h4>
<h1>すばらしい</h1>
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Login page start -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>