templates/templates/models/level4.html.twig line 1

Open in your IDE?
  1. {% extends "layouts/master.html.twig" %}
  3. {% block bodyClass %}tpl-level-4{% endblock %}
  5. {% block siteHeader %}
  6.     {% include 'organisms/site-header.html.twig' %}
  7. {% endblock %}
  9. {% block pageHeader %}
  10.     {% include 'molecules/page-header-with-menu.html.twig' with {
  11.         breadcrumb: [
  12.             { path: path('level3'), title: 'Nivel 3' }
  13.         ],
  14.         title: 'Título de páxina nivel 4',
  15.         submenu: [
  16.             { path: path('index'), name: 'Item do submenú' },
  17.             { path: path('index'), name: 'Item do submenú' }
  18.         ]
  19.     } %}
  20. {% endblock %}
  22. {% block pageContent %}
  23.     <div class="level-4-wrapper">
  24.         <article class="level-4-content">
  25.             <div class="at-lead-text">
  26.                 <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>
  27.             </div>
  29.             <div class="level-4-media">
  30.                 {% include 'molecules/banners/l.html.twig' with { modifiers: '' } %}
  31.             </div>
  32.         </article>
  34.         <section class="org-tier">
  35.             <div class="tier-content">
  36.                 <div class="org-modules-container has-banners">
  37.                     {% include 'molecules/banners/m.html.twig' with { modifiers: 'is-light', hasImage: true } %}
  39.                     {% include 'molecules/banners/m.html.twig' with { modifiers: 'is-light', hasImage: true } %}
  41.                     {% include 'molecules/banners/m.html.twig' with { modifiers: 'is-light', hasImage: true } %}
  43.                     {% include 'molecules/banners/m.html.twig' with { modifiers: 'is-light', hasImage: true } %}
  44.                 </div>
  45.             </div>
  46.         </section>
  48.         <section class="org-tier">
  49.             <div class="tier-content">
  50.                 <div class="org-modules-container has-banners">
  51.                     {% include 'molecules/banners/m-no-link.html.twig' with { modifiers: 'is-neutral' } %}
  53.                     {% include 'molecules/banners/m.html.twig' with { modifiers: 'is-light' } %}
  55.                     {% include 'molecules/banners/m.html.twig' with { modifiers: 'is-light' } %}
  57.                     {% include 'molecules/banners/m.html.twig' with { modifiers: 'is-light' } %}
  59.                     {% include 'molecules/banners/m.html.twig' with { modifiers: 'is-light' } %}
  61.                     {% include 'molecules/banners/m.html.twig' with { modifiers: 'is-light' } %}
  63.                     {% include 'molecules/banners/m.html.twig' with { modifiers: 'is-light' } %}
  65.                     {% include 'molecules/banners/m.html.twig' with { modifiers: 'is-light' } %}
  66.                 </div>
  67.             </div>
  68.         </section>
  70.         <section class="org-tier">
  71.             <div class="tier-header">
  72.                 <h2 class="tier-title">Agregador de contidos con opcións</h2>
  73.             </div>
  74.             <div class="tier-content">
  75.                 <usc-content-filter :options="[{key: null, name: 'Ver todo', selected: true}, {key: 'is-type-1', name: 'Opción 1', selected: false}, {key: 'is-type-2', name: 'Opción 2', selected: false}]">
  76.                     <div class="org-modules-container has-banners">
  77.                         {% include 'molecules/banners/s.html.twig' with { modifiers: 'is-light is-type-1' } %}
  79.                         {% include 'molecules/banners/s.html.twig' with { modifiers: 'is-light is-type-2' } %}
  81.                         {% include 'molecules/banners/s.html.twig' with { modifiers: 'is-light' } %}
  83.                         {% include 'molecules/banners/s.html.twig' with { modifiers: 'is-light is-type-1' } %}
  85.                         {% include 'molecules/banners/s.html.twig' with { modifiers: 'is-light is-type-2' } %}
  87.                         {% include 'molecules/banners/s.html.twig' with { modifiers: 'is-light is-type-2' } %}
  89.                         {% include 'molecules/banners/s.html.twig' with { modifiers: 'is-light is-type-2' } %}
  91.                         {% include 'molecules/banners/s.html.twig' with { modifiers: 'is-light is-type-1' } %}
  92.                     </div>
  93.                 </usc-content-filter>
  94.             </div>
  95.         </section>
  96.     </div>
  97. {% endblock %}
  99. {% block siteFooter %}
  100.     {% include 'organisms/site-footer.html.twig' %}
  101. {% endblock %}