Gallery

<div class="masonry column-3 spacing-10 gallery border-radius-025">

  <!-- Masonry Gallery item 1 -->
  <div class="masonry-item">
    <div class="gallery-item">
      <a href="assets/images/img-src.jpg" data-gallery-title="Gallery Image">
        <img src="assets/images/img-src.jpg" alt="">
      </a>
    </div><!-- end gallery-item -->
  </div><!-- end masonry-item -->

  <!-- Masonry Gallery item 2 -->
  <div class="masonry-item">
    <div class="gallery-item">
      <a href="assets/images/img-src.jpg" data-gallery-title="Gallery Image">
        <img src="assets/images/img-src.jpg" alt="">
      </a>
    </div><!-- end gallery-item -->
  </div><!-- end masonry-item -->

  <!-- Masonry Gallery item 3 -->
  <div class="masonry-item">
    <div class="gallery-item">
      <a href="assets/images/img-src.jpg" data-gallery-title="Gallery Image">
        <img src="assets/images/img-src.jpg" alt="">
      </a>
    </div><!-- end gallery-item -->
  </div><!-- end masonry-item -->

</div>><!-- end masonry -->

<div class="row col-spacing-10 gallery border-radius-025">

  <!-- Grid Gallery item 1 -->
  <div class="col-12 col-md-4">
    <div class="gallery-item">
      <a href="assets/images/img-src.jpg" data-gallery-title="Gallery Image">
        <img src="assets/images/img-src.jpg" alt="">
      </a>
    </div><!-- end gallery-item -->
  </div>

  <!-- Grid Gallery item 2 -->
  <div class="col-12 col-md-4">
    <div class="gallery-item">
      <a href="assets/images/img-src.jpg" data-gallery-title="Gallery Image">
        <img src="assets/images/img-src.jpg" alt="">
      </a>
    </div><!-- end gallery-item -->
  </div>

  <!-- Grid Gallery item 3 -->
  <div class="col-12 col-md-4">
    <div class="gallery-item">
      <a href="assets/images/img-src.jpg" data-gallery-title="Gallery Image">
        <img src="assets/images/img-src.jpg" alt="">
      </a>
    </div><!-- end gallery-item -->
  </div>

</div>><!-- end masonry -->

<div class="justified-gallery">
  <!-- Gallery Item 1 -->
  <a href="assets/images/img-src.jpg">
    <img src="assets/images/img-src.jpg" data-gallery-title="Gallery Item">
  </a>
  <!-- Gallery Item 2 -->
  <a href="assets/images/img-src.jpg">
    <img src="assets/images/img-src.jpg" data-gallery-title="Gallery Item">
  </a>
  <!-- Gallery Item 3 -->
  <a href="assets/images/img-src.jpg">
    <img src="assets/images/img-src.jpg" data-gallery-title="Gallery Item">
  </a>
  <!-- Gallery Item 4 -->
  <a href="assets/images/img-src.jpg">
    <img src="assets/images/img-src.jpg" data-gallery-title="Gallery Item">
  </a>
  <!-- Gallery Item 5 -->
  <a href="assets/images/img-src.jpg">
    <img src="assets/images/img-src.jpg" data-gallery-title="Gallery Item">
  </a>
  <!-- Gallery Item 6 -->
  <a href="assets/images/img-src.jpg">
    <img src="assets/images/img-src.jpg" data-gallery-title="Gallery Item">
  </a>
  <!-- Gallery Item 7 -->
  <a href="assets/images/img-src.jpg">
    <img src="assets/images/img-src.jpg" data-gallery-title="Gallery Item">
  </a>
</div>