templates/home.html.twig line 1

Open in your IDE?
  1. {%
  2.     set layout = 'layout/layout-fullwidth.html.twig'
  3. %}
  5. {% extends layout %}
  7. {% block page_content %}
  8.     <section class="slider-home">
  9.         <div class="title-container">
  10.             <div class="container">
  11.                 <h1 class="hero-title">30 ans d'accompagnement à la sécurisation des communs agrosylvopastoraux dans la vallée du Sénégal</h1>
  12.                 <p class="hero-subtitle">Etude AFD CZZ 2667 01 J, Novembre 2023</p>
  13.             </div>
  14.         </div>
  15.         <div class="image-wrapper">
  16.             <div class="image-container">
  17.                 <div class="image-bg" style="background-image: url('build/images/slider-home-1.jpg');"></div>
  18.             </div>
  19.             <div class="image-container">
  20.                 <div class="image-bg" style="background-image: url('build/images/slider-home-2.jpg');"></div>
  21.             </div>
  22.         </div>
  23.     </section>
  24.     <!--banner-section end-->
  26.     {% for category in categories %}
  27.         {% if articles[ category.slug ] is not empty %}
  28.             <section class="vds-main">
  29.                 <div class="vidz-row">
  30.                     <div class="container">
  31.                         <div class="vidz_sec">
  32.                             <h3>{{ category.title }}</h3>
  33.                             <div class="vidz_list">
  34.                                 <div class="row">
  35.                                     {% for article in articles[ category.slug ] %}
  36.                                         <div class="col-lg-3 col-md-6 col-sm-6 col-6 full_wdth">
  37.                                             <article>
  38.                                                 {% include "components/video.html.twig" with {'article': article}  %}
  39.                                             </article>
  40.                                         </div>
  42.                                     {% endfor %}
  43.                                 </div>
  44.                             </div>
  45.                             <!--vidz_list end-->
  46.                         </div>
  47.                         <!--vidz_videos end-->
  48.                     </div>
  49.                 </div>
  50.             </section>
  51.         {% endif %}
  52.     {% endfor %}
  53.     <!--vds-main end-->
  55.     <section class="more_items_sec text-center">
  56.         <div class="container">
  57.             <a href="#" title="">
  58.                 <svg width="19" height="24" viewbox="0 0 19 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  59.                     <path d="M18.1618 24.0001H0.838235C0.374412 24.0001 0 23.6261 0 23.1628V5.86052C0 5.39727 0.374412 5.02332 0.838235 5.02332H18.1618C18.6256 5.02332 19 5.39727 19 5.86052V23.1628C19 23.6261 18.6256 24.0001 18.1618 24.0001ZM1.67647 22.3256H17.3235V6.69773H1.67647V22.3256Z" fill="#9494A0"/>
  60.                     <g opacity="0.25">
  61.                         <path opacity="0.25" d="M13.1324 4.18605C12.6685 4.18605 12.2941 3.81209 12.2941 3.34884V1.67442H6.70589V3.34884C6.70589 3.81209 6.33148 4.18605 5.86765 4.18605C5.40383 4.18605 5.02942 3.81209 5.02942 3.34884V0.83721C5.02942 0.373954 5.40383 0 5.86765 0H13.1324C13.5962 0 13.9706 0.373954 13.9706 0.83721V3.34884C13.9706 3.81209 13.5962 4.18605 13.1324 4.18605Z" fill="#9494A0"/>
  62.                     </g>
  63.                     <path d="M9.50001 19.3479C9.28487 19.3479 9.06972 19.267 8.90766 19.1024L5.92634 16.1275C5.59942 15.801 5.59942 15.2707 5.92634 14.9442C6.25325 14.6177 6.78413 14.6177 7.11104 14.9442L9.50001 17.3275L11.8862 14.9442C12.2131 14.6177 12.744 14.6177 13.0709 14.9442C13.3978 15.2707 13.3978 15.801 13.0709 16.1275L10.0924 19.1024C9.93031 19.267 9.71516 19.3479 9.50001 19.3479Z" fill="#9494A0"/>
  64.                     <path d="M9.49999 18.4186C9.03617 18.4186 8.66176 18.0447 8.66176 17.5814V10.3256C8.66176 9.86236 9.03617 9.4884 9.49999 9.4884C9.96382 9.4884 10.3382 9.86236 10.3382 10.3256V17.5814C10.3382 18.0447 9.96382 18.4186 9.49999 18.4186Z" fill="#9494A0"/>
  65.                     <g opacity="0.5">
  66.                         <path opacity="0.5" d="M15.6471 6.69764C15.1832 6.69764 14.8088 6.32369 14.8088 5.86043V4.18601H4.19118V5.86043C4.19118 6.32369 3.81677 6.69764 3.35294 6.69764C2.88912 6.69764 2.51471 6.32369 2.51471 5.86043V3.34881C2.51471 2.88555 2.88912 2.5116 3.35294 2.5116H15.6471C16.1109 2.5116 16.4853 2.88555 16.4853 3.34881V5.86043C16.4853 6.32369 16.1109 6.69764 15.6471 6.69764Z" fill="#9494A0"/>
  67.                     </g>
  68.                 </svg>
  69.             </a>
  70.         </div>
  71.     </section>
  72.     <!--more_items_sec end-->
  75.     <section class="partenaires">
  76.         <div class="container">
  77.             <div class="row text-center">
  78.                 <div class="col-lg-12 col-md-12 col-sm-12 col-12 text-center">
  79.                     <h3>Nos Partenaires</h3>
  80.                 </div>
  81.             </div>
  82.             <div class="row">
  83.                 <div class="col-lg-3 col-md-6 col-sm-6 col-12 text-center">
  84.                     <img src="build/images/partenaires/logo-cirad.jpg" alt="">
  85.                 </div>
  86.                 <div class="col-lg-3 col-md-6 col-sm-6 col-12 text-center">
  87.                     <img src="build/images/partenaires/sens.png" alt="">
  88.                 </div>
  89.             </div>
  90.         </div>
  91.     </section>
  92. {% endblock %}