templates/accueil/fr/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Accueil{% endblock %}
  5. {% block body %}
  7.     <div style="background-image: url('{{ asset('uploads/images/'~ images['image-haut'].url) }}'); width: 100%; min-height: 600px; background-position: center; position: relative; background-repeat: no-repeat;background-size: cover"
  8.          class="primary">
  10.         <div class="fs-1 fw-semibold  position-absolute top-50  start-50 translate-middle  text-white"
  11.              style="height: 10vh">
  12.             « PLACE AUX JEUNES ! »
  13.         </div>
  15.         <a href="#section1">
  16.             <button type="button"
  17.                     class="btn btn-primary fw-semibold p-3 mx-auto position-absolute top-75 start-50 translate-middle">
  18.                 Découvrir
  19.             </button>
  20.         </a>
  22.     </div>
  25.     <div class=" w-100 pb-5" style="min-height: 100vh" id="section1">
  28.         <div class="container-fluid" style="min-height: 80vh">
  30.             <div class="row align-items-center d-flex">
  32.                 <div class="col-md-6 col-sm-12 p-md-5 p-2  my-5 ">
  33.                     <div class="px-2 px-md-5 justify-content-evenly" style="text-align: justify">
  34.                         <span class="fw-bold fs-3" style="color: #6E8BC4">Nos objectifs</span> <br>
  35.                         {% if texts is not empty and texts['text-1'].content is not empty %}
  36.                             {{ texts['text-1'].content|raw }}
  37.                         {% endif %}
  38.                     </div>
  40.                 </div>
  42.                 <div class="col col-md-6 col-sm-12 my-5 ">
  43.                     <div class="videoWrapper mx-auto w-100 w-md-75 my-5">
  44.                         <iframe src="https://www.youtube.com/embed/MbRe7Kl1yng" title="YouTube video player"
  45.                                 frameborder="0"
  46.                                 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
  47.                                 allowfullscreen></iframe>
  49.                     </div>
  52.                 </div>
  54.             </div>
  57.         </div>
  59.         <div class="container-fluid text-center" style="min-height: 10vh">
  60.             <a href="#section2">
  61.                 <button type="button" class="btn btn-primary fw-semibold p-3">
  62.                     Continuer
  63.                 </button>
  64.             </a>
  66.         </div>
  68.     </div>
  74.     <div class=" w-100 " style="min-height: 100vh" id="section2">
  76.         <div class="w-100 text-center fs-1 fw-semibold pt-5" style="min-height: 10vh">
  77.             CE QUE L'ON FAIT
  78.         </div>
  80.         <div class="container-fluid " style="min-height: 80vh">
  81.             <div class="row">
  82.                 <div class="col-md-6 col-sm-12 p-md-5 p-sm-4 text-left py-5 ">
  83.                     <div class="p-md-5 p-xs-2" style="text-align: justify">
  84.                         <span class="fw-bold fs-3" style="color: #6E8BC4">Nos objectifs</span> <br>
  85.                         {% if texts is not empty and texts['text-2'].content is not empty %}
  86.                             {{ texts['text-2'].content|raw }}
  87.                         {% endif %}
  88.                     </div>
  89.                 </div>
  90.                 <div class="col-md-6 col-sm-12 p-md-5 p-sm-4 text-left py-5  ">
  91.                     <div class="p-md-5 p-xs-2" style="text-align: justify">
  92.                         <span class="fw-bold fs-3" style="color: #6E8BC4">Nos actions</span> <br>
  93.                         {% if texts is not empty and texts['text-3'].content is not empty %}
  94.                             {{ texts['text-3'].content|raw }}
  95.                         {% endif %}
  96.                     </div>
  97.                 </div>
  99.                 <div class="col-md-6 col-sm-12 my-5 mx-auto">
  100.                     <img src="{{ asset('uploads/images/'~ images['image-centre'].url) }}" alt="" class="w-100 w-md-75 mx-auto d-block">
  101.                 </div>
  103.             </div>
  106.         </div>
  107.     </div>
  109.     <div class="w-100 text-center fs-1 fw-semibold px-md-5 px-sm-2 py-5">
  110.         LES MEMBRES DU CONSORTIUM
  111.     </div>
  113.     {{ include('/_includes/consortium_paj.html.twig') }}
  116. {% endblock %}