templates/about_us/tutelles.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}CEP-I Liste des tutelles{% endblock %}
  5. {% block stylesheets %}
  6.   <link rel="shortcut icon" type="image/x-icon" href="/assets/images/favicon.ico">
  7.   <link rel="stylesheet" type="text/css" href="/assets/vendor/magnific-popup.css">
  8.   <link rel="stylesheet" type="text/css" href="/assets/vendor/slick-master/slick/slick.css">
  9.   <link rel="stylesheet" type="text/css" href="/assets/vendor/selectric/public/selectric.css">
  10.   <link rel="stylesheet" type="text/css" href="/assets/css/bundle.css">
  11. {% endblock %}
  13. {% block breadcrumps %}
  14.   <div class="breadcrumps breadcrumps--primary">
  15.     <div class="shell">
  16.       <ul>
  17.         <li>
  18.           <a href="/">Accueil</a>
  19.         </li>
  21.         <li>
  22.           <a href="/">Qui sommes nous ?</a>
  23.         </li>
  25.         <li>
  26.           <a href="{{ path('tutelles') }}">Liste des tutelles</a>
  27.         </li>
  28.       </ul>
  29.     </div><!-- /.shell -->
  30.   </div><!-- /.breadcrumps -->
  31. {% endblock %}
  33. {% block body %}
  36.   <section class="section-teritary">
  37.     <div class="shell">
  38.       <header class="section__head">
  39.         <h2>
  40.           Qui sommes-nous ?
  42.           <span>Liste des tutelles</span>
  43.         </h2>
  44.       </header><!-- /.section__head -->
  46.     </div><!-- /.shell -->
  47.   </section><!-- /.section -->
  49.   <section class="section section--articles-def">
  50.     <div class="shell">
  52.       <div class="section__body">
  53.         <div class="articles articles--secondary">
  55.           {% for tutelle in tutelles %}
  57.           <div class="article article--secondary">
  58.             <div class="article__inner">
  59.               <div class="article__image">
  60.                 <div class="article__image-inner" {% if tutelle.image %} style="background-size : contain;background-position: center; background-repeat: no-repeat; background-image: url(/assets/uploads/tutelle/{{ tutelle.id }}/{{ tutelle.image }});" {% endif %}></div>
  61.               </div><!-- /.article__image -->
  63.               <div class="article__body" style="min-height: 486px;">
  64.                 <ul class="list-infos">
  65.                   <li>
  66.                     <p>
  67.                       <strong>Nom de la tutelle</strong>
  68.                       {{ tutelle.name }}
  69.                     </p>
  70.                   </li>
  72.                   {% if tutelle.message %}
  73.                   <li>
  74.                     <p>
  75.                       <strong>Message</strong>
  76.                         {{ tutelle.message }}
  77.                     </p>
  78.                   </li>
  79.                   {% endif %}
  81.                   {% if tutelle.adress or tutelle.city or tutelle.postalCode %}
  82.                   <li>
  83.                     <p>
  84.                       <strong>Adresse</strong>
  85.                       {% if tutelle.adress %}{{ tutelle.adress }}<br>{% endif %}
  86.                       {% if tutelle.postalCode %}{{ tutelle.postalCode }}<br>{% endif %}
  87.                         {{ tutelle.city }}
  88.                     </p>
  89.                   </li>
  90.                   {% endif %}
  92.                   {% if tutelle.phoneNumber %}
  93.                   <li>
  94.                     <p>
  95.                       <strong>Téléphone</strong>
  96.                       <a href="tel:{{ tutelle.phoneNumber }}">{{ tutelle.phoneNumber }}</a>
  97.                     </p>
  98.                   </li>
  99.                   {% endif %}
  101.                   {% if tutelle.website %}
  102.                   <li>
  103.                     <p>
  104.                       <strong>Site web</strong>
  105.                       <a target="_blank" href="{{ tutelle.website }}">{{ tutelle.website }}</a>
  106.                     </p>
  107.                   </li>
  108.                   {% endif %}
  110.                   {% if tutelle.email %}
  111.                   <li>
  112.                     <p>
  113.                       <strong>Email</strong>
  114.                       <a href="mailto:{{ tutelle.email }}">{{ tutelle.email }}</a>
  115.                     </p>
  116.                   </li>
  117.                   {% endif %}
  118.                 </ul><!-- /.list-infos -->
  120.               </div><!-- /.article__body -->
  121.             </div><!-- /.article__inner -->
  122.           </div><!-- /.article -->
  124.           {% endfor %}
  126.         </div><!-- /.articles -->
  127.       </div><!-- /.section__body -->
  128.     </div><!-- /.shell -->
  129.   </section><!-- /.section -->
  132.     {% include '__includes__/newsletterForm.html.twig' %}
  134. {% endblock %}
  136. {% block javascripts %}
  137.   <script src="/assets/vendor/jquery-3.1.1.min.js"></script>
  138.   <script src="/assets/vendor/magnific-popup.js"></script>
  139.   <script src="/assets/vendor/slick-master/slick/slick.min.js"></script>
  140.   <script src="/assets/vendor/selectric/public/jquery.selectric.min.js"></script>
  141.   <script src="/assets/vendor/jquery-scrollLock.min.js"></script>
  142.   <script src="/assets/vendor/validator.js"></script>
  143.   <script src="/assets/js/bundle.js"></script>
  144. {% endblock %}