<section class="wrapper bg-gray">\n      <div class="container py-15 py-md-17">\n        <div class="row text-center">\n          <div class="col-lg-10 col-xl-9 col-xxl-8 mx-auto">\n            <h2 class="fs-16 text-uppercase text-primary mb-3">Case Studies</h2>\n            <h3 class="display-3 mb-10">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="row grid-view gy-6">\n          <div class="col-md-6 col-lg-4">\n            <article>\n              <div class="card shadow-lg">\n                <figure class="card-img-top overlay overlay-1 hover-scale"><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="card-body">\n                  <div class="post-header">\n                    <h2 class="post-title h3 mt-1 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-content">\n                    <p>Mauris convallis non ligula non interdum. Gravida vulputate convallis tempus vestibulum cras imperdiet nun eu dolor.</p>\n                  </div>\n                  <!-- /.post-content -->\n                </div>\n                <!--/.card-body -->\n                <div class="card-footer">\n                  <ul class="post-meta d-flex mb-0">\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                <!-- /.card-footer -->\n              </div>\n              <!-- /.card -->\n            </article>\n            <!-- /article -->\n          </div>\n          <!-- /column -->\n          <div class="col-md-6 col-lg-4">\n            <article>\n              <div class="card shadow-lg">\n                <figure class="card-img-top overlay overlay-1 hover-scale"><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="card-body">\n                  <div class="post-header">\n                    <h2 class="post-title h3 mt-1 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-content">\n                    <p>Mauris convallis non ligula non interdum. Gravida vulputate convallis tempus vestibulum cras imperdiet nun eu dolor.</p>\n                  </div>\n                  <!-- /.post-content -->\n                </div>\n                <!--/.card-body -->\n                <div class="card-footer">\n                  <ul class="post-meta d-flex mb-0">\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>Office</a></li>\n                  </ul>\n                  <!-- /.post-meta -->\n                </div>\n                <!-- /.card-footer -->\n              </div>\n              <!-- /.card -->\n            </article>\n            <!-- /article -->\n          </div>\n          <!-- /column -->\n          <div class="col-md-6 col-lg-4">\n            <article>\n              <div class="card shadow-lg">\n                <figure class="card-img-top overlay overlay-1 hover-scale"><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="card-body">\n                  <div class="post-header">\n                    <h2 class="post-title h3 mt-1 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-content">\n                    <p>Mauris convallis non ligula non interdum. Gravida vulputate convallis tempus vestibulum cras imperdiet nun eu dolor.</p>\n                  </div>\n                  <!-- /.post-content -->\n                </div>\n                <!--/.card-body -->\n                <div class="card-footer">\n                  <ul class="post-meta d-flex mb-0">\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                <!-- /.card-footer -->\n              </div>\n              <!-- /.card -->\n            </article>\n            <!-- /article -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>