templates/base.html.twig line 1

  1. <!DOCTYPE html>
  2. <html lang="fr">
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <title>{% block title %}Unité Locale de Toulouse - Croix Rouge française{% endblock %}</title>
  6.         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.         <meta name="description" content="{% block description %}Devenez bénévole à la Croix Rouge française de Toulouse et donnez du temps dans le domaine social ou du secourisme.{% endblock %}">
  8.         <link href="https://fonts.googleapis.com/css?family=Rubik:300,400,700|Oswald:400,700" rel="stylesheet">
  9.         <link rel="icon" href="{{ asset('build/images/favicon.ico') }}" />
  10.         {% block stylesheets %}
  11.             {{ encore_entry_link_tags('css/crf') }}
  12.         {% endblock %}
  13.         {% block javascript %}
  14.             <script src="https://www.google.com/recaptcha/enterprise.js?render=6LdVr70kAAAAALD6WteZmF08lk3HR9jvEEi9aTeh"></script>
  15.         {% endblock %}
  16.     </head>
  17.     <body data-spy="scroll" data-fontsize="1" data-target=".site-navbar-target" data-offset="300">
  18.         <div id="overlayer"></div>
  19.         <div class="loader">
  20.           <div class="spinner-border text-primary" role="status">
  21.             <span class="sr-only">Chargement...</span>
  22.           </div>
  23.         </div>
  24.         <div class="site-wrap" id="home-section">
  25.             {% block header %}
  26.             <div class="site-mobile-menu site-navbar-target">
  27.                 <div class="site-mobile-menu-header">
  28.                     <div class="site-mobile-menu-close mt-3">
  29.                         <span class="icon-close2 js-menu-toggle"></span>
  30.                     </div>
  31.                 </div>
  32.                 <div class="site-mobile-menu-body"></div>
  33.             </div>
  35.             <div class="top-bar">
  36.                 <div class="container">
  37.                     <div class="row">
  38.                         <div class="col-12">
  39.                             <a href="https://hautegaronne.croix-rouge.fr/les-unites-locales/unite-locale-de-toulouse/" class=""><i class="fas fa-home"></i> Unité Locale de Toulouse</a>
  40.                             <div class="float-end">
  41.                                 <a href="#" class="changetaille" data-size="0.1" alt="Agrandir la taille du texte"><i class="fas fa-font fa-xs" style="color: #e30613"></i><i class="fas fa-font" style="color: #e30613"></i><i class="fas fa-plus fa-xs" style="color: #e30613;"></i></a>&nbsp;
  42.                                 <a href="#" class="changetaille" data-size="-0.1" alt="Diminuer la taille du texte"><i class="fas fa-font" style="color: #e30613"></i><i class="fas fa-font  fa-xs" style="color: #e30613"></i><i class="fas fa-minus fa-xs" style="color: #e30613;"></i></a>
  43.                                 &nbsp;&nbsp;
  44.                                 <a href="https://www.facebook.com/crf.toulouse/" target="_blank" class=""><i class="fab fa-facebook"></i></a>
  45.                                 <a href="https://twitter.com/croixrougetlse/" target="_blank" class=""><i class="fab fa-twitter"></i></a>
  46.                                 <a href="https://www.instagram.com/croixrougetoulouse/" target="_blank" class=""><i class="fab fa-instagram"></i></a>
  47.                             </div>
  48.                         </div>
  49.                     </div>
  50.                 </div>
  51.             </div>
  53.             <header class="site-navbar js-sticky-header site-navbar-target" role="banner">
  54.                 <div class="container">
  55.                     <div class="row align-items-center position-relative">
  56.                         <div class="site-logo">
  57.                             <a href="/"><img src="{{ asset('build/images/logo_crf_toulouse.png') }}"></a>
  58.                         </div>
  59.                         <div class="col-12">
  60.                             <div class="site-navigation text-end ml-auto " role="navigation">
  61.                                 <ul class="site-menu main-menu js-clone-nav ml-auto d-none d-lg-block">
  62.                                     <li><a href="/#devenir" class="nav-link">Devenir Bénévole</a></li><li><a href="/suivi-dossier-benevole" class="nav-link">Suivre mon dossier</a></li>
  63.                                     <li><a href="https://hautegaronne.croix-rouge.fr/nous-aider/" class="nav-link">Nous aider</a></li>
  64.                                     <li><a href="/nous-contacter" class="nav-link">Nous contacter</a></li>
  65.                                 </ul>
  66.                             </div>
  67.                         </div>
  68.                         <div class="toggle-button d-inline-block d-lg-none"><a href="#" class="site-menu-toggle py-5 js-menu-toggle text-black"><span class="icon-menu h3"></span></a></div>
  69.                     </div>
  70.                 </div>
  71.             </header>
  72.             {% endblock %}
  73.             {% block body %}{% endblock %}
  74.             {% block footer %}
  75.             <footer class="site-footer">
  76.                 <div class="container">
  77.                     <div class="row">
  78.                         <div class="col-md-8">
  79.                             <div class="row">
  80.                                 <div class="col-md-11">
  81.                                     <h2 class="footer-heading mb-4">Croix Rouge française - Unité Locale de Toulouse</h2>
  82.                                     <p>
  83.                                         Créée par Henry Dunant, lors de la bataille de Solférino, la Croix-Rouge s’impose dès son origine comme un mouvement international d’aide et d’assistance aux victimes. La Croix-Rouge, par son action constante en faveur des victimes, et la diffusion de son éthique de tolérance et de dialogue contribue à la prévention des conflits et des tensions.
  84.                                     </p>
  85.                                 </div>
  86.                             </div>
  87.                         </div>
  88.                         <div class="col-md-4 ml-auto">
  89.                             <h2 class="footer-heading mb-4">Suivez-nous</h2>
  90.                             <a href="https://www.facebook.com/crf.toulouse/" target="_blank" class=""><i class="fab fa-facebook fa-2x"></i></a>
  91.                             <a href="https://twitter.com/croixrougetlse?lang=fr" target="_blank" class=""><i class="fab fa-twitter fa-2x"></i></a>
  92.                             <a href="https://www.instagram.com/croixrougetoulouse/" target="_blank" class=""><i class="fab fa-instagram fa-2x"></i></a>
  93.                         </div>
  94.                     </div>
  95.                     <div class="row pt-5 mt-5 text-center">
  96.                         <div class="col-md-12">
  97.                             <div class="border-top pt-5">
  98.                                 <p class="copyright">
  99.                                     Copyright © 2020 Croix-Rouge française - Unité locale de Toulouse. Tous droits réservés - <a href="https://hautegaronne.croix-rouge.fr/mentions-legales/">Mentions Légales</a> - <a href="/nous-contacter">Nous contacter</a>
  100.                                 </p>
  101.                             </div>
  102.                             <div class="border-top pt-5">
  103.                                 <p class="copyright" style="text-align: justify; font-size: 0.8em; font-style: italic;">
  104.                                     « Nous collectons des données personnelles vous concernant. Elles sont utilisées par la Croix-Rouge française pour la gestion de votre dossier de demande d'adhésion et sont transmises à la Direction de l'Engagement et de la Vie Associative de l'Unité Locale de Toulouse. Elles ne sont en aucun cas cédées à des tiers à des fins commerciales. Elles seront effacées immédiatement en cas d'arrêt du processus d'adhésion à l'association.<br />
  105.                                     Le responsable de traitement est le Président de la Croix-Rouge française et, par délégation, le Directeur général. Le Délégué à la protection des données personnelles peut être contacté au siège de la Croix-Rouge française au 98, rue Didot – 75014 Paris ou DPO@croix-rouge.fr.<br />
  106.                                     Conformément au règlement général sur la protection des données personnelles (règlement UE n° 2016/679 du 27 avril 2016), vous disposez d’un droit d’accès, de rectification, de suppression, d’opposition pour motif légitime, de limitation et de portabilité aux données qui vous concernent que vous pouvez exercer en vous adressant au Président de l'Unité Locale de Toulouse à l’adresse suivante : ul.toulouse@croix-rouge.fr Vous pouvez également introduire une réclamation auprès de la Commission nationale de l’informatique et des libertés (CNIL).
  107.                                 </p>
  108.                             </div>
  109.                         </div>
  110.                     </div>
  111.                 </div>
  112.             </footer>
  113.             {% endblock %}
  114.         </div>
  115.         {% block javascripts %}
  116.             {{ encore_entry_script_tags('js/crf') }}
  117.         {% endblock %}
  118.     </body>
  119. </html>