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

Open in your IDE?
  1. {% extends 'baseES.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">
  12.     <div class="w-100 fs-1 fw-semibold  position-absolute top-50  start-50 translate-middle text-white text-center" style="height: 10vh">
  13.         EUROPEAN PROJECT FOR YOUTH PARTICIPATION
  14.     </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. {#           ATTENTION TRADUCTION REVERSO#}
  20.             Descubrir
  21.         </button>
  22.     </a>
  23. </div>
  25. <div class="w-100" 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 text-left my-5  " style="text-align: justify">
  33.                 <div class="px-md-5">
  34.                     <span class="fw-bold fs-3" style="color: #6E8BC4">El proyecto</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.                 <img src="{{ asset('uploads/images/'~ images['image-centre'].url) }}" alt="" class="w-75 mx-auto d-block">
  44.             </div>
  46.         </div>
  49.         <div class="container-fluid text-center p-5" style=" min-height: 10vh">
  50.             <a href="#section2">
  51.                 <button type="button" class="btn btn-primary fw-semibold p-3">
  52. {#                    ATTENTION TRADUCTION REVERSO#}
  53.                     Seguir
  54.                 </button>
  55.             </a>
  57.         </div>
  58.     </div>
  59. </div>
  61.     <div class="w-100 text-center fs-1 fw-semibold p-5" id="section2">
  62.         LA CONSTRUCCIÓN DE LA HERRAMIENTA
  63.     </div>
  65.     <div class="container-fluid p-md-5 p-sm-0">
  67.         <div class="row">
  69.             <div class="col-md-6 col-sm-12 p-md-5 p-sm-4 text-left py-5 " style="text-align: justify">
  70.                 <div class="p-md-5 p-xs-2">
  71.                     <span class="fw-bold fs-3" style="color: #6E8BC4">Metodología</span> <br>
  72.                     {% if texts is not empty and texts['text-2'].content is not empty %}
  73.                         {{ texts['text-2'].content|raw }}
  74.                     {% endif %}
  75.                 </div>
  76.             </div>
  77.             <div class="col-md-6 col-sm-12 p-md-5 p-sm-4 text-left py-5  " style="text-align: justify">
  78.                 <div class="p-md-5 p-xs-2 mx-auto">
  79.                     <span class="fw-bold fs-3" style="color: #6E8BC4">Nuestras acciones</span> <br>
  80.                     {% if texts is not empty and texts['text-3'].content is not empty %}
  81.                         {{ texts['text-3'].content|raw }}
  82.                     {% endif %}
  84.                 </div>
  86.             </div>
  88.         </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. {#                    ATTENTION TRADUCTION REVERSO#}
  94.                     Acceder a la herramienta
  95.                 </button>
  96.             </a>
  97.         </div>
  101.         <div class="container-flex fw-light">
  102.             <div class=" text-center mx-auto ">
  103.                 {#                    ATTENTION TRADUCTION REVERSO#}
  104.                 {% if texts is not empty and texts['text-4'].content is not empty %}
  105.                     {{ texts['text-4'].content|raw }}
  106.                 {% endif %}
  107.             </div>
  108.         </div>
  110.         {{ include('/_includes/consortium_epyp.html.twig') }}
  113.         {% endblock %}