description = "Project Partial"

[viewBag]
==
{% for rel in projects %}
  <div class="col-sm-6 col-xs-6 project-rel-base trans-2 wow fadeIn" data-wow-delay="{{loop.index / 2}}s">
    <a href="{{url('project/'~rel.slug)}}">
      <div class="project-rel-img bg-img" style="background-image: url({{rel.proj_images[0].path}})"></div>
      <div class="project-rel-det">
        <h4 class="people-name">{{rel.name}}</h4>
        <p class="project-desc flex-con justify-start">
          <img src="{{'assets/svg/ico-service-location.svg'|theme}}">
          {{rel.location}}
        </p>
        <p class="project-desc flex-con justify-start">
          <img src="{{'assets/svg/ico-service-date.svg'|theme}}">
          {{rel.start_date|date('M Y')}} - {{rel.end_date|date('M Y')}}
        </p>
        <div class="hover-effect cl-effect-10 cl-rev">
          <a href="{{url('/project/'~rel.slug)}}" data-hover="VIEW DETAILS">
            <span class="btn-text flex-con">VIEW DETAILS
              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
              <g id="ico-btn-arrow">
              <path id="icon/action/trending_flat_24px" d="M21.5 12L17.5 8V11H2.5V13H17.5V16L21.5 12Z" fill="white"/>
              </g>
              </svg>
            </span>
          </a>
        </div>
      </div>
    </a>
  </div>
{% else %}
  <div class="col-sm-12 col-xs-12 flex-con">
    <div class="no-record text-center">
      <img src="{{'assets/svg/ico-no-result.svg'|theme}}" class="img-responsive">
      <h3>No Result Found.</h3>
      <p>Try changing the year or service to a different one.</p>
    </div>
  </div>
{% endfor %}