{% if site.jekyll-theme-experiment.portfolio %}

<div class="l-wrap">
  <div class="l-center-column">
    <hr class="hr-decorator">
    <h1>{{ site.jekyll-theme-experiment.portfolio.title }}</h1>
  </div>
    <div class="l-item">
      {% for project in site.jekyll-theme-experiment.portfolio.projects %}
        <div class="item-container-project">
          <div class="item-project">
            <img src="{{ project.img_relative_url | relative_url }}" alt="{{ project.name }}">
          </div>
          <div class="content-hamburger-menu">
            <div class="information-project">
              <ul>
                <li>
                  <a class="icon" id="toggle-{{ forloop.index }}">
                    <i class="fas fa-bars"></i>
                  </a>
                </li>
                <li>
                  <h3>{{ project.name }}</h3>
                </li>
              </ul>
            </div>
            <nav class="nav-links nav-{{ forloop.index }}">
              <a class="nav-item" href="{{ project.link }}" target="_blank">
                <i class="fas fa-link"></i>
              </a>
              <a class="nav-item" href="{{ project.github }}" target="_blank">
                <i class="fab fa-github-alt"></i>
              </a>
            </nav>
          </div>
        </div>
      {% endfor %}
    </div>
</div>

{% endif %}