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

Open in your IDE?
  1. {% extends 'basePT.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"  style="height: 10vh">
  11.             « Lugar para os jovens! »
  12.         </div>
  14.         <a href="#section1">
  15.             <button type="button"
  16.                     class="btn btn-primary fw-semibold p-3 mx-auto position-absolute top-75 start-50 translate-middle">
  17.                 Descobrir
  18.             </button>
  19.         </a>
  21.     </div>
  24. <div class=" w-100 pb-5" style="min-height: 100vh">
  26.     <div class="container-fluid" style="min-height: 80vh">
  28.         <div class="row align-items-center d-flex">
  30.             <div class="col-md-6 col-sm-12 p-md-5 p-sm-2  my-5 ">
  31.                 <div class=" px-2 px-md-5 justify-content-evenly" style="text-align: justify">
  32.                     <span class="fw-bold fs-3" style="color: #6E8BC4">Nossos objetivos</span> <br>
  33.                     {% if texts is not empty and texts['text-1'].content is not empty %}
  34.                         {{ texts['text-1'].content|raw }}
  35.                     {% endif %}
  36.                 </div>
  38.             </div>
  40.             <div class="col col-md-6 col-sm-12 my-5 ">
  41.                 <div class="videoWrapper mx-auto w-100 w-md-75 my-5">
  42.                     <iframe src="https://www.youtube.com/embed/MbRe7Kl1yng" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  44.                 </div>
  47.             </div>
  49.         </div>
  52.     </div>
  54.     <div class="container-fluid text-center" style="min-height: 10vh">
  55.         <a href="#section2">
  56.             <button type="button" class="btn btn-primary fw-semibold p-3">
  57.                 Continuar
  58.             </button>
  59.         </a>
  61.     </div>
  63. </div>
  69. <div class=" w-100 " style="min-height: 100vh">
  71.     <div class="w-100 text-center fs-1 fw-semibold text-uppercase" id="section2" style="min-height: 10vh">
  72.         O que fazemos
  73.     </div>
  76.     <div class="container-fluid " style="min-height: 80vh">
  78.         <div class="row">
  80.             <div class="col-md-6 col-sm-12 p-md-5 p-sm-4 text-left py-5 ">
  81.                 <div class="p-md-5 p-xs-2" style="text-align: justify">
  82.                 <span class="fw-bold fs-3" style="color: #6E8BC4">Nossos objetivos</span> <br>
  83.                     {% if texts is not empty and texts['text-2'].content is not empty %}
  84.                         {{ texts['text-2'].content|raw }}
  85.                     {% endif %}
  86.                 </div>
  87.             </div>
  88.             <div class="col-md-6 col-sm-12 p-md-5 p-sm-4 text-left py-5  ">
  89.                 <div class="p-md-5 p-xs-2" style="text-align: justify">
  90.                     <span class="fw-bold fs-3" style="color: #6E8BC4">Nossas ações</span> <br>
  91.                     {% if texts is not empty and texts['text-3'].content is not empty %}
  92.                         {{ texts['text-3'].content|raw }}
  93.                     {% endif %}
  94.                 </div>
  98.             </div>
  100.             <div class="col-md-6 col-sm-12 my-5 mx-auto">
  101.                 <img src="{{ asset('uploads/images/'~ images['image-centre'].url) }}" alt="" class="w-100 w-md-75 mx-auto d-block">
  102.             </div>
  104.         </div>
  107.     </div>
  108. </div>
  110.     <div class="w-100 text-center fs-1 fw-semibold px-md-5 px-sm-2 py-5 text-uppercase">
  111.         os membros do consórcio
  112.     </div>
  114.     {{ include('/_includes/consortium_paj.html.twig') }}
  123. {% endblock %}