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

Open in your IDE?
  1. {% extends "layouts/master.html.twig" %}
  3. {% block bodyClass %}tpl-course is-studies{% 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: 'Nivel superior' }
  13.         ],
  14.         title: 'Nome do grao, máster ou doutoramento',
  15.         tags: [
  16.             'Nova titulación'
  17.         ],
  18.     } %}
  19. {% endblock %}
  21. {% block pageContent %}
  22.     <article class="course-wrapper">
  23.         <div class="course-header">
  24.             <div class="course-tech-info">
  25.                 {% include 'molecules/specs/tech-info.html.twig' %}
  26.             </div>
  27.             <div class="course-description">
  28.                 <figure class="at-image is-course-main-image">
  29.                     <img src="https://picsum.photos/900/507" alt="">
  30.                 </figure>
  32.                 <div class="at-lead-text">
  33.                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada
  34.                         pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor.
  35.                         Vestibulum ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
  36.                         tincidunt mattis massa et sollicitudin.</p>
  37.                 </div>
  38.             </div>
  39.             <aside class="course-attachments">
  40.                 <div class="ml-alert is-attached">
  41.                     <h3 class="at-title">Aviso</h3>
  42.                     <div class="at-text">
  43.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex.</p>
  44.                     </div>
  45.                     <a href="" class="at-button is-primary">Acción</a>
  46.                 </div>
  48.                 <ul class="ml-buttons-list is-vertical">
  49.                     <li>
  50.                         <a href="" class="at-button is-tertiary at-icon-external-link">Páxina do centro</a>
  51.                     </li>
  52.                     <li>
  53.                         <a href="" class="at-button is-tertiary at-icon-external-link">Admisión e matrícula</a>
  54.                     </li>
  55.                     <li>
  56.                         <a href="" class="at-button is-tertiary at-icon-external-link">Bolsas e axudas</a>
  57.                     </li>
  58.                     <li>
  59.                         <a href="" class="at-button is-tertiary at-icon-paperclip">Normativa</a>
  60.                     </li>
  61.                 </ul>
  62.             </aside>
  63.         </div>
  65.         <usc-tabs id="uscTabs01" name="UscTabList">
  66.             <template v-slot:header>
  67.                 <usc-tabs-header-item :is-active="true" controls="tab01">
  68.                     Lapela 1
  69.                 </usc-tabs-header-item>
  70.                 <usc-tabs-header-item controls="tab02">
  71.                     Lapela 2
  72.                 </usc-tabs-header-item>
  73.                 <usc-tabs-header-item controls="tab03">
  74.                     Lapela 3
  75.                 </usc-tabs-header-item>
  76.             </template>
  78.             <template v-slot:body>
  79.                 <usc-tabs-body-item :is-active="true" name="tab01">
  80.                     <template v-slot:mobile-header>
  81.                         Lapela 1
  82.                     </template>
  84.                     <dl class="at-small at-desc-list">
  85.                         <dt>Item 1</dt>
  86.                         <dd>Lorem ipsum</dd>
  87.                         <dt>Item 2</dt>
  88.                         <dd>Lorem ipsum</dd>
  89.                         <dt>Item 3</dt>
  90.                         <dd>Lorem ipsum dolor</dd>
  91.                         <dt>Item 4</dt>
  92.                         <dd>Lorem ipsum dolor sit</dd>
  93.                         <dt>Item 5</dt>
  94.                         <dd>Consectetur Adipiscing</dd>
  95.                     </dl>
  97.                     <div class="at-text">
  98.                         <p>Body: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex
  99.                             malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a
  100.                             tortor. Vestibulum ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet
  101.                             augue. Fusce tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque
  102.                             volutpat, ipsum nec consequat consectetur, dui ligula suscipit enim, a pulvinar mi odio ut
  103.                             dui.</p>
  104.                     </div>
  106.                     <usc-accordion id="accordion01">
  107.                         <usc-accordion-item :is-open="true">
  108.                             <template v-slot:header>Item de acordeón 1</template>
  110.                             <div class="at-text">
  111.                                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex
  112.                                     malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac,
  113.                                     consectetur a tortor. Vestibulum ac convallis lectus. Proin in nibh imperdiet,
  114.                                     iaculis dui in, aliquet augue. Fusce tincidunt mattis massa et sollicitudin. Proin
  115.                                     at lacinia metus. Pellentesque volutpat, ipsum nec consequat consectetur, dui ligula
  116.                                     suscipit enim, a pulvinar mi odio ut dui.</p>
  117.                             </div>
  118.                         </usc-accordion-item>
  119.                         <usc-accordion-item>
  120.                             <template v-slot:header>Item de acordeón 2</template>
  122.                             <div class="at-text">
  123.                                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex
  124.                                     malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac,
  125.                                     consectetur a tortor. Vestibulum ac convallis lectus. Proin in nibh imperdiet,
  126.                                     iaculis dui in, aliquet augue. Fusce tincidunt mattis massa et sollicitudin. Proin
  127.                                     at lacinia metus. Pellentesque volutpat, ipsum nec consequat consectetur, dui ligula
  128.                                     suscipit enim, a pulvinar mi odio ut dui.</p>
  129.                             </div>
  130.                         </usc-accordion-item>
  131.                     </usc-accordion>
  132.                 </usc-tabs-body-item>
  133.                 <usc-tabs-body-item name="tab02">
  134.                     <template v-slot:mobile-header>
  135.                         Lapela 2
  136.                     </template>
  138.                     <div class="at-text">
  139.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada
  140.                             pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor.
  141.                             Vestibulum ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue.
  142.                             Fusce tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
  143.                             ipsum nec consequat consectetur, dui ligula suscipit enim, a pulvinar mi odio ut dui.</p>
  144.                     </div>
  146.                     <usc-dropdown-filter
  147.                             label="Curso"
  148.                     >
  149.                         <template v-slot:default>
  150.                             <li>
  151.                                 <a href="">Curso 2020/2021</a>
  152.                             </li>
  153.                             <li>
  154.                                 <a href="">Curso 2019/2020</a>
  155.                             </li>
  156.                         </template>
  157.                     </usc-dropdown-filter>
  159.                     <table class="ml-table">
  160.                         <thead>
  161.                         <tr>
  162.                             <th>Col 1</th>
  163.                             <th>Col 2</th>
  164.                             <th>Col 3</th>
  165.                             <th>Col 4</th>
  166.                             <th>Col 5</th>
  167.                         </tr>
  168.                         </thead>
  169.                         <tbody>
  170.                         <tr>
  171.                             <td>Dato 1</td>
  172.                             <td>Dato 2</td>
  173.                             <td>Dato 3</td>
  174.                             <td>Dato 4</td>
  175.                             <td>Dato 5</td>
  176.                         </tr>
  177.                         <tr>
  178.                             <td>Dato 1</td>
  179.                             <td>Dato 2</td>
  180.                             <td>Dato 3</td>
  181.                             <td>Dato 4</td>
  182.                             <td>Dato 5</td>
  183.                         </tr>
  184.                         <tr>
  185.                             <td>Dato 1</td>
  186.                             <td>Dato 2</td>
  187.                             <td>Dato 3</td>
  188.                             <td>Dato 4</td>
  189.                             <td>Dato 5</td>
  190.                         </tr>
  191.                         </tbody>
  192.                     </table>
  193.                 </usc-tabs-body-item>
  194.                 <usc-tabs-body-item name="tab03">
  195.                     <template v-slot:mobile-header>
  196.                         Lapela 3
  197.                     </template>
  199.                     <p>Impártese en dous semestres.</p>
  200.                     <p>Están previstas 2 modalidades de matrícula:</p>
  201.                     <ul>
  202.                         <li>Matrícula a tempo completo: 60 créditos ECTS .</li>
  203.                         <li>Matrícula a tempo parcial: 30 créditos ECTS ou o número de créditos máis próximo a esta
  204.                             cifra en función das materias que se matricule.
  205.                         </li>
  206.                     </ul>
  207.                     <p>Dentro dos 21 créditos optativos que se deben superar para a obtención do Máster en Matemáticas,
  208.                         os estudantes, previo informe favorable da Comisión Académica, poderán matricularse de ata 12
  209.                         créditos noutras titulacións.</p>
  211.                     <usc-carousel parent-tab-name="tab03">
  212.                         <usc-carousel-item>
  213.                             <figure class="at-image">
  214.                                 <img src="https://picsum.photos/800/507" alt="">
  215.                                 <figcaption class="image-caption">Descrición da imaxe</figcaption>
  216.                             </figure>
  217.                         </usc-carousel-item>
  218.                         <usc-carousel-item>
  219.                             <figure class="at-image">
  220.                                 <img src="https://picsum.photos/800/507" alt="">
  221.                                 <figcaption class="image-caption">Descrición da imaxe</figcaption>
  222.                             </figure>
  223.                         </usc-carousel-item>
  224.                         <usc-carousel-item>
  225.                             <figure class="at-image">
  226.                                 <img src="https://picsum.photos/800/507" alt="">
  227.                                 <figcaption class="image-caption">Descrición da imaxe</figcaption>
  228.                             </figure>
  229.                         </usc-carousel-item>
  230.                     </usc-carousel>
  231.                 </usc-tabs-body-item>
  232.             </template>
  233.         </usc-tabs>
  235.         <div class="ml-version-info">
  236.             <div class="version-info-content">
  237.                 <p>Os contidos desta páxina foron actualizados o 26/07/2019.</p>
  238.             </div>
  239.         </div>
  241.         <section class="org-tier">
  242.             <div class="tier-header">
  243.                 <h2 class="tier-title">Elementos relacionados</h2>
  244.             </div>
  245.             <div class="tier-content">
  246.                 <div class="row">
  247.                     <div class="col-lg-6">
  248.                         {% include 'molecules/banners/l.html.twig' with { modifiers: '' } %}
  249.                     </div>
  250.                     <div class="col-lg-6">
  251.                         {% include 'molecules/forms/vertical.html.twig' %}
  252.                     </div>
  253.                 </div>
  254.             </div>
  255.         </section>
  256.     </article>
  258.     <section class="org-tier">
  259.         <div class="tier-header">
  260.             <h2 class="tier-title">Novas relacionadas</h2>
  261.             <div class="tier-action">
  262.                 <a href="">ver máis</a>
  263.             </div>
  264.         </div>
  265.         <div class="tier-content">
  266.             <div class="org-modules-container">
  267.                 {% include 'molecules/news/l.html.twig' %}
  269.                 {% include 'molecules/news/m.html.twig' with { hasImage: true } %}
  271.                 {% include 'molecules/news/m.html.twig' %}
  273.                 {% include 'molecules/news/m.html.twig' %}
  274.             </div>
  275.         </div>
  276.     </section>
  277. {% endblock %}
  279. {% block siteFooter %}
  280.     {% include 'organisms/site-footer.html.twig' %}
  281. {% endblock %}