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

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}EPYP{% endblock %}
  5. {% block body %}
  8. </div>
  9. <div style="background-image: url('{{ asset('uploads/images/'~ images['image-haut'].url) }}'); width: 100%; min-height: 500px; background-position: center; position: relative; background-repeat: no-repeat;background-size: cover"
  10.      class="primary">
  13.     <div class="w-100 fs-1 fw-semibold  position-absolute top-50  start-50 translate-middle text-white text-center"  style="height: 10vh">
  14.         EUROPEAN PROJECT FOR YOUTH PARTICIPATION
  15.     </div>
  17.     <a href="#section1">
  18.         <button type="button"
  19.                 class="btn btn-primary fw-semibold p-3 mx-auto position-absolute top-75 start-50 translate-middle">
  20.             Découvrir
  21.         </button>
  22.     </a>
  23. </div>
  25. <div class="w-100" style=" min-height: 100vh">
  27.     <div class="container-fluid p-md-5 p-sm-2" style=" min-height: 80vh">
  29.         <div class="row align-items-center d-flex">
  31.             <div class="col-md-6 col-sm-12 p-md-5 p-sm-2 text-left my-5 " style="text-align: justify">
  32.                 <div class="px-md-5">
  33.                     <span class="fw-bold fs-3" style="color: #6E8BC4">Le projet</span> <br>
  34.                     {% if texts is not empty and texts['text-1'].content is not empty %}
  35.                         {{ texts['text-1'].content|raw }}
  36.                     {% endif %}
  37.                 </div>
  39.             </div>
  41.             <div class="col col-md-6 col-sm-12 my-5">
  42.                 <img src="{{ asset('uploads/images/'~ images['image-centre'].url) }}" alt="" class="w-75 mx-auto d-block">
  43.             </div>
  45.         </div>
  48.         <div class="container-fluid text-center p-5" style=" min-height: 10vh">
  49.             <a href="#section2">
  50.                 <button type="button" class="btn btn-primary fw-semibold p-3">
  51.                     Continuer
  52.                 </button>
  53.             </a>
  55.         </div>
  56.     </div>
  57. </div>
  59.     <div class="w-100 text-center fs-1 fw-semibold p-5" id="section2">
  60.         LA CONSTRUCTION DE L’OUTIL
  61.     </div>
  64.     <div class="container-fluid p-md-5 p-sm-0">
  66.         <div class="row">
  68.             <div class="col-md-6 col-sm-12 p-md-5 p-sm-4 text-left py-5 " style="text-align: justify">
  69.                 <div class="p-md-5 p-xs-2">
  70.                     <span class="fw-bold fs-3" style="color: #6E8BC4">Méthodologie</span> <br>
  71.                     {% if texts is not empty and texts['text-2'].content is not empty %}
  72.                         {{ texts['text-2'].content|raw }}
  73.                     {% endif %}
  74.                 </div>
  75.             </div>
  76.             <div class="col-md-6 col-sm-12 p-md-5 p-sm-4 text-left py-5  " style="text-align: justify">
  77.                 <div class="p-md-5 p-xs-2 mx-auto">
  78.                     <span class="fw-bold fs-3" style="color: #6E8BC4">Nos actions</span> <br>
  79.                     {% if texts is not empty and texts['text-3'].content is not empty %}
  80.                         {{ texts['text-3'].content|raw }}
  81.                     {% endif %}
  82.                 </div>
  84.             </div>
  87.         </div>
  90.         <div class="container-fluid text-center p-md-5 p-sm-2 mt-5">
  91.             <a href="{{ path('app-questionnaire-index') }} ">
  92.                 <button type="button" class="btn btn-primary fw-semibold p-3">
  93.                     Accéder à l'outil
  94.                 </button>
  95.             </a>
  96.         </div>
  100.         <div class="container-flex fw-light">
  101.             <div class=" text-center mx-auto ">
  102.                 {% if texts is not empty and texts['text-4'].content is not empty %}
  103.                     {{ texts['text-4'].content|raw }}
  104.                 {% endif %}
  105.             </div>
  107.         </div>
  109.         {{ include('/_includes/consortium_epyp.html.twig') }}
  112.         {% endblock %}