templates/front/home.html.twig line 1

Open in your IDE?
  1. {% extends "index.html.twig" %}
  3. {% block body %}
  5.   <div class="container-fluid p-0 px-lg-4 px-xl-5">
  6.     <!-- BANNER -->
  7.     <div class="row" id="carousel">
  8.       <div id="carouselControls" class="carousel slide px-0" data-bs-interval="false">
  9.         {# <ol class="carousel-indicators">
  10.           <li data-bs-target="#carouselControls" data-bs-slide-to="0" class="active"></li>
  11.           <li data-bs-target="#carouselControls" data-bs-slide-to="1"></li>
  12.           <li data-bs-target="#carouselControls" data-bs-slide-to="2"></li>
  13.           <li data-bs-target="#carouselControls" data-bs-slide-to="3"></li>
  14.         </ol> #}
  15.         <div class="carousel-inner">
  16.           <div class="carousel-item active">
  17.     
  18.             <video class="img-fluid imgBanner d-none d-lg-block" id="video_1" loop muted preload = "none">
  19.               <source src="{{content[0].mediaObject.contentUrl}}" title="Video CUD" type="video/mp4" />
  20.             </video>
  21.             <img class="img-fluid imgBanner d-lg-none" src="{{content[1].mediaObject.contentUrl}}" title="Imagen carousel">
  22.           </div>
  23.           {# <div class="carousel-item">
  24.             <img class="img-fluid imgBanner" src="{{content[2].mediaObject.contentUrl}}">
  25.           </div>
  26.           <div class="carousel-item">
  27.             <img class="img-fluid imgBanner" src="{{content[3].mediaObject.contentUrl}}">
  28.           </div>
  29.           <div class="carousel-item">
  30.             <img class="img-fluid imgBanner" src="{{content[4].mediaObject.contentUrl}}">
  31.           </div> #}
  32.         </div>
  33.       </div>
  34.     </div>
  36.     <!-- DESCRIPCION CUD -->
  37.     <div class="row py-4">
  38.       <div class="col-12 text-center">
  39.         <img class="img-fluid escudoCUD" src="{{content[5].mediaObject.contentUrl}}" alt="Logo CUD">
  40.       </div>
  41.       <div class="col-12 text-center">
  42.         <div class="api-data pt-3 pb-2">{{content[2].content | raw }}</div>
  43.         <div class="api-data"> {{content[3].content | raw}} </div>
  45.         <div class="w-75 m-auto"> 
  46.           <span class="text-danger d-block d-lg-none" id="readMoreTrigger">  Leer Más ...</span>
  47.             
  48.           <div class="d-none d-lg-inline">{{content[4].content | raw}} </div> 
  49.         </div>
  50.       </div>
  51.     </div>
  53.     <!-- APARTADOS -->
  54.     <div class="row section text-white">
  55.       <div class="col-12 col-lg  text-center px-0 position-relative" id="transparencyImg">
  56.         
  57.         <img class=" h-100 w-100 imgSection" src="{{content[6].mediaObject.contentUrl}}" alt="Transparencia">
  59.         <a  href="/indices/indice/transparencia">
  60.           <div class="h-100 w-100 d-flex justify-content-center align-items-center">
  61.             <h2 class="fw-bold text-white">{{content[6].footer}}</h2>
  62.           </div>
  63.         </a>
  64.       </div>
  65.       <div class="col-12 col-lg text-center px-0 position-relative" id="studiesImg">
  66.        <img class=" h-100 w-100 imgSection" src="{{content[7].mediaObject.contentUrl}}" alt="Estudios">
  68.         <a  href="/indices/indice/estudios">
  69.           <div class="h-100 w-100 d-flex justify-content-center align-items-center">
  70.             <h2 class="fw-bold text-white">{{content[7].footer}}</h2>
  71.           </div>
  72.         </a>
  73.       </div>
  74.       <div class="col-12 col-lg text-center px-0 position-relative" id="studentsImg">
  75.         <img class=" h-100 w-100 imgSection" src="{{content[8].mediaObject.contentUrl}}" alt="Alumnos">
  77.         <a  href="/indices/indice/alumnos">
  78.           <div class="h-100 w-100 d-flex justify-content-center align-items-center">
  79.             <h2 class="fw-bold text-white">{{content[8].footer}}</h2>
  80.           </div>
  81.         </a>
  82.       </div>
  83.       <div class="col-12 col-lg text-center px-0 position-relative" id="investigationImg">
  84.         <img class=" h-100 w-100 imgSection" src="{{content[9].mediaObject.contentUrl}}" alt="Investigación">
  86.         <a  href="/indices/indice/investigacion">
  87.           <div class="h-100 w-100 d-flex justify-content-center align-items-center">
  88.             <h2 class="fw-bold text-white">{{content[9].footer}}</h2>
  89.           </div>
  90.         </a>
  91.       </div>
  92.       <div class="col-12 col-lg text-center px-0 position-relative" id="qualityImg">
  93.         <img class=" h-100 w-100 imgSection" src="{{content[10].mediaObject.contentUrl}}" alt="Calidad">
  95.         <a  href="/indices/indice/calidad">
  96.           <div class="h-100 w-100 d-flex justify-content-center align-items-center">
  97.             <h2 class="fw-bold text-white">{{content[10].footer}}</h2>
  98.           </div>
  99.         </a>
  100.       </div>
  101.     </div>
  103.     <!-- TABLON DE ANUNCIOS Y NOTICIAS -->
  104.     <div class="row pt-5">
  105.       <div class="col-12 col-lg-6 text-center">
  107.         <div class="row">
  108.           <div class="col-12 ">
  109.             <div>{{content[11].content | raw}}</div>
  110.             <div class="mb-4">{{content[12].content | raw}}</div>
  111.           </div>
  112.           {% for newsItem in contestAnnouncement %}
  113.         
  114.             <div class="col-12 col-lg-6 text-center">
  115.               <a href="{{ path('app_contest_item_show', {'id': newsItem.id}) }}" class="newsLink">
  116.                 {% for mediaObject in newsItem.mediaObjectNewsItem %}
  117.                   {% if mediaObject.fileKey == 'coverFile' %}
  118.                     <img width="200" src="/media_object_news_item/{{mediaObject.filePath}}"
  119.                       alt="noticia 2">
  120.                   {% endif %}
  121.                 {% endfor %}
  122.               </a>
  123.               <div class="w-90 m-auto">
  124.                 <a  href="{{ path('app_contest_item_show', {'id': newsItem.id}) }}" class="newsLink"> <h4 class="pt-3 m-0 fw-bold text-danger text-ellipsis ">{{newsItem.title}}</h4></a>
  125.                 <p class="mt-2 mb-0 text-muted news-date">Publicado: {{newsItem.publishDate ? newsItem.publishDate|date('d/m/Y'): ''}}</p>
  126.                 <p class="pt-1">
  127.                   {{newsItem.contentResume}}...
  128.                 </p>
  129.               </div>
  130.             </div>
  131.      
  132.           {% endfor %}
  134.           <div class="w-100 justify-content-center mt-3 pb-5 pb-lg-0">
  135.             <a href="{{ path('app_contest_item_index') }}" class=" align-self-end btn btn-danger fw-bold p-3"> VER TODO EL TABLÓN DE ANUNCIOS</a>
  136.           </div>
  138.         </div>
  140.       </div>
  141.       <div class="col-12 col-lg-6 text-center">
  142.         <div class="row h-100">
  143.           <div class="col-12 ">
  144.             <div>{{content[15].content | raw}}</div>
  145.             <div class="mb-4">{{content[16].content | raw}}</div>
  146.           </div>
  147.          
  148.           {% for newsItem in latestNews %}
  149.         
  150.             <div class="col-12 col-lg-6 text-center">
  151.               <a href="{{ path('app_news_item_show', {'id': newsItem.id}) }}" class="newsLink">
  152.                 {% for mediaObject in newsItem.mediaObjectNewsItem %}
  153.                   {% if mediaObject.fileKey == 'coverFile' %}
  154.                     <img width="200" src="/media_object_news_item/{{mediaObject.filePath}}"
  155.                       alt="noticia 2">
  156.                   {% endif %}
  157.                 {% endfor %}
  158.               </a>
  159.               <div class="w-90 m-auto">
  160.                 <a  href="{{ path('app_news_item_show', {'id': newsItem.id}) }}" class="newsLink"> <h4 class="pt-3 m-0 fw-bold text-danger text-ellipsis ">{{newsItem.title}}</h4></a>
  161.                 <p class="mt-2 mb-0 text-muted news-date">Publicado: {{newsItem.publishDate ? newsItem.publishDate|date('d/m/Y'): ''}}</p>
  162.                 <p class="pt-1">
  163.                   {{newsItem.contentResume}}...
  164.                 </p>
  165.               </div>
  166.             </div>
  167.      
  168.           {% endfor %}
  171.           <div class="w-100 justify-content-center mt-3 pb-lg-5 pb-lg-0">
  172.             <a href="{{ path('app_news_item_index') }}" class=" align-self-end btn btn-danger fw-bold p-3"> VER TODAS LAS NOTICIAS</a>
  173.           </div>
  174.         </div>
  175.       </div>
  176.     </div>
  178.     <!-- BIBLIOTECA Y SERVICIO DE PUBLICACIONES -->
  179.     <div class="row library mt-5">
  180.       <div class="col-12 text-center pb-3 pt-5">
  181.         <img class="iconoBiblioteca" src="../assets/recursos-cud/Biblioteca/icono_biblioteca.svg"
  182.           alt="Logo biblioteca">
  183.       </div>
  184.       <div class="col-12 text-center pb-5">
  185.         <div class="fw-bold">{{content[19].content | raw}}</div>
  186.         <div class="py-3 w-75 m-auto">  {{content[20].content | raw}}</div>
  187.         <a href="/indices/indice/biblioteca" class="btn btn-danger fw-bold p-3"> ACCEDER A BIBLIOTECA</a>
  188.       </div>
  189.     </div>
  190.   </div>
  193. {% endblock %}