index.html

---
layout: base
---

<header>
  <h1>Bateu a saudade?<br />
  Encontre seus coleguinhas aqui 😃</h1>
  <p>Tá faltando você? Manda um pull request lá no <a href="https://github.com/moisesguimaraes/contatinhos-pybr14">github</a> o/</p>
</header>

<section class="tiles">

  {% for contato in site.contatinhos %}
  <article class="{{ contato.cor }} randomize">
      <span class="image">
        <img src="{{ site.baseurl }}/images/{{ contato.avatar }}" alt="" />
      </span>
      <a href="{{ contato.contato }}">
        <h2>{{ contato.nome }}</h2>
        <div class="content">
          <p>{{ contato.tagline }}</p>
        </div>
      </a>
    </article>
  {% endfor %}

  <article class="style1 randomize">
    <span class="image">
      <img src="{{ site.baseurl }}/images/adorilson.png" alt="adorilson" />
    </span>
    <a href="http://twitter.com/adorilson">
      <h2>Adorilson</h2>
      <div class="content">
        <p>É aquele que chamaram de mãe dos alunos do IFRN - Ceará-Mirim </p>
      </div>
    </a>
  </article>
  <article class="style3 randomize">
    <span class="image">
      <img src="{{ site.baseurl }}/images/JulioMelanda.jpg" alt="Julio Melanda" />
    </span>
    <a href="https://juliomelanda.com.br">
      <h2>Julio Melanda</h2>
      <div class="content">
        <p>Pythonista desde 2007 e fotógrafo</p>
      </div>
    </a>
  </article>
  <article class="style3 randomize">
    <span class="image">
      <img src="{{ site.baseurl }}/images/isacmoura.jpg" alt="Isac Moura" />
    </span>
    <a href="https://github.com/isacmoura">
      <h2>Isac Moura</h2>
      <div class="content">
        <p>Discente de Engenharia de Software e testemunha de Blockchain</p>
      </div>
    </a>
  </article>
  <article class="style1">
    <span class="image">
      <img src="{{ site.baseurl }}/images/pic01.jpg" alt="" />
    </span>
    <a href="{{ site.baseurl }}/generic.html">
      <h2>Magna</h2>
      <div class="content">
        <p>cor: style1</p>
      </div>
    </a>
  </article>
  <article class="style2">
      <span class="image">
        <img src="{{ site.baseurl }}/images/pic02.jpg" alt="" />
      </span>
      <a href="{{ site.baseurl }}/generic.html">
        <h2>Lorem</h2>
        <div class="content">
          <p>cor: style2</p>
        </div>
      </a>
    </article>
  <article class="style3">
    <span class="image">
      <img src="{{ site.baseurl }}/images/pic03.jpg" alt="" />
    </span>
    <a href="{{ site.baseurl }}/generic.html">
      <h2>Feugiat</h2>
      <div class="content">
        <p>cor: style3</p>
      </div>
    </a>
  </article>
  <article class="style4">
    <span class="image">
      <img src="{{ site.baseurl }}/images/pic04.jpg" alt="" />
    </span>
    <a href="{{ site.baseurl }}/generic.html">
      <h2>Tempus</h2>
      <div class="content">
        <p>cor: style4</p>
      </div>
    </a>
  </article>
  <article class="style5">
    <span class="image">
      <img src="{{ site.baseurl }}/images/pic05.jpg" alt="" />
    </span>
    <a href="{{ site.baseurl }}/generic.html">
      <h2>Aliquam</h2>
      <div class="content">
        <p>cor: style5</p>
      </div>
    </a>
  </article>
  <article class="style6">
    <span class="image">
      <img src="{{ site.baseurl }}/images/pic06.jpg" alt="" />
    </span>
    <a href="{{ site.baseurl }}/generic.html">
      <h2>Veroeros</h2>
      <div class="content">
        <p>cor: style6</p>
      </div>
    </a>
  </article>
  <article class="style2">
    <span class="image">
      <img src="{{ site.baseurl }}/images/pic02.jpg" alt="" />
    </span>
    <a href="{{ site.baseurl }}/generic.html">
      <h2>Lorem</h2>
      <div class="content">
        <p>cor: style2</p>
      </div>
    </a>
  </article>
  <article class="style3">
    <span class="image">
      <img src="{{ site.baseurl }}/images/pic03.jpg" alt="" />
    </span>
    <a href="{{ site.baseurl }}/generic.html">
      <h2>Feugiat</h2>
      <div class="content">
        <p>cor: style3</p>
      </div>
    </a>
  </article>
  <article class="style1">
    <span class="image">
      <img src="{{ site.baseurl }}/images/pic01.jpg" alt="" />
    </span>
    <a href="{{ site.baseurl }}/generic.html">
      <h2>Magna</h2>
      <div class="content">
        <p>cor: style1</p>
      </div>
    </a>
  </article>
  <article class="style5">
    <span class="image">
      <img src="{{ site.baseurl }}/images/pic05.jpg" alt="" />
    </span>
    <a href="{{ site.baseurl }}/generic.html">
      <h2>Aliquam</h2>
      <div class="content">
        <p>cor: style5</p>
      </div>
    </a>
  </article>
  <article class="style6">
    <span class="image">
      <img src="{{ site.baseurl }}/images/pic06.jpg" alt="" />
    </span>
    <a href="{{ site.baseurl }}/generic.html">
      <h2>Veroeros</h2>
      <div class="content">
        <p>cor: style6</p>
      </div>
    </a>
  </article>
  <article class="style4">
    <span class="image">
      <img src="{{ site.baseurl }}/images/pic04.jpg" alt="" />
    </span>
    <a href="{{ site.baseurl }}/generic.html">
      <h2>Tempus</h2>
      <div class="content">
        <p>cor: style4</p>
      </div>
    </a>
  </article>
</section>