<!-- section GRID #1 -->
<section class="section section-grid section_pt section_pb bg-dark color-white">
  <div class="container">
    <!-- "js-gallery" class and "data-barba-prevent=all" attributes to create a gallery -->
    <div class="grid grid_fluid-6 js-grid js-gallery" data-barba-prevent="all">
      <div class="grid__item grid__item_desktop-6 grid__item_tablet-6 grid__item_mobile-12 grid__item_fluid-6 grid__item_fluid-6-fancy grid__sizer js-grid__sizer"></div>
      <div class="grid__item grid__item_desktop-6 grid__item_tablet-6 grid__item_mobile-12 grid__item_fluid-6 grid__item_fluid-6-fancy js-grid__item">
        <!-- image link 1 -->
        <a class="figure-image section-image" href="img/assets/project2/img-2-6.jpg" data-barba-prevent="self">
          <div class="lazy"><img data-src="img/assets/project2/img-2-6.jpg" src="#" alt="" width="900" height="1350" />
          </div>
          <div class="section-image__caption section-image__caption-vertical-left">Made of Steel</div>
        </a>
        <!-- // -->
      </div>
      <div class="grid__item grid__item_desktop-6 grid__item_tablet-6 grid__item_mobile-12 grid__item_fluid-6 grid__item_fluid-6-fancy js-grid__item">
        <!-- image link 2 -->
        <a class="figure-image section-image" href="img/assets/project2/img-2-7.jpg" data-barba-prevent="self">
          <div class="lazy"><img data-src="img/assets/project2/img-2-7.jpg" src="#" alt="" width="900" height="1350" />
          </div>
          <div class="section-image__caption section-image__caption-vertical-left">Sky Tower</div>
        </a>
        <!-- // -->
      </div>
      <div class="grid__item grid__item_desktop-6 grid__item_tablet-6 grid__item_mobile-12 grid__item_fluid-6 grid__item_fluid-6-fancy js-grid__item">
        <!-- image link 3 -->
        <a class="figure-image section-image" href="img/assets/project2/img-2-8.jpg" data-barba-prevent="self">
          <div class="lazy"><img data-src="img/assets/project2/img-2-8.jpg" src="#" alt="" width="900" height="1350" />
          </div>
          <div class="section-image__caption section-image__caption-vertical-left">Fancy Arcs</div>
        </a>
        <!-- // -->
      </div>
      <div class="grid__item grid__item_desktop-6 grid__item_tablet-6 grid__item_mobile-12 grid__item_fluid-6 grid__item_fluid-6-fancy js-grid__item">
        <!-- image link 4 -->
        <a class="figure-image section-image" href="img/assets/project2/img-2-9.jpg" data-barba-prevent="self">
          <div class="lazy"><img data-src="img/assets/project2/img-2-9.jpg" src="#" alt="" width="900" height="1350" />
          </div>
          <div class="section-image__caption section-image__caption-vertical-left">In the Shadows</div>
        </a>
        <!-- // -->
      </div>
    </div>
  </div>
</section>
<!-- - section GRID #1 -->