hugo-toha/layouts/partials/projects.html

<div class="container-fluid projects bg-dimmed anchor pb-5" id="projects">
  {{ if .Site.Data.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>
  {{ end }}
</div>