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

Open in your IDE?
  1. {% extends "layouts/master.html.twig" %}
  3. {% block bodyClass %}tpl-event{% 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('agenda_frontpage'), title: 'Axenda' }
  13.         ],
  14.         pretitle: 'Antetítulo do evento',
  15.         title: 'Título do evento, curso ou congreso'
  16.     } %}
  17. {% endblock %}
  19. {% block pageContent %}
  21.     <article class="event-wrapper">
  22.         <div class="event-intro-wrapper">
  23.             <div class="specs-wrapper">
  24.                 <div class="ml-specs">
  25.                     <time class="at-title">Xoves 26 de abril de 2019 ás 20:00h</time>
  26.                     <div class="at-text">
  27.                         <p><a href="#"><strong>Nome do Centro</strong></a><br />
  28.                             Campus Norte<br />
  29.                             Santiago de Compostela
  30.                         </p>
  31.                         <p>Entrada libre ate completar aforo<br />
  32.                         Organiza: Facultade de Humanidades</p>
  33.                     </div>
  34.                 </div>
  35.             </div>
  37.             <div class="event-intro">
  38.                 <div class="at-lead-text">
  39.                     <p>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. Vestibulum ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue.</p>
  40.                 </div>
  41.             </div>
  42.         </div>
  44.         <div class="event-body-wrapper">
  45.             <figure class="at-image is-event-main-image">
  46.                 <img src="https://picsum.photos/900/507" alt="">
  47.                 <figcaption class="image-caption">
  48.                     Pé de foto descritivo &copy; Universiade de Santiago de Compostela
  49.                 </figcaption>
  50.             </figure>
  52.             <div class="org-content-block">
  53.                 <aside class="content-block-attachments-wrapper">
  54.                     <ul class="ml-buttons-list is-vertical">
  55.                         <li class="at-button is-tertiary at-icon-external-link">
  56.                             <a href="">Ligazón</a>
  57.                         </li>
  58.                         <li class="at-button is-tertiary at-icon-paperclip">
  59.                             <a href="">Adxunto</a>
  60.                         </li>
  61.                         <li class="at-button is-tertiary at-icon-external-link">
  62.                             <a href="">Ligazón</a>
  63.                         </li>
  64.                         <li class="at-button is-tertiary at-icon-paperclip">
  65.                             <a href="">Adxunto</a>
  66.                         </li>
  67.                     </ul>
  69.                     <div class="ml-alert is-attached">
  70.                         <h3 class="at-title">Aviso</h3>
  71.                         <div class="at-text">
  72.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex.</p>
  73.                         </div>
  74.                     </div>
  75.                 </aside>
  77.                 <div class="content-block-content-wrapper">
  78.                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mollis efficitur massa, quis condimentum ex scelerisque sed. Nunc ornare ligula augue, ac egestas dolor semper sit amet. Nulla lobortis convallis est et ultricies. Nunc id lectus nibh. Donec sodales massa vel dictum volutpat. Aenean facilisis sollicitudin nibh at commodo. Nullam rutrum condimentum dolor, et sodales turpis accumsan et. Ut nec eros justo. Aenean sagittis neque tortor, ac euismod nibh efficitur ac. Suspendisse luctus, felis vel varius tincidunt, felis lorem malesuada nulla, non porttitor felis arcu vel urna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras pellentesque est justo, sed blandit justo placerat vel. Nulla ac consequat purus. Curabitur quis ante quis orci mattis viverra. Quisque non risus justo. Quisque vel tincidunt ex.</p>
  80.                     <figure class="at-image">
  81.                         <img src="https://picsum.photos/768/433" alt="">
  82.                         <figcaption class="image-caption">Texto descritivo</figcaption>
  83.                     </figure>
  84.                 </div>
  85.             </div>
  86.         </div>
  88.         <form class="ml-form has-margin-top">
  89.             <div class="row">
  90.                 <div class="col-lg-6">
  91.                     <header class="form-header">
  92.                         <h4 class="form-header-legend">Título formulario</h4>
  94.                         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius a modi, dolorem voluptas itaque impedit iure sunt enim unde consequuntur explicabo delectus, harum dolorum natus reiciendis laboriosam commodi doloribus obcaecati</p>
  95.                     </header>
  96.                 </div>
  97.             </div>
  99.             <div class="form-content">
  100.                 <div class="row">
  101.                     <div class="col-lg-6">
  102.                         <div class="form-group">
  103.                             <label for="form2-example-input" class="is-sr-only">Input xenérico</label>
  104.                             <input type="text" class="form-control" id="form2-example-input" placeholder="Input xenérico">
  105.                         </div>
  106.                     </div>
  108.                     <div class="col-lg-6">
  109.                         <div class="form-group">
  110.                             <label for="form2-example-input" class="is-sr-only">Input xenérico</label>
  111.                             <input type="text" class="form-control" id="form2-example-input" placeholder="Input xenérico">
  112.                         </div>
  113.                     </div>
  114.                 </div>
  116.                 <div class="row">
  117.                     <div class="col-lg-6">
  118.                         <div class="form-group">
  119.                             <label for="form2-example-input" class="is-sr-only">Input xenérico</label>
  120.                             <input type="text" class="form-control" id="form2-example-input" placeholder="Input xenérico">
  121.                         </div>
  122.                     </div>
  124.                     <div class="col-lg-6">
  125.                         <div class="form-group">
  126.                             <label for="form2-example-select" class="is-sr-only">Selecciona unha opción</label>
  127.                             <select class="form-control" id="form2-example-select">
  128.                                 <option>Selecciona unha opción</option>
  129.                                 <option>2</option>
  130.                                 <option>3</option>
  131.                                 <option>4</option>
  132.                             </select>
  133.                         </div>
  134.                     </div>
  135.                 </div>
  137.                 <div class="form-check-group">
  138.                     <div class="form-check form-check-inline">
  139.                         <input type="radio" name="example-radio" id="form2-example-radio-1" value="option1">
  140.                         <label class="form-check-label" for="form2-example-radio-1">Marca esta opción</label>
  141.                     </div>
  143.                     <div class="form-check form-check-inline">
  144.                         <input type="radio" name="example-radio" id="form2-example-radio-2" value="option2">
  145.                         <label class="form-check-label" for="form2-example-radio-2">Marca esta opción</label>
  146.                     </div>
  148.                     <div class="form-check form-check-inline">
  149.                         <input type="radio" name="example-radio" id="form2-example-radio-3" value="option2">
  150.                         <label class="form-check-label" for="form2-example-radio-3">Marca esta opción</label>
  151.                     </div>
  152.                 </div>
  154.                 <div class="form-check">
  155.                     <input type="checkbox" id="form2-example-check-1">
  156.                     <label class="form-check-label" for="form2-example-check-1">Acepta este texto</label>
  157.                 </div>
  159.                 <div class="form-actions">
  160.                     <button type="submit" class="at-button is-primary">Enviar</button>
  161.                 </div>
  162.             </div>
  163.         </form>
  164.     </article>
  165. {% endblock %}
  167. {% block siteFooter %}
  168.     {% include 'organisms/site-footer.html.twig' %}
  169. {% endblock %}