<div class="container">
    <div class="columns is-mobile">
        <div class="
            column 
            is-10-mobile is-offset-1-mobile
            is-8-tablet is-offset-2-tablet
            is-6-desktop is-offset-3-desktop
            is-4-widescreen is-offset-4-widescreen
        ">
            <form class="box" method="POST">
                <div class="has-text-centered">
                    <img class="mb-4" src="/img/logo.png" alt="DarKou">
                </div>
                <div class="is-size-3">
                    Inscription
                </div>
                <div class="field">
                    <label class="label" for="email">Nom d'utilisateur</label>
                    <div class="control">
                        <input class="input" type="text" name="username" id="username" placeholder="ex : darkou">
                    </div>
                </div>  
                <div class="field">
                    <label class="label" for="email">Adresse e-mail</label>
                    <div class="control">
                        <input class="input" type="email" name="email" id="email" placeholder="ex : damien@darkou.fr">
                    </div>
                </div>              
                <div class="field">
                    <label class="label" for="password">Mot de passe</label>
                    <div class="control">
                        <input class="input" type="password" name="password" id="password" placeholder="********">
                    </div>
                </div>

                <div class="has-text-right mb-3">
                    <p>Déjà inscrit ? <a href="/connexion">Connectez-vous</a></p>
                </div>
              
                <button class="button is-link">Inscription</button>
              </form>
        </div>
    </div>
</div>