<!DOCTYPE>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/css/style.css">
<title>Signin</title>
</head>
<body>
<!-- Header -->
<header class="container">
<hgroup>
<h1> Portail des utilisateurs </h1>
<h2> Gérez votre utilisateur sur kitoy.me </h2>
</hgroup>
<nav>
<ul>
<li>Theme:</li>
<li><a href="#" data-theme-switcher="auto">Auto</a></li>
<li><a href="#" data-theme-switcher="light">Light</a></li>
<li><a href="#" data-theme-switcher="dark">Dark</a></li>
</ul>
</nav>
</header><!-- ./ Header -->
<main class="container">
<h2> Page de login de kitoy.me</h2>
<form method="POST">
<!-- Markup example 2: input is after label -->
<label for="Login"> Login </label>
<input type="Login" id="Login" name="login" placeholder="Login" value="$login$" required>
<label for="Password"> Mot de passe </label>
<input type="Password" id="Password" name="password" placeholder="Password" value="" required>
<!-- Button -->
<button type="submit"> Se connecter </button>
</form>
<p>message debug: $msg$</p>
</main>
<!-- Minimal theme switcher -->
<script src="/js/theme-switcher.js"></script>
</body>
</html>