templates/templates/pages/usc-campus-lugo.html.twig line 1

Open in your IDE?
  1. {% extends "layouts/master.html.twig" %}
  2. {% block bodyClass %}tpl-service{% endblock %}
  3. {% block siteHeader %}
  4.     {% include 'organisms/site-header.html.twig' %}
  5. {% endblock %}
  6. {% block pageHeader %}
  7.     {% include 'molecules/page-header.html.twig' with {
  8.         breadcrumb: [
  9.             { path: path('usc-campus'), title: 'Campus' }
  10.         ],
  11.         title: 'Campus de Lugo'
  12.     } %}
  13. {% endblock %}
  14. {% block pageContent %}
  15.     <article class="service-wrapper">
  16.         <div class="service-header">
  17.             <figure class="at-image is-full-width">
  18.                 <img src="https://picsum.photos/1180/420" alt="">
  19.             </figure>
  20.             <div class="service-contact-info">
  21.                 {% include 'molecules/specs/contact.html.twig' %}
  22.             </div>
  23.             <div class="service-description">
  24.                 <div class="at-lead-text">
  25.                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor. Vestibulum ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue. Fusce tincidunt mattis massa et sollicitudin.</p>
  26.                 </div>
  27.             </div>
  28.             <aside class="service-attachments">
  29.                 <div class="ml-alert is-attached">
  30.                     <h3 class="at-title">Aviso</h3>
  31.                     <div class="at-text">
  32.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex.</p>
  33.                     </div>
  34.                 </div>
  35.                 <ul class="ml-buttons-list is-vertical">
  36.                     <li>
  37.                         <a href="" class="at-button is-tertiary at-icon-external-link">Ligazón</a>
  38.                     </li>
  39.                     <li>
  40.                         <a href="" class="at-button is-tertiary at-icon-paperclip">Adxunto</a>
  41.                     </li>
  42.                 </ul>
  43.             </aside>
  44.         </div>
  45.         <usc-tabs id="uscTabs01" name="UscTabList">
  46.             <template v-slot:header>
  47.                 <usc-tabs-header-item :is-active="true" controls="tab01">
  48.                     Centros
  49.                 </usc-tabs-header-item>
  50.                 <usc-tabs-header-item controls="tab02">
  51.                     Graos e titulacións
  52.                 </usc-tabs-header-item>
  53.                 <usc-tabs-header-item controls="tab03">
  54.                     Servizos
  55.                 </usc-tabs-header-item>
  56.             </template>
  57.             <template v-slot:body>
  58.                 <usc-tabs-body-item :is-active="true" name="tab01">
  59.                     <template v-slot:mobile-header>
  60.                       Centros
  61.                     </template>
  62.                     <p>Body: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor. Vestibulum ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue. Fusce tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat, ipsum nec consequat consectetur, dui ligula suscipit enim, a pulvinar mi odio ut dui.</p>
  63.                     <usc-accordion id="accordion01">
  64.                         <usc-accordion-item :is-open="false">
  65.                             <template v-slot:header>Escola politécnica</template>
  66.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor. Vestibulum ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue. Fusce tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat, ipsum nec consequat consectetur, dui ligula suscipit enim, a pulvinar mi odio ut dui.</p>
  67.                         </usc-accordion-item>
  68.                         <usc-accordion-item>
  69.                             <template v-slot:header>Facultade veterinaria</template>
  70.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor. Vestibulum ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue. Fusce tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat, ipsum nec consequat consectetur, dui ligula suscipit enim, a pulvinar mi odio ut dui.</p>
  71.                         </usc-accordion-item>
  72.                         <usc-accordion-item>
  73.                             <template v-slot:header>Facultade ciencias</template>
  74.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor. Vestibulum ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue. Fusce tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat, ipsum nec consequat consectetur, dui ligula suscipit enim, a pulvinar mi odio ut dui.</p>
  75.                         </usc-accordion-item>
  76.                         <usc-accordion-item>
  77.                             <template v-slot:header>Facultade humanidades</template>
  78.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor. Vestibulum ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue. Fusce tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat, ipsum nec consequat consectetur, dui ligula suscipit enim, a pulvinar mi odio ut dui.</p>
  79.                         </usc-accordion-item>
  80.                         <usc-accordion-item>
  81.                             <template v-slot:header>Facultade formación profesorado</template>
  82.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor. Vestibulum ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue. Fusce tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat, ipsum nec consequat consectetur, dui ligula suscipit enim, a pulvinar mi odio ut dui.</p>
  83.                         </usc-accordion-item>
  84.                         <usc-accordion-item>
  85.                             <template v-slot:header>Facultade Admisinstración e dirección de empresas</template>
  86.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor. Vestibulum ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue. Fusce tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat, ipsum nec consequat consectetur, dui ligula suscipit enim, a pulvinar mi odio ut dui.</p>
  87.                         </usc-accordion-item>
  88.                     </usc-accordion>
  89.                 </usc-tabs-body-item>
  90.                 <usc-tabs-body-item name="tab02">
  91.                     <template v-slot:mobile-header>
  92.                       Estudos destacados
  93.                     </template>
  94.                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor. Vestibulum ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue. Fusce tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat, ipsum nec consequat consectetur, dui ligula suscipit enim, a pulvinar mi odio ut dui.</p>
  95.                     <usc-accordion id="accordion01">
  96.                         <usc-accordion-item :is-open="false">
  97.                             <template v-slot:header>Grao en veterinaria</template>
  98.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor. Vestibulum ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue. Fusce tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat, ipsum nec consequat consectetur, dui ligula suscipit enim, a pulvinar mi odio ut dui.</p>
  99.                         </usc-accordion-item>
  100.                         <usc-accordion-item>
  101.                             <template v-slot:header>Grao en humanidades</template>
  102.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor. Vestibulum ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue. Fusce tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat, ipsum nec consequat consectetur, dui ligula suscipit enim, a pulvinar mi odio ut dui.</p>
  103.                         </usc-accordion-item>
  104.                         <usc-accordion-item>
  105.                             <template v-slot:header>Grao en enxeñería forestal</template>
  106.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor. Vestibulum ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue. Fusce tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat, ipsum nec consequat consectetur, dui ligula suscipit enim, a pulvinar mi odio ut dui.</p>
  107.                         </usc-accordion-item>
  108.                         <usc-accordion-item>
  109.                             <template v-slot:header>Grao en farmacia</template>
  110.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor. Vestibulum ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue. Fusce tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat, ipsum nec consequat consectetur, dui ligula suscipit enim, a pulvinar mi odio ut dui.</p>
  111.                         </usc-accordion-item>
  112.                         <usc-accordion-item>
  113.                             <template v-slot:header>Grao en educación infantil</template>
  114.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor. Vestibulum ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue. Fusce tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat, ipsum nec consequat consectetur, dui ligula suscipit enim, a pulvinar mi odio ut dui.</p>
  115.                         </usc-accordion-item>
  116.                         <usc-accordion-item>
  117.                             <template v-slot:header>Grao en psicoloxía</template>
  118.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor. Vestibulum ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue. Fusce tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat, ipsum nec consequat consectetur, dui ligula suscipit enim, a pulvinar mi odio ut dui.</p>
  119.                         </usc-accordion-item>
  120.                     </usc-accordion>
  121.                 </usc-tabs-body-item>
  122.                 <usc-tabs-body-item name="tab03">
  123.                     <template v-slot:mobile-header>
  124.                       Servizos
  125.                     </template>
  126.                     <p>Fusce tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat, ipsum nec consequat consectetur, dui ligula suscipit enim, a pulvinar mi odio ut dui.</p>
  127.                     <usc-accordion id="accordion01">
  128.                         <usc-accordion-item :is-open="false">
  129.                             <template v-slot:header>Residencia universitaria Bal&Gay</template>
  130.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor. Vestibulum ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue. Fusce tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat, ipsum nec consequat consectetur, dui ligula suscipit enim, a pulvinar mi odio ut dui.</p>
  131.                         </usc-accordion-item>
  132.                         <usc-accordion-item>
  133.                             <template v-slot:header>Servizo de normalización lingüística</template>
  134.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor. Vestibulum ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue. Fusce tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat, ipsum nec consequat consectetur, dui ligula suscipit enim, a pulvinar mi odio ut dui.</p>
  135.                         </usc-accordion-item>
  136.                         <usc-accordion-item>
  137.                           <template v-slot:header>Servizo de intercambio</template>
  138.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor. Vestibulum ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue. Fusce tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat, ipsum nec consequat consectetur, dui ligula suscipit enim, a pulvinar mi odio ut dui.</p>
  139.                         </usc-accordion-item>
  140.                         <usc-accordion-item>
  141.                           <template v-slot:header>Bibliotecas</template>
  142.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor. Vestibulum ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue. Fusce tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat, ipsum nec consequat consectetur, dui ligula suscipit enim, a pulvinar mi odio ut dui.</p>
  143.                         </usc-accordion-item>
  144.                         <usc-accordion-item>
  145.                           <template v-slot:header>Deportes</template>
  146.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor. Vestibulum ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue. Fusce tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat, ipsum nec consequat consectetur, dui ligula suscipit enim, a pulvinar mi odio ut dui.</p>
  147.                         </usc-accordion-item>
  148.                         <usc-accordion-item>
  149.                             <template v-slot:header>Oficina de información</template>
  150.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor. Vestibulum ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue. Fusce tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat, ipsum nec consequat consectetur, dui ligula suscipit enim, a pulvinar mi odio ut dui.</p>
  151.                         </usc-accordion-item>
  152.                     </usc-accordion>
  153.                 </usc-tabs-body-item>
  154.             </template>
  155.         </usc-tabs>
  156.     </article>
  157.     <div class="row">
  158.         <div class="col-lg-9">
  159.             <section class="org-tier">
  160.                 <div class="tier-header">
  161.                     <h2 class="tier-title">No Campus</h2>
  162.                 </div>
  163.                 <div class="tier-content">
  164.                     <div class="org-modules-container is-three-quarters has-banners">
  165.                         {% include 'molecules/news/l.html.twig' with {
  166.                             modifiers: '',
  167.                             title: 'A revolución verde que vén. 10 proxectos desenvoltos no Campus Terra',
  168.                             text: 'A Escola Politécnica e a Facultade de Veterinaria asesoran dez iniciativas empresariais que sitúan a Galicia na vangarda da revolución agroecolóxica europea.',
  169.                             tags: ['Investigación', 'Dossier']
  170.                         } %}
  171.                         {% include 'molecules/banners/m.html.twig' with { modifiers: '', hasImage: false, title:'10 cousas que tes que saber de Lugo', text:'' } %}
  172.                         {% include 'molecules/banners/m.html.twig' with { modifiers: '', hasImage: false, title:'Directorio de contactos e webs', text:'' } %}
  173.                     </div>
  174.                 </div>
  175.             </section>
  176.         </div>
  177.         <div class="col-lg-3">
  178.             <section class="org-tier">
  179.                 <div class="tier-header">
  180.                     <h2 class="tier-title">Axenda</h2>
  181.                     <div class="tier-action">
  182.                         <a href="">ver máis</a>
  183.                     </div>
  184.                 </div>
  185.                 <div class="tier-content">
  186.                     <div class="org-modules-container is-one-quarter">
  187.                         {% include 'molecules/events/m.html.twig' with {
  188.                             hasDate: true,
  189.                             modifiers: ' ',
  190.                             date: '8 xuñ | 20h',
  191.                             title: 'O mito do pan.',
  192.                             subtitle: 'Conferencia de Augusto Fariña.',
  193.                             location: 'Sala de Conferencias da Politécnica',
  194.                             tag: 'Nutrición'
  195.                         } %}
  196.                         {% include 'molecules/events/m.html.twig' with {
  197.                             hasDate: true,
  198.                             modifiers: ' ',
  199.                             date: '16 xul-24 xul',
  200.                             title: 'X Congreso de bioetica galega',
  201.                             location: 'Salón de Graos Facultade de Medicina | Santiago',
  202.                             tag: 'Congreso'
  203.                         } %}
  204.                     </div>
  205.                 </div>
  206.             </section>
  207.         </div>
  208.     </div>
  209. {% endblock %}
  210. {% block siteFooter %}
  211.     {% include 'organisms/site-footer.html.twig' %}
  212. {% endblock %}