<section class="section portfolio" id="portfolio">
  <div class="container">
    <div class="row text-center">
      <div class="col-lg-6 offset-lg-3">
        <div class="portfolio__header">
          <span>My Portfolio</span>
          <h1>Check Some of Our Recent Work.</h1>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-12">
        <div class="portfolio-item-grid">
          {{ range (where $.Site.RegularPages "Type" "portfolio").Reverse }}
          <div class="portfolio-item">
            <img src="{{ .Params.thumbnail }}" class="portfolio-item-thumb" alt="portfolio-thumb" />
            <div class="portfolio-item-content">
              <span>{{ .Params.service }}</span>
              <h3>
                <a href="{{ .Permalink }}"
                  >{{ .Title }}</a
                >
              </h3>
              <a class="see-more-btn" href="{{ .Permalink }}">See details</a>
            </div>
          </div>
          {{ end }}
        </div>
      </div>
    </div>
  </div>
</section>