mirror of
https://github.com/thecyberlearn/quantum-ai-v2.git
synced 2026-08-18 11:12:58 +00:00
70 lines
3.0 KiB
HTML
70 lines
3.0 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 - NetCop Hub</title>
|
|
<style>
|
|
body { font-family: Arial, sans-serif; margin: 0; padding: 20px; background-color: #f5f5f5; }
|
|
.container { max-width: 400px; margin: 50px auto; }
|
|
.register-form { background: white; padding: 30px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
|
|
.form-group { margin-bottom: 20px; }
|
|
.form-group label { display: block; margin-bottom: 5px; font-weight: bold; }
|
|
.form-group input { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px; }
|
|
.btn { width: 100%; padding: 12px; background: #007bff; color: white; border: none; border-radius: 5px; cursor: pointer; font-size: 1em; }
|
|
.btn:hover { background: #0056b3; }
|
|
.messages { margin-bottom: 20px; }
|
|
.message { padding: 10px; border-radius: 4px; margin-bottom: 10px; }
|
|
.message.error { background: #ffe6e6; color: #cc0000; }
|
|
.message.success { background: #e6ffe6; color: #006600; }
|
|
.auth-links { text-align: center; margin-top: 20px; }
|
|
.auth-links a { color: #007bff; text-decoration: none; }
|
|
.auth-links a:hover { text-decoration: underline; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="register-form">
|
|
<h2>Register for NetCop Hub</h2>
|
|
|
|
{% if messages %}
|
|
<div class="messages">
|
|
{% for message in messages %}
|
|
<div class="message {{ message.tags }}">{{ message }}</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
|
|
<form method="post">
|
|
{% csrf_token %}
|
|
<div class="form-group">
|
|
<label for="username">Username:</label>
|
|
<input type="text" id="username" name="username" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="email">Email:</label>
|
|
<input type="email" id="email" name="email" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="password1">Password:</label>
|
|
<input type="password" id="password1" name="password1" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="password2">Confirm Password:</label>
|
|
<input type="password" id="password2" name="password2" required>
|
|
</div>
|
|
|
|
<button type="submit" class="btn">Register</button>
|
|
</form>
|
|
|
|
<div class="auth-links">
|
|
<p>Already have an account? <a href="{% url 'login' %}">Login here</a></p>
|
|
<p><a href="{% url 'homepage' %}">Back to Homepage</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |