index.html

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
    <head>
        <meta charset=utf-8>
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
        <link href="https://fonts.googleapis.com/css?family=Belgrano|Roboto|Roboto+Condensed" rel="stylesheet">
        <link rel="stylesheet" href="style/main.css">

        <title>afup - Logos &amp; Identity Guidelines</title>
    </head>
    <body>
        <div class="container-fluid">
        <div class="row flex-xl-nowrap">
        <div class="col-12 col-md-3 col-xl-2 bd-sidebar">

            <nav class="col-md-2 d-none d-md-block bg-light sidebar">
                <div class="sidebar-sticky">

                    <a href="#">
                        <img src="assets/afup/afup-icon-color.png" style="max-width: 25%; margin: 0 auto; display: block"/>
                    </a>

                    <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
                        <span><a href="#introduction">Introduction</a></span>
                    </h6>
                    <ul class="nav flex-column mb-2">
                        <li class="nav-item">
                            <a class="nav-link" href="#reference-documents">Reference Documents</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#fonts">Fonts</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#colors">Colors</a>
                        </li>
                    </ul>

                    <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
                        <span><a href="#afup-logo">The AFUP Logo</a></span>
                    </h6>
                    <ul class="nav flex-column mb-2">
                        <li class="nav-item">
                            <a class="nav-link" href="#afup-logo-full">Full logo with name & text</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#afup-logo-icon-and-name">Icon & name</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#afup-logo-icon">Icon</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#afup-logo-special-icon">Special icon</a>
                        </li>
                    </ul>

                    <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
                        <span><a href="#forum-php-logo">The Forum PHP Logo</a></span>
                    </h6>
                    <ul class="nav flex-column mb-2">
                        <li class="nav-item">
                            <a class="nav-link" href="#forum-php-logo">Logo</a>
                        </li>
                    </ul>

                    <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
                        <span><a href="#php-tour-logo">The PHP Tour Logo</a></span>
                    </h6>
                    <ul class="nav flex-column mb-2">
                        <li class="nav-item">
                            <a class="nav-link" href="#php-tour-logo">Logo</a>
                        </li>
                    </ul>

                    <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
                        <span><a href="#afup-day-logo">The AFUP Day Logo</a></span>
                    </h6>
                    <ul class="nav flex-column mb-2">
                        <li class="nav-item">
                            <a class="nav-link" href="#afup-day-logo-2025">2025</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#afup-day-logo-2024">2024</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#afup-day-logo-2023">2023</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#afup-day-logo-2022">2022</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#afup-day-logo-2021">2021</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#afup-day-logo-2020">2020</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#afup-day-logo-2019">2019</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#afup-day-logo-editable">Editable</a>
                        </li>
                    </ul>

                    <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
                        <span><a href="#local-user-groups">Local user groups</a></span>
                    </h6>
                    <ul class="nav flex-column mb-2">
                        <li class="nav-item">
                            <a class="nav-link" href="#local-user-group-aixmarseille">Aix-Marseille</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#local-user-group-bordeaux">Bordeaux</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#local-user-group-hdf">Hauts-de-France</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#local-user-group-limoges">Limoges</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#local-user-group-lorraine">Lorraine</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#local-user-group-luxembourg">Luxembourg</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#local-user-group-lyon">Lyon</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#local-user-group-montpellier">Montpellier</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#local-user-group-nantes">Nantes</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#local-user-group-paris">Paris</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#local-user-group-poitiers">Poitiers</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#local-user-group-reims">Reims</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#local-user-group-rennes">Rennes</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#local-user-group-toulouse">Toulouse</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#local-user-group-tours">Tours</a>
                        </li>
                    </ul>

                    <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
                        <span><a href="#apero-php">Apero PHP Logo</a></span>
                    </h6>
                    <ul class="nav flex-column mb-2">
                        <li class="nav-item">
                            <a class="nav-link" href="#apero-php">Logo</a>
                        </li>
                    </ul>

                    <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
                        <span><a href="#slack">Slack</a></span>
                    </h6>
                    <ul class="nav flex-column mb-2">
                        <li class="nav-item">
                            <a class="nav-link" href="#slack">Logo</a>
                        </li>
                    </ul>

                    <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
                        <span><a href="#veille">Veille</a></span>
                    </h6>
                    <ul class="nav flex-column mb-2">
                        <li class="nav-item">
                            <a class="nav-link" href="#veille">Logo</a>
                        </li>
                    </ul>

                   <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
                        <span><a href="#barometre">Baromètre</a></span>
                    </h6>
                    <ul class="nav flex-column mb-2">
                        <li class="nav-item">
                            <a class="nav-link" href="#barometre">Logo</a>
                        </li>
                    </ul>

                </div>
            </nav>
        </div>

        <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content">
        <div class="container">
            <section>
                <h1>Logos &amp; Identity Guidelines</h1>
                <p class="lead">This page presents the guidelines around afup's identity and its logos.</p>
            </section>

            <section>
                <h2><a name="introduction">Introduction</a></h2>
                <p>The afup's logo was designed by <a href="https://twitter.com/shinze">Gaëtan Ark</a> from Les Polypodes.</p>
                <p>It conveys the notion of a community made of different communities, local groups, people, volunteers… All around a cube representing the basic element of construction.</p>
                <h3><a name="reference-documents">Reference Documents</a></h3>
                <p>Here are the documents provided by Gaëtan. In case of any doubt, they are the ones to use as a reference.</p>
                <ul>
                    <li><a href="assets/afup-logos-reference-CMYK.ai">afup-logos-reference-CMYK.ai</a></li>
                    <li><a href="assets/afup-logos-CMYK(editable).ai">afup-logos-CMYK(editable).ai</a></li>
                    <li><a href="assets/afup-logos-RGB(editable).ai">afup-logos-RGB(editable).ai</a></li>
                </ul>
                <h3><a name="fonts">Fonts</a></h3>
                <div class="row">
                    <div class="col-sm-12 alert alert-warning">
                        <p>When working on these logos, the following fonts have to installed on your system:</p>
                        <ul>
                            <li>Roboto Condensed <a href="https://www.google.com/fonts/download?kit=FaUEKJ5JLqAPj8QFvDB8Ld-ZezQ4spFTdVX5n4WoKD8"><span class="fa fa-download"></span> from Google Font</a></li>
                            <li>Belgrano <a href="https://www.google.com/fonts/download?kit=A9qrTyVOOTFgk57025i_Ny3USBnSvpkopQaUR-2r7iU"><span class="fa fa-download"></span> from Google Font</a></li>
                        </ul>
                    </div>
                </div>

                <h3><a name="colors">Colors</a></h3>
                <p>The two main colors of the logos are</p>
                <div class="row text-center">
                    <div class="col-sm-6" style="background-color: #1d2241;">
                        <div class="color-sample">
                            #1d2241<br />
                            R:&nbsp;29 G:&nbsp;34 B:&nbsp;65
                        </div>
                    </div>
                    <div class="col-sm-6" style="background-color: #36a7df;">
                        <div class="color-sample">
                            #36a7df<br />
                            R:&nbsp;54 G:&nbsp;167 B:&nbsp;223
                        </div>
                    </div>
                </div>
            </section>

            <section>
                <h2><a name="afup-logo">The afup logo</a></h2>

                <h3><a name="afup-logo-full">Full logo with name &amp; text</a></h3>
                <div class="row text-center justify-content-md-center">
                    <div class="col-sm-6 col-sm-offset-3 airy-bottom">
                        <img class="width100" src="assets/afup/afup-logo-full-color.svg" alt="afup's logo - full - color">
                    </div>
                    <div class="col-sm-12 airy-bottom">
                        <a href="assets/afup/afup-logo-full-color.svg" class="btn btn-outline-secondary" download="afup-logo-full-color.svg"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afup/afup-logo-full-color.png" class="btn btn-outline-secondary" download="afup-logo-full-color.png"><span class="fa fa-download"></span> PNG</a>

                    </div>
                </div>
                <div class="row text-center justify-content-md-center">
                    <div class="col-sm-6 col-sm-offset-3 airy-bottom">
                        <img class="width100" src="assets/afup/afup-logo-full-black.svg" alt="afup's logo - full - black">
                    </div>
                    <div class="col-sm-12 airy-bottom">
                        <a href="assets/afup/afup-logo-full-black.svg" class="btn btn-outline-secondary" download="afup-logo-full-black.svg"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afup/afup-logo-full-black.png" class="btn btn-outline-secondary" download="afup-logo-full-black.png"><span class="fa fa-download"></span> PNG</a>

                    </div>
                </div>
                <div class="row text-center justify-content-md-center">
                    <div class="col-sm-6 col-sm-offset-3 airy-bottom">
                        <img class="width100" src="assets/afup/afup-logo-full-inverted.svg" alt="afup's logo - full - inverted">
                    </div>
                    <div class="col-sm-12 airy-bottom">
                        <a href="assets/afup/afup-logo-full-inverted.svg" class="btn btn-outline-secondary" download="afup-logo-full-inverted.svg"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afup/afup-logo-full-inverted.png" class="btn btn-outline-secondary" download="afup-logo-full-inverted.png"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>

                <h3><a name="afup-logo-icon-and-name">Icon &amp; name</a></h3>
                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afup/afup-icon+name-color.svg" alt="">
                        </div>
                        <a href="assets/afup/afup-icon+name-color.svg" class="btn btn-outline-secondary" download="afup-icon+name-color.svg"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afup/afup-icon+name-color.png" class="btn btn-outline-secondary" download="afup-icon+name-color.png"><span class="fa fa-download"></span> PNG</a>

                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afup/afup-icon+name-black.svg" alt="">
                        </div>
                        <a href="assets/afup/afup-icon+name-black.svg" class="btn btn-outline-secondary" download="afup-icon+name-black.svg"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afup/afup-icon+name-black.png" class="btn btn-outline-secondary" download="afup-icon+name-black.png"><span class="fa fa-download"></span> PNG</a>

                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afup/afup-icon+name-inverted.svg" alt="">
                        </div>
                        <a href="assets/afup/afup-icon+name-inverted.svg" class="btn btn-outline-secondary" download="afup-icon+name-inverted.svg"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afup/afup-icon+name-inverted.png" class="btn btn-outline-secondary" download="afup-icon+name-inverted.png"><span class="fa fa-download"></span> PNG</a>

                    </div>
                </div>

                <h3><a name="afup-logo-icon">Icon</a></h3>
                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afup/afup-icon-color.svg" alt="">
                        </div>
                        <a href="assets/afup/afup-icon-color.svg" class="btn btn-outline-secondary" download="afup-icon-color.svg"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afup/afup-icon-color.png" class="btn btn-outline-secondary" download="afup-icon-color.png"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afup/afup-icon-black.svg" alt="">
                        </div>
                        <a href="assets/afup/afup-icon-black.svg" class="btn btn-outline-secondary" download="afup-icon-black.svg"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afup/afup-icon-black.png" class="btn btn-outline-secondary" download="afup-icon-black.png"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afup/afup-icon-inverted.svg" alt="">
                        </div>
                        <a href="assets/afup/afup-icon-inverted.svg" class="btn btn-outline-secondary" download="afup-icon-inverted.svg"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afup/afup-icon-inverted.png" class="btn btn-outline-secondary" download="afup-icon-inverted.png"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>

                <h3><a name="afup-logo-special-icon">Special icon</a></h3>
                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom"></div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afup/afup-special-icon-20.svg" alt="">
                        </div>
                        <a href="assets/afup/afup-special-icon-20.svg" class="btn btn-outline-secondary" download="afup-special-icon-20.svg"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afup/afup-special-icon-20.png" class="btn btn-outline-secondary" download="afup-special-icon-20.png"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom"></div>
                </div>
            </section>

            <section>
                <h2><a name="forum-php-logo">The Forum PHP logo</a></h2>

                <div class="row text-center airy-bottom justify-content-md-center">
                    <div class="col-sm-3">
                        <img class="width100" src="assets/forumphp/forumphp-logo-editable.svg" alt="Logo Forum PHP 2017 (editable)">
                    </div>
                    <div class="col-sm-3">
                        <img class="width100" src="assets/forumphp/forumphp-2018-vecto.svg" alt="Logo Forum PHP 2018 (vectorise)">
                    </div>
                </div>
                <div class="row text-center justify-content-md-center">
                    <div class="col-sm-3">
                        <a href="assets/forumphp/forumphp-logo-editable.svg" class="btn btn-outline-secondary" download="forumphp-logo.svg"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/forumphp/forumphp-2017-1000x480.png" class="btn btn-outline-secondary" download="forumphp-2017-1000x480.png"><span class="fa fa-download"></span> PNG</a>
                    </div>

                    <div class="col-sm-3">
                        <a href="assets/forumphp/forumphp-2018-vecto.svg" class="btn btn-outline-secondary" download="forumphp-2018-vecto.svg"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/forumphp/forumphp-2018-vecto-1000x480.png" class="btn btn-outline-secondary" download="forumphp-2018-vecto-1000×480.png"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>

                <div class="row text-center airy-bottom justify-content-md-center" style="margin-top:20px">
                    <div class="col-sm-3">
                        <img class="width100" src="assets/forumphp/forumphp-2019-vecto.svg" alt="Logo Forum PHP 2019 (vectorise)">
                    </div>
                    <div class="col-sm-3">
                        <img class="width100" src="assets/forumphp/forumphp-2020-vecto.svg" alt="Logo Forum PHP 2020 (vectorise)">
                    </div>
                </div>
                <div class="row text-center justify-content-md-center">
                    <div class="col-sm-3">
                        <a href="assets/forumphp/forumphp-2019-vecto.svg" class="btn btn-outline-secondary" download="forumphp-2019-vecto.svg"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/forumphp/forumphp-2019-1000x480.png" class="btn btn-outline-secondary" download="forumphp-2019-1000×480.png"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-3">
                        <a href="assets/forumphp/forumphp-2020-vecto.svg" class="btn btn-outline-secondary" download="forumphp-2020-vecto.svg"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/forumphp/forumphp-2020-1000x480.png" class="btn btn-outline-secondary" download="forumphp-2020-1000x480.png"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>

                <div class="row text-center airy-bottom justify-content-md-center" style="margin-top:20px">
                    <div class="col-sm-3">
                        <img class="width100" src="assets/forumphp/forumphp-2021-vecto.svg" alt="Logo Forum PHP 2021 (vectorise)">
                    </div>
                    <div class="col-sm-3">
                        <img class="width100" src="assets/forumphp/forumphp-2022-vecto.svg" alt="Logo Forum PHP 2022 (vectorise)">
                    </div>
                </div>
                <div class="row text-center justify-content-md-center">
                    <div class="col-sm-3">
                        <a href="assets/forumphp/forumphp-2021-vecto.svg" class="btn btn-outline-secondary" download="forumphp-2021-vecto.svg"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/forumphp/forumphp-2021-1000x486.png" class="btn btn-outline-secondary" download="forumphp-2021-1000×486.png"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-3">
                        <a href="assets/forumphp/forumphp-2022-vecto.svg" class="btn btn-outline-secondary" download="forumphp-2022-vecto.svg"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/forumphp/forumphp-2022-1000x486.png" class="btn btn-outline-secondary" download="forumphp-2022-1000×486.png"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>
                <div class="row text-center airy-bottom justify-content-md-center" style="margin-top:20px">
                    <div class="col-sm-3">
                        <img class="width100" src="assets/forumphp/forumphp-2023-vecto.svg" alt="Logo Forum PHP 2023 (vectorise)">
                    </div>
                    <div class="col-sm-3">
                        <img class="width100" src="assets/forumphp/forumphp-2024-vecto.svg" alt="Logo Forum PHP 2024 (vectorise)">
                    </div>
                </div>
                <div class="row text-center justify-content-md-center">
                    <div class="col-sm-3">
                        <a href="assets/forumphp/forumphp-2023-vecto.svg" class="btn btn-outline-secondary" download="forumphp-2023-vecto.svg"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/forumphp/forumphp-2023-1000x486.png" class="btn btn-outline-secondary" download="forumphp-2023-1000×486.png"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-3">
                        <a href="assets/forumphp/forumphp-2024-vecto.svg" class="btn btn-outline-secondary" download="forumphp-2024-vecto.svg"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/forumphp/forumphp-2024-1000x486.png" class="btn btn-outline-secondary" download="forumphp-2024-1000×486.png"><span class="fa fa-download"></span> PNG</a>
 
                    </div>
                </div>
                <div class="row text-center airy-bottom justify-content-md-center" style="margin-top:20px">
                    <div class="col-sm-3">
                        <img class="width100" src="assets/forumphp/forumphp-2025-vecto.svg" alt="Logo Forum PHP 2025 (vectorise)">
                    </div>
                    <div class="col-sm-3">
                        <img class="width100" src="assets/forumphp/forumphp-2026-vecto.svg" alt="Logo Forum PHP 2026 (vectorise)">
                    </div>
                </div>
                <div class="row text-center justify-content-md-center">
                    <div class="col-sm-3">
                        <a href="assets/forumphp/forumphp-2025-vecto.svg" class="btn btn-outline-secondary" download="forumphp-2025-vecto.svg"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/forumphp/forumphp-2025-1000x486.png" class="btn btn-outline-secondary" download="forumphp-2025-1000×486.png"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-3">
                        <a href="assets/forumphp/forumphp-2026-vecto.svg" class="btn btn-outline-secondary" download="forumphp-2026-vecto.svg"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/forumphp/forumphp-2026-1000x486.png" class="btn btn-outline-secondary" download="forumphp-2026-1000×486.png"><span class="fa fa-download"></span> PNG</a>
 
                    </div>
                </div>
                <div class="row text-center airy-bottom justify-content-md-center" style="margin-top:20px">
                    <div class="col-sm-3">
                        <img class="width100" src="assets/forumphp/forumphp-2027-vecto.svg" alt="Logo Forum PHP 2027 (vectorise)">
                    </div>
                    <div class="col-sm-3">
                        <img class="width100" src="assets/forumphp/forumphp-2028-vecto.svg" alt="Logo Forum PHP 2028 (vectorise)">
                    </div>
                </div>
                <div class="row text-center justify-content-md-center">
                    <div class="col-sm-3">
                        <a href="assets/forumphp/forumphp-2027-vecto.svg" class="btn btn-outline-secondary" download="forumphp-2027-vecto.svg"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/forumphp/forumphp-2027-1000x486.png" class="btn btn-outline-secondary" download="forumphp-2027-1000×486.png"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-3">
                        <a href="assets/forumphp/forumphp-2028-vecto.svg" class="btn btn-outline-secondary" download="forumphp-2028-vecto.svg"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/forumphp/forumphp-2028-1000x486.png" class="btn btn-outline-secondary" download="forumphp-2028-1000×486.png"><span class="fa fa-download"></span> PNG</a>
 
                    </div>
                </div>
                <div class="row text-center airy-bottom justify-content-md-center" style="margin-top:20px">
                    <div class="col-sm-3">
                        <img class="width100" src="assets/forumphp/forumphp-2029-vecto.svg" alt="Logo Forum PHP 2029 (vectorise)">
                    </div>
                    <div class="col-sm-3">
                    </div>
                </div>
                <div class="row text-center justify-content-md-center">
                    <div class="col-sm-3">
                        <a href="assets/forumphp/forumphp-2029-vecto.svg" class="btn btn-outline-secondary" download="forumphp-2029-vecto.svg"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/forumphp/forumphp-2029-1000x486.png" class="btn btn-outline-secondary" download="forumphp-2029-1000×486.png"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-3">
                    </div>
                </div>

            </section>

            <section>
                <h2><a name="php-tour-logo">The PHP Tour logo</a></h2>
                <div class="row text-center airy-bottom justify-content-md-center">
                    <div class="col-sm-4">
                        <img class="width100" src="assets/phptour/phptour-logo.svg" alt="afup's logo - full - color">
                    </div>
                </div>
                <div class="row text-center airy-bottom">
                    <div class="col-sm-12">
                        <a href="assets/phptour/phptour-logo.svg" class="btn btn-outline-secondary" download="phptour-logo.svg"><span class="fa fa-download"></span> SVG</a>
                    </div>
                </div>

                <div class="row text-center airy-bottom justify-content-md-center">
                    <div class="col-sm-3">
                        <img class="width100 airy-bottom" src="assets/phptour/phptour-logo-2018-montpellier.svg" alt="afup's logo - full - color">
                        <a href="assets/phptour/phptour-logo-2018-montpellier.svg" class="btn btn-outline-secondary" download="phptour-logo-2018-montpellier.svg"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/phptour/phptour-logo-2018-montpellier.png" class="btn btn-outline-secondary" download="phptour-logo-2018-montpellier.png"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-3">
                        <img class="width100 airy-bottom" src="assets/phptour/phptour-logo-2017-nantes.svg" alt="afup's logo - full - color">
                        <a href="assets/phptour/phptour-logo-2017-nantes.svg" class="btn btn-outline-secondary" download="phptour-logo-2017-nantes.svg"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/phptour/phptour-logo-2017-nantes.png" class="btn btn-outline-secondary" download="phptour-logo-2017-nantes.png"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>

                <div class="row text-center airy-bottom justify-content-md-center">
                    <div class="col-sm-3">
                        <img class="width100 airy-bottom" src="assets/phptour/phptour-logo-2016-clermont-ferrand.svg" alt="afup's logo - full - color">
                        <a href="assets/phptour/phptour-logo-2016-clermont-ferrand.svg" class="btn btn-outline-secondary" download="phptour-logo-2016-clermont-ferrand.svg"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/phptour/phptour-logo-2016-clermont-ferrand.png" class="btn btn-outline-secondary" download="phptour-logo-2016-clermont-ferrand.png"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-3">
                        <img class="width100 airy-bottom" src="assets/phptour/phptour-logo-2015-luxembourg.svg" alt="afup's logo - full - color">
                        <a href="assets/phptour/phptour-logo-2015-luxembourg.svg" class="btn btn-outline-secondary" download="phptour-logo-2015-luxembourg.svg"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/phptour/phptour-logo-2015-luxembourg.png" class="btn btn-outline-secondary" download="phptour-logo-2015-luxembourg.png"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>
            </section>

            <section>
                <h2><a name="afup-day-logo">The AFUP Day logo</a></h2>

                <h3><a name="afup-day-logo-2025">2025</a></h3>


                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afupday/2025/afup-day-2025-generic.svg" />
                        </div>
                        <a href="assets/afupday/2025/afup-day-2025-generic.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afupday/2025/afup-day-2025-generic.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afupday/2025/afup-day-2025-lille.svg" />
                        </div>
                        <a href="assets/afupday/2025/afup-day-2025-lille.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afupday/2025/afup-day-2025-lille.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afupday/2025/afup-day-2025-lyon.svg" />
                        </div>
                        <a href="assets/afupday/2025/afup-day-2025-lyon.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afupday/2025/afup-day-2025-lyon.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afupday/2025/afup-day-2025-poitiers.svg" />
                        </div>
                        <a href="assets/afupday/2025/afup-day-2025-poitiers.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afupday/2025/afup-day-2025-poitiers.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>

                <h3><a name="afup-day-logo-2024">2024</a></h3>


                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afupday/2024/afup-day-2024-generic.svg" />
                        </div>
                        <a href="assets/afupday/2024/afup-day-2024-generic.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afupday/2024/afup-day-2024-generic.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afupday/2024/afup-day-2024-lille.svg" />
                        </div>
                        <a href="assets/afupday/2024/afup-day-2024-lille.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afupday/2024/afup-day-2024-lille.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afupday/2024/afup-day-2024-lyon.svg" />
                        </div>
                        <a href="assets/afupday/2024/afup-day-2024-lyon.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afupday/2024/afup-day-2024-lyon.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afupday/2024/afup-day-2024-poitiers.svg" />
                        </div>
                        <a href="assets/afupday/2024/afup-day-2024-poitiers.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afupday/2024/afup-day-2024-poitiers.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afupday/2024/afup-day-2024-nancy.svg" />
                        </div>
                        <a href="assets/afupday/2024/afup-day-2024-nancy.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afupday/2024/afup-day-2024-nancy.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
 
                </div>


                <h3><a name="afup-day-logo-2023">2023</a></h3>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afupday/2023/afup-day-2023-generic.svg" />
                        </div>
                        <a href="assets/afupday/2023/afup-day-2023-generic.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afupday/2023/afup-day-2023-generic.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afupday/2023/afup-day-2023-lille.svg" />
                        </div>
                        <a href="assets/afupday/2023/afup-day-2023-lille.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afupday/2023/afup-day-2023-lille.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afupday/2023/afup-day-2023-lyon.svg" />
                        </div>
                        <a href="assets/afupday/2023/afup-day-2023-lyon.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afupday/2023/afup-day-2023-lyon.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>

                <h3><a name="afup-day-logo-2022">2022</a></h3>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afupday/2022/afup-day-2022-generic.svg" />
                        </div>
                        <a href="assets/afupday/2022/afup-day-2022-generic.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afupday/2022/afup-day-2022-generic.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>

                <h3><a name="afup-day-logo-2021">2021</a></h3>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afupday/2021/afup-day-2021-generic.svg" />
                        </div>
                        <a href="assets/afupday/2021/afup-day-2021-generic.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afupday/2021/afup-day-2021-generic.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afupday/2021/afup-day-2021-lille.svg" />
                        </div>
                        <a href="assets/afupday/2021/afup-day-2021-lille.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afupday/2021/afup-day-2021-lille.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afupday/2021/afup-day-2021-toulouse.svg" />
                        </div>
                        <a href="assets/afupday/2021/afup-day-2021-toulouse.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afupday/2021/afup-day-2021-toulouse.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afupday/2021/afup-day-2021-rennes.svg" />
                        </div>
                        <a href="assets/afupday/2021/afup-day-2021-rennes.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afupday/2021/afup-day-2021-rennes.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afupday/2021/afup-day-2021-tours.svg" />
                        </div>
                        <a href="assets/afupday/2021/afup-day-2021-tours.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afupday/2021/afup-day-2021-tours.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>

                <h3><a name="afup-day-logo-2020">2020</a></h3>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afupday/2020/afup-day-2020-generic.svg" />
                        </div>
                        <a href="assets/afupday/2020/afup-day-2020-generic.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afupday/2020/afup-day-2020-generic.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afupday/2020/afup-day-2020-lille.svg" />
                        </div>
                        <a href="assets/afupday/2020/afup-day-2020-lille.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afupday/2020/afup-day-2020-lille.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afupday/2020/afup-day-2020-lyon.svg" />
                        </div>
                        <a href="assets/afupday/2020/afup-day-2020-lyon.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afupday/2020/afup-day-2020-lyon.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afupday/2020/afup-day-2020-nantes.svg" />
                        </div>
                        <a href="assets/afupday/2020/afup-day-2020-nantes.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afupday/2020/afup-day-2020-nantes.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afupday/2020/afup-day-2020-tours.svg" />
                        </div>
                        <a href="assets/afupday/2020/afup-day-2020-tours.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afupday/2020/afup-day-2020-tours.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>

                <h3><a name="afup-day-logo-2019">2019</a></h3>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afupday/2019/afup-day-2019-generic.svg" />
                        </div>
                        <a href="assets/afupday/2019/afup-day-2019-generic.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afupday/2019/afup-day-2019-generic.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afupday/2019/afup-day-2019-lille.svg" />
                        </div>
                        <a href="assets/afupday/2019/afup-day-2019-lille.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afupday/2019/afup-day-2019-lille.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afupday/2019/afup-day-2019-lyon.svg" />
                        </div>
                        <a href="assets/afupday/2019/afup-day-2019-lyon.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afupday/2019/afup-day-2019-lyon.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afupday/2019/afup-day-2019-rennes.svg" />
                        </div>
                        <a href="assets/afupday/2019/afup-day-2019-rennes.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/afupday/2019/afup-day-2019-rennes.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>

                <h3><a name="afup-day-logo-editable">Editable</a></h3>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/afupday/afup-day-editable.svg" />
                        </div>
                        <a href="assets/afupday/afup-day-editable.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                    </div>
                </div>
            </section>


            <section>
                <h2><a name="local-user-groups">Local user groups logos</a></h2>


                <h3><a name="local-user-group-aixmarseille">Aix-Marseille</a></h3>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img src="assets/local_user_groups/aix.marseille/afup-aix.marseille_icon_colors-and-white_for-dark-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/aix.marseille/afup-aix.marseille_icon_colors-and-white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/aix.marseille/afup-aix.marseille_icon_colors-and-white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                    </div>
                </div>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img class="width100" src="assets/local_user_groups/aix.marseille/afup-aix.marseille_icon-and-text_colors-and-white_for-dark-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/aix.marseille/afup-aix.marseille_icon-and-text_colors-and-white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/aix.marseille/afup-aix.marseille_icon-and-text_colors-and-white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img class="width100" src="assets/local_user_groups/aix.marseille/afup-aix.marseille_icon-and-text_colors-and-transparent_for-bright-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/aix.marseille/afup-aix.marseille_icon-and-text_colors-and-transparent_for-bright-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/aix.marseille/afup-aix.marseille_icon-and-text_colors-and-transparent_for-bright-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>


                <h3><a name="local-user-group-bordeaux">Bordeaux</a></h3>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img src="assets/local_user_groups/bordeaux/afup-bordeaux_icon_colors-and-white_for-dark-background.svg" />

                        </div>
                        <a href="assets/local_user_groups/bordeaux/afup-bordeaux_icon_colors-and-white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/bordeaux/afup-bordeaux_icon_colors-and-white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                    </div>
                </div>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img class="width100" src="assets/local_user_groups/bordeaux/afup-bordeaux_icon-and-text_colors-and-white_for-dark-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/bordeaux/afup-bordeaux_icon-and-text_colors-and-white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/bordeaux/afup-bordeaux_icon-and-text_colors-and-white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img class="width100" src="assets/local_user_groups/bordeaux/afup-bordeaux_icon-and-text_colors-and-transparent_for-bright-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/bordeaux/afup-bordeaux_icon-and-text_colors-and-transparent_for-bright-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/bordeaux/afup-bordeaux_icon-and-text_colors-and-transparent_for-bright-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>


                <h3><a name="local-user-group-hdf">Hauts-de-France</a></h3>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img src="assets/local_user_groups/hauts.de.france/afup-hauts.de.france_icon_colors-and-white_for-dark-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/hauts.de.france/afup-hauts.de.france_icon_colors-and-white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/hauts.de.france/afup-hauts.de.france_icon_colors-and-white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                    </div>
                </div>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img class="width100" src="assets/local_user_groups/hauts.de.france/afup-hauts.de.france_icon-and-text_colors-and-white_for-dark-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/hauts.de.france/afup-hauts.de.france_icon-and-text_colors-and-white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/hauts.de.france/afup-hauts.de.france_icon-and-text_colors-and-white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img class="width100" src="assets/local_user_groups/hauts.de.france/afup-hauts.de.france_icon-and-text_colors-and-transparent_for-bright-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/hauts.de.france/afup-hauts.de.france_icon-and-text_colors-and-transparent_for-bright-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/hauts.de.france/afup-hauts.de.france_icon-and-text_colors-and-transparent_for-bright-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>


                <h3><a name="local-user-group-limoges">Limoges</a></h3>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img src="assets/local_user_groups/limoges/afup-limoges_icon_colors-and-white_for-dark-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/limoges/afup-limoges_icon_colors-and-white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/limoges/afup-limoges_icon_colors-and-white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                    </div>
                </div>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img class="width100" src="assets/local_user_groups/limoges/afup-limoges_icon-and-text_colors-and-white_for-dark-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/limoges/afup-limoges_icon-and-text_colors-and-white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/limoges/afup-limoges_icon-and-text_colors-and-white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img class="width100" src="assets/local_user_groups/limoges/afup-limoges_icon-and-text_colors-and-transparent_for-bright-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/limoges/afup-limoges_icon-and-text_colors-and-transparent_for-bright-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/limoges/afup-limoges_icon-and-text_colors-and-transparent_for-bright-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>

                <h3><a name="local-user-group-lorraine">Lorraine</a></h3>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img src="assets/local_user_groups/lorraine/afup-lorraine_icon_colors-and-white_for-dark-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/lorraine/afup-lorraine_icon_colors-and-white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/lorraine/afup-lorraine_icon_colors-and-white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                    </div>
                </div>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img class="width100" src="assets/local_user_groups/lorraine/afup-lorraine_icon-and-text_colors-and-white_for-dark-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/lorraine/afup-lorraine_icon-and-text_colors-and-white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/lorraine/afup-lorraine_icon-and-text_colors-and-white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img class="width100" src="assets/local_user_groups/lorraine/afup-lorraine_icon-and-text_colors-and-transparent_for-bright-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/lorraine/afup-lorraine_icon-and-text_colors-and-transparent_for-bright-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/lorraine/afup-lorraine_icon-and-text_colors-and-transparent_for-bright-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>


                <h3><a name="local-user-group-luxembourg">Luxembourg</a></h3>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img src="assets/local_user_groups/luxembourg/afup-luxembourg_icon_colors-and-white_for-dark-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/luxembourg/afup-luxembourg_icon_colors-and-white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/luxembourg/afup-luxembourg_icon_colors-and-white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                    </div>
                </div>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img class="width100" src="assets/local_user_groups/luxembourg/afup-luxembourg_icon-and-text_colors-and-white_for-dark-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/luxembourg/afup-luxembourg_icon-and-text_colors-and-white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/luxembourg/afup-luxembourg_icon-and-text_colors-and-white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img class="width100" src="assets/local_user_groups/luxembourg/afup-luxembourg_icon-and-text_colors-and-transparent_for-bright-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/luxembourg/afup-luxembourg_icon-and-text_colors-and-transparent_for-bright-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/luxembourg/afup-luxembourg_icon-and-text_colors-and-transparent_for-bright-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>


                <h3><a name="local-user-group-lyon">Lyon</a></h3>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img src="assets/local_user_groups/lyon/afup-lyon_icon_white_for-dark-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/lyon/afup-lyon_icon_white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/lyon/afup-lyon_icon_white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img src="assets/local_user_groups/lyon/afup-lyon_icon_colors-and-white_for-dark-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/lyon/afup-lyon_icon_colors-and-white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/lyon/afup-lyon_icon_colors-and-white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/local_user_groups/lyon/afup-lyon_icon_colors-and-transparent_for-bright-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/lyon/afup-lyon_icon_colors-and-transparent_for-bright-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/lyon/afup-lyon_icon_colors-and-transparent_for-bright-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img class="width100" src="assets/local_user_groups/lyon/afup-lyon_icon-and-text_white_for-dark-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/lyon/afup-lyon_icon-and-text_white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/lyon/afup-lyon_icon-and-text_white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img class="width100" src="assets/local_user_groups/lyon/afup-lyon_icon-and-text_colors-and-white_for-dark-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/lyon/afup-lyon_icon-and-text_colors-and-white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/lyon/afup-lyon_icon-and-text_colors-and-white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img class="width100" src="assets/local_user_groups/lyon/afup-lyon_icon-and-text_colors-and-transparent_for-bright-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/lyon/afup-lyon_icon-and-text_colors-and-transparent_for-bright-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/lyon/afup-lyon_icon-and-text_colors-and-transparent_for-bright-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>


                <h3><a name="local-user-group-montpellier">Montpellier</a></h3>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img src="assets/local_user_groups/montpellier/afup-montpellier_icon_colors-and-white_for-dark-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/montpellier/afup-montpellier_icon_colors-and-white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/montpellier/afup-montpellier_icon_colors-and-white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                    </div>
                </div>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img class="width100" src="assets/local_user_groups/montpellier/afup-montpellier_icon-and-text_colors-and-white_for-dark-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/montpellier/afup-montpellier_icon-and-text_colors-and-white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/montpellier/afup-montpellier_icon-and-text_colors-and-white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img class="width100" src="assets/local_user_groups/montpellier/afup-montpellier_icon-and-text_colors-and-transparent_for-bright-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/montpellier/afup-montpellier_icon-and-text_colors-and-transparent_for-bright-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/montpellier/afup-montpellier_icon-and-text_colors-and-transparent_for-bright-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>


                <h3><a name="local-user-group-nantes">Nantes</a></h3>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img src="assets/local_user_groups/nantes/afup-nantes_icon_colors-and-white_for-dark-background.svg" />

                        </div>
                        <a href="assets/local_user_groups/nantes/afup-nantes_icon_colors-and-white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/nantes/afup-nantes_icon_colors-and-white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                    </div>
                </div>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img class="width100" src="assets/local_user_groups/nantes/afup-nantes_icon-and-text_colors-and-white_for-dark-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/nantes/afup-nantes_icon-and-text_colors-and-white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/nantes/afup-nantes_icon-and-text_colors-and-white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img class="width100" src="assets/local_user_groups/nantes/afup-nantes_icon-and-text_colors-and-transparent_for-bright-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/nantes/afup-nantes_icon-and-text_colors-and-transparent_for-bright-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/nantes/afup-nantes_icon-and-text_colors-and-transparent_for-bright-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>


                <h3><a name="local-user-group-paris">Paris</a></h3>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img src="assets/local_user_groups/paris/afup-paris_icon_colors-and-white_for-dark-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/paris/afup-paris_icon_colors-and-white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/paris/afup-paris_icon_colors-and-white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                    </div>
                </div>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img class="width100" src="assets/local_user_groups/paris/afup-paris_icon-and-text_colors-and-white_for-dark-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/paris/afup-paris_icon-and-text_colors-and-white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/paris/afup-paris_icon-and-text_colors-and-white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img class="width100" src="assets/local_user_groups/paris/afup-paris_icon-and-text_colors-and-transparent_for-bright-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/paris/afup-paris_icon-and-text_colors-and-transparent_for-bright-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/paris/afup-paris_icon-and-text_colors-and-transparent_for-bright-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>

                <h3><a name="local-user-group-poitiers">Poitiers</a></h3>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img src="assets/local_user_groups/poitiers/afup-poitiers_icon_colors-and-white_for-dark-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/poitiers/afup-poitiers_icon_colors-and-white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/poitiers/afup-poitiers_icon_colors-and-white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                    </div>
                </div>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img class="width100" src="assets/local_user_groups/poitiers/afup-poitiers_icon-and-text_colors-and-white_for-dark-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/poitiers/afup-poitiers_icon-and-text_colors-and-white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/poitiers/afup-poitiers_icon-and-text_colors-and-white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img class="width100" src="assets/local_user_groups/poitiers/afup-poitiers_icon-and-text_colors-and-transparent_for-bright-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/poitiers/afup-poitiers_icon-and-text_colors-and-transparent_for-bright-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/poitiers/afup-poitiers_icon-and-text_colors-and-transparent_for-bright-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>


                <h3><a name="local-user-group-reims">Reims</a></h3>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img src="assets/local_user_groups/reims/afup-reims_icon_colors-and-white_for-dark-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/reims/afup-reims_icon_colors-and-white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/reims/afup-reims_icon_colors-and-white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                    </div>
                </div>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img class="width100" src="assets/local_user_groups/reims/afup-reims_icon-and-text_colors-and-white_for-dark-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/reims/afup-reims_icon-and-text_colors-and-white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/reims/afup-reims_icon-and-text_colors-and-white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img class="width100" src="assets/local_user_groups/reims/afup-reims_icon-and-text_colors-and-transparent_for-bright-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/reims/afup-reims_icon-and-text_colors-and-transparent_for-bright-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/reims/afup-reims_icon-and-text_colors-and-transparent_for-bright-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>


                <h3><a name="local-user-group-rennes">Rennes</a></h3>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img src="assets/local_user_groups/rennes/afup-rennes_icon_white_for-dark-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/rennes/afup-rennes_icon_white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/rennes/afup-rennes_icon_white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img src="assets/local_user_groups/rennes/afup-rennes_icon_colors-and-white_for-dark-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/rennes/afup-rennes_icon_colors-and-white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/rennes/afup-rennes_icon_colors-and-white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img src="assets/local_user_groups/rennes/afup-rennes_icon_colors-and-transparent_for-bright-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/rennes/afup-rennes_icon_colors-and-transparent_for-bright-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/rennes/afup-rennes_icon_colors-and-transparent_for-bright-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img class="width100" src="assets/local_user_groups/rennes/afup-rennes_icon-and-text_white_for-dark-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/rennes/afup-rennes_icon-and-text_white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/rennes/afup-rennes_icon-and-text_white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img class="width100" src="assets/local_user_groups/rennes/afup-rennes_icon-and-text_colors-and-white_for-dark-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/rennes/afup-rennes_icon-and-text_colors-and-white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/rennes/afup-rennes_icon-and-text_colors-and-white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img class="width100" src="assets/local_user_groups/rennes/afup-rennes_icon-and-text_colors-and-transparent_for-bright-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/rennes/afup-rennes_icon-and-text_colors-and-transparent_for-bright-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/rennes/afup-rennes_icon-and-text_colors-and-transparent_for-bright-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>


                <h3><a name="local-user-group-toulouse">Toulouse</a></h3>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img src="assets/local_user_groups/toulouse/afup-toulouse_icon_colors-and-white_for-dark-background.svg" />
 
                        </div>
                        <a href="assets/local_user_groups/toulouse/afup-toulouse_icon_colors-and-white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/toulouse/afup-toulouse_icon_colors-and-white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                    </div>
                </div>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img class="width100" src="assets/local_user_groups/toulouse/afup-toulouse_icon-and-text_colors-and-white_for-dark-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/toulouse/afup-toulouse_icon-and-text_colors-and-white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/toulouse/afup-toulouse_icon-and-text_colors-and-white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img class="width100" src="assets/local_user_groups/toulouse/afup-toulouse_icon-and-text_colors-and-transparent_for-bright-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/toulouse/afup-toulouse_icon-and-text_colors-and-transparent_for-bright-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/toulouse/afup-toulouse_icon-and-text_colors-and-transparent_for-bright-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>


                <h3><a name="local-user-group-tours">Tours</a></h3>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img src="assets/local_user_groups/tours/afup-tours_icon_colors-and-white_for-dark-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/tours/afup-tours_icon_colors-and-white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/tours/afup-tours_icon_colors-and-white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                    </div>
                </div>

                <div class="row text-center">
                    <div class="col-sm-4 airy-bottom">
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom" style="background-color: #1d2241">
                            <img class="width100" src="assets/local_user_groups/tours/afup-tours_icon-and-text_colors-and-white_for-dark-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/tours/afup-tours_icon-and-text_colors-and-white_for-dark-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/tours/afup-tours_icon-and-text_colors-and-white_for-dark-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                    <div class="col-sm-4 airy-bottom">
                        <div class="airy-bottom">
                            <img class="width100" src="assets/local_user_groups/tours/afup-tours_icon-and-text_colors-and-transparent_for-bright-background.svg" />
                        </div>
                        <a href="assets/local_user_groups/tours/afup-tours_icon-and-text_colors-and-transparent_for-bright-background.svg" class="btn btn-outline-secondary"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/local_user_groups/tours/afup-tours_icon-and-text_colors-and-transparent_for-bright-background.png" class="btn btn-outline-secondary"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>
            </section>

            <section>
                <h2><a name="apero-php">Apéros PHP</a></h2>
                <div class="row text-center airy-bottom justify-content-md-center">
                    <div class="col-sm-4">
                        <img class="width100" src="assets/apero_php/logo_apero_php.png">
                    </div>
                </div>
                <div class="row text-center airy-bottom">
                    <div class="col-sm-12">
                        <a href="assets/apero_php/logo_apero_php.svg" class="btn btn-outline-secondary" download="apero-php-logo.svg"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/apero_php/logo_apero_php.png" class="btn btn-outline-secondary" download="apero-php-logo.png"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>
            </section>

            <section>
                <h2><a name="slack">Slack</a></h2>
                <div class="row text-center airy-bottom justify-content-md-center">
                    <div class="col-sm-4">
                        <img class="width100" src="assets/slack/logo_slack.png">
                    </div>
                </div>
                <div class="row text-center airy-bottom">
                    <div class="col-sm-12">
                        <a href="assets/slack/logo_slack.svg" class="btn btn-outline-secondary" download="slack-logo.svg"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/slack/logo_slack.png" class="btn btn-outline-secondary" download="slack-logo.png"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>
            </section>

            <section>
                <h2><a name="veille">Veille</a></h2>
                <div class="row text-center airy-bottom justify-content-md-center">
                    <div class="col-sm-4">
                        <img class="width100" src="assets/veille/logo_veille.png">
                    </div>
                </div>
                <div class="row text-center airy-bottom">
                    <div class="col-sm-12">
                        <a href="assets/veille/logo_veille.svg" class="btn btn-outline-secondary" download="veille-logo.svg"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/veille/logo_veille.png" class="btn btn-outline-secondary" download="veille-logo.png"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>
            </section>

            <section>
                <h2><a name="barometre">Baromètre</a></h2>
                <div class="row text-center airy-bottom justify-content-md-center">
                    <div class="col-sm-4">
                        <img class="width100" src="assets/barometre/logo_barometre.png">
                    </div>
                </div>
                <div class="row text-center airy-bottom">
                    <div class="col-sm-12">
                        <a href="assets/barometre/logo_barometre.svg" class="btn btn-outline-secondary" download="barometre-logo.svg"><span class="fa fa-download"></span> SVG</a>
                        <a href="assets/barometre/logo_barometre.png" class="btn btn-outline-secondary" download="barometre-logo.png"><span class="fa fa-download"></span> PNG</a>
                    </div>
                </div>
            </section>

        </div>
        </main>
        </div>
        </div>

        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
    </body>
</html>