templates/templates/pages/center/CLM/CLM-frontpage.html.twig line 1

Open in your IDE?
  1. {% extends "layouts/organization.html.twig" %}
  3. {% block bodyClass %}tpl-service is-clm{% endblock %}
  5. {% block siteHeader %}
  6.     {% include 'organisms/clm-organization-header.html.twig' %}
  7. {% endblock %}
  9. {% block pageContent %}
  11.     {% include 'molecules/alerts/alert.html.twig' %}
  13.     <article class="service-wrapper">
  14.         <div class="service-header">
  15.             <figure class="at-image is-full-width">
  16.                 <img src="https://picsum.photos/1180/420" alt="">
  17.             </figure>
  19.             <div class="service-contact-info">
  20.                 <address class="ml-specs">
  21.                     <dl class="at-desc-list">
  22.                         <dt>Sede A</dt>
  23.                         <dd><ul class="is-list">
  24.                             <li>Enderezo</li>
  25.                             <li><a href="">000 000 000</a> (Punto)<br></li>
  26.                             <li><a href="">000 000 000</a> (Punto)<br></li>
  27.                             <li> <a href="#">contacto@usc.gal</a> </li>
  28.                           </ul>
  29.                         </dd>
  30.                         <dt>Sede B</dt>
  31.                         <dd><ul class="is-list">
  32.                             <li>Enderezo</li>
  33.                             <li><a href="">000 000 000</a> (Punto)<br></li>
  34.                               </ul>
  35.                         </dd>
  36.                         <dt></dt>
  37.                         <dd>{% include 'molecules/social-button-list.html.twig' %}</dd>
  38.                     </dl>
  39.                 </address>
  40.             </div>
  43.             <div class="service-description">
  44.                 <div class="at-lead-text">
  45.                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada
  46.                         pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor.
  47.                         Vestibulum ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
  48.                         tincidunt mattis massa et soltesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor.
  49.                         Vestibulumlicitudin. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor.
  50.                         Vestibulum ac convallis lectus.</p>
  51.                 </div>
  52.             </div>
  54.             <aside class="service-attachments">
  55.                 <div class="ml-alert is-attached">
  56.                     <h3 class="at-title">Aviso</h3>
  57.                     <div class="at-text">
  58.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex.</p>
  59.                     </div>
  60.                 </div>
  61.                 <ul class="ml-buttons-list is-vertical is-intranet">
  62.                     <li>
  63.                         <a href="" class="at-button is-tertiary at-icon-intranet">Acceso ao campus virtual</a>
  64.                     </li>
  65.                 </ul>
  66.                 <ul class="ml-buttons-list is-vertical">
  67.                     <li>
  68.                         <a href="" class="at-button is-tertiary at-icon-external-link">Ligazón personalizada</a>
  69.                     </li>
  70.                     <li>
  71.                         <a href="" class="at-button is-tertiary at-icon-external-link">Ligazón personalizada</a>
  72.                     </li>
  73.                 </ul>
  74.             </aside>
  75.         </div>
  76.     </article>
  78.     <section class="org-tier">
  79.         <div class="tier-header">
  80.             <h2 class="tier-title">Linguas</h2>
  81.         </div>
  82.         <div class="tier-content">
  83.                 <div class="org-modules-container has-banners">
  84.                     {% include 'molecules/banners/m.html.twig' with {
  85.                         modifiers: 'is-type-1', 
  86.                         title: 'Galego', 
  87.                         text:'', 
  88.                         link: path('CLM_course') 
  89.                     } %}
  90.                     {% include 'molecules/banners/m.html.twig' with {
  91.                         modifiers: 'is-type-1', 
  92.                         title: 'Español', 
  93.                         text:'', 
  94.                         link: path('CLM_course') 
  95.                     } %}
  96.                     {% include 'molecules/banners/s.html.twig' with {
  97.                         modifiers: 'is-type-1', 
  98.                         title: 'Inglés', 
  99.                         text:'', 
  100.                         link: path('CLM_course') 
  101.                     } %}
  102.                     {% include 'molecules/banners/s.html.twig' with {
  103.                         modifiers: 'is-type-1', 
  104.                         title: 'Portugués', 
  105.                         text:'', 
  106.                         link: path('CLM_course') 
  107.                     } %}
  108.                     {% include 'molecules/banners/s.html.twig' with {
  109.                         modifiers: 'is-type-1', 
  110.                         title: 'Francés', 
  111.                         text:'', 
  112.                         link: path('CLM_course') 
  113.                     } %}
  114.                     {% include 'molecules/banners/s.html.twig' with {
  115.                         modifiers: 'is-type-1', 
  116.                         title: 'Italiano', 
  117.                         text:'', 
  118.                         link: path('CLM_course') 
  119.                     } %}                  
  120.                 </div>
  121.             </usc-content-filter>
  122.         </div>
  123.     </section>
  125.     <div class="row">
  126.         <div class="col-lg-9">
  127.             <section class="org-tier">
  128.                 <div class="tier-header">
  129.                     <h2 class="tier-title">Actualidade</h2>
  130.                     <div class="tier-action">
  131.                         <a href="{{ path('CLM_journal') }}">ver máis</a>
  132.                     </div>
  133.                 </div>
  134.                 <div class="tier-content">
  135.                     <div class="org-modules-container is-one-quarter">
  136.                         {% include 'molecules/news/m.html.twig' with {
  137.                             title: 'Unha nova de actualidade do CLM',
  138.                             link: path('CLM_journal'),
  139.                             arrow: path('CLM_journal')
  140.                         } %}
  141.                         {% include 'molecules/news/m.html.twig' with {
  142.                             title: 'Unha nova de actualidade do CLM',
  143.                             link: path('CLM_journal'),
  144.                             arrow: path('CLM_journal')
  145.                         } %}
  146.                         {% include 'molecules/news/m.html.twig' with {
  147.                             title: 'Unha nova de actualidade do CLM',
  148.                             link: path('CLM_journal'),
  149.                             arrow: path('CLM_journal')
  150.                         } %}
  151.                     </div>
  152.                 </div>
  153.             </section>
  154.         </div>
  156.         <div class="col-lg-3">
  157.             <section class="org-tier">
  158.                 <div class="tier-header">
  159.                     <h2 class="tier-title">Axenda</h2>
  160.                     <div class="tier-action">
  161.                         <a href="">ver máis</a>
  162.                     </div>
  163.                 </div>
  164.                 <div class="tier-content">
  165.                     <div class="org-modules-container is-one-quarter">
  166.                         {% include 'molecules/events/m.html.twig' %}
  167.                     </div>
  168.                 </div>
  169.             </section>
  170.         </div>    
  171.     </div>
  173.     <section class="org-tier">
  174.         <div class="tier-header">
  175.             <h2 class="tier-title">Accesos directos</h2>
  176.             <div class="tier-action">
  177.             </div>
  178.         </div>
  179.         <div class="tier-content">
  180.             <div class="org-modules-container has-banners">
  181.                 {% include 'molecules/banners/s.html.twig' with {
  182.                     modifiers: 'is-light',
  183.                     title: 'Un recurso destacado da web do centro'
  184.                 } %}
  185.                 {% include 'molecules/banners/s.html.twig' with {
  186.                     modifiers: 'is-light',
  187.                     title: 'Outro recurso dentro da web do centro'
  188.                 } %}
  189.                 {% include 'molecules/banners/s.html.twig' with {
  190.                     modifiers: 'is-light',
  191.                     link: 'https://sharepoint.usc.gal',
  192.                     title: 'Acceso a un contido de intranet'
  193.                 } %}
  194.                 {% include 'molecules/banners/s.html.twig' with {
  195.                     modifiers: 'is-light',
  196.                     link: 'https://sharepoint.usc.gal',
  197.                     title: 'Acceso a un contido de intranet'
  198.                 } %}
  199.             </div>
  200.         </div>
  201.     </section>
  203.     
  204. {% endblock %}
  206. {% block siteFooter %}
  207.     {% include 'organisms/site-footer.html.twig' %}
  208. {% endblock %}