templates/_footer.html.twig line 1

  1. <footer>
  2.     <div id="contact" class="container-fluid bg-black text-white px-5 py-2 f_serif">
  3.         <div class="row row-cols-1 mt-5 pt-4">
  5.             <div class="col my-5">
  6.                 <div class="row">
  8.                     <div class="col-sm-12 col-md-4 row-cols-12 px-0 py-2 text-center">
  10.                         <div class="col mb-5">
  11.                             <div class="mb-3">
  12.                                 <img src="{{ asset('img/logo_dsides_blanc.png') }}" class="img-fluid w-50" alt="dsides_logo">
  13.                             </div>
  14.                             <address class="text_footer_address">
  15.                                 <p>7 rue René Boulanger<br>
  16.                                     Métro République<br>
  17.                                     75010 Paris - France</p>
  18.                                 <p>
  19.                                 <a href="mailto:alain.germain@dsides.net" class="text-white no_style">contact[at]dsides.net</a>
  20.                             </address>
  21.                         </div>
  22.                         <div class="col d-inline-flex flex-column align-items-center">
  23.                             <a href="https://lesept.org" class="mx-auto">
  24.                                 <img src="{{ asset('img/logo-lesept.png') }}" class="rounded-3" width="100" alt="Logo du sept">
  25.                             </a>
  26.                             <p class="py-3">
  27.                                 <a href="https://cogx.fr" target="_blank" class="p-1 link-secondary_light text-decoration-none">CogiX</a>
  28.                                 <a href="https://groupe-interface.fr" target="_blank" class="p-1 link-secondary_light text-decoration-none">Interface</a>
  29.                             </p>
  30.                         </div>
  32.                     </div>
  34.                     <div class="col-sm-12 col-md-4 py-2">
  35.                         <div class="row">
  36.                             <div class="col-md-12">
  37.                                 <h5 class="fs-4 lead fw-bold">Liens Importants</h5>
  38.                                 <ul class="listFooter lead p-0 fs-5 text-secondary_light">
  39.                                     <li class="p-2"><a href="https://lesept.org" class="link-secondary_light text-decoration-none pb-3" >Le Sept</a></li>
  40.                                     <li class="p-2"><a href="{{ path('app_about_us') }}" class="link-secondary_light text-decoration-none pb-3" >Qui sommes-nous ?</a></li>
  41.                                     <li class="p-2"><a href="{{ path('app_vimeo') }}" class="link-secondary_light text-decoration-none pb-3" >Vidéo Dsides</a></li>
  42.                                     <li class="p-2"><a href="{{ path('app_teams_dsides') }}" class="link-secondary_light text-decoration-none pb-3" >L'équipe</a></li>
  43.                                     <li class="p-2"><a href="{{ path('app_hiring') }}" class="link-secondary_light text-decoration-none pb-3" >Recrutement</a></li>
  44.                                     <li class="p-2"><a href="{{ path('app_privacy_confidentiality') }}" class="link-secondary_light text-decoration-none pb-3" >Politique de confidentialité</a></li>
  45.                                 </ul>
  46.                             </div>
  47.                             {% if categories is defined and categories is not null %}
  48.                             <div class="col-md-12 py-3">
  49.                                 <h5 class="fs-4 lead py-2 fw-bold">Tags filtres</h5>
  50.                                 <div id="list-filter" class="d-flex flex-row flex-wrap g-2 text-start bg-black">
  51.                                     <a type="button" class="link-secondary_light bg-black text-decoration-none border border-1 border-white p-2 m-1 rounded-3" data-filter="*">Tout</a>
  52.                                     {% for categorie in categories %}
  53.                                         {% if categorie.isMenu %}
  54.                                             <a type="button" class="link-secondary_light bg-black text-decoration-none border border-1 border-white p-2 m-1 rounded-3" data-filter="{{ '.' ~ categorie.name|slug('_') }}">{{ categorie.name|capitalize }}</a>
  55.                                         {% endif %}
  56.                                     {% endfor %}
  57.                                 </div>
  58.                             </div>
  59.                             {% endif %}
  61.                         </div>
  63.                     </div>
  65.                     <div class="col-sm-12 col-md-4 text-start px-3 py-2">
  66.                         <h5 class="lead fs-4 fw-bold fst-italic pb-3">Prêt pour le grand plongeon?</h5>
  67.                         <p class="lead text_small_responsive me-5 pe-4">
  68.                             DSides est une agence de conseil en transformation, véritable laboratoire, de prospective et d'expérimentation qui traite de l'impact des technologies numériques
  69.                             sur nos façons de penser, de travailler et d'apprendre.
  70.                             Il accompagne de grosses entreprises françaises dans les mutations que cela implique.
  71.                         </p>
  73.                     </div>
  74.                 </div>
  75.             </div>
  77.             <div class="col">
  79.                 <div class="row py-2 border-top">
  80.                     <div class="col-md-4 d-flex align-items-center justify-content-md-start justify-content-center py-2">
  81.                         <p class="m-0">© {{ "now"|date("Y") }} Dsides@Work</p>
  82.                     </div>
  83.                     <div class="col-md-4 d-flex align-items-center justify-content-center py-2">
  84.                         <a href="{{ path('home') }}" class="link-dark text-decoration-none p-0">
  85.                             <img src="{{ asset('img/logo_dsides_blanc.png') }}" width="110" alt="dsides_logo">
  86.                         </a>
  87.                     </div>
  88.                     <div class="col-md-4 d-flex align-items-center justify-content-center justify-content-md-end py-2">
  89.                         <a href="https://instagram.com/dsidescreativeagency?igshid=YmMyMTA2M2Y" class="text-white">
  90.                             <i class="fab fa-instagram fa-2x"></i>
  91.                         </a>
  92.                         <a href="https://www.linkedin.com/company/dsides/posts/?feedView=all" class="text-white ms-3">
  93.                             <i class="fab fa-linkedin fa-2x"></i>
  94.                         </a>
  95.                     </div>
  97.                 </div>
  99.             </div>
  100.         </div>
  101.     </div>
  102. </footer>