{% extends 'pirati_cz.html' %}
{% load static %}

{%block body%}
<div class="row">
  <div class="medium-12 large-8 large-push-2 columns">
    <section class="o-section o-section--spaceBot">
      <div class="o-section-inner" style="text-align: center;">
        <img src="{% static 'img/pirati-vlajky.jpg'%}" style="max-height: 400px"/>
      </div>
      <div class="o-section-inner">
        <div class="o-section-block" data-equalizer data-equalize-on="medium">
          <h1 style="font-size: 3.0rem; margin:0.7em 0 0.25em 0; text-align: center;">Naloďte se na palubu&thinsp;!</h1>
          <p>
          Ceníte si svobody a&nbsp;demokracie? Chcete se zapojit do dění na české politické scéně? Připojte se k&nbsp;nám!
          Členům, příznivcům i&nbsp;podporovatelům nabízí "nalodění" snadný vstup.
          </p>
        </div>
      </div>
        <div id='do_register_button' style="    text-align: center;">
            <a href="/sledovat-piraty/" style="width: 350px; margin-top: 10px; text-align: center; padding: 22px; font-size: 22px; background-color: #5c81b8;border-color: #5c81b8; color: white;" class="c-cta-button c-cta-button--primary">
            Sledovat piráty&thinsp;!
            </a>
            <a href="/jdu-do-toho/" style="width: 350px; margin-top: 10px; text-align: center; padding: 22px; font-size: 22px; background-color: #5cb85c;border-color: #5cb85c; color: white;" class="c-cta-button c-cta-button--primary">
            Přidat se k&nbsp;nám&thinsp;! <i class="fa fa-thumbs-up" aria-hidden="true"></i>
            </a>
        </div>
      <br/>
      <div class="o-section-inner">
        <div class="o-section-block" data-equalizer data-equalize-on="medium">
          <h1>Pro koho je nalodění&thinsp;?</h1>
          <p>Aplikace slouží jak zájemcům o&nbsp;spolupráci s&nbsp;Piráty, tak členům a&nbsp;
          příznivcům Pirátů. Kromě možnosti počáteční registrace slouží jako
          nástěnka a&nbsp;rozcestník ke všem podstatným informacím.</p>
          Rozhlédněte se po <b><a href="/paluby/">palubách</a></b>,
          navštivte naše <b><a href="/posadky/">posádky</a></b>.
          </div>
      </div>
      <br/>
      {% include 'about_text.html' %}
    </section>
  </div>
</div>

{%endblock%}