comunidades.html

---
layout: default
---

<!-- BANNER -->
<section id="banner" class="banner-comunidades">
  <div class="banner-content">

    <h2 class="page-banner-title">Transcendemos</h2>

    <div class="page-banner-subtitle">
      <p>Projeto da certificação, Empresa de Respeito, para ambientes inclusivos!</p>
    </div>

    <a class="button-banner" href="https://www.fastcompany.com/40554684/the-next-wave-of-tech-for-good-companies-are-being-built-by-women-and-minorities" rel="noopener" target="_blank">Saiba mais</a>
  </div>
</section>

<!-- EVENTOS -->
<section class="page-section">
  <h1 class="page-section-subtitle-alt">Sobre comunidades</h1>

  <p class="page-section-text">
    O Codamos está comprometido a dar destaque aos grupos e comunidades que prezem pela inclusão, diversidade e
    acessibilidade. Listamos as comunidades inclusivas com seus canais e redes abaixo:
  </p>

  <ul class="icon-labels">
    {% for icon_data in site.data.community_icons %}
      {% assign icon = icon_data[1] %}
      <li class="communities-section-label">
        <i class="{{ icon.class }}" aria-hidden="true"></i> = {{ icon.label }}
      </li>
    {% endfor %}
  </ul>

</section>

<!-- COMUNIDADES -->
<section class="page-section">
  <h1 class="page-section-title">Grupos e comunidades</h1>

  <ul class="communities-cards">
    {% include communities.html communities=site.data.communities %}
  </ul>
</section>