templates/templates/pages/services/services-activity-auto-summer.html.twig line 1

Open in your IDE?
  1. {% extends "layouts/services.html.twig" %}
  3. {% block bodyClass %}tpl-course 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.html.twig' with {
  14.                 breadcrumb: [
  15.                     { path: path('services-strategy'), title: 'Cursos de verán' },
  16.                     { path: path('services-program-summer'), title: 'Universidade de verán 2022' }
  17.                 ],
  18.                 title: 'Curso de verán',
  19.                 tags: [ 'Categoría' ]
  20.             } %}
  21.         </div>
  22.     </div>
  23. {% endblock %}
  25. {% block pageContent %}
  27. <article class="course-wrapper">
  28.     <div class="course-header">
  29.         <div class="course-description">
  30.             <div class="at-lead-text">
  31.                 <p>[descricion]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>
  32.             </div>
  33.         </div>
  34.     </div>
  36.     <usc-tabs id="uscTabs01" name="UscTabList">
  37.         <template v-slot:header>
  38.             <usc-tabs-header-item :is-active="true" controls="tab01">
  39.                 Información
  40.             </usc-tabs-header-item>
  41.             <usc-tabs-header-item controls="tab02">
  42.                 Grupos e horarios
  43.             </usc-tabs-header-item>
  44.             <usc-tabs-header-item controls="tab03">
  45.                 Profesorado
  46.             </usc-tabs-header-item>
  47.             <usc-tabs-header-item controls="tab04">
  48.               Sección TextoLongo=true
  49.             </usc-tabs-header-item>
  50.         </template>
  52.         <template v-slot:body>
  53.             <usc-tabs-body-item :is-active="true" name="tab01">
  54.                 <template v-slot:mobile-header>
  55.                     Información
  56.                 </template>
  58.                 <div class="row">
  59.                     <div class="col-lg-6">
  60.                       <dl class="at-small at-desc-list is-vertical">
  62.                         <dt>Localización</dt>
  63.                         <dd>Santiago</dd>
  65.                         <dt>Modalidade</dt>
  66.                         <dd>Presencial</dd>
  68.                         <dt>Duración</dt>
  69.                         <dd>Horas presenciais: 0<br>
  70.                         Horas de traballo: 20<br>
  71.                         Total: 20 horas</dd>
  73.                         <dt>Periodo 1</dt>
  74.                         <dd>00/00/0000 - 00/00/0000</dd>
  76.                         <dt>Periodo 2</dt>
  77.                         <dd>00/00/0000 - 00/00/0000</dd>
  79.                         <dt>Periodo n</dt>
  80.                         <dd>00/00/0000 - 00/00/0000</dd>
  82.                         <dt>Idioma</dt>
  83.                         <dd>Inglés</dd>
  85.                         <dt>Nome de Función 1</dt>
  86.                         <dd>Nome Apelido Apelido</dd>
  88.                         <dt>Nome de Función n</dt>
  89.                         <dd>Nome Apelido Apelido</dd>
  91.                         <dt>Email de contacto</dt>
  92.                         <dd><a href="mailto:usc@usc.gal">usc@usc.gal</a></dd>
  94.                       </dl>
  95.                     </div>
  96.                     <div class="col-lg-6">
  97.                       <dl class="at-small at-desc-list is-vertical">
  99.                         <dt>Número total de prazas</dt>
  100.                         <dd>7</dd>
  102.                         <dt>Prezo único (prezo total da actividade)</dt>
  103.                         <dd>00€</dd>
  105.                         <dt>Exencións</dt>
  106.                         <dd>Estudantes da USC e membros da comunidade universitaria: 50% /<br>
  107.                         PAS da USC (con cargo ao seu plan de formación): 100%</dd>
  109.                         <dt>Tarifas administrativas</dt>
  110.                         <dd>Seguro obrigatorio de accidentes e asistencia en viaxes segundo establec... (18,95 €)</dd>
  112.                         <dt>Seccion textoLongo=false</dt>
  113.                         <dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit</dd>
  115.                         <dt>Matrícula</dt>
  116.                         <dd>Límite de prazas con preinscrición<dd>
  117.                         <dd><a href="#" class="at-button is-primary">Preinscrición</a></dd>
  118.                         <dd><a href="#" class="at-button is-primary">Matrícula</a></dd>
  121.                     </div>
  122.                 </div>
  123.             </usc-tabs-body-item>
  125.             <usc-tabs-body-item name="tab02">
  126.                 <template v-slot:mobile-header>
  127.                   Grupos e horarios
  128.                 </template>
  130.                 <table>
  131.                   <thead>
  132.                       <th>Grupo</th>
  133.                       <th>Lugar</th>
  134.                       <th>Datas</th>
  135.                       <th>Horario</th>
  136.                   </thead>
  137.                 <tbody>
  138.                     <tr>
  139.                       <td>Creación e tratamento de imaxes e fotografías con GIMP. Grupo A</td>
  140.                       <td>En liña</td>
  141.                       <td>Do 14 de setembro ao 16 de outubro</td>
  142.                       <td>Aberto</td>
  143.                     </tr>
  144.                     <tr>
  145.                       <td>Creación e tratamento de imaxes e fotografías con GIMP. Grupo B</td>
  146.                       <td>Ciencias da información. Aula 2</td>
  147.                       <td>Do 14 de setembro ao 16 de outubro</td>
  148.                       <td>De 10 a 12 horas</td>
  149.                     </tr>
  150.                 </tbody>
  151.               </table>
  152.             </usc-tabs-body-item>
  155.             <usc-tabs-body-item name="tab03">
  156.                 <template v-slot:mobile-header>
  157.                   Profesorado
  158.                 </template>
  159.                 <table>
  160.                 <tbody>
  161.                     <tr>
  162.                         <td><a href="{{ path('department-staff-person') }}">Nome Apelido Apelido</a></td>
  163.                         <td>Función</td>
  164.                     </tr>
  165.                     <tr>
  166.                         <td><a href="{{ path('department-staff-person') }}">Nome Apelido Apelido</a></td>
  167.                         <td>Función</td>
  168.                     </tr>
  169.                     <tr>
  170.                         <td><a href="{{ path('department-staff-person') }}">Nome Apelido Apelido</a></td>
  171.                         <td>Función</td>
  172.                     </tr>
  173.                 </tbody>
  174.             </table>
  178.             </usc-tabs-body-item>
  179.             <usc-tabs-body-item name="tab04">
  180.                 <template v-slot:mobile-header>
  181.                   Sección TextoLongo=true
  182.                 </template>
  183.                 <p>[Texto de Sección de Texto Longo] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  184.             </usc-tabs-body-item>
  185.         </template>
  186.     </usc-tabs>
  187. </article>
  189. {% endblock %}
  191. {% block siteFooter %}
  192.     {% include 'organisms/site-footer.html.twig' %}
  193. {% endblock %}