templates/templates/pages/service-example.html.twig line 1

Open in your IDE?
  1. {% extends "layouts/master.html.twig" %}
  3. {% block bodyClass %}tpl-service{% endblock %}
  5. {% block siteHeader %}
  6.     {% include 'organisms/site-header.html.twig' %}
  7. {% endblock %}
  9. {% block pageHeader %}
  10.     {% include 'molecules/page-header.html.twig' with {
  11.         breadcrumb: [
  12.             { path: path('index_models'), title: 'Servizos' }
  13.         ],
  14.         title: 'Información, orientación e asesoramento'
  15.     } %}
  16. {% endblock %}
  18. {% block pageContent %}
  19.     <article class="service-wrapper">
  20.         <div class="service-header">
  21.             <figure class="at-image is-full-width">
  22.                 <img src="https://picsum.photos/1180/420" alt="">
  23.             </figure>
  25.             <div class="service-contact-info">
  26.                 {% include 'molecules/specs/contact.html.twig' %}
  27.             </div>
  29.             <div class="service-description">
  30.                 <div class="at-lead-text">
  31.                     <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>
  32.                 </div>
  33.             </div>
  35.             <aside class="service-attachments">
  36.                 <div class="ml-alert is-attached">
  37.                     <h3 class="at-title">Aviso</h3>
  38.                     <div class="at-text">
  39.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex.</p>
  40.                     </div>
  41.                 </div>
  43.                 <ul class="ml-buttons-list is-vertical">
  44.                     <li>
  45.                         <a href="" class="at-button is-tertiary at-icon-external-link">Ligazón opcional</a>
  46.                     </li>
  47.                     <li>
  48.                         <a href="" class="at-button is-tertiary at-icon-paperclip">Documentación (1)</a>
  49.                     </li>
  50.                     <li>
  51.                         <a href="" class="at-button is-tertiary at-icon-paperclip">Documentación (...)</a>
  52.                     </li>
  53.                 </ul>
  54.             </aside>
  55.         </div>
  56. <!--
  57.         <usc-tabs id="uscTabs01" name="UscTabList">
  58.             <template v-slot:header>
  59.                 <usc-tabs-header-item :is-active="true" controls="tab01">
  60.                     Lapela 1
  61.                 </usc-tabs-header-item>
  62.                 <usc-tabs-header-item controls="tab02">
  63.                     Lapela 2
  64.                 </usc-tabs-header-item>
  65.                 <usc-tabs-header-item controls="tab03">
  66.                     Lapela 3
  67.                 </usc-tabs-header-item>
  68.             </template>
  70.             <template v-slot:body>
  71.                 <usc-tabs-body-item :is-active="true" name="tab01">
  72.                     <template v-slot:mobile-header>
  73.                         Lapela 1
  74.                     </template>
  76.                     <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>
  78.                     <usc-accordion id="accordion01">
  79.                         <usc-accordion-item :is-open="true">
  80.                             <template v-slot:header>Item de acordeón 1</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>Item de acordeón 2</template>
  87.                             <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>
  88.                         </usc-accordion-item>
  89.                     </usc-accordion>
  90.                 </usc-tabs-body-item>
  91.                 <usc-tabs-body-item name="tab02">
  92.                     <template v-slot:mobile-header>
  93.                         Lapela 2
  94.                     </template>
  96.                     <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.                     <table class="ml-table">
  99.                         <thead>
  100.                         <tr>
  101.                             <th>Col 1</th>
  102.                             <th>Col 2</th>
  103.                             <th>Col 3</th>
  104.                             <th>Col 4</th>
  105.                             <th>Col 5</th>
  106.                         </tr>
  107.                         </thead>
  108.                         <tbody>
  109.                         <tr>
  110.                             <td>Dato 1</td>
  111.                             <td>Dato 2</td>
  112.                             <td>Dato 3</td>
  113.                             <td>Dato 4</td>
  114.                             <td>Dato 5</td>
  115.                         </tr>
  116.                         <tr>
  117.                             <td>Dato 1</td>
  118.                             <td>Dato 2</td>
  119.                             <td>Dato 3</td>
  120.                             <td>Dato 4</td>
  121.                             <td>Dato 5</td>
  122.                         </tr>
  123.                         <tr>
  124.                             <td>Dato 1</td>
  125.                             <td>Dato 2</td>
  126.                             <td>Dato 3</td>
  127.                             <td>Dato 4</td>
  128.                             <td>Dato 5</td>
  129.                         </tr>
  130.                         </tbody>
  131.                     </table>
  132.                 </usc-tabs-body-item>
  133.                 <usc-tabs-body-item name="tab03">
  134.                     <template v-slot:mobile-header>
  135.                         Lapela 3
  136.                     </template>
  138.                     <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>
  139.                 </usc-tabs-body-item>
  140.             </template>
  141.         </usc-tabs> -->
  142.     </article>
  144.     <section class="org-tier">
  145.         <div class="tier-header">
  146.             <h2 class="tier-title">Liñas de actuación, programas ou prestación singulares</h2>
  147.         </div>
  148.         <div class="tier-content">
  149.             <div class="org-modules-container has-banners">
  150.                 {% include 'molecules/banners/m.html.twig' with { modifiers: 'is-light', hasImage: true, title: 'Liña de actuación' } %}
  152.                 {% include 'molecules/banners/m.html.twig' with { modifiers: 'is-light', hasImage: true, title: 'Programa...' } %}
  154.                 {% include 'molecules/banners/m.html.twig' with { modifiers: 'is-light', hasImage: true, title: 'Servizo de...' } %}
  156.                 {% include 'molecules/banners/m.html.twig' with { modifiers: 'is-light', hasImage: true, title: 'Servizo de...' } %}
  158.                 {% include 'molecules/banners/m.html.twig' with { modifiers: 'is-light', hasImage: false, title: 'Servizo de...' } %}
  160.                 {% include 'molecules/banners/m.html.twig' with { modifiers: 'is-light', hasImage: false, title: 'Servizo de...' } %}
  162.                 {% include 'molecules/banners/m.html.twig' with { modifiers: 'is-light', hasImage: false, title: 'Programa...' } %}
  164.                 {% include 'molecules/banners/m.html.twig' with { modifiers: 'is-light', hasImage: false, title: 'Servizo de...' } %}
  166.                 {% include 'molecules/banners/s.html.twig' with { modifiers: 'is-light', hasImage: false, title: 'Servizo de...' } %}
  168.                 {% include 'molecules/banners/s.html.twig' with { modifiers: 'is-light', hasImage: false, title: 'Programa...' } %}
  170.                 {% include 'molecules/banners/s.html.twig' with { modifiers: 'is-light', hasImage: false, title: 'Liña de actuación' } %}
  172.                 {% include 'molecules/banners/s.html.twig' with { modifiers: 'is-light', hasImage: false, title: 'Servizo de...' } %}
  174.                 {% include 'molecules/banners/s.html.twig' with { modifiers: 'is-light', hasImage: false, title: 'Programa...' } %}
  176.                 {% include 'molecules/banners/s.html.twig' with { modifiers: 'is-light', hasImage: false, title: 'Liña de actuación' } %}
  178.                 {% include 'molecules/banners/s.html.twig' with { modifiers: 'is-light', hasImage: false, title: 'Programa...' } %}
  181.             </div>
  182.         </div>
  183.     </section>
  185.     <div class="row">
  186.         <div class="col-lg-9">
  187.             <section class="org-tier">
  188.               <div class="tier-header">
  189.                 <h2 class="tier-title">Novas relacionadas</h2>
  190.                 <div class="tier-action">
  191.                     <a href="">ver máis</a>
  192.                   </div>
  193.                 </div>
  194.                 <div class="tier-content">
  195.                   <div class="org-modules-container is-three-quarters">
  196.                     {% include 'molecules/news/m.html.twig' %}
  198.                     {% include 'molecules/news/m.html.twig' %}
  200.                     {% include 'molecules/news/m.html.twig' %}
  202.                   </div>
  203.                 </div>
  204.               </section>
  205.             </div>
  207.             <div class="col-lg-3">
  208.                 <section class="org-tier">
  209.                   <div class="tier-header">
  210.                     <h2 class="tier-title">Axenda</h2>
  211.                     <div class="tier-action">
  212.                         <a href="">ver máis</a>
  213.                       </div>
  214.                     </div>
  215.                     <div class="tier-content">
  216.                       <div class="org-modules-container is-one-quarter">
  217.                         {% include 'molecules/events/m.html.twig' %}
  218.                       </div>
  219.                     </div>
  220.                   </section>
  221.                 </div>
  226. {% endblock %}
  228. {% block siteFooter %}
  229.     {% include 'organisms/site-footer.html.twig' %}
  230. {% endblock %}