<header id="header">
    <div class="logo">
        {% include 'logo_svg.html' %}
    </div>
    <div class="content">
        <div class="inner">
            <h1>Aurore</h1>
            <p>Le fournisseur réseau de l'université Paris-Saclay.</p>
        </div>
    </div>
    <!-- Menu -->
    <nav id="nav">
        <ul class="left">
            <li><a href="#presentation">Présentation</a></li>
            <li><a href="#services">Services de l'association</a></li>
        </ul>
        <ul class="right">
            <li>
                <a href="#">Accès Internet</a>
                <ul>
                    <li><a href="#inscription">Inscription</a></li>
                    <li><a href="#connexion">Connexion</a></li>
                    <li><a href="#faq">FAQ</a></li>
                </ul>
            </li>
            <li><a href="#events">Foyers et évènements</a></li>
        </ul>
    </nav>
    <div class="soutien">
        <div class="left">
            <span>Avec le soutien de</span>
            <a href="http://www.crous-versailles.fr/" target="_blank"><img src="static/images/crous.png" /></a>
            <a href="https://www.universite-paris-saclay.fr/fr" target="_blank"><img src="static/images/universite_ps.png" /></a>
        </div>
        <div class="right">
            <span>Membre de</span>
            <a href="https://www.federez.net/" target="_blank"><img src="static/images/federez.png" /></a>
        </div>
    </div>
</header>
