All materials
index.html
htmlindex.html
<!DOCTYPE html>
<html>
<head>
<title>Reseau Sante du Nord - EHR Login</title>
<style>
body { font-family: Arial, sans-serif; margin: 40px auto; max-width: 400px; }
h1 { text-align: center; color: #2c3e50; font-size: 1.4em; }
form { background: #f9f9f9; padding: 20px; border-radius: 4px; }
input { width: 100%; padding: 8px; margin: 8px 0; box-sizing: border-box; }
button { width: 100%; padding: 10px; background: #2c3e50; color: white; border: none; cursor: pointer; }
.error { color: #e74c3c; text-align: center; }
</style>
</head>
<body>
<h1>Reseau Sante du Nord<br>Electronic Health Records</h1>
{% if error %}<p class="error">{{ error }}</p>{% endif %}
<form method="POST">
<label>Username</label>
<input type="text" name="username" required>
<label>Password</label>
<input type="password" name="password" required>
<button type="submit">Login</button>
</form>
</body>
</html>