templates/templates/models/services/program.html.twig line 1

Open in your IDE?
  1. {% extends "layouts/services.html.twig" %}
  3. {% block bodyClass %}tpl-program has-services-skin{% endblock %}
  5. {% block siteHeader %}
  6.     {% include 'organisms/services-area-header.html.twig' %}
  7. {% endblock %}
  9. {% block pageHeader %}
  10.     <div class="page-header-wrapper">
  11.         <div class="container">
  12.             {% include 'molecules/page-header-with-menu.html.twig' with {
  13.                 breadcrumb: [
  14.                     { path: path('services-strategy'), title: 'Estratexia' }
  15.                 ],
  16.                 title: 'Programa',
  17.                 submenu: [
  18.                     { path: path('services-activity'), name: 'Actividade' },
  19.                     { path: path('services-activity'), name: 'Actividade' },
  20.                     { path: path('services-activity'), name: 'Actividade' },
  21.                 ]
  22.             } %}
  23.         </div>
  24.     </div>
  25. {% endblock %}
  27. {% block pageContent %}
  28.     <article class="program-wrapper">
  29.         <div class="program-header">
  30.             <figure class="at-image">
  31.                 <img src="https://picsum.photos/1180/280" alt="">
  32.             </figure>
  34.             <div class="at-lead-text">
  35.                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada
  36.                     pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor. </p>
  37.             </div>
  39.             <div class="program-description">
  40.                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mollis efficitur massa, quis
  41.                     condimentum ex scelerisque sed. Nunc ornare ligula augue, ac egestas dolor semper sit amet.
  42.                     Nulla lobortis convallis est et ultricies. Nunc id lectus nibh. Donec sodales massa vel
  43.                     dictum volutpat. Aenean facilisis sollicitudin nibh at commodo. Nullam rutrum condimentum
  44.                     dolor, et sodales turpis accumsan et. Ut nec eros justo. Aenean sagittis neque tortor, ac
  45.                     euismod nibh efficitur ac. Suspendisse luctus, felis vel varius tincidunt, felis lorem
  46.                     malesuada nulla, non porttitor felis arcu vel urna. Interdum et malesuada fames ac ante
  47.                     ipsum primis in faucibus. Cras pellentesque est justo, sed blandit justo placerat vel. Nulla
  48.                     ac consequat purus. Curabitur quis ante quis orci mattis viverra. Quisque non risus justo.
  49.                     Quisque vel tincidunt ex.</p>
  50.             </div>
  52.             <aside class="program-attachments">
  53.                 <div class="ml-alert is-attached">
  54.                     <h3 class="at-title">Aviso</h3>
  55.                     <div class="at-text">
  56.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex.</p>
  57.                     </div>
  58.                 </div>
  60.                 <ul class="ml-buttons-list is-vertical">
  61.                     <li>
  62.                         <a href="" class="at-button is-tertiary at-icon-external-link">Ligazón</a>
  63.                     </li>
  64.                     <li>
  65.                         <a href="" class="at-button is-tertiary at-icon-external-link">Ligazón</a>
  66.                     </li>
  67.                     <li>
  68.                         <a href="" class="at-button is-tertiary at-icon-paperclip">Adxunto</a>
  69.                     </li>
  70.                 </ul>
  71.             </aside>
  72.         </div>
  73.     </article>
  74. {% endblock %}
  76. {% block siteFooter %}
  77.     {% include 'organisms/site-footer.html.twig' %}
  78. {% endblock %}