<section class="wrapper bg-light angled upper-end">\n      <div class="container py-14 py-md-16">\n        <div class="row">\n          <div class="col-lg-9 col-xl-8 col-xxl-7">\n            <h2 class="fs-16 text-uppercase text-line text-primary mb-3">Case Studies</h2>\n            <h3 class="display-4 mb-9">Check out some of our awesome projects with creative ideas and great design.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="swiper-container blog grid-view mb-10" data-margin="30" data-dots="true" data-items-xl="3" data-items-md="2" data-items-xs="1">\n          <div class="swiper">\n            <div class="swiper-wrapper">\n              <div class="swiper-slide">\n                <article>\n                  <figure class="overlay overlay-1 hover-scale rounded mb-6"><a href="#"> <img src="/assets/img/photos/b4.jpg" alt="" /></a>\n                    <figcaption>\n                      <h5 class="from-top mb-0">Read More</h5>\n                    </figcaption>\n                  </figure>\n                  <div class="post-header">\n                    <h2 class="post-title h3 mb-3"><a class="link-dark" href="/blog-post.html">Ligula tristique quis risus</a></h2>\n                  </div>\n                  <!-- /.post-header -->\n                  <div class="post-footer">\n                    <ul class="post-meta">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>14 Apr 2022</span></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Coding</a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </div>\n                  <!-- /.post-footer -->\n                </article>\n                <!-- /article -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <article>\n                  <figure class="overlay overlay-1 hover-scale rounded mb-6"><a href="#"> <img src="/assets/img/photos/b5.jpg" alt="" /></a>\n                    <figcaption>\n                      <h5 class="from-top mb-0">Read More</h5>\n                    </figcaption>\n                  </figure>\n                  <div class="post-header">\n                    <h2 class="post-title h3 mb-3"><a class="link-dark" href="/blog-post.html">Nullam id dolor elit id nibh</a></h2>\n                  </div>\n                  <!-- /.post-header -->\n                  <div class="post-footer">\n                    <ul class="post-meta">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>29 Mar 2022</span></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Workspace</a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </div>\n                  <!-- /.post-footer -->\n                </article>\n                <!-- /article -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <article>\n                  <figure class="overlay overlay-1 hover-scale rounded mb-6"><a href="#"> <img src="/assets/img/photos/b6.jpg" alt="" /></a>\n                    <figcaption>\n                      <h5 class="from-top mb-0">Read More</h5>\n                    </figcaption>\n                  </figure>\n                  <div class="post-header">\n                    <h2 class="post-title h3 mb-3"><a class="link-dark" href="/blog-post.html">Ultricies fusce porta elit</a></h2>\n                  </div>\n                  <!-- /.post-header -->\n                  <div class="post-footer">\n                    <ul class="post-meta">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>26 Feb 2022</span></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Meeting</a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </div>\n                  <!-- /.post-footer -->\n                </article>\n                <!-- /article -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <article>\n                  <figure class="overlay overlay-1 hover-scale rounded mb-6"><a href="#"> <img src="/assets/img/photos/b7.jpg" alt="" /></a>\n                    <figcaption>\n                      <h5 class="from-top mb-0">Read More</h5>\n                    </figcaption>\n                  </figure>\n                  <div class="post-header">\n                    <h2 class="post-title h3 mb-3"><a class="link-dark" href="/blog-post.html">Morbi leo risus porta eget</a></h2>\n                  </div>\n                  <div class="post-footer">\n                    <ul class="post-meta">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>7 Jan 2022</span></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Business Tips</a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </div>\n                  <!-- /.post-footer -->\n                </article>\n                <!-- /article -->\n              </div>\n              <!--/.swiper-slide -->\n            </div>\n            <!-- /.swiper-wrapper -->\n          </div>\n          <!-- /.swiper -->\n        </div>\n        <!-- /.swiper-container -->\n      </div>\n      <!-- /.container -->\n    </section>