<section class="wrapper bg-soft-primary">\n      <div class="overflow-hidden">\n        <div class="container py-14 py-md-16">\n          <div class="row">\n            <div class="col-xl-7 col-xxl-6 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">Here are the latest posts from my blog that grabbed the most attention.</h2>\n            </div>\n            <!--/column -->\n          </div>\n          <!--/.row -->\n          <div class="swiper-container nav-bottom nav-color mb-14" data-margin="30" data-dots="false" data-nav="true" data-items-lg="3" 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                  <article>\n                    <div class="card shadow-lg">\n                      <figure class="card-img-top overlay overlay-1"><a href="#"> <img src="/assets/img/photos/b12.jpg" srcset="/assets/img/photos/b12@2x.jpg 2x" alt="" /></a>\n                        <figcaption>\n                          <h5 class="from-top mb-0">Read More</h5>\n                        </figcaption>\n                      </figure>\n                      <div class="card-body p-6">\n                        <div class="post-header">\n                          <div class="post-category">\n                            <a href="#" class="hover" rel="category">Wedding</a>\n                          </div>\n                          <!-- /.post-category -->\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-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-comment"></i>4</a></li>\n                          </ul>\n                          <!-- /.post-meta -->\n                        </div>\n                        <!-- /.post-footer -->\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </article>\n                  <!-- /article -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <article>\n                    <div class="card shadow-lg">\n                      <figure class="card-img-top overlay overlay-1"><a href="#"> <img src="/assets/img/photos/b13.jpg" srcset="/assets/img/photos/b13@2x.jpg 2x" alt="" /></a>\n                        <figcaption>\n                          <h5 class="from-top mb-0">Read More</h5>\n                        </figcaption>\n                      </figure>\n                      <div class="card-body p-6">\n                        <div class="post-header">\n                          <div class="post-category">\n                            <a href="#" class="hover" rel="category">Engagement</a>\n                          </div>\n                          <!-- /.post-category -->\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-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-comment"></i>3</a></li>\n                          </ul>\n                          <!-- /.post-meta -->\n                        </div>\n                        <!-- /.post-footer -->\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </article>\n                  <!-- /article -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <article>\n                    <div class="card shadow-lg">\n                      <figure class="card-img-top overlay overlay-1"><a href="#"> <img src="/assets/img/photos/b14.jpg" srcset="/assets/img/photos/b14@2x.jpg 2x" alt="" /></a>\n                        <figcaption>\n                          <h5 class="from-top mb-0">Read More</h5>\n                        </figcaption>\n                      </figure>\n                      <div class="card-body p-6">\n                        <div class="post-header">\n                          <div class="post-category">\n                            <a href="#" class="hover" rel="category">Couples</a>\n                          </div>\n                          <!-- /.post-category -->\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-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-comment"></i>6</a></li>\n                          </ul>\n                          <!-- /.post-meta -->\n                        </div>\n                        <!-- /.post-footer -->\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </article>\n                  <!-- /article -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <article>\n                    <div class="card shadow-lg">\n                      <figure class="card-img-top overlay overlay-1"><a href="#"> <img src="/assets/img/photos/b15.jpg" srcset="/assets/img/photos/b15@2x.jpg 2x" alt="" /></a>\n                        <figcaption>\n                          <h5 class="from-top mb-0">Read More</h5>\n                        </figcaption>\n                      </figure>\n                      <div class="card-body p-6">\n                        <div class="post-header">\n                          <div class="post-category">\n                            <a href="#" class="hover" rel="category">Engagement</a>\n                          </div>\n                          <!-- /.post-category -->\n                          <h2 class="post-title h3 mt-1 mb-3"><a class="link-dark" href="/blog-post.html">Morbi leo risus porta eget</a></h2>\n                        </div>\n                        <!-- /.post-header -->\n                        <div class="post-footer">\n                          <ul class="post-meta d-flex mb-0">\n                            <li class="post-date"><i class="uil uil-calendar-alt"></i><span>17 Jan 2022</span></li>\n                            <li class="post-comments"><a href="#"><i class="uil uil-comment"></i>3</a></li>\n                          </ul>\n                          <!-- /.post-meta -->\n                        </div>\n                        <!-- /.post-footer -->\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </article>\n                  <!-- /article -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <article>\n                    <div class="card shadow-lg">\n                      <figure class="card-img-top overlay overlay-1"><a href="#"> <img src="/assets/img/photos/b16.jpg" srcset="/assets/img/photos/b16@2x.jpg 2x" alt="" /></a>\n                        <figcaption>\n                          <h5 class="from-top mb-0">Read More</h5>\n                        </figcaption>\n                      </figure>\n                      <div class="card-body p-6">\n                        <div class="post-header">\n                          <div class="post-category">\n                            <a href="#" class="hover" rel="category">Couples</a>\n                          </div>\n                          <!-- /.post-category -->\n                          <h2 class="post-title h3 mt-1 mb-3"><a class="link-dark" href="/blog-post.html">Nulla vitae elit libero</a></h2>\n                        </div>\n                        <!-- /.post-header -->\n                        <div class="post-footer">\n                          <ul class="post-meta d-flex mb-0">\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-comment"></i>1</a></li>\n                          </ul>\n                          <!-- /.post-meta -->\n                        </div>\n                        <!-- /.post-footer -->\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </article>\n                  <!-- /article -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <article>\n                    <div class="card shadow-lg">\n                      <figure class="card-img-top overlay overlay-1"><a href="#"> <img src="/assets/img/photos/b17.jpg" srcset="/assets/img/photos/b17@2x.jpg 2x" alt="" /></a>\n                        <figcaption>\n                          <h5 class="from-top mb-0">Read More</h5>\n                        </figcaption>\n                      </figure>\n                      <div class="card-body p-6">\n                        <div class="post-header">\n                          <div class="post-category">\n                            <a href="#" class="hover" rel="category">Wedding</a>\n                          </div>\n                          <!-- /.post-category -->\n                          <h2 class="post-title h3 mt-1 mb-3"><a class="link-dark" href="/blog-post.html">Pharetra augue elit sem</a></h2>\n                        </div>\n                        <!-- /.post-header -->\n                        <div class="post-footer">\n                          <ul class="post-meta d-flex mb-0">\n                            <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2 Jan 2022</span></li>\n                            <li class="post-comments"><a href="#"><i class="uil uil-comment"></i>2</a></li>\n                          </ul>\n                          <!-- /.post-meta -->\n                        </div>\n                        <!-- /.post-footer -->\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!-- /.card -->\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      </div>\n      <!-- /.overflow-hidden -->\n    </section>