team.html

---
layout: default
title: Team
permalink: /team/
---
<main id="main">

    <!-- ======= Breadcrumbs ======= -->
    <section id="breadcrumbs" class="breadcrumbs">

    </section><!-- End Breadcrumbs -->

    <!-- ======= Our Team Section ======= -->
    <section id="team" class="team section-bg">
      <div class="container">

        <div class="section-title" data-aos="fade-up">
          <h2>Our <strong>Team</strong></h2>
        </div>

        <div class="row" data-aos="fade-up">
          <div class="col-lg-12 d-flex justify-content-center">
            <ul id="team-flters">
              <li data-filter="*" class="filter-active">All</li>
              <li data-filter=".filter-designer">Designer</li>
              <li data-filter=".filter-programmer">Programmer</li>
              <li data-filter=".filter-artist">Artist</li>
            </ul>
          </div>
        </div>


        <div class="row team-container" data-aos="fade-up">

          {% for team_member in site.data.team %}
            <div class="col-lg-3 col-md-6 align-items-stretch team-item {% if team_member.IS_PROGRAMMER == "TRUE" %} filter-programmer {% endif %} {% if team_member.IS_DESIGNER == "TRUE" %} filter-designer {% endif %} {% if team_member.IS_ARTIST == "TRUE" %} filter-artist {% endif %}">
              <div class="member" data-aos="fade-up">
                <div class="member-img">
                  <img src="{{ "assets/img/people/" | absolute_url}}{{ team_member.IMG }}" class="img-fluid" alt="">
                  <div class="social">
                    {% if team_member.TWITTER != "none" %}
                    <a href="https://twitter.com/{{ team_member.TWITTER }}"><i class="icofont-twitter"></i></a>
                    {% endif %}
                    {% if team_member.INSTAGRAM != "none" %}
                    <a href="https://www.instagram.com/{{ team_member.INSTAGRAM }}"><i class="icofont-instagram"></i></a>
                    {% endif %}
                    {% if team_member.GIT != "none" %}
                    <a href="https://github.com/{{ team_member.GIT }}"><i class="bx bxl-github"></i></a>
                    {% endif %}
                    {% if team_member.LINKEDIN != "none" %}
                    <a href="https://www.linkedin.com/in/{{ team_member.LINKEDIN }}"><i class="icofont-linkedin"></i></a>
                    {% endif %}
                    {% if team_member.ARTSTATION != "none" %}
                    <a href="https://www.artstation.com/{{ team_member.ARTSTATION }}/"><i class="fab fa-artstation"></i></a>
                    {% endif %}
                    {% if team_member.WEBPAGE != "none" %}
                    <a href="{{ team_member.WEBPAGE }}"><i class="icofont-user"></i></a>
                    {% endif %}
                  </div>
                </div>
                <div class="member-info">
                  <h4>{{ team_member.NAME }}</h4>
                  <h4>{{ team_member.SURNAME }}</h4>
                  <span>{{ team_member.ROLE }}</span>
                </div>
              </div>
            </div>
         {% endfor %}

      </div>
    </section><!-- End Our Team Section -->

</main><!-- End #main -->