hugo-toha/layouts/partials/projects.html

<div class="container-fluid projects bg-dimmed anchor pb-5" id="projects">
  <h1 class="text-center">Projects</h1>
  <div class="container ml-auto text-center">
    <div class="btn-group flex-wrap" role="group" id="project-filter-buttons">
      {{ range .Site.Data.projects.buttons }}
      <button type="button" class="btn btn-dark" data-filter="{{ .filter }}">
        {{ .name }}
      </button>
      {{ end }}
    </div>
  </div>
  <div class="container filtr-projects">
    <div class="row" id="project-card-holder">
      {{ range .Site.Data.projects.projects }}
        {{ partial "cards/project" . }}
      {{ end }}
    </div>
  </div>
</div>