<section class="wrapper bg-light">\n      <div class="overflow-hidden">\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 mx-auto text-center">\n              <i class="icn-flower text-leaf fs-30 opacity-25"></i>\n              <h2 class="display-5 text-center mt-2 mb-10">Some of wonderful love stories <br class="d-none d-md-block"> I witnessed and had the chance to capture</h2>\n            </div>\n            <!--/column -->\n          </div>\n          <!--/.row -->\n          <div class="swiper-container grid-view nav-bottom nav-color mb-14 text-center" data-margin="30" data-dots="false" data-nav="true" data-items-md="2" data-items-xs="1">\n            <div class="swiper overflow-visible pb-2">\n              <div class="swiper-wrapper">\n                <div class="swiper-slide">\n                  <div class="card shadow-lg">\n                    <figure class="card-img-top overlay overlay-1">\n                      <a href="#"><img class="img-fluid" src="/assets/img/photos/fc1.jpg" srcset="/assets/img/photos/fc1@2x.jpg 2x" alt="" /></a>\n                      <figcaption>\n                        <h5 class="from-top mb-0">View Gallery</h5>\n                      </figcaption>\n                    </figure>\n                    <div class="card-body p-6">\n                      <h3 class="fs-21 mb-1">Lucy & David</h3>\n                      <ul class="post-meta fs-16 mb-0">\n                        <li>5 Photos</li>\n                        <li>Wedding</li>\n                      </ul>\n                    </div>\n                    <!--/.card-body -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="card shadow-lg">\n                    <figure class="card-img-top overlay overlay-1">\n                      <a href="#"><img class="img-fluid" src="/assets/img/photos/fc2.jpg" srcset="/assets/img/photos/fc2@2x.jpg 2x" alt="" /></a>\n                      <figcaption>\n                        <h5 class="from-top mb-0">View Gallery</h5>\n                      </figcaption>\n                    </figure>\n                    <div class="card-body p-6">\n                      <h3 class="fs-21 mb-1">Stacy & Thomas</h3>\n                      <ul class="post-meta fs-16 mb-0">\n                        <li>8 Photos</li>\n                        <li>Wedding</li>\n                      </ul>\n                    </div>\n                    <!--/.card-body -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="card shadow-lg">\n                    <figure class="card-img-top overlay overlay-1">\n                      <a href="#"><img class="img-fluid" src="/assets/img/photos/fc3.jpg" srcset="/assets/img/photos/fc3@2x.jpg 2x" alt="" /></a>\n                      <figcaption>\n                        <h5 class="from-top mb-0">View Gallery</h5>\n                      </figcaption>\n                    </figure>\n                    <div class="card-body p-6">\n                      <h3 class="fs-21 mb-1">Katherine & Jack</h3>\n                      <ul class="post-meta fs-16 mb-0">\n                        <li>7 Photos</li>\n                        <li>Couples</li>\n                      </ul>\n                    </div>\n                    <!--/.card-body -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="card shadow-lg">\n                    <figure class="card-img-top overlay overlay-1">\n                      <a href="#"><img class="img-fluid" src="/assets/img/photos/fc4.jpg" srcset="/assets/img/photos/fc4@2x.jpg 2x" alt="" /></a>\n                      <figcaption>\n                        <h5 class="from-top mb-0">View Gallery</h5>\n                      </figcaption>\n                    </figure>\n                    <div class="card-body p-6">\n                      <h3 class="fs-21 mb-1">Jolene & William</h3>\n                      <ul class="post-meta fs-16 mb-0">\n                        <li>9 Photos</li>\n                        <li>Wedding</li>\n                      </ul>\n                    </div>\n                    <!--/.card-body -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="card shadow-lg">\n                    <figure class="card-img-top overlay overlay-1">\n                      <a href="#"><img class="img-fluid" src="/assets/img/photos/fc5.jpg" srcset="/assets/img/photos/fc5@2x.jpg 2x" alt="" /></a>\n                      <figcaption>\n                        <h5 class="from-top mb-0">View Gallery</h5>\n                      </figcaption>\n                    </figure>\n                    <div class="card-body p-6">\n                      <h3 class="fs-21 mb-1">Jenn & Richard</h3>\n                      <ul class="post-meta fs-16 mb-0">\n                        <li>6 Photos</li>\n                        <li>Engagement</li>\n                      </ul>\n                    </div>\n                    <!--/.card-body -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="card shadow-lg">\n                    <figure class="card-img-top overlay overlay-1">\n                      <a href="#"><img class="img-fluid" src="/assets/img/photos/fc6.jpg" srcset="/assets/img/photos/fc6@2x.jpg 2x" alt="" /></a>\n                      <figcaption>\n                        <h5 class="from-top mb-0">View Gallery</h5>\n                      </figcaption>\n                    </figure>\n                    <div class="card-body p-6">\n                      <h3 class="fs-21 mb-1">Gloria & Leo</h3>\n                      <ul class="post-meta fs-16 mb-0">\n                        <li>8 Photos</li>\n                        <li>Wedding</li>\n                      </ul>\n                    </div>\n                    <!--/.card-body -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="card shadow-lg">\n                    <figure class="card-img-top overlay overlay-1">\n                      <a href="#"><img class="img-fluid" src="/assets/img/photos/fc7.jpg" srcset="/assets/img/photos/fc7@2x.jpg 2x" alt="" /></a>\n                      <figcaption>\n                        <h5 class="from-top mb-0">View Gallery</h5>\n                      </figcaption>\n                    </figure>\n                    <div class="card-body p-6">\n                      <h3 class="fs-21 mb-1">Grace & Finn</h3>\n                      <ul class="post-meta fs-16 mb-0">\n                        <li>7 Photos</li>\n                        <li>Engagement</li>\n                      </ul>\n                    </div>\n                    <!--/.card-body -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!--/.swiper-slide -->\n              </div>\n              <!--/.swiper-wrapper -->\n            </div>\n            <!-- /.swiper -->\n          </div>\n          <!-- /.swiper-container -->\n        </div>\n        <!-- /.container -->\n      </div>\n      <!-- /.overflow-hidden -->\n    </section>