48 lines
2.3 KiB
HTML
48 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Login | Kube</title>
|
|
<link rel="icon" type="image/svg+xml" href="/assets/images/favicon.svg" />
|
|
<link rel="icon" type="image/png" href="/assets/images/favicon-96x96.png" sizes="96x96" />
|
|
<link rel="shortcut icon" href="/assets/images/favicon.ico" />
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicon-apple.png" />
|
|
<meta name="apple-mobile-web-app-title" content="Kube" />
|
|
<link rel="stylesheet" href="/css/styles.css">
|
|
<link rel="manifest" href="/manifest.json" />
|
|
<script src="/app.js" defer></script>
|
|
</head>
|
|
<body>
|
|
<div class="loginContainer">
|
|
<div class="loginImage">
|
|
<img src="/assets/images/background.png" alt="Oriam Background">
|
|
</div>
|
|
<div class="loginPane">
|
|
<div class="loginLogo">
|
|
<img src="/assets/images/favicon-192x192.png" alt="Kube Logo">
|
|
<p>Kube is a progressive web application (PWA)
|
|
coded in HTML, CSS & JS which is used for
|
|
tracking and optimising club transport.</p>
|
|
</div>
|
|
<div class="loginHeader">
|
|
<h2>Login</h2>
|
|
<h3>Please enter your login credentials below</h3>
|
|
</div>
|
|
<div class="loginForm">
|
|
<form id="loginForm">
|
|
<div class="formGroup">
|
|
<label for="username">Username</label>
|
|
<input type="text" id="username" name="username" placeholder="Enter your username" required aria-label="Username input">
|
|
</div>
|
|
<div class="formGroup">
|
|
<label for="password">Password</label>
|
|
<input type="password" id="password" name="password" placeholder="Enter your password" required aria-label="Password input">
|
|
</div>
|
|
<button type="submit" class="submitBtn">Login</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |