{% extends "base.html" %}

{% block "content" %}
<div id="main-login-container" class="container">
    <div class="row row-centered">
    <div class="col-xs-10 col-sm-8 col-md-8 col-centered">
        <header>
            <div class="banner">
                <h1>GestioJeux &ndash; Mode de connexion</h1>
            </div>
        </header>
        <div class="container-fluid">
        <div class="row" style="margin:0;">
            <a aria-label="Compte clipper"
                    href="{{ cas_url }}">
                <div class="col-xs-12 col-sm-6" id="login_clipper">
                    Compte clipper
                </div>
            </a>
            <a  aria-label="Extérieur" 
                    href="{{ pass_url }}">
                <div class="col-xs-12 col-sm-6" id="login_outsider">
                    Extérieur
                </div>
            </a>
        </div>
        </div>
    </div>
    </div>
</div>

{% endblock %}