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

Open in your IDE?
  1. {% extends 'baseES.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-uppercase  text-white"
  11.              style="height: 10vh">
  12.             «&nbsp;Lugar a los jóvenes&nbsp;!&nbsp;»
  13.         </div>
  16.         <a href="#section1">
  17.             <button type="button"
  18.                     class="btn btn-primary fw-semibold p-3 mx-auto position-absolute top-75 start-50 translate-middle">
  19.                 Descubrir
  20.             </button>
  21.         </a>
  23.     </div>
  26.     <div class=" w-100 pb-5" style="min-height: 100vh">
  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-sm-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">Nuestros objetivos</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.                     continuar
  63.                 </button>
  64.             </a>
  66.         </div>
  68.     </div>
  74.     <div class=" w-100 " style="min-height: 100vh">
  76.         <div class="w-100 text-center fs-1 fw-semibold text-uppercase" id="section2" style="min-height: 10vh">
  77.             lo que estamos haciendo
  78.         </div>
  81.         <div class="container-fluid " style="min-height: 80vh">
  83.             <div class="row">
  85.                 <div class="col-md-6 col-sm-12 p-md-5 p-sm-4 text-left py-5 ">
  86.                     <div class="p-md-5 p-xs-2" style="text-align: justify">
  87.                         <span class="fw-bold fs-3" style="color: #6E8BC4">Nuestros objetivos</span> <br>
  88.                         {% if texts is not empty and texts['text-2'].content is not empty %}
  89.                             {{ texts['text-2'].content|raw }}
  90.                         {% endif %}
  91.                     </div>
  92.                 </div>
  93.                 <div class="col-md-6 col-sm-12 p-md-5 p-sm-4 text-left py-5  ">
  94.                     <div class="p-md-5 p-xs-2" style="text-align: justify">
  95.                         <span class="fw-bold fs-3" style="color: #6E8BC4">Nuestras acciones</span> <br>
  96.                         {% if texts is not empty and texts['text-3'].content is not empty %}
  97.                             {{ texts['text-3'].content|raw }}
  98.                         {% endif %}
  99.                     </div>
  102.                 </div>
  104.                 <div class="col-md-6 col-sm-12 my-5 mx-auto">
  105.                     <img src="{{ asset('uploads/images/'~ images['image-centre'].url) }}" alt="" class="w-100 w-md-75 mx-auto d-block">
  106.                 </div>
  108.             </div>
  111.         </div>
  112.     </div>
  114.     <div class="w-100 text-center fs-1 fw-semibold px-md-5 px-sm-2 py-5 text-uppercase">
  115.         los miembros del consorcio
  116.     </div>
  118.     {{ include('/_includes/consortium_paj.html.twig') }}
  121. {% endblock %}