templates/templates/models/agenda-front-page.html.twig line 1

Open in your IDE?
  1. {% extends "layouts/master.html.twig" %}
  3. {% block bodyClass %}tpl-agenda-front-page{% 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.         title: 'Axenda'
  12.     } %}
  13. {% endblock %}
  15. {% block pageContent %}
  17.     <div class="content-filter-options-wrapper">
  18.         <div class="ml-content-filter-options">
  19.             <ul class="content-filter-options-list">
  20.                 <li>
  21.                     <a href="" class="at-content-filter-option is-selected">Ver todo</a>
  22.                 </li>
  23.                 <li>
  24.                     <a href="" class="at-content-filter-option">Opción 1</a>
  25.                 </li>
  26.                 <li>
  27.                     <a href="" class="at-content-filter-option">Opción 2</a>
  28.                 </li>
  29.             </ul>
  30.         </div>
  31.     </div>
  33.     <form class="ml-form" method="get" action="">
  34.         <div class="form-content">
  35.             <div class="row">
  36.                 <div class="col-md-12 col-lg-6">
  37.                     <div class="form-group has-button">
  38.                         <label for="form1-example-input-button" class="is-sr-only">Buscar</label>
  39.                         <input type="text" name="q" class="form-control" id="form1-example-input-button" placeholder="Buscar">
  40.                         <button class="at-button is-primary at-icon-search has-icon"><span>Buscar</span></button>
  41.                     </div>
  42.                 </div>
  44.                 <div class="col-md-6 col-lg-3">
  45.                     <div class="form-group">
  46.                         <label for="date-from" class="is-sr-only">Dende</label>
  47.                         <input type="date" name="from" id="date-from" class="form-control" placeholder="Dende..." title="Dende..." />
  48.                     </div>
  49.                 </div>
  51.                 <div class="col-md-6 col-lg-3">
  52.                     <div class="form-group">
  53.                         <label for="date-to" class="is-sr-only">Ata</label>
  54.                         <input type="date" name="to" id="date-to" class="form-control" placeholder="Ata..." title="Ata..." />
  55.                     </div>
  56.                 </div>
  57.             </div>
  58.         </div>
  59.     </form>
  61.     <div class="org-modules-container has-margin-top">
  62.         {% include 'molecules/events/m.html.twig' with { hasImage: true, hasDate: true } %}
  64.         {% include 'molecules/events/m.html.twig' with { hasImage: true, hasDate: true } %}
  66.         {% include 'molecules/events/m.html.twig' with { hasImage: true, hasDate: true } %}
  68.         {% include 'molecules/events/m.html.twig' with { hasDate: true } %}
  70.         {% include 'molecules/events/m.html.twig' with { hasDate: true } %}
  72.         {% include 'molecules/events/m.html.twig' with { hasDate: true } %}
  74.         {% include 'molecules/events/m.html.twig' with { hasDate: true } %}
  76.         {% include 'molecules/events/m.html.twig' with { hasDate: true, date: '15 xuñ-20 ago', modifiers: 'has-began' } %}
  78.         {% include 'molecules/events/m.html.twig' with { hasDate: true, date: '15 xuñ-20 ago', modifiers: 'has-began' } %}
  79.     </div>
  81.     <div class="org-tier has-margin-top">
  82.         <div class="tier-header">
  83.             <h2 class="tier-title">14 de abril</h2>
  84.         </div>
  85.         <div class="tier-content">
  86.             <div class="org-modules-container">
  87.                 {% include 'molecules/events/m.html.twig' with { hasDate: true } %}
  89.                 {% include 'molecules/events/m.html.twig' with { hasDate: true } %}
  91.                 {% include 'molecules/events/m.html.twig' with { hasDate: true } %}
  93.                 {% include 'molecules/events/m.html.twig' with { hasDate: true } %}
  95.                 {% include 'molecules/events/m.html.twig' with { hasDate: true } %}
  97.                 {% include 'molecules/events/m.html.twig' with { hasDate: true } %}
  99.                 {% include 'molecules/events/m.html.twig' with { hasDate: true } %}
  101.                 {% include 'molecules/events/m.html.twig' with { hasDate: true } %}
  102.             </div>
  103.         </div>
  104.     </div>
  106. {% endblock %}
  108. {% block siteFooter %}
  109.     {% include 'organisms/site-footer.html.twig' %}
  110. {% endblock %}