web-semprace/templates/index.html

{% extends "base.html" %}
{% block main %}
<section id="news" class="news-wrapper">
  {% block news %} {% endblock news %}
</section>
<section class="aside-wrapper">
  <aside>
    <section id="vstupenky-wrapper">
      <a href="#" class="vstupenky">VSTUPENKY<span>&nbsp;&gt;&gt;</span></a>
    </section>

    <section class="infotable">
      <div class="info-wrapper">
        <img src="/svg/uvod.svg" alt="ikonka" />
        <div class="text">
          <h3>Slavnostní úvod</h3>
          <p>
            Na rozehřátí ti něco pěknýho řeknem a možná se dočkáš i nějakýho toho videjka.
          </p>
        </div>
      </div>
      <div class="info-wrapper">
        <img src="/svg/muzika.svg" alt="ikonka" />
        <div class="text">
          <h3>Kvalitní muzika</h3>
          <p>
            “Proč nehrají, preceptore?” na našem plese rozhodně neuslyšíš. Zahraje nám <b>BigBand ZUŠ Turnov</b>, kterej do toho umí hrábnout.
          </p>
        </div>
      </div>
      <div class="info-wrapper">
        <img src="/svg/tombola.svg" alt="ikonka" />
        <div class="text">
          <h3>Tombola</h3>
          <p>
            Už teď ty ceny nemáme kam dávat. Tak nám přijď pomoct a nějakou si odnes domů!
          </p>
        </div>
      </div>
      <div class="info-wrapper">
        <img src="/svg/fotokoutek.svg" alt="ikonka" />
        <div class="text">
          <h3>Fotokoutek</h3>
          <p>
            Vyblejsknem tě samotnýho nebo s celou partou. A to v našem koutku i na tanečním place!
          </p>
        </div>
      </div>
      <div class="info-wrapper">
        <img src="/svg/dancing.svg" alt="ikonka" />
        <div class="text">
          <h3>Unikátní program</h3>
          <p>
            V tomhle se musí najít úplně každej. Brikulí jsme si pro Tebe s kámošema připravili tolik, že by to měl i tvůj matikář problém spočítat.
          </p>
        </div>
      </div>
      <div class="info-wrapper">
        <img src="/svg/prekvapeni.svg" alt="ikonka" />
        <div class="text">
          <h3>Půlnoční překvapení</h3>
          <p>
            No, máš se prostě na co těšit. Bude to velký! Co? To už by přece nebylo překvápko.
          </p>
        </div>
      </div>
    </section>
  </aside>
  <footer>
    <p>Nadační fond maléDivy • <a href="https://www.kulturaturnov.cz" target="_blank">Kulturní centrum Turnov</a> • <a href="https://www.facebook.com/bigbandturnov" target="_blank">Big Band ZUŠ Turnov</a></p>
    <p>&copy; <a href="https://fofrweb.com/" target="_blank">Fofrweb</a> + PKM</p>
  </footer>
</section>
{% endblock main %}