templates/templates/pages/services/services-program-summer.html.twig line 1

Open in your IDE?
  1. {% extends "layouts/services.html.twig" %}
  3. {% block bodyClass %}tpl-program has-areas-skin{% endblock %}
  5. {% block siteHeader %}
  6. {% include 'organisms/header-examples/services-culture-header.html.twig' with {
  7.       logo: asset('/images/logo-neg.svg')
  8. } %}{% endblock %}
  10. {% block pageHeader %}
  11.     <div class="page-header-wrapper">
  12.         <div class="container">
  13.             {% include 'molecules/page-header-with-menu.html.twig' with {
  14.               breadcrumb: [
  15.                   { path: path('services-strategy'), title: 'Cursos de verán' },
  16.               ],
  17.                 title: 'Universidade de verán 2022',
  18.             } %}
  19.         </div>
  20.     </div>
  21. {% endblock %}
  23. {% block pageContent %}
  25. <article class="program-wrapper">
  26.     <div class="program-header">
  27.         <figure class="at-image">
  28.             <img src="https://picsum.photos/1180/280" alt="">
  29.         </figure>
  31.         <div class="at-lead-text">
  32.             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada
  33.                 pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor. </p>
  34.         </div>
  36.         <div class="program-description">
  37.             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mollis efficitur massa, quis
  38.                 condimentum ex scelerisque sed. Nunc ornare ligula augue, ac egestas dolor semper sit amet.
  39.                 Nulla lobortis convallis est et ultricies. Nunc id lectus nibh. Donec sodales massa vel
  40.                 dictum volutpat. Aenean facilisis sollicitudin nibh at commodo. Nullam rutrum condimentum
  41.                 dolor, et sodales turpis accumsan et. Ut nec eros justo. Aenean sagittis neque tortor, ac
  42.                 euismod nibh efficitur ac. Suspendisse luctus, felis vel varius tincidunt, felis lorem
  43.                 malesuada nulla, non porttitor felis arcu vel urna. </p>
  44.         </div>
  46.         <aside class="program-attachments">
  47.             <div class="ml-alert is-attached">
  48.                 <h3 class="at-title">Aviso</h3>
  49.                 <div class="at-text">
  50.                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex.</p>
  51.                 </div>
  52.             </div>
  53.             <ul class="ml-buttons-list is-vertical">
  54.                 <li>
  55.                     <a href="https://sede.usc.es/sede/publica/index.htm" class="at-button is-tertiary at-icon-external-link">Acceso a procedemento</a>
  56.                 </li>
  57.                 <li>
  58.                     <a href="{{ path('services-procedure') }}" class="at-button is-tertiary at-link-smart-icon">Acceso a trámite</a>
  59.                 </li>
  60.                 <li>
  61.                     <a href="" class="at-button is-tertiary at-icon-paperclip">Adxunto</a>
  62.                 </li>
  63.             </ul>
  64.         </aside>
  65.     </div>
  66. </article>
  68.   <section class="org-tier has-advanced-actions">
  69.       <div class="tier-header">
  70.           <h2 class="tier-title">Todos os cursos</h2>
  71.           <div class="tier-action">
  72.               <div class="ml-filters-group">
  73.                   <usc-text-filter
  74.                       target-container="#banners-container"
  75.                       target-items=".ml-banner"
  76.                   ></usc-text-filter>
  77.                   <usc-dropdown-filter
  78.                           label="Cidade de celebración"
  79.                           target-container="#banners-container"
  80.                           target-items=".ml-banner"
  81.                   >
  82.                       <template v-slot:default="slotProps">
  83.                           <li>
  84.                             <button type="button" @click="slotProps.reset">Todas</button>
  85.                           </li>
  86.                           <li>
  87.                             <button type="button" @click="slotProps.filter" data-value="santiago">Santiago de Compostela</button>
  88.                           </li>
  89.                           <li>
  90.                             <button type="button" @click="slotProps.filter" data-value="lugo">Lugo</button>
  91.                           </li>
  92.                           <li>
  93.                             <button type="button" @click="slotProps.filter" data-value="ourense">Ourense</button>
  94.                           </li>
  95.                           <li>
  96.                             <button type="button" @click="slotProps.filter" data-value="ribadavia">Ribadavia</button>
  97.                           </li>
  98.                           <li>
  99.                             <button type="button" @click="slotProps.filter" data-value="baiona">Baiona</button>
  100.                           </li>
  101.                       </template>
  102.                   </usc-dropdown-filter>
  103.                   <usc-dropdown-filter
  104.                           label="Área de coñecemento"
  105.                           target-container="#banners-container"
  106.                           target-items=".ml-banner"
  107.                   >
  108.                       <template v-slot:default="slotProps">
  109.                         <li>
  110.                           <button type="button" @click="slotProps.reset">Todas</button>
  111.                         </li>
  112.                           <li>
  113.                               <button type="button" @click="slotProps.filter" data-value="tipo1">Ciencias sociais</button>
  114.                           </li>
  115.                           <li>
  116.                               <button type="button" @click="slotProps.filter" data-value="tipo2">Artes e humanidades</button>
  117.                           </li>
  118.                           <li>
  119.                               <button type="button" @click="slotProps.filter" data-value="tipo3">Ciencias da saúde</button>
  120.                           </li>
  121.                           <li>
  122.                               <button type="button" @click="slotProps.filter" data-value="tipo4">Enxeñaría e arquitectura</button>
  123.                           </li>
  124.                       </template>
  125.                   </usc-dropdown-filter>
  126.               </div>
  127.           </div>
  128.       </div>
  129.       <div class="tier-content">
  130.           <div class="org-modules-container has-banners" id="banners-container">
  131.             {% include 'molecules/banners/m.html.twig' with {
  132.               modifiers: 'is-services is-activity tipo1 lugo',
  133.               title: 'Química, a ciencia que envolve a nosa vida',
  134.               text: 'Do 13 ao 16 de xuño',
  135.               link: path('services-activity-auto-summer'),
  136.               tag: 'Santiago de Compostela'
  137.             } %}
  138.             {% include 'molecules/banners/m.html.twig' with {
  139.               modifiers: 'is-services is-activity tipo2 ourense',
  140.               title: 'Mindfulness e relaxación',
  141.               text: 'Do 13 ao 16 de xuño',
  142.               link: path('services-activity-auto-summer'),
  143.               tag: 'Ourense'
  144.             } %}
  145.             {% include 'molecules/banners/m.html.twig' with {
  146.               modifiers: 'is-services is-activity tipo3 ourense',
  147.               title: 'Título do Curso de verán',
  148.               text: 'Do 13 ao 16 de xuño',
  149.               link: path('services-activity-auto-summer'),
  150.               tag: 'Ourense'
  151.             } %}
  152.             {% include 'molecules/banners/m.html.twig' with {
  153.               modifiers: 'is-services is-activity tipo4 santiago',
  154.               title: 'Título do Curso de verán',
  155.               text: 'Do 13 ao 16 de xuño',
  156.               link: path('services-activity-auto-summer'),
  157.               tag: 'Santiago de Compostela'
  158.             } %}
  159.             {% include 'molecules/banners/m.html.twig' with {
  160.               modifiers: 'is-services is-activity tipo4 santiago',
  161.               title: 'Título do Curso de verán',
  162.               text: 'Do 13 ao 16 de xuño',
  163.               link: path('services-activity-auto-summer'),
  164.               tag: 'Santiago de Compostela'
  165.             } %}
  166.             {% include 'molecules/banners/m.html.twig' with {
  167.               modifiers: 'is-services is-activity tipo3 lugo',
  168.               title: 'Un mundo desigual: desafíos e compromisos no contexto da axenda 2030',
  169.               text: 'Do 13 ao 16 de xuño',
  170.               link: path('services-activity-auto-summer'),
  171.               tag: 'Lugo'
  172.             } %}
  173.             {% include 'molecules/banners/m.html.twig' with {
  174.               modifiers: 'is-services is-activity tipo1 lugo',
  175.               title: 'Título do Curso de verán',
  176.               text: 'Do 13 ao 16 de xuño',
  177.               link: path('services-activity-auto-summer'),
  178.               tag: 'Lugo'
  179.             } %}
  180.             {% include 'molecules/banners/m.html.twig' with {
  181.               modifiers: 'is-services is-activity tipo3 santiago',
  182.               title: 'Competencia cultural para o coidado e obxectivos do desenvolvemento sostible, preguntas e respostas',
  183.               text: 'Do 13 ao 16 de xuño',
  184.               link: path('services-activity-auto-summer'),
  185.               tag: 'Santiago de Compostela'
  186.             } %}
  187.             {% include 'molecules/banners/m.html.twig' with {
  188.               modifiers: 'is-services is-activity tipo2 lugo',
  189.               title: 'Título do Curso de verán',
  190.               text: 'Do 13 ao 16 de xuño',
  191.               link: path('services-activity-auto-summer'),
  192.               tag: 'Lugo'
  193.             } %}
  194.             {% include 'molecules/banners/m.html.twig' with {
  195.               modifiers: 'is-services is-activity tipo3 ribadavia',
  196.               title: 'Título do Curso de verán',
  197.               text: 'Do 13 ao 16 de xuño',
  198.               link: path('services-activity-auto-summer'),
  199.               tag: 'Ribadavia'
  200.             } %}
  201.             {% include 'molecules/banners/m.html.twig' with {
  202.               modifiers: 'is-services is-activity tipo1 lugo',
  203.               title: 'Química, a ciencia que envolve a nosa vida',
  204.               text: 'Do 13 ao 16 de xuño',
  205.               link: path('services-activity-auto-summer'),
  206.               tag: 'Santiago de Compostela'
  207.             } %}
  208.             {% include 'molecules/banners/m.html.twig' with {
  209.               modifiers: 'is-services is-activity tipo2 ourense',
  210.               title: 'Mindfulness e relaxación',
  211.               text: 'Do 13 ao 16 de xuño',
  212.               link: path('services-activity-auto-summer'),
  213.               tag: 'Ourense'
  214.             } %}
  215.             {% include 'molecules/banners/m.html.twig' with {
  216.               modifiers: 'is-services is-activity tipo3 ourense',
  217.               title: 'Título do Curso de verán',
  218.               text: 'Do 13 ao 16 de xuño',
  219.               link: path('services-activity-auto-summer'),
  220.               tag: 'Ourense'
  221.             } %}
  222.             {% include 'molecules/banners/m.html.twig' with {
  223.               modifiers: 'is-services is-activity tipo4 santiago',
  224.               title: 'Título do Curso de verán',
  225.               text: 'Do 13 ao 16 de xuño',
  226.               link: path('services-activity-auto-summer'),
  227.               tag: 'Santiago de Compostela'
  228.             } %}
  229.             {% include 'molecules/banners/m.html.twig' with {
  230.               modifiers: 'is-services is-activity tipo4 santiago',
  231.               title: 'Título do Curso de verán',
  232.               text: 'Do 13 ao 16 de xuño',
  233.               link: path('services-activity-auto-summer'),
  234.               tag: 'Santiago de Compostela'
  235.             } %}
  236.             {% include 'molecules/banners/m.html.twig' with {
  237.               modifiers: 'is-services is-activity tipo3 lugo',
  238.               title: 'Un mundo desigual: desafíos e compromisos no contexto da axenda 2030',
  239.               text: 'Do 13 ao 16 de xuño',
  240.               link: path('services-activity-auto-summer'),
  241.               tag: 'Lugo'
  242.             } %}
  243.             {% include 'molecules/banners/m.html.twig' with {
  244.               modifiers: 'is-services is-activity tipo1 lugo',
  245.               title: 'Título do Curso de verán',
  246.               text: 'Do 13 ao 16 de xuño',
  247.               link: path('services-activity-auto-summer'),
  248.               tag: 'Lugo'
  249.             } %}
  250.             {% include 'molecules/banners/m.html.twig' with {
  251.               modifiers: 'is-services is-activity tipo3 santiago',
  252.               title: 'Competencia cultural para o coidado e obxectivos do desenvolvemento sostible, preguntas e respostas',
  253.               text: 'Do 13 ao 16 de xuño',
  254.               link: path('services-activity-auto-summer'),
  255.               tag: 'Santiago de Compostela'
  256.             } %}
  257.             {% include 'molecules/banners/m.html.twig' with {
  258.               modifiers: 'is-services is-activity tipo2 lugo',
  259.               title: 'Título do Curso de verán',
  260.               text: 'Do 13 ao 16 de xuño',
  261.               link: path('services-activity-auto-summer'),
  262.               tag: 'Lugo'
  263.             } %}
  264.             {% include 'molecules/banners/m.html.twig' with {
  265.               modifiers: 'is-services is-activity tipo3 ribadavia',
  266.               title: 'Título do Curso de verán',
  267.               text: 'Do 13 ao 16 de xuño',
  268.               link: path('services-activity-auto-summer'),
  269.               tag: 'Ribadavia'
  270.             } %}
  271.           </div>
  272.       </div>
  273.   </div>
  274. </section>
  276. {% endblock %}
  278. {% block siteFooter %}
  280. {% endblock %}