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

Open in your IDE?
  1. {% extends 'basePT.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>
  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.             Descobrir
  19.         </button>
  20.     </a>
  21. </div>
  23. <div class="w-100" style=" min-height: 100vh">
  25.     <div class="container-fluid p-2 p-md-5 p-sm-2" style=" min-height: 80vh">
  27.         <div class="row align-items-center d-flex">
  29.             <div class="col-md-6 col-sm-12 p-md-5 p-sm-2 text-left my-5 " style="text-align: justify">
  30.                 <div class="px-2 px-md-5">
  31.                     <span class="fw-bold fs-3" style="color: #6E8BC4">O projeto</span> <br>
  32.                     {% if texts is not empty and texts['text-1'].content is not empty %}
  33.                         {{ texts['text-1'].content|raw }}
  34.                     {% endif %}
  36.                 </div>
  38.             </div>
  40.             <div class="col col-md-6 col-sm-12 my-5">
  41.                 <img src="{{ asset('uploads/images/'~ images['image-centre'].url) }}" alt="" class="w-75 mx-auto d-block">
  42.             </div>
  44.         </div>
  47.         <div class="container-fluid text-center p-5" style=" min-height: 10vh">
  48.             <a href="#section2">
  49.                 <button type="button" class="btn btn-primary fw-semibold p-3">
  50.                     Continuar
  51.                 </button>
  52.             </a>
  54.         </div>
  55.     </div>
  56. </div>
  58.     <div class="w-100 text-center fs-1 fw-semibold p-5" id="section2">
  59.         A CONSTRUÇÃO DA FERRAMENTA
  60.     </div>
  63.     <div class="container-fluid p-md-5 p-sm-0">
  65.         <div class="row">
  67.             <div class="col-md-6 col-sm-12 p-md-5 p-sm-4 text-left py-5 " style="text-align: justify">
  68.                 <div class="p-md-5 p-xs-2">
  69.                     <span class="fw-bold fs-3" style="color: #6E8BC4">Metodologia</span> <br>
  70.                     {% if texts is not empty and texts['text-2'].content is not empty %}
  71.                         {{ texts['text-2'].content|raw }}
  72.                     {% endif %}                </div>
  73.             </div>
  74.             <div class="col-md-6 col-sm-12 p-md-5 p-sm-4 text-left py-5  " style="text-align: justify">
  75.                 <div class="p-md-5 p-xs-2 mx-auto">
  76.                     <span class="fw-bold fs-3" style="color: #6E8BC4">As nossas ações</span> <br>
  77.                     {% if texts is not empty and texts['text-3'].content is not empty %}
  78.                         {{ texts['text-3'].content|raw }}
  79.                     {% endif %}
  80.                 </div>
  81.             </div>
  82.         </div>
  85.         <div class="container-fluid text-center p-md-5 p-sm-2 mt-5">
  86.             <a href="{{ path('app-questionnaire-index') }} ">
  87.                 <button type="button" class="btn btn-primary fw-semibold p-3">
  88.                     Acessar a ferramenta
  89.                 </button>
  90.             </a>
  91.         </div>
  95.         <div class="container-flex fw-light">
  96.             <div class=" text-center mx-auto ">
  97.                 {% if texts is not empty and texts['text-4'].content is not empty %}
  98.                     {{ texts['text-4'].content|raw }}
  99.                 {% endif %}
  100.             </div>
  102.         </div>
  104.         {{ include('/_includes/consortium_epyp.html.twig') }}
  107.         {% endblock %}