
{%comment%}
<div class="row">
  <div class="medium-12 large-8 large-push-2 columns">
    <section class="o-section o-section--spaceBot">
{%endcomment%}
      <div class="o-section-inner">
        <div class="o-section-block" data-equalizer data-equalize-on="medium">
          <h1>Jak se připojit k Pirátům&thinsp;?</h1>
          Nabízíme vám tři varianty, jak s&nbsp;námi spolupracovat. Prohlédněte si, jaké možnosti vám spolupráce přinese.
          </div>
        <div class="o-section-block" data-equalizer data-equalize-on="medium">
          <table class="checklist-table">
          {%comment%}
          <tr>
            <th></th>
            <th style="background-image:url('https://www.pirati.cz/assets/img/teams/odberatel.jpg'); background-size: 100px 100%; background-repeat: no-repeat; background-position: 50%;">&nbsp;</th>
            <th style="background-image:url('https://www.pirati.cz/assets/img/teams/priznivec.jpg'); background-size: 100px 100%; background-repeat: no-repeat; background-position: 50%;">&nbsp;</th>
            <th style="background-image:url('https://www.pirati.cz/assets/img/teams/clen.jpg'); background-size: 100px 100%; background-repeat: no-repeat; background-position: 50% ;">&nbsp;</th>
          </tr>
          {%endcomment%}
          <tr>
            <th></th>
            <th>Odběratel</th>
            <th>Příznivec</th>
            <th>Zájemce<br/>o&nbsp;členství</th>
          </tr>
          <tr> <th>pozvánky na akce</th>   <td class="ok">✓</td> <td class="ok">✓</td> <td class="ok">✓</td> </tr>
          <tr> <th>odběr novinek</th>      <td class="ok">✓</td> <td class="ok">✓</td> <td class="ok">✓</td> </tr>
          <tr> <th></th>  <td colspan="3"><a href="https://www.facebook.com/ceska.piratska.strana/" target="_blank">Lajkni Piráty <i class="fa fa-facebook-official" aria-hidden="true"></i> a&nbsp;sleduj nejaktuálnější dění</a> </td> </tr>
          <tr> <th>vnitřní diskuse</th>    <td class="na">-</td> <td class="ok">✓</td> <td class="ok">✓</td> </tr>
          <tr> <th>možnost kandidovat</th> <td class="na">-</td> <td class="ok">✓</td> <td class="ok">✓</td> </tr>
          <tr> <th>hlasovací právo</th>    <td class="na">-</td> <td class="na">-</td> <td class="ok">✓</td> </tr>
          <tr> <th>uvítací balíček</th>    <td class="na">-</td> <td class="na">-</td> <td class="ok">✓</td> </tr>
          <tr> <th>adresa @pirati.cz</th>  <td class="na">-</td> <td class="na">-</td> <td class="ok">✓</td> </tr>
        </table>
        </div>
      </div>
    </section>
  </div>
</div>

{%comment%}
<div class="row">
  <div class="medium-12 large-12 columns">
    <section class="o-section o-section--spaceBot">
      <div class="o-section-inner">
        <div class="o-section-block" data-equalizer data-equalize-on="medium">
          <div class="column medium-4">
            <ul class="pricing-table no-bullet text-center" data-equalizer-watch>
              <li class="pricing-table-header-img" style="background-image:url('https://www.pirati.cz/assets/img/teams/odberatel.jpg')"></li>
              <!--CC-BY Kartik Malik source https://flic.kr/p/aQaGzX -->
              <li class="price">Odběratel</li>
              <li class="description">sledujte nás</li>
              <li>✓ pozvánky na akce</li>
              <li>✓ odběr novinek</li>
              <li><span style="color: #777777;font-size: 0.8rem;">A&nbsp;co potom?</span> <br/>
                <a href="https://www.facebook.com/ceska.piratska.strana/">Lajkni stránku
                  <i class="fa fa-facebook-official" aria-hidden="true"></i>
              </a></li>
            </ul>
          </div>
          <div class="column medium-4">
            <ul class="pricing-table no-bullet text-center" data-equalizer-watch>
              <li class="pricing-table-header-img" style="background-image:url('https://www.pirati.cz/assets/img/teams/priznivec.jpg')"></li>
              <li class="price"  title="Doporučujeme!">Příznivec</li>
              <li class="description">zapojte se</li>
              <li>✓ vnitřní diskuse</li>
              <li>✓ kandidování</li>
              <li class="small">plus totéž, co odběratel</li>
            </ul>
          </div>
          <div class="column medium-4">
            <ul class="pricing-table no-bullet text-center" data-equalizer-watch>
              <li class="pricing-table-header-img" style="background-image:url('https://www.pirati.cz/assets/img/teams/clen.jpg')"></li>
              <li class="price">Uchazeč o&nbsp;členství</li>
              <li class="description">po přijetí do strany</li>
              <li>✓ hlasovací právo</li>
              <li>✓ uvítací balíček</li>
              <li>✓ adresa @pirati.cz</li>
              <li class="small">plus totéž, co příznivec</li>
            </ul>
          </div>
        </div>
      </div>
    </section>
  </div>
</div>
{%endcomment%}

<div class="row">
  <div class="medium-12 large-8 columns large-push-2">
    <section class="o-section o-section">
      <div class="o-section-inner">
          <blockquote class="c-blockquote c-blockquote--wicon">Pirátská strana funguje na principu dobrovolnosti.
            <br> Pokud něco chceš dělat, nečekej na ostatní
            <br> a&nbsp;zapoj se. Samozřejmě respektuj ostatní dobrovolníky
            <br> a&nbsp;pravidla
            <a href="https://redmine.pirati.cz/projects/po/wiki/Pir%C3%A1tsk%C3%A1_netiketa">netikety</a>.</blockquote>
      </div>
    </section>
  </div>
</div>
<div class="row">
  <div class="medium-12 large-12 columns">
    <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>
  </div>
</div>

<div class="row">
  <div class="medium-12 large-12 columns">
    <section class="o-section o-section--spaceBot">
      <div class="o-section-inner">
      &nbsp;
      </div>
    </section>
  </div>
</div>


{%comment%}
{%endcomment%}
