{include file="includes/header.html"} 
{include file="includes/header-holder.html"}

<main class="main" id="main">
  {include file="includes/menu.html"}

  <div id="fullpagePrimary">
    <section class="section page calendar-events">
      <div class="wrapper">
        <div class="content">
    
          <div class="content-wrapper">
            {include file="includes/breadcrumbs.html"}

            <div class="banner">
              <div class="bg" style="background-image: url({$templates_dir}img/events-bg.jpg);"></div>

              <h1 class="h1 title">kalendarz wydarzeń</h1>
              
              <div class="years">
                <a href="#" class="year active">2017</a>
                <a href="#" class="year">2016</a>
                <a href="#" class="year">2015</a>
                <a href="#" class="year">2014</a>
                <a href="#" class="year">2013</a>
                <a href="#" class="year">2012</a>
                <a href="#" class="year">2011</a>
              </div>
            </div>
            
            <div class="calendar-wrapper">
              <div class="col-1">
                <div>
                  <div class="title">
                    Kliknij na datę w kAlendarzu, aby zobaczyć 
                    interesujące cię wydarzenia.
                  </div>
                  <div class="descr">
                    Nam posuere sed ante vel posuere. Quisque nec semper magna. Aliquam sit amet nunc vitae dolor aliquam venenatis. Sed nec purus id arcu lacinia gravida eu in ipsum. Donec bibendum mi eu nisl finibus molestie. Curabitur vel augue orci. Mauris laoreet quam vel magna auctor blandit. Fusce dapibus, nisl et laoreet lobortis.
                  </div>
  
                  <a href="#" class="link">pokaż wszystkie <button type="button" class="btn btn--arrow"></button></a>
                </div>
              </div>
              <div class="col-2">
                <div class="calendar" id="calendar-events" data-lang="pl"></div>
                <div class="hidden" id="calendar-events-wrapper">
                  <a href="#1" class="calendar-event">2018-02-01</a>
                  <a href="#2" class="calendar-event">2018-02-02</a>
                  <a href="#3" class="calendar-event">2018-03-02</a>
                  <a href="#4" class="calendar-event">2018-03-03</a>
                </div>
              </div>
            </div>

            <div class="events-wrapper">
              <div class="event">
                <div class="img">
                  <img src="{$templates_dir}img/event-img.jpg" alt="" class="img-responsive">
                </div>
                <div class="event-content">
                  <a href="#" class="row-wrapper">
                    <div class="date">
                      <span class="day" data-date="września ‘17">25</span>
                    </div>
                    <div class="title">Dodatkowy termin szkoleń CGU - październik 2017</div>
                  </a>
                  <div class="excerpt">Nowy, dodatkowy termin szkoleń lodziarskich Carpigiani Gelato Univeristy w październiku.</div>
                  <a href="#" class="btn btn--arrow link"></a>
                </div>
              </div>
              <div class="event">
                <div class="img">
                  <!-- <img src="{$templates_dir}img/event-img.jpg" alt="" class="img-responsive"> -->
                </div>
                <div class="event-content">
                  <a href="#" class="row-wrapper">
                    <div class="date">
                      <span class="day" data-date="września ‘17">25</span>
                    </div>
                    <div class="title">Dodatkowy termin szkoleń CGU - październik 2017</div>
                  </a>
                  <div class="excerpt">Nowy, dodatkowy termin szkoleń lodziarskich Carpigiani Gelato Univeristy w październiku.</div>
                  <a href="#" class="btn btn--arrow link"></a>
                </div>
              </div>
              <div class="event">
                <div class="img">
                  <img src="{$templates_dir}img/event-img.jpg" alt="" class="img-responsive">
                </div>
                <div class="event-content">
                  <a href="#" class="row-wrapper">
                    <div class="date">
                      <span class="day" data-date="września ‘17">25</span>
                      &nbsp;-&nbsp;
                      <span class="day" data-date="września ‘17">29</span>
                    </div>
                    <div class="title">Dodatkowy termin szkoleń CGU - październik 2017</div>
                  </a>
                  <div class="excerpt">Nowy, dodatkowy termin szkoleń lodziarskich Carpigiani Gelato Univeristy w październiku.</div>
                  <a href="#" class="btn btn--arrow link"></a>
                </div>
              </div>
            </div>

            {include file="includes/pagination.html"}

          </div>
    
        </div>
      </div>
    </section>
  </div>
  <!-- /#fullpage -->
</main>

{include file="includes/footer-holder.html"} 
{include file="includes/footer.html"}