templates/templates/pages/services/services-unity-subpage.html.twig line 1

Open in your IDE?
  1. {% extends "layouts/services.html.twig" %}
  3. {% block bodyClass %}tpl-service has-services-skin{% endblock %}
  5. {% block siteHeader %}
  6.     {% include 'organisms/services-header.html.twig' %}
  7. {% endblock %}
  9. {% block pageHeader %}
  10.     <div class="page-header-wrapper">
  11.         <div class="container">
  12.             {% include 'molecules/page-header.html.twig' with {
  13.                 breadcrumb: [
  14.                     { path: path('services-unity'), title: 'Nome da unidade de servizo' }
  15.                 ],
  16.                 title: 'Páxina de nivel 2',
  17.             } %}
  18.         </div>
  19.     </div>
  20. {% endblock %}
  22. {% block pageContent %}
  25. <article class="service-wrapper">
  26.     <div class="service-header">
  27.         <div class="row">
  28.           <div class="col-lg-3">
  29.             <div class="at-lead-text">
  30.                 <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. </p>
  31.             </div>
  32.           </div>
  33.           <div class="col-lg-6">
  34.             <div class="content-block-content-wrapper">
  35.               <figure class="at-image is-full-width">
  36.                   <img src="https://picsum.photos/1024/576" alt="">
  37.               </figure>
  38.                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mollis efficitur massa, quis condimentum ex scelerisque sed. Nunc ornare ligula augue, ac egestas dolor semper sit amet. Nulla lobortis convallis est et ultricies. Nunc id lectus nibh. Donec sodales massa vel dictum volutpat. Aenean facilisis sollicitudin nibh at commodo. Nullam rutrum condimentum dolor, et sodales turpis accumsan et. Ut nec eros justo. Aenean sagittis neque tortor, ac euismod nibh efficitur ac. Suspendisse luctus, felis vel varius tincidunt, felis lorem malesuada nulla, non porttitor felis arcu vel urna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras pellentesque est justo, sed blandit justo placerat vel. Nulla ac consequat purus. Curabitur quis ante quis orci mattis viverra. Quisque non risus justo. Quisque vel tincidunt ex.</p>
  39.             </div>
  40.           </div>
  41.             <aside class="service-attachments">
  42.                 <div class="ml-alert is-attached">
  43.                     <h3 class="at-title">Aviso</h3>
  44.                     <div class="at-text">
  45.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex.</p>
  46.                     </div>
  47.                 </div>
  49.                 <ul class="ml-buttons-list is-vertical">
  50.                     <li>
  51.                         <a href="https://sede.usc.es/sede/publica/index.htm" class="at-button is-tertiary at-icon-external-link">Acceso a procedemento</a>
  52.                     </li>
  53.                     <li>
  54.                         <a href="{{ path('services-procedure') }}" class="at-button is-tertiary at-icon-play">Acceso a trámite</a>
  55.                     </li>
  56.                     <li>
  57.                         <a href="" class="at-button is-tertiary at-icon-paperclip">Adxunto</a>
  58.                     </li>
  59.                 </ul>
  60.             </aside>
  61.         </div>
  62.     </div>
  64.     <usc-tabs id="uscTabs01" name="UscTabList">
  65.         <template v-slot:header>
  66.             <usc-tabs-header-item :is-active="true" controls="tab01">
  67.                 Máis información
  68.             </usc-tabs-header-item>
  69.             <usc-tabs-header-item controls="tab02">
  70.               Datas e tramitación
  71.             </usc-tabs-header-item>
  72.             <usc-tabs-header-item controls="tab03">
  73.                 Localización e contacto
  74.             </usc-tabs-header-item>
  75.             <usc-tabs-header-item controls="tab04">
  76.                 Outra información
  77.             </usc-tabs-header-item>
  78.         </template>
  80.         <template v-slot:body>
  81.             <usc-tabs-body-item :is-active="true" name="tab01">
  82.                 <template v-slot:mobile-header>
  83.                   Máis información
  84.                 </template>
  85.                 <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>
  86.                 <usc-accordion id="accordion01">
  87.                     <usc-accordion-item>
  88.                         <template v-slot:header>Item de acordeón 1</template>
  89.                         <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>
  90.                     </usc-accordion-item>
  91.                     <usc-accordion-item>
  92.                         <template v-slot:header>Item de acordeón 2</template>
  93.                         <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>
  94.                     </usc-accordion-item>
  95.                     <usc-accordion-item>
  96.                         <template v-slot:header>Item de acordeón 3</template>
  97.                         <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>
  98.                     </usc-accordion-item>
  99.                 </usc-accordion>
  100.             </usc-tabs-body-item>
  101.             <usc-tabs-body-item name="tab02">
  102.                 <template v-slot:mobile-header>
  103.                   Datas e tramitación
  104.                 </template>
  105.                 <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>
  106.                 <table class="ml-table">
  107.                     <thead>
  108.                     <tr>
  109.                         <th>Col 1</th>
  110.                         <th>Col 2</th>
  111.                         <th>Col 3</th>
  112.                         <th>Col 4</th>
  113.                         <th>Col 5</th>
  114.                     </tr>
  115.                     </thead>
  116.                     <tbody>
  117.                     <tr>
  118.                         <td>Dato 1</td>
  119.                         <td>Dato 2</td>
  120.                         <td>Dato 3</td>
  121.                         <td>Dato 4</td>
  122.                         <td>Dato 5</td>
  123.                     </tr>
  124.                     <tr>
  125.                         <td>Dato 1</td>
  126.                         <td>Dato 2</td>
  127.                         <td>Dato 3</td>
  128.                         <td>Dato 4</td>
  129.                         <td>Dato 5</td>
  130.                     </tr>
  131.                     <tr>
  132.                         <td>Dato 1</td>
  133.                         <td>Dato 2</td>
  134.                         <td>Dato 3</td>
  135.                         <td>Dato 4</td>
  136.                         <td>Dato 5</td>
  137.                     </tr>
  138.                     </tbody>
  139.                 </table>
  140.                 <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>
  141.                 <ul class="ml-buttons-list is-vertical">
  142.                     <li>
  143.                         <a href="https://sede.usc.es/sede/publica/index.htm" class="at-button is-tertiary at-icon-external-link">Acceso a procedemento administrativo</a>
  144.                     </li>
  145.                     <li>
  146.                         <a href="{{ path('services-procedure') }}" class="at-button is-tertiary at-icon-play">Acceso a trámite</a>
  147.                     </li>
  148.                 </ul>
  150.             </usc-tabs-body-item>
  151.             <usc-tabs-body-item name="tab03">
  152.                 <template v-slot:mobile-header>
  153.                   Localización e contacto
  154.                 </template>
  155.                 <div class="row">
  156.                   <div class="col-lg-6">
  157.                     {% include 'molecules/specs/contact.html.twig'with {
  158.                      title: 'Información de contacto'} %}
  159.                   </div>
  160.                   <div class="col-lg-6">
  161.                     {% include 'molecules/specs/contact.html.twig'with {
  162.                      title: 'Información de contacto'} %}
  163.                   </div>
  164.                 </div>
  165.             </usc-tabs-body-item>
  166.             <usc-tabs-body-item name="tab04">
  167.                 <template v-slot:mobile-header>
  168.                   Outra información
  169.                 </template>
  170.                 <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>
  172.                 <figure class="at-image">
  173.                     <img src="https://picsum.photos/1024/576" alt="">
  174.                 </figure>
  175.             </usc-tabs-body-item>
  176.         </template>
  177.     </usc-tabs>
  178. </article>
  183. {% endblock %}
  185. {% block siteFooter %}
  186.     {% include 'organisms/site-footer.html.twig' %}
  187. {% endblock %}