<footer class="bg-dark text-inverse">\n    <div class="container py-13 py-md-15">\n      <div class="row gy-6 gy-lg-0">\n        <div class="col-md-4 col-lg-3">\n          <h4 class="widget-title text-white mb-3">Popular Posts</h4>\n          <ul class="image-list">\n            <li>\n              <figure class="rounded"><a href="/blog-post.html"><img src="/assets/img/photos/a4.jpg" alt="" /></a></figure>\n              <div class="post-content">\n                <h6 class="mb-2"> <a class="link-dark" href="/blog-post.html">Magna Mollis Ultricies</a> </h6>\n                <ul class="post-meta">\n                  <li class="post-date"><i class="uil uil-calendar-alt"></i><span>26 Mar 2022</span></li>\n                </ul>\n                <!-- /.post-meta -->\n              </div>\n            </li>\n            <li class="mt-5">\n              <figure class="rounded"> <a href="/blog-post.html"><img src="/assets/img/photos/a5.jpg" alt="" /></a></figure>\n              <div class="post-content">\n                <h6 class="mb-2"> <a class="link-dark" href="/blog-post.html">Ornare Nullam Risus</a> </h6>\n                <ul class="post-meta">\n                  <li class="post-date"><i class="uil uil-calendar-alt"></i><span>16 Feb 2022</span></li>\n                </ul>\n                <!-- /.post-meta -->\n              </div>\n            </li>\n            <li class="mt-5">\n              <figure class="rounded"><a href="/blog-post.html"><img src="/assets/img/photos/a6.jpg" alt="" /></a></figure>\n              <div class="post-content">\n                <h6 class="mb-2"> <a class="link-dark" href="/blog-post.html">Euismod Nullam Fusce</a> </h6>\n                <ul class="post-meta">\n                  <li class="post-date"><i class="uil uil-calendar-alt"></i><span>8 Jan 2022</span></li>\n                </ul>\n                <!-- /.post-meta -->\n              </div>\n            </li>\n          </ul>\n          <!-- /.image-list -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Tags</h4>\n            <ul class="list-unstyled tag-list">\n              <li><a href="#" class="btn btn-soft-ash text-white  btn-sm rounded-pill">Still Life</a></li>\n              <li><a href="#" class="btn btn-soft-ash text-white  btn-sm rounded-pill">Urban</a></li>\n              <li><a href="#" class="btn btn-soft-ash text-white  btn-sm rounded-pill">Nature</a></li>\n              <li><a href="#" class="btn btn-soft-ash text-white  btn-sm rounded-pill">Landscape</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Categories</h4>\n            <ul class="unordered-list text-reset bullet-white ">\n              <li><a href="#">Lifestyle (21)</a></li>\n              <li><a href="#">Photography (19)</a></li>\n              <li><a href="#">Journal (16)</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Get in Touch</h4>\n            <address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address>\n            <a href="mailto:#">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Elsewhere</h4>\n            <nav class="nav social social-white">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Learn More</h4>\n            <ul class="list-unstyled text-reset mb-0">\n              <li><a href="#">About Us</a></li>\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Projects</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Need Help?</h4>\n            <ul class="list-unstyled text-reset mb-0">\n              <li><a href="#">Support</a></li>\n              <li><a href="#">Get Started</a></li>\n              <li><a href="#">Contact Us</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!--/.row -->\n      <p class="mt-6 mb-0 text-center">© <script>\n          document.write(new Date().getUTCFullYear());\n        </script> Simeya. All rights reserved.</p>\n    </div>\n    <!-- /.container -->\n  </footer>