56 lines
No EOL
2.3 KiB
HTML
56 lines
No EOL
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>Register - SpotNotes.app</title>
|
|
<link rel="stylesheet" href="/assets/css/base.css">
|
|
<link rel="stylesheet" href="/assets/css/navbar.css">
|
|
<link rel="stylesheet" href="/assets/css/auth.css">
|
|
<link rel="icon" href="favicon.ico" type="image/x-icon" />
|
|
</head>
|
|
<body class="page-body">
|
|
<nav class="navbar">
|
|
<a href="/" class="brand">
|
|
<img src="/assets/images/spotnotes.png" alt="SpotNotes.app" style="height: 44px;">
|
|
</a>
|
|
<button class="nav-toggle" id="nav-toggle" aria-label="Toggle Navigation">☰</button>
|
|
<div class="nav-links" id="nav-links">
|
|
<a href="/login.html" id="link-login">Login</a>
|
|
<a href="/about.html">About</a>
|
|
<a href="/contact.html">Contact</a>
|
|
<a href="#" id="link-logout" style="display: none;">Logout</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="auth-container">
|
|
<img src="/assets/images/spotnotes.png" alt="SpotNotes.app" style="width: 95%;">
|
|
|
|
<h2 style="text-align:center; margin-bottom:20px;">Create Account</h2>
|
|
<form id="register-form">
|
|
<div class="form-group">
|
|
<label for="first-name">First Name</label>
|
|
<input type="text" id="first-name" required placeholder="First Name">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="last-name">Last Name</label>
|
|
<input type="text" id="last-name" required placeholder="Last Name">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="email">Email Address</label>
|
|
<input type="email" id="email" required placeholder="name@example.com">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="password">Password</label>
|
|
<input type="password" id="password" required placeholder="Create a password">
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Register</button>
|
|
</form>
|
|
<div class="links">
|
|
<a href="/login.html">Already have an account? Login</a> |
|
|
<a href="/">Back to Map</a>
|
|
</div>
|
|
</div>
|
|
<script src="/assets/js/auth.js"></script>
|
|
</body>
|
|
</html> |