[ Mini Kiebo ]
Server: Windows NT AKFAR_SERVER 10.0 build 26200 (Windows 10) AMD64
Path:
D:
/
xampp
/
htdocs
/
web2
/
assets
/
template
/
docs
/
blocks
/
[
Home
]
File: footer.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="An impressive and flawless site template that includes various UI elements and countless features, attractive ready-made blocks and rich pages, basically everything you need to create a unique and professional website."> <meta name="keywords" content="bootstrap 5, business, corporate, creative, gulp, marketing, minimal, modern, multipurpose, one page, responsive, saas, sass, seo, startup, html5 template, site template"> <meta name="author" content="elemis"> <title>Sandbox - Modern & Multipurpose Bootstrap 5 Template</title> <link rel="shortcut icon" href="../../assets/img/favicon.png"> <link rel="stylesheet" href="../../assets/css/plugins.css"> <link rel="stylesheet" href="../../assets/css/style.css"> </head> <body> <div class="content-wrapper"> <header class="wrapper bg-soft-primary"> <nav class="navbar navbar-expand-lg center-nav transparent navbar-light"> <div class="container flex-lg-row flex-nowrap align-items-center"> <div class="navbar-brand w-100"> <a href="../../index.html"> <img src="../../assets/img/logo.png" srcset="../../assets/img/logo@2x.png 2x" alt="" /> </a> </div> <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start"> <div class="offcanvas-header d-lg-none"> <h3 class="text-white fs-30 mb-0">Sandbox</h3> <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button> </div> <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100"> <ul class="navbar-nav"> <li class="nav-item dropdown dropdown-mega"> <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Demos</a> <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img"> <li class="mega-menu-content mega-menu-scroll"> <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled"> <li class="col"> <a class="dropdown-item" href="../../demo1.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi1.jpg" srcset="../../assets/img/demos/mi1@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 1</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo2.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi2.jpg" srcset="../../assets/img/demos/mi2@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 2</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo3.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi3.jpg" srcset="../../assets/img/demos/mi3@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 3</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo4.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi4.jpg" srcset="../../assets/img/demos/mi4@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 4</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo5.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi5.jpg" srcset="../../assets/img/demos/mi5@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 5</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo6.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi6.jpg" srcset="../../assets/img/demos/mi6@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 6</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo7.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi7.jpg" srcset="../../assets/img/demos/mi7@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 7</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo8.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi8.jpg" srcset="../../assets/img/demos/mi8@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 8</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo9.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi9.jpg" srcset="../../assets/img/demos/mi9@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 9</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo10.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi10.jpg" srcset="../../assets/img/demos/mi10@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 10</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo11.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi11.jpg" srcset="../../assets/img/demos/mi11@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 11</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo12.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi12.jpg" srcset="../../assets/img/demos/mi12@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 12</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo13.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi13.jpg" srcset="../../assets/img/demos/mi13@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 13</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo14.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi14.jpg" srcset="../../assets/img/demos/mi14@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 14</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo15.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi15.jpg" srcset="../../assets/img/demos/mi15@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 15</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo16.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi16.jpg" srcset="../../assets/img/demos/mi16@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 16</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo17.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi17.jpg" srcset="../../assets/img/demos/mi17@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 17</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo18.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi18.jpg" srcset="../../assets/img/demos/mi18@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 18</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo19.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi19.jpg" srcset="../../assets/img/demos/mi19@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 19</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo20.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi20.jpg" srcset="../../assets/img/demos/mi20@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 20</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo21.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi21.jpg" srcset="../../assets/img/demos/mi21@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 21</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo22.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi22.jpg" srcset="../../assets/img/demos/mi22@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 22</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo23.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi23.jpg" srcset="../../assets/img/demos/mi23@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 23</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo24.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi24.jpg" srcset="../../assets/img/demos/mi24@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 24</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo25.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi25.jpg" srcset="../../assets/img/demos/mi25@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 25</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo26.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi26.jpg" srcset="../../assets/img/demos/mi26@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 26</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo27.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi27.jpg" srcset="../../assets/img/demos/mi27@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 27</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo28.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi28.jpg" srcset="../../assets/img/demos/mi28@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 28</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo29.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi29.jpg" srcset="../../assets/img/demos/mi29@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 29</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo30.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi30.jpg" srcset="../../assets/img/demos/mi30@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 30</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo31.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi31.jpg" srcset="../../assets/img/demos/mi31@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 31</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo32.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi32.jpg" srcset="../../assets/img/demos/mi32@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 32</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo33.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi33.jpg" srcset="../../assets/img/demos/mi33@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 33</span> </a> </li> <li class="col"> <a class="dropdown-item" href="../../demo34.html"> <figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi34.jpg" srcset="../../assets/img/demos/mi34@2x.jpg 2x" alt=""></figure> <span class="d-lg-none">Demo 34</span> </a> </li> </ul> <!--/.row --> <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span> </li> <!--/.mega-menu-content--> </ul> <!--/.dropdown-menu --> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a> <ul class="dropdown-menu"> <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a> <ul class="dropdown-menu"> <li class="nav-item"><a class="dropdown-item" href="../../services.html">Services I</a></li> <li class="nav-item"><a class="dropdown-item" href="../../services2.html">Services II</a></li> </ul> </li> <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a> <ul class="dropdown-menu"> <li class="nav-item"><a class="dropdown-item" href="../../about.html">About I</a></li> <li class="nav-item"><a class="dropdown-item" href="../../about2.html">About II</a></li> </ul> </li> <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a> <ul class="dropdown-menu"> <li class="nav-item"><a class="dropdown-item" href="../../shop.html">Shop I</a></li> <li class="nav-item"><a class="dropdown-item" href="../../shop2.html">Shop II</a></li> <li class="nav-item"><a class="dropdown-item" href="../../shop-product.html">Product Page</a></li> <li class="nav-item"><a class="dropdown-item" href="../../shop-cart.html">Shopping Cart</a></li> <li class="nav-item"><a class="dropdown-item" href="../../shop-checkout.html">Checkout</a></li> </ul> </li> <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a> <ul class="dropdown-menu"> <li class="nav-item"><a class="dropdown-item" href="../../contact.html">Contact I</a></li> <li class="nav-item"><a class="dropdown-item" href="../../contact2.html">Contact II</a></li> <li class="nav-item"><a class="dropdown-item" href="../../contact3.html">Contact III</a></li> </ul> </li> <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a> <ul class="dropdown-menu"> <li class="nav-item"><a class="dropdown-item" href="../../career.html">Job Listing I</a></li> <li class="nav-item"><a class="dropdown-item" href="../../career2.html">Job Listing II</a></li> <li class="nav-item"><a class="dropdown-item" href="../../career-job.html">Job Description</a></li> </ul> </li> <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a> <ul class="dropdown-menu"> <li class="nav-item"><a class="dropdown-item" href="../../404.html">404 Not Found</a></li> <li class="nav-item"><a class="dropdown-item" href="../../page-loader.html">Page Loader</a></li> <li class="nav-item"><a class="dropdown-item" href="../../signin.html">Sign In I</a></li> <li class="nav-item"><a class="dropdown-item" href="../../signin2.html">Sign In II</a></li> <li class="nav-item"><a class="dropdown-item" href="../../signup.html">Sign Up I</a></li> <li class="nav-item"><a class="dropdown-item" href="../../signup2.html">Sign Up II</a></li> <li class="nav-item"><a class="dropdown-item" href="../../terms.html">Terms</a></li> </ul> </li> <li class="nav-item"><a class="dropdown-item" href="../../pricing.html">Pricing</a></li> <li class="nav-item"><a class="dropdown-item" href="../../onepage.html">One Page</a></li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a> <div class="dropdown-menu dropdown-lg"> <div class="dropdown-lg-content"> <div> <h6 class="dropdown-header">Project Pages</h6> <ul class="list-unstyled"> <li><a class="dropdown-item" href="../../projects.html">Projects I</a></li> <li><a class="dropdown-item" href="../../projects2.html">Projects II</a></li> <li><a class="dropdown-item" href="../../projects3.html">Projects III</a></li> <li><a class="dropdown-item" href="../../projects4.html">Projects IV</a></li> </ul> </div> <!-- /.column --> <div> <h6 class="dropdown-header">Single Projects</h6> <ul class="list-unstyled"> <li><a class="dropdown-item" href="../../single-project.html">Single Project I</a></li> <li><a class="dropdown-item" href="../../single-project2.html">Single Project II</a></li> <li><a class="dropdown-item" href="../../single-project3.html">Single Project III</a></li> <li><a class="dropdown-item" href="../../single-project4.html">Single Project IV</a></li> </ul> </div> <!-- /.column --> </div> <!-- /auto-column --> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a> <ul class="dropdown-menu"> <li class="nav-item"><a class="dropdown-item" href="../../blog.html">Blog without Sidebar</a></li> <li class="nav-item"><a class="dropdown-item" href="../../blog2.html">Blog with Sidebar</a></li> <li class="nav-item"><a class="dropdown-item" href="../../blog3.html">Blog with Left Sidebar</a></li> <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a> <ul class="dropdown-menu"> <li class="nav-item"><a class="dropdown-item" href="../../blog-post.html">Post without Sidebar</a></li> <li class="nav-item"><a class="dropdown-item" href="../../blog-post2.html">Post with Sidebar</a></li> <li class="nav-item"><a class="dropdown-item" href="../../blog-post3.html">Post with Left Sidebar</a></li> </ul> </li> </ul> </li> <li class="nav-item dropdown dropdown-mega"> <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a> <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img"> <li class="mega-menu-content"> <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled"> <li class="col"><a class="dropdown-item" href="../../docs/blocks/about.html"> <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block1.svg" alt=""></div> <span>About</span> </a> </li> <li class="col"><a class="dropdown-item" href="../../docs/blocks/blog.html"> <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block2.svg" alt=""></div> <span>Blog</span> </a> </li> <li class="col"><a class="dropdown-item" href="../../docs/blocks/call-to-action.html"> <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block3.svg" alt=""></div> <span>Call to Action</span> </a> </li> <li class="col"><a class="dropdown-item" href="../../docs/blocks/clients.html"> <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block4.svg" alt=""></div> <span>Clients</span> </a> </li> <li class="col"><a class="dropdown-item" href="../../docs/blocks/contact.html"> <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block5.svg" alt=""></div> <span>Contact</span> </a> </li> <li class="col"><a class="dropdown-item" href="../../docs/blocks/facts.html"> <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block6.svg" alt=""></div> <span>Facts</span> </a> </li> <li class="col"><a class="dropdown-item" href="../../docs/blocks/faq.html"> <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block7.svg" alt=""></div> <span>FAQ</span> </a> </li> <li class="col"><a class="dropdown-item" href="../../docs/blocks/features.html"> <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block8.svg" alt=""></div> <span>Features</span> </a> </li> <li class="col"><a class="dropdown-item" href="../../docs/blocks/footer.html"> <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block9.svg" alt=""></div> <span>Footer</span> </a> </li> <li class="col"><a class="dropdown-item" href="../../docs/blocks/hero.html"> <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block10.svg" alt=""></div> <span>Hero</span> </a> </li> <li class="col"><a class="dropdown-item" href="../../docs/blocks/misc.html"> <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block17.svg" alt=""></div> <span>Misc</span> </a> </li> <li class="col"><a class="dropdown-item" href="../../docs/blocks/navbar.html"> <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block11.svg" alt=""></div> <span>Navbar</span> </a> </li> <li class="col"><a class="dropdown-item" href="../../docs/blocks/portfolio.html"> <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block12.svg" alt=""></div> <span>Portfolio</span> </a> </li> <li class="col"><a class="dropdown-item" href="../../docs/blocks/pricing.html"> <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block13.svg" alt=""></div> <span>Pricing</span> </a> </li> <li class="col"><a class="dropdown-item" href="../../docs/blocks/process.html"> <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block14.svg" alt=""></div> <span>Process</span> </a> </li> <li class="col"><a class="dropdown-item" href="../../docs/blocks/team.html"> <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block15.svg" alt=""></div> <span>Team</span> </a> </li> <li class="col"><a class="dropdown-item" href="../../docs/blocks/testimonials.html"> <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block16.svg" alt=""></div> <span>Testimonials</span> </a> </li> </ul> <!--/.row --> </li> <!--/.mega-menu-content--> </ul> <!--/.dropdown-menu --> </li> <li class="nav-item dropdown dropdown-mega"> <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a> <ul class="dropdown-menu mega-menu"> <li class="mega-menu-content"> <div class="row gx-0 gx-lg-3"> <div class="col-lg-4"> <h6 class="dropdown-header">Usage</h6> <ul class="list-unstyled cc-2 pb-lg-1"> <li><a class="dropdown-item" href="../../docs/index.html">Get Started</a></li> <li><a class="dropdown-item" href="../../docs/forms.html">Forms</a></li> <li><a class="dropdown-item" href="../../docs/faq.html">FAQ</a></li> <li><a class="dropdown-item" href="../../docs/changelog.html">Changelog</a></li> <li><a class="dropdown-item" href="../../docs/credits.html">Credits</a></li> </ul> <h6 class="dropdown-header mt-lg-6">Styleguide</h6> <ul class="list-unstyled cc-2"> <li><a class="dropdown-item" href="../../docs/styleguide/colors.html">Colors</a></li> <li><a class="dropdown-item" href="../../docs/styleguide/fonts.html">Fonts</a></li> <li><a class="dropdown-item" href="../../docs/styleguide/icons-svg.html">SVG Icons</a></li> <li><a class="dropdown-item" href="../../docs/styleguide/icons-font.html">Font Icons</a></li> <li><a class="dropdown-item" href="../../docs/styleguide/illustrations.html">Illustrations</a></li> <li><a class="dropdown-item" href="../../docs/styleguide/backgrounds.html">Backgrounds</a></li> <li><a class="dropdown-item" href="../../docs/styleguide/misc.html">Misc</a></li> </ul> </div> <!--/column --> <div class="col-lg-8"> <h6 class="dropdown-header">Elements</h6> <ul class="list-unstyled cc-3"> <li><a class="dropdown-item" href="../../docs/elements/accordion.html">Accordion</a></li> <li><a class="dropdown-item" href="../../docs/elements/alerts.html">Alerts</a></li> <li><a class="dropdown-item" href="../../docs/elements/animations.html">Animations</a></li> <li><a class="dropdown-item" href="../../docs/elements/avatars.html">Avatars</a></li> <li><a class="dropdown-item" href="../../docs/elements/background.html">Background</a></li> <li><a class="dropdown-item" href="../../docs/elements/badges.html">Badges</a></li> <li><a class="dropdown-item" href="../../docs/elements/buttons.html">Buttons</a></li> <li><a class="dropdown-item" href="../../docs/elements/card.html">Card</a></li> <li><a class="dropdown-item" href="../../docs/elements/carousel.html">Carousel</a></li> <li><a class="dropdown-item" href="../../docs/elements/dividers.html">Dividers</a></li> <li><a class="dropdown-item" href="../../docs/elements/form-elements.html">Form Elements</a></li> <li><a class="dropdown-item" href="../../docs/elements/image-hover.html">Image Hover</a></li> <li><a class="dropdown-item" href="../../docs/elements/image-mask.html">Image Mask</a></li> <li><a class="dropdown-item" href="../../docs/elements/lightbox.html">Lightbox</a></li> <li><a class="dropdown-item" href="../../docs/elements/player.html">Media Player</a></li> <li><a class="dropdown-item" href="../../docs/elements/modal.html">Modal</a></li> <li><a class="dropdown-item" href="../../docs/elements/pagination.html">Pagination</a></li> <li><a class="dropdown-item" href="../../docs/elements/progressbar.html">Progressbar</a></li> <li><a class="dropdown-item" href="../../docs/elements/shadows.html">Shadows</a></li> <li><a class="dropdown-item" href="../../docs/elements/shapes.html">Shapes</a></li> <li><a class="dropdown-item" href="../../docs/elements/tables.html">Tables</a></li> <li><a class="dropdown-item" href="../../docs/elements/tabs.html">Tabs</a></li> <li><a class="dropdown-item" href="../../docs/elements/text-animations.html">Text Animations</a></li> <li><a class="dropdown-item" href="../../docs/elements/text-highlight.html">Text Highlight</a></li> <li><a class="dropdown-item" href="../../docs/elements/tiles.html">Tiles</a></li> <li><a class="dropdown-item" href="../../docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li> <li><a class="dropdown-item" href="../../docs/elements/typography.html">Typography</a></li> </ul> </div> <!--/column --> </div> <!--/.row --> </li> <!--/.mega-menu-content--> </ul> <!--/.dropdown-menu --> </li> </ul> <!-- /.navbar-nav --> <div class="offcanvas-footer d-lg-none"> <div> <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a> <br /> 00 (123) 456 78 90 <br /> <nav class="nav social social-white mt-4"> <a href="#"><i class="uil uil-twitter"></i></a> <a href="#"><i class="uil uil-facebook-f"></i></a> <a href="#"><i class="uil uil-dribbble"></i></a> <a href="#"><i class="uil uil-instagram"></i></a> <a href="#"><i class="uil uil-youtube"></i></a> </nav> <!-- /.social --> </div> </div> <!-- /.offcanvas-footer --> </div> <!-- /.offcanvas-body --> </div> <!-- /.navbar-collapse --> <div class="navbar-other w-100 d-flex ms-auto"> <ul class="navbar-nav flex-row align-items-center ms-auto"> <li class="nav-item dropdown language-select text-uppercase"> <a class="nav-link dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">En</a> <ul class="dropdown-menu"> <li class="nav-item"><a class="dropdown-item" href="#">En</a></li> <li class="nav-item"><a class="dropdown-item" href="#">De</a></li> <li class="nav-item"><a class="dropdown-item" href="#">Es</a></li> </ul> </li> <li class="nav-item d-none d-md-block"> <a href="../../contact.html" class="btn btn-sm btn-primary rounded-pill">Contact</a> </li> <li class="nav-item d-lg-none"> <button class="hamburger offcanvas-nav-btn"><span></span></button> </li> </ul> <!-- /.navbar-nav --> </div> <!-- /.navbar-other --> </div> <!-- /.container --> </nav> <!-- /.navbar --> </header> <!-- /header --> <section class="wrapper bg-soft-primary"> <div class="container pt-10 pb-12 pt-md-14 pb-md-16 text-center"> <div class="row"> <div class="col-md-9 col-lg-7 col-xl-5 mx-auto"> <h1 class="display-1 mb-3">Blocks - Footer</h1> <p class="lead px-xxl-10">Copy any custom block snippet below and paste it on your page to build your website easily.</p> </div> <!-- /column --> </div> <!-- /.row --> </div> <!-- /.container --> </section> <!-- /section --> <section class="wrapper bg-light wrapper-border"> <div class="container py-11"> <h2 class="h5">Filter Blocks:</h2> <ul class="list-inline mb-0"> <li class="list-inline-item me-1 mb-2"><a href="../../docs/blocks/about.html" class="btn btn-soft-ash btn-sm rounded ">About</a></li> <li class="list-inline-item me-1 mb-2"><a href="../../docs/blocks/blog.html" class="btn btn-soft-ash btn-sm rounded ">Blog</a></li> <li class="list-inline-item me-1 mb-2"><a href="../../docs/blocks/call-to-action.html" class="btn btn-soft-ash btn-sm rounded ">Call to Action</a></li> <li class="list-inline-item me-1 mb-2"><a href="../../docs/blocks/clients.html" class="btn btn-soft-ash btn-sm rounded ">Clients</a></li> <li class="list-inline-item me-1 mb-2"><a href="../../docs/blocks/contact.html" class="btn btn-soft-ash btn-sm rounded ">Contact</a></li> <li class="list-inline-item me-1 mb-2"><a href="../../docs/blocks/facts.html" class="btn btn-soft-ash btn-sm rounded ">Facts</a></li> <li class="list-inline-item me-1 mb-2"><a href="../../docs/blocks/faq.html" class="btn btn-soft-ash btn-sm rounded ">FAQ</a></li> <li class="list-inline-item me-1 mb-2"><a href="../../docs/blocks/features.html" class="btn btn-soft-ash btn-sm rounded ">Features</a></li> <li class="list-inline-item me-1 mb-2"><a href="../../docs/blocks/footer.html" class="btn btn-soft-ash btn-sm rounded text-primary pe-none">Footer</a></li> <li class="list-inline-item me-1 mb-2"><a href="../../docs/blocks/hero.html" class="btn btn-soft-ash btn-sm rounded ">Hero</a></li> <li class="list-inline-item me-1 mb-2"><a href="../../docs/blocks/misc.html" class="btn btn-soft-ash btn-sm rounded ">Misc</a></li> <li class="list-inline-item me-1 mb-2"><a href="../../docs/blocks/navbar.html" class="btn btn-soft-ash btn-sm rounded ">Navbar</a></li> <li class="list-inline-item me-1 mb-2"><a href="../../docs/blocks/portfolio.html" class="btn btn-soft-ash btn-sm rounded ">Portfolio</a></li> <li class="list-inline-item me-1 mb-2"><a href="../../docs/blocks/pricing.html" class="btn btn-soft-ash btn-sm rounded ">Pricing</a></li> <li class="list-inline-item me-1 mb-2"><a href="../../docs/blocks/process.html" class="btn btn-soft-ash btn-sm rounded ">Process</a></li> <li class="list-inline-item me-1 mb-2"><a href="../../docs/blocks/team.html" class="btn btn-soft-ash btn-sm rounded ">Team</a></li> <li class="list-inline-item me-1 mb-2"><a href="../../docs/blocks/testimonials.html" class="btn btn-soft-ash btn-sm rounded ">Testimonials</a></li> </ul> </div> <!-- /.container --> </section> <!-- /section --> <section id="snippet-1" class="wrapper bg-light wrapper-border"> <div class="container-fluid pt-15 pt-md-17 pb-13 pb-md-15 px-xxl-10"> <footer class="bg-dark text-inverse"> <div class="container py-13 py-md-15"> <div class="row gy-6 gy-lg-0"> <div class="col-md-4 col-lg-3"> <div class="widget"> <img class="mb-4" src="../../assets/img/logo-light.png" srcset="../../assets/img/logo-light@2x.png 2x" alt="" /> <p class="mb-4">© 2023 Sandbox. <br class="d-none d-lg-block" />All rights reserved.</p> <nav class="nav social social-white"> <a href="#"><i class="uil uil-twitter"></i></a> <a href="#"><i class="uil uil-facebook-f"></i></a> <a href="#"><i class="uil uil-dribbble"></i></a> <a href="#"><i class="uil uil-instagram"></i></a> <a href="#"><i class="uil uil-youtube"></i></a> </nav> <!-- /.social --> </div> <!-- /.widget --> </div> <!-- /column --> <div class="col-md-4 col-lg-3"> <div class="widget"> <h4 class="widget-title text-white mb-3">Get in Touch</h4> <address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address> <a href="mailto:#">info@email.com</a><br /> 00 (123) 456 78 90 </div> <!-- /.widget --> </div> <!-- /column --> <div class="col-md-4 col-lg-3"> <div class="widget"> <h4 class="widget-title text-white mb-3">Learn More</h4> <ul class="list-unstyled mb-0"> <li><a href="#">About Us</a></li> <li><a href="#">Our Story</a></li> <li><a href="#">Projects</a></li> <li><a href="#">Terms of Use</a></li> <li><a href="#">Privacy Policy</a></li> </ul> </div> <!-- /.widget --> </div> <!-- /column --> <div class="col-md-12 col-lg-3"> <div class="widget"> <h4 class="widget-title text-white mb-3">Our Newsletter</h4> <p class="mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p> <div class="newsletter-wrapper"> <!-- Begin Mailchimp Signup Form --> <div id="mc_embed_signup2"> <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate dark-fields" target="_blank" novalidate> <div id="mc_embed_signup_scroll2"> <div class="mc-field-group input-group form-floating"> <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2"> <label for="mce-EMAIL2">Email Address</label> <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary "> </div> <div id="mce-responses2" class="clear"> <div class="response" id="mce-error-response2" style="display:none"></div> <div class="response" id="mce-success-response2" style="display:none"></div> </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div> <div class="clear"></div> </div> </form> </div> <!--End mc_embed_signup--> </div> <!-- /.newsletter-wrapper --> </div> <!-- /.widget --> </div> <!-- /column --> </div> <!--/.row --> </div> <!-- /.container --> </footer> </div> <!-- /.container --> <div class="container pb-15 pb-md-17"> <div class="card"> <div class="card-footer border-0 position-relative"> <a class="collapse-link collapsed stretched-link" data-bs-toggle="collapse" href="#collapse-html-footer-1">View example's HTML code</a> </div> <!--/.card-footer --> <div id="collapse-html-footer-1" class="card-footer bg-dark p-0 accordion-collapse collapse"> <div class="code-wrapper"> <div class="code-wrapper-inner"> <pre class="language-html"><code><footer class="bg-dark text-inverse"> <div class="container py-13 py-md-15"> <div class="row gy-6 gy-lg-0"> <div class="col-md-4 col-lg-3"> <div class="widget"> <img class="mb-4" src="./assets/img/logo-light.png" srcset="./assets/img/logo-light@2x.png 2x" alt="" /> <p class="mb-4">© 2023 Sandbox. <br class="d-none d-lg-block" />All rights reserved.</p> <nav class="nav social social-white"> <a href="#"><i class="uil uil-twitter"></i></a> <a href="#"><i class="uil uil-facebook-f"></i></a> <a href="#"><i class="uil uil-dribbble"></i></a> <a href="#"><i class="uil uil-instagram"></i></a> <a href="#"><i class="uil uil-youtube"></i></a> </nav> <!-- /.social --> </div> <!-- /.widget --> </div> <!-- /column --> <div class="col-md-4 col-lg-3"> <div class="widget"> <h4 class="widget-title text-white mb-3">Get in Touch</h4> <address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address> <a href="mailto:#">info@email.com</a><br /> 00 (123) 456 78 90 </div> <!-- /.widget --> </div> <!-- /column --> <div class="col-md-4 col-lg-3"> <div class="widget"> <h4 class="widget-title text-white mb-3">Learn More</h4> <ul class="list-unstyled mb-0"> <li><a href="#">About Us</a></li> <li><a href="#">Our Story</a></li> <li><a href="#">Projects</a></li> <li><a href="#">Terms of Use</a></li> <li><a href="#">Privacy Policy</a></li> </ul> </div> <!-- /.widget --> </div> <!-- /column --> <div class="col-md-12 col-lg-3"> <div class="widget"> <h4 class="widget-title text-white mb-3">Our Newsletter</h4> <p class="mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p> <div class="newsletter-wrapper"> <!-- Begin Mailchimp Signup Form --> <div id="mc_embed_signup2"> <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate dark-fields" target="_blank" novalidate> <div id="mc_embed_signup_scroll2"> <div class="mc-field-group input-group form-floating"> <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2"> <label for="mce-EMAIL2">Email Address</label> <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary"> </div> <div id="mce-responses2" class="clear"> <div class="response" id="mce-error-response2" style="display:none"></div> <div class="response" id="mce-success-response2" style="display:none"></div> </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div> <div class="clear"></div> </div> </form> </div> <!--End mc_embed_signup--> </div> <!-- /.newsletter-wrapper --> </div> <!-- /.widget --> </div> <!-- /column --> </div> <!--/.row --> </div> <!-- /.container --> </footer></code></pre> </div> <!--/.code-wrapper-inner --> </div> <!--/.code-wrapper --> </div> <!--/.card-footer --> <div class="card-footer position-relative"> <a class="collapse-link collapsed stretched-link" data-bs-toggle="collapse" href="#collapse-gulp-footer-1">View example's Gulp code</a> </div> <!--/.card-footer --> <div id="collapse-gulp-footer-1" class="card-footer bg-dark p-0 accordion-collapse collapse"> <div class="code-wrapper"> <div class="code-wrapper-inner"> <pre class="language-html"><code><footer class="bg-dark text-inverse"> <div class="container py-13 py-md-15"> @@include('_footer-widgets.html', { "lightText": true }) </div> <!-- /.container --> </footer></code></pre> </div> <!--/.code-wrapper-inner --> </div> <!--/.code-wrapper --> </div> <!--/.card-footer --> </div> <!--/.card --> </div> <!-- /.container --> </section> <!-- /section --> <section id="snippet-2" class="wrapper bg-light wrapper-border"> <div class="container-fluid pt-15 pt-md-17 pb-13 pb-md-15 px-xxl-10"> <div class="mt-14"></div> <footer class="bg-soft-primary"> <div class="container"> <div class="row"> <div class="col-xl-11 col-xxl-10 mx-auto"> <div class="card image-wrapper bg-full bg-image bg-overlay bg-overlay-400 mt-n50p mb-n5" data-image-src="../../assets/img/photos/bg3.jpg"> <div class="card-body p-6 p-md-11 d-lg-flex flex-row align-items-lg-center justify-content-md-between text-center text-lg-start"> <h3 class="display-6 mb-6 mb-lg-0 pe-lg-15 pe-xxl-18 text-white">We are trusted by over 5000+ clients. Join them by using our services and grow your business.</h3> <a href="#" class="btn btn-white rounded-pill mb-0 text-nowrap">Join Us</a> </div> <!--/.card-body --> </div> <!--/.card --> </div> <!-- /column --> </div> <!-- /.row --> </div> <div class="container pb-12 text-center"> <div class="row mt-n10 mt-lg-0"> <div class="col-xl-10 mx-auto"> <div class="row mb-3"> <div class="col-md-4"> <div class="widget"> <h4 class="widget-title">Address</h4> <address>Moonshine St. 14/05 <br class="d-none d-md-block" /> Light City, London, UK</address> </div> <!-- /.widget --> </div> <!--/column --> <div class="col-md-4"> <div class="widget"> <h4 class="widget-title">Phone</h4> <p>00 (123) 456 78 90 <br />00 (987) 654 32 10</p> </div> <!-- /.widget --> </div> <!--/column --> <div class="col-md-4"> <div class="widget"> <h4 class="widget-title">E-mail</h4> <p><a href="mailto:sandbox@email.com" class="link-body">sandbox@email.com</a> <br class="d-none d-md-block" /><a href="mailto:help@sandbox.com" class="link-body">help@sandbox.com</a></p> </div> <!-- /.widget --> </div> <!--/column --> </div> <!--/.row --> <p>© 2023 Sandbox. All rights reserved.</p> <nav class="nav social justify-content-center"> <a href="#"><i class="uil uil-twitter"></i></a> <a href="#"><i class="uil uil-facebook-f"></i></a> <a href="#"><i class="uil uil-dribbble"></i></a> <a href="#"><i class="uil uil-instagram"></i></a> <a href="#"><i class="uil uil-youtube"></i></a> </nav> <!-- /.social --> </div> <!-- /column --> </div> <!-- /.row --> </div> <!-- /.container --> </footer> </div> <!-- /.container --> <div class="container pb-15 pb-md-17"> <div class="card"> <div class="card-footer border-0 position-relative"> <a class="collapse-link collapsed stretched-link" data-bs-toggle="collapse" href="#collapse-html-footer-2">View example's HTML code</a> </div> <!--/.card-footer --> <div id="collapse-html-footer-2" class="card-footer bg-dark p-0 accordion-collapse collapse"> <div class="code-wrapper"> <div class="code-wrapper-inner"> <pre class="language-html"><code><footer class="bg-soft-primary"> <div class="container"> <div class="row"> <div class="col-xl-11 col-xxl-10 mx-auto"> <div class="card image-wrapper bg-full bg-image bg-overlay bg-overlay-400 mt-n50p mb-n5" data-image-src="./assets/img/photos/bg3.jpg"> <div class="card-body p-6 p-md-11 d-lg-flex flex-row align-items-lg-center justify-content-md-between text-center text-lg-start"> <h3 class="display-6 mb-6 mb-lg-0 pe-lg-15 pe-xxl-18 text-white">We are trusted by over 5000+ clients. Join them by using our services and grow your business.</h3> <a href="#" class="btn btn-white rounded-pill mb-0 text-nowrap">Join Us</a> </div> <!--/.card-body --> </div> <!--/.card --> </div> <!-- /column --> </div> <!-- /.row --> </div> <div class="container pb-12 text-center"> <div class="row mt-n10 mt-lg-0"> <div class="col-xl-10 mx-auto"> <div class="row mb-3"> <div class="col-md-4"> <div class="widget"> <h4 class="widget-title">Address</h4> <address>Moonshine St. 14/05 <br class="d-none d-md-block" /> Light City, London, UK</address> </div> <!-- /.widget --> </div> <!--/column --> <div class="col-md-4"> <div class="widget"> <h4 class="widget-title">Phone</h4> <p>00 (123) 456 78 90 <br />00 (987) 654 32 10</p> </div> <!-- /.widget --> </div> <!--/column --> <div class="col-md-4"> <div class="widget"> <h4 class="widget-title">E-mail</h4> <p><a href="mailto:sandbox@email.com" class="link-body">sandbox@email.com</a> <br class="d-none d-md-block" /><a href="mailto:help@sandbox.com" class="link-body">help@sandbox.com</a></p> </div> <!-- /.widget --> </div> <!--/column --> </div> <!--/.row --> <p>© 2023 Sandbox. All rights reserved.</p> <nav class="nav social justify-content-center"> <a href="#"><i class="uil uil-twitter"></i></a> <a href="#"><i class="uil uil-facebook-f"></i></a> <a href="#"><i class="uil uil-dribbble"></i></a> <a href="#"><i class="uil uil-instagram"></i></a> <a href="#"><i class="uil uil-youtube"></i></a> </nav> <!-- /.social --> </div> <!-- /column --> </div> <!-- /.row --> </div> <!-- /.container --> </footer></code></pre> </div> <!--/.code-wrapper-inner --> </div> <!--/.code-wrapper --> </div> <!--/.card-footer --> <div class="card-footer position-relative"> <a class="collapse-link collapsed stretched-link" data-bs-toggle="collapse" href="#collapse-gulp-footer-2">View example's Gulp code</a> </div> <!--/.card-footer --> <div id="collapse-gulp-footer-2" class="card-footer bg-dark p-0 accordion-collapse collapse"> <div class="code-wrapper"> <div class="code-wrapper-inner"> <pre class="language-html"><code><footer class="bg-soft-primary"> <div class="container"> <div class="row"> <div class="col-xl-11 col-xxl-10 mx-auto"> <div class="card image-wrapper bg-full bg-image bg-overlay bg-overlay-400 mt-n50p mb-n5" data-image-src="./assets/img/photos/bg3.jpg"> <div class="card-body p-6 p-md-11 d-lg-flex flex-row align-items-lg-center justify-content-md-between text-center text-lg-start"> <h3 class="display-6 mb-6 mb-lg-0 pe-lg-15 pe-xxl-18 text-white">We are trusted by over 5000+ clients. Join them by using our services and grow your business.</h3> <a href="#" class="btn btn-white rounded-pill mb-0 text-nowrap">Join Us</a> </div> <!--/.card-body --> </div> <!--/.card --> </div> <!-- /column --> </div> <!-- /.row --> </div> @@include('_footer2-widgets.html') </footer></code></pre> </div> <!--/.code-wrapper-inner --> </div> <!--/.code-wrapper --> </div> <!--/.card-footer --> </div> <!--/.card --> </div> <!-- /.container --> </section> <!-- /section --> <section id="snippet-3" class="wrapper bg-light wrapper-border"> <div class="container-fluid pt-15 pt-md-17 pb-13 pb-md-15 px-xxl-10"> <footer class="bg-dark text-inverse"> <div class="container pt-13 pt-md-15 pb-7"> <div class="row gy-6 gy-lg-0"> <div class="col-lg-4"> <div class="widget"> <h3 class="h2 mb-3 text-white">Join the Community</h3> <p class="lead mb-5">Let's make something great together. We are trusted by over 5000+ clients. Join them by using our services and grow your business.</p> <a href="#" class="btn btn-white rounded-pill">Join Us</a> </div> <!-- /.widget --> </div> <!-- /column --> <div class="col-md-4 col-lg-2 offset-lg-2"> <div class="widget"> <h4 class="widget-title text-white mb-3">Need Help?</h4> <ul class="list-unstyled text-reset mb-0"> <li><a href="#">Support</a></li> <li><a href="#">Get Started</a></li> <li><a href="#">Terms of Use</a></li> <li><a href="#">Privacy Policy</a></li> </ul> </div> <!-- /.widget --> </div> <!-- /column --> <div class="col-md-4 col-lg-2"> <div class="widget"> <h4 class="widget-title text-white mb-3">Learn More</h4> <ul class="list-unstyled mb-0"> <li><a href="#">About Us</a></li> <li><a href="#">Our Story</a></li> <li><a href="#">Projects</a></li> <li><a href="#">Pricing</a></li> <li><a href="#">Features</a></li> </ul> </div> <!-- /.widget --> </div> <!-- /column --> <div class="col-md-4 col-lg-2"> <div class="widget"> <h4 class="widget-title text-white mb-3">Get in Touch</h4> <address>Moonshine St. 14/05 Light City, London, United Kingdom</address> <a href="mailto:first.last@email.com">info@email.com</a><br /> 00 (123) 456 78 90 </div> <!-- /.widget --> </div> <!-- /column --> </div> <!--/.row --> <hr class="mt-13 mt-md-15 mb-7" /> <div class="d-md-flex align-items-center justify-content-between"> <p class="mb-2 mb-lg-0">© 2023 Sandbox. All rights reserved.</p> <nav class="nav social social-white text-md-end"> <a href="#"><i class="uil uil-twitter"></i></a> <a href="#"><i class="uil uil-facebook-f"></i></a> <a href="#"><i class="uil uil-dribbble"></i></a> <a href="#"><i class="uil uil-instagram"></i></a> <a href="#"><i class="uil uil-youtube"></i></a> </nav> <!-- /.social --> </div> <!-- /div --> </div> <!-- /.container --> </footer> </div> <!-- /.container --> <div class="container pb-15 pb-md-17"> <div class="card"> <div class="card-footer border-0 position-relative"> <a class="collapse-link collapsed stretched-link" data-bs-toggle="collapse" href="#collapse-html-footer-3">View example's HTML code</a> </div> <!--/.card-footer --> <div id="collapse-html-footer-3" class="card-footer bg-dark p-0 accordion-collapse collapse"> <div class="code-wrapper"> <div class="code-wrapper-inner"> <pre class="language-html"><code><footer class="bg-dark text-inverse"> <div class="container pt-13 pt-md-15 pb-7"> <div class="row gy-6 gy-lg-0"> <div class="col-lg-4"> <div class="widget"> <h3 class="h2 mb-3 text-white">Join the Community</h3> <p class="lead mb-5">Let's make something great together. We are trusted by over 5000+ clients. Join them by using our services and grow your business.</p> <a href="#" class="btn btn-white rounded-pill">Join Us</a> </div> <!-- /.widget --> </div> <!-- /column --> <div class="col-md-4 col-lg-2 offset-lg-2"> <div class="widget"> <h4 class="widget-title text-white mb-3">Need Help?</h4> <ul class="list-unstyled text-reset mb-0"> <li><a href="#">Support</a></li> <li><a href="#">Get Started</a></li> <li><a href="#">Terms of Use</a></li> <li><a href="#">Privacy Policy</a></li> </ul> </div> <!-- /.widget --> </div> <!-- /column --> <div class="col-md-4 col-lg-2"> <div class="widget"> <h4 class="widget-title text-white mb-3">Learn More</h4> <ul class="list-unstyled mb-0"> <li><a href="#">About Us</a></li> <li><a href="#">Our Story</a></li> <li><a href="#">Projects</a></li> <li><a href="#">Pricing</a></li> <li><a href="#">Features</a></li> </ul> </div> <!-- /.widget --> </div> <!-- /column --> <div class="col-md-4 col-lg-2"> <div class="widget"> <h4 class="widget-title text-white mb-3">Get in Touch</h4> <address>Moonshine St. 14/05 Light City, London, United Kingdom</address> <a href="mailto:first.last@email.com">info@email.com</a><br /> 00 (123) 456 78 90 </div> <!-- /.widget --> </div> <!-- /column --> </div> <!--/.row --> <hr class="mt-13 mt-md-15 mb-7" /> <div class="d-md-flex align-items-center justify-content-between"> <p class="mb-2 mb-lg-0">© 2023 Sandbox. All rights reserved.</p> <nav class="nav social social-white text-md-end"> <a href="#"><i class="uil uil-twitter"></i></a> <a href="#"><i class="uil uil-facebook-f"></i></a> <a href="#"><i class="uil uil-dribbble"></i></a> <a href="#"><i class="uil uil-instagram"></i></a> <a href="#"><i class="uil uil-youtube"></i></a> </nav> <!-- /.social --> </div> <!-- /div --> </div> <!-- /.container --> </footer></code></pre> </div> <!--/.code-wrapper-inner --> </div> <!--/.code-wrapper --> </div> <!--/.card-footer --> <div class="card-footer position-relative"> <a class="collapse-link collapsed stretched-link" data-bs-toggle="collapse" href="#collapse-gulp-footer-3">View example's Gulp code</a> </div> <!--/.card-footer --> <div id="collapse-gulp-footer-3" class="card-footer bg-dark p-0 accordion-collapse collapse"> <div class="code-wrapper"> <div class="code-wrapper-inner"> <pre class="language-html"><code><footer class="bg-dark text-inverse"> <div class="container pt-13 pt-md-15 pb-7"> @@include('_footer3-widgets.html', { "lightText": true }) </div> <!-- /.container --> </footer></code></pre> </div> <!--/.code-wrapper-inner --> </div> <!--/.code-wrapper --> </div> <!--/.card-footer --> </div> <!--/.card --> </div> <!-- /.container --> </section> <!-- /section --> <section id="snippet-4" class="wrapper bg-light wrapper-border"> <div class="container-fluid pt-15 pt-md-17 pb-13 pb-md-15 px-xxl-10"> <footer> <div class="container pb-7"> <div class="row gx-lg-0 gy-6"> <div class="col-lg-4"> <div class="widget"> <img class="mb-4" src="../../assets/img/logo.png" srcset="../../assets/img/logo@2x.png 2x" alt="" /> <p class="lead mb-0">We are trusted by over 5000+ clients. Join them by using our services and grow your business.</p> </div> <!-- /.widget --> </div> <!-- /column --> <div class="col-lg-3 offset-lg-2"> <div class="widget"> <div class="d-flex flex-row"> <div> <div class="icon text-primary fs-28 me-4 mt-n1"> <i class="uil uil-phone-volume"></i> </div> </div> <div> <h5 class="mb-1">Phone</h5> <p class="mb-0">00 (123) 456 78 90 <br />00 (987) 654 32 10</p> </div> </div> <!--/div --> </div> <!-- /.widget --> </div> <!-- /column --> <div class="col-lg-3"> <div class="widget"> <div class="d-flex flex-row"> <div> <div class="icon text-primary fs-28 me-4 mt-n1"> <i class="uil uil-location-pin-alt"></i> </div> </div> <div class="align-self-start justify-content-start"> <h5 class="mb-1">Address</h5> <address>Moonshine St. 14/05 Light City, London, United Kingdom</address> </div> </div> <!--/div --> </div> <!-- /.widget --> </div> <!-- /column --> </div> <!--/.row --> <hr class="mt-13 mt-md-14 mb-7" /> <div class="d-md-flex align-items-center justify-content-between"> <p class="mb-2 mb-lg-0">© 2023 Sandbox. All rights reserved.</p> <nav class="nav social social-muted mb-0 text-md-end"> <a href="#"><i class="uil uil-twitter"></i></a> <a href="#"><i class="uil uil-facebook-f"></i></a> <a href="#"><i class="uil uil-dribbble"></i></a> <a href="#"><i class="uil uil-instagram"></i></a> <a href="#"><i class="uil uil-youtube"></i></a> </nav> <!-- /.social --> </div> </div> <!-- /.container --> </footer> </div> <!-- /.container --> <div class="container pb-15 pb-md-17"> <div class="card"> <div class="card-footer border-0 position-relative"> <a class="collapse-link collapsed stretched-link" data-bs-toggle="collapse" href="#collapse-html-footer-4">View example's HTML code</a> </div> <!--/.card-footer --> <div id="collapse-html-footer-4" class="card-footer bg-dark p-0 accordion-collapse collapse"> <div class="code-wrapper"> <div class="code-wrapper-inner"> <pre class="language-html"><code><footer> <div class="container pb-7"> <div class="row gx-lg-0 gy-6"> <div class="col-lg-4"> <div class="widget"> <img class="mb-4" src="./assets/img/logo.png" srcset="./assets/img/logo@2x.png 2x" alt="" /> <p class="lead mb-0">We are trusted by over 5000+ clients. Join them by using our services and grow your business.</p> </div> <!-- /.widget --> </div> <!-- /column --> <div class="col-lg-3 offset-lg-2"> <div class="widget"> <div class="d-flex flex-row"> <div> <div class="icon text-primary fs-28 me-4 mt-n1"> <i class="uil uil-phone-volume"></i> </div> </div> <div> <h5 class="mb-1">Phone</h5> <p class="mb-0">00 (123) 456 78 90 <br />00 (987) 654 32 10</p> </div> </div> <!--/div --> </div> <!-- /.widget --> </div> <!-- /column --> <div class="col-lg-3"> <div class="widget"> <div class="d-flex flex-row"> <div> <div class="icon text-primary fs-28 me-4 mt-n1"> <i class="uil uil-location-pin-alt"></i> </div> </div> <div class="align-self-start justify-content-start"> <h5 class="mb-1">Address</h5> <address>Moonshine St. 14/05 Light City, London, United Kingdom</address> </div> </div> <!--/div --> </div> <!-- /.widget --> </div> <!-- /column --> </div> <!--/.row --> <hr class="mt-13 mt-md-14 mb-7" /> <div class="d-md-flex align-items-center justify-content-between"> <p class="mb-2 mb-lg-0">© 2023 Sandbox. All rights reserved.</p> <nav class="nav social social-muted mb-0 text-md-end"> <a href="#"><i class="uil uil-twitter"></i></a> <a href="#"><i class="uil uil-facebook-f"></i></a> <a href="#"><i class="uil uil-dribbble"></i></a> <a href="#"><i class="uil uil-instagram"></i></a> <a href="#"><i class="uil uil-youtube"></i></a> </nav> <!-- /.social --> </div> </div> <!-- /.container --> </footer></code></pre> </div> <!--/.code-wrapper-inner --> </div> <!--/.code-wrapper --> </div> <!--/.card-footer --> <div class="card-footer position-relative"> <a class="collapse-link collapsed stretched-link" data-bs-toggle="collapse" href="#collapse-gulp-footer-4">View example's Gulp code</a> </div> <!--/.card-footer --> <div id="collapse-gulp-footer-4" class="card-footer bg-dark p-0 accordion-collapse collapse"> <div class="code-wrapper"> <div class="code-wrapper-inner"> <pre class="language-html"><code><footer> <div class="container pb-7"> @@include('_footer4-widgets.html') </div> <!-- /.container --> </footer></code></pre> </div> <!--/.code-wrapper-inner --> </div> <!--/.code-wrapper --> </div> <!--/.card-footer --> </div> <!--/.card --> </div> <!-- /.container --> </section> <!-- /section --> <section id="snippet-5" class="wrapper bg-light wrapper-border"> <div class="container-fluid pt-15 pt-md-17 pb-13 pb-md-15 px-xxl-10"> <footer class="bg-navy text-inverse"> <div class="container pt-15 pt-md-17 pb-13 pb-md-15"> <div class="d-lg-flex flex-row align-items-lg-center"> <h3 class="display-4 mb-6 mb-lg-0 pe-lg-20 pe-xl-22 pe-xxl-25 text-white">Join our community by using our services and grow your business.</h3> <a href="#" class="btn btn-primary rounded-pill mb-0 text-nowrap">Try It For Free</a> </div> <!--/div --> <hr class="mt-11 mb-12" /> <div class="row gy-6 gy-lg-0"> <div class="col-md-4 col-lg-3"> <div class="widget"> <img class="mb-4" src="../../assets/img/logo-light.png" srcset="../../assets/img/logo-light@2x.png 2x" alt="" /> <p class="mb-4">© 2023 Sandbox. <br class="d-none d-lg-block" />All rights reserved.</p> <nav class="nav social social-white"> <a href="#"><i class="uil uil-twitter"></i></a> <a href="#"><i class="uil uil-facebook-f"></i></a> <a href="#"><i class="uil uil-dribbble"></i></a> <a href="#"><i class="uil uil-instagram"></i></a> <a href="#"><i class="uil uil-youtube"></i></a> </nav> <!-- /.social --> </div> <!-- /.widget --> </div> <!-- /column --> <div class="col-md-4 col-lg-3"> <div class="widget"> <h4 class="widget-title text-white mb-3">Get in Touch</h4> <address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address> <a href="mailto:#">info@email.com</a><br /> 00 (123) 456 78 90 </div> <!-- /.widget --> </div> <!-- /column --> <div class="col-md-4 col-lg-3"> <div class="widget"> <h4 class="widget-title text-white mb-3">Learn More</h4> <ul class="list-unstyled mb-0"> <li><a href="#">About Us</a></li> <li><a href="#">Our Story</a></li> <li><a href="#">Projects</a></li> <li><a href="#">Terms of Use</a></li> <li><a href="#">Privacy Policy</a></li> </ul> </div> <!-- /.widget --> </div> <!-- /column --> <div class="col-md-12 col-lg-3"> <div class="widget"> <h4 class="widget-title text-white mb-3">Our Newsletter</h4> <p class="mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p> <div class="newsletter-wrapper"> <!-- Begin Mailchimp Signup Form --> <div id="mc_embed_signup2"> <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate dark-fields" target="_blank" novalidate> <div id="mc_embed_signup_scroll2"> <div class="mc-field-group input-group form-floating"> <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2"> <label for="mce-EMAIL2">Email Address</label> <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary "> </div> <div id="mce-responses2" class="clear"> <div class="response" id="mce-error-response2" style="display:none"></div> <div class="response" id="mce-success-response2" style="display:none"></div> </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div> <div class="clear"></div> </div> </form> </div> <!--End mc_embed_signup--> </div> <!-- /.newsletter-wrapper --> </div> <!-- /.widget --> </div> <!-- /column --> </div> <!--/.row --> </div> <!-- /.container --> </footer> </div> <!-- /.container --> <div class="container pb-15 pb-md-17"> <div class="card"> <div class="card-footer border-0 position-relative"> <a class="collapse-link collapsed stretched-link" data-bs-toggle="collapse" href="#collapse-html-footer-5">View example's HTML code</a> </div> <!--/.card-footer --> <div id="collapse-html-footer-5" class="card-footer bg-dark p-0 accordion-collapse collapse"> <div class="code-wrapper"> <div class="code-wrapper-inner"> <pre class="language-html"><code><footer class="bg-navy text-inverse"> <div class="container pt-15 pt-md-17 pb-13 pb-md-15"> <div class="d-lg-flex flex-row align-items-lg-center"> <h3 class="display-4 mb-6 mb-lg-0 pe-lg-20 pe-xl-22 pe-xxl-25 text-white">Join our community by using our services and grow your business.</h3> <a href="#" class="btn btn-primary rounded-pill mb-0 text-nowrap">Try It For Free</a> </div> <!--/div --> <hr class="mt-11 mb-12" /> <div class="row gy-6 gy-lg-0"> <div class="col-md-4 col-lg-3"> <div class="widget"> <img class="mb-4" src="./assets/img/logo-light.png" srcset="./assets/img/logo-light@2x.png 2x" alt="" /> <p class="mb-4">© 2023 Sandbox. <br class="d-none d-lg-block" />All rights reserved.</p> <nav class="nav social social-white"> <a href="#"><i class="uil uil-twitter"></i></a> <a href="#"><i class="uil uil-facebook-f"></i></a> <a href="#"><i class="uil uil-dribbble"></i></a> <a href="#"><i class="uil uil-instagram"></i></a> <a href="#"><i class="uil uil-youtube"></i></a> </nav> <!-- /.social --> </div> <!-- /.widget --> </div> <!-- /column --> <div class="col-md-4 col-lg-3"> <div class="widget"> <h4 class="widget-title text-white mb-3">Get in Touch</h4> <address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address> <a href="mailto:#">info@email.com</a><br /> 00 (123) 456 78 90 </div> <!-- /.widget --> </div> <!-- /column --> <div class="col-md-4 col-lg-3"> <div class="widget"> <h4 class="widget-title text-white mb-3">Learn More</h4> <ul class="list-unstyled mb-0"> <li><a href="#">About Us</a></li> <li><a href="#">Our Story</a></li> <li><a href="#">Projects</a></li> <li><a href="#">Terms of Use</a></li> <li><a href="#">Privacy Policy</a></li> </ul> </div> <!-- /.widget --> </div> <!-- /column --> <div class="col-md-12 col-lg-3"> <div class="widget"> <h4 class="widget-title text-white mb-3">Our Newsletter</h4> <p class="mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p> <div class="newsletter-wrapper"> <!-- Begin Mailchimp Signup Form --> <div id="mc_embed_signup2"> <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate dark-fields" target="_blank" novalidate> <div id="mc_embed_signup_scroll2"> <div class="mc-field-group input-group form-floating"> <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2"> <label for="mce-EMAIL2">Email Address</label> <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary"> </div> <div id="mce-responses2" class="clear"> <div class="response" id="mce-error-response2" style="display:none"></div> <div class="response" id="mce-success-response2" style="display:none"></div> </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div> <div class="clear"></div> </div> </form> </div> <!--End mc_embed_signup--> </div> <!-- /.newsletter-wrapper --> </div> <!-- /.widget --> </div> <!-- /column --> </div> <!--/.row --> </div> <!-- /.container --> </footer></code></pre> </div> <!--/.code-wrapper-inner --> </div> <!--/.code-wrapper --> </div> <!--/.card-footer --> <div class="card-footer position-relative"> <a class="collapse-link collapsed stretched-link" data-bs-toggle="collapse" href="#collapse-gulp-footer-5">View example's Gulp code</a> </div> <!--/.card-footer --> <div id="collapse-gulp-footer-5" class="card-footer bg-dark p-0 accordion-collapse collapse"> <div class="code-wrapper"> <div class="code-wrapper-inner"> <pre class="language-html"><code><footer class="bg-navy text-inverse"> <div class="container pt-15 pt-md-17 pb-13 pb-md-15"> <div class="d-lg-flex flex-row align-items-lg-center"> <h3 class="display-4 mb-6 mb-lg-0 pe-lg-20 pe-xl-22 pe-xxl-25 text-white">Join our community by using our services and grow your business.</h3> <a href="#" class="btn btn-primary rounded-pill mb-0 text-nowrap">Try It For Free</a> </div> <!--/div --> <hr class="mt-11 mb-12" /> @@include('_footer-widgets.html', { "lightText": true }) </div> <!-- /.container --> </footer></code></pre> </div> <!--/.code-wrapper-inner --> </div> <!--/.code-wrapper --> </div> <!--/.card-footer --> </div> <!--/.card --> </div> <!-- /.container --> </section> <!-- /section --> <section id="snippet-6" class="wrapper bg-light wrapper-border"> <div class="container-fluid pt-15 pt-md-17 pb-13 pb-md-15 px-xxl-10"> <footer> <div class="container pb-7"> <div class="d-md-flex align-items-center justify-content-between"> <p class="mb-2 mb-lg-0">© 2023 Sandbox. All rights reserved.</p> <nav class="nav social social-muted mb-0 text-md-end"> <a href="#"><i class="uil uil-twitter"></i></a> <a href="#"><i class="uil uil-facebook-f"></i></a> <a href="#"><i class="uil uil-dribbble"></i></a> <a href="#"><i class="uil uil-instagram"></i></a> <a href="#"><i class="uil uil-youtube"></i></a> </nav> <!-- /.social --> </div> </div> <!-- /.container --> </footer> </div> <!-- /.container --> <div class="container pb-15 pb-md-17"> <div class="card"> <div class="card-footer border-0 position-relative"> <a class="collapse-link collapsed stretched-link" data-bs-toggle="collapse" href="#collapse-html-footer-6">View example's HTML code</a> </div> <!--/.card-footer --> <div id="collapse-html-footer-6" class="card-footer bg-dark p-0 accordion-collapse collapse"> <div class="code-wrapper"> <div class="code-wrapper-inner"> <pre class="language-html"><code><footer> <div class="container pb-7"> <div class="d-md-flex align-items-center justify-content-between"> <p class="mb-2 mb-lg-0">© 2023 Sandbox. All rights reserved.</p> <nav class="nav social social-muted mb-0 text-md-end"> <a href="#"><i class="uil uil-twitter"></i></a> <a href="#"><i class="uil uil-facebook-f"></i></a> <a href="#"><i class="uil uil-dribbble"></i></a> <a href="#"><i class="uil uil-instagram"></i></a> <a href="#"><i class="uil uil-youtube"></i></a> </nav> <!-- /.social --> </div> </div> <!-- /.container --> </footer></code></pre> </div> <!--/.code-wrapper-inner --> </div> <!--/.code-wrapper --> </div> <!--/.card-footer --> <div class="card-footer position-relative"> <a class="collapse-link collapsed stretched-link" data-bs-toggle="collapse" href="#collapse-gulp-footer-6">View example's Gulp code</a> </div> <!--/.card-footer --> <div id="collapse-gulp-footer-6" class="card-footer bg-dark p-0 accordion-collapse collapse"> <div class="code-wrapper"> <div class="code-wrapper-inner"> <pre class="language-html"><code><footer> <div class="container pb-7"> @@include('_footer6-widgets.html') </div> <!-- /.container --> </footer></code></pre> </div> <!--/.code-wrapper-inner --> </div> <!--/.code-wrapper --> </div> <!--/.card-footer --> </div> <!--/.card --> </div> <!-- /.container --> </section> <!-- /section --> <section id="snippet-7" class="wrapper bg-light wrapper-border"> <div class="container-fluid pt-15 pt-md-17 pb-13 pb-md-15 px-xxl-10"> <footer class="bg-dark text-inverse"> <div class="container py-13 py-md-15"> <div class="row gy-6 gy-lg-0"> <div class="col-md-4 col-lg-3"> <h4 class="widget-title text-white mb-3">Popular Posts</h4> <ul class="image-list"> <li> <figure class="rounded"><a href="../../blog-post.html"><img src="../../assets/img/photos/a4.jpg" alt="" /></a></figure> <div class="post-content"> <h6 class="mb-2"> <a class="link-dark" href="../../blog-post.html">Magna Mollis Ultricies</a> </h6> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>26 Mar 2022</span></li> </ul> <!-- /.post-meta --> </div> </li> <li class="mt-5"> <figure class="rounded"> <a href="../../blog-post.html"><img src="../../assets/img/photos/a5.jpg" alt="" /></a></figure> <div class="post-content"> <h6 class="mb-2"> <a class="link-dark" href="../../blog-post.html">Ornare Nullam Risus</a> </h6> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>16 Feb 2022</span></li> </ul> <!-- /.post-meta --> </div> </li> <li class="mt-5"> <figure class="rounded"><a href="../../blog-post.html"><img src="../../assets/img/photos/a6.jpg" alt="" /></a></figure> <div class="post-content"> <h6 class="mb-2"> <a class="link-dark" href="../../blog-post.html">Euismod Nullam Fusce</a> </h6> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>8 Jan 2022</span></li> </ul> <!-- /.post-meta --> </div> </li> </ul> <!-- /.image-list --> </div> <!-- /column --> <div class="col-md-4 col-lg-3"> <div class="widget"> <h4 class="widget-title text-white mb-3">Tags</h4> <ul class="list-unstyled tag-list"> <li><a href="#" class="btn btn-soft-ash text-white btn-sm rounded-pill">Still Life</a></li> <li><a href="#" class="btn btn-soft-ash text-white btn-sm rounded-pill">Urban</a></li> <li><a href="#" class="btn btn-soft-ash text-white btn-sm rounded-pill">Nature</a></li> <li><a href="#" class="btn btn-soft-ash text-white btn-sm rounded-pill">Landscape</a></li> </ul> </div> <!-- /.widget --> <div class="widget"> <h4 class="widget-title text-white mb-3">Categories</h4> <ul class="unordered-list text-reset bullet-white "> <li><a href="#">Lifestyle (21)</a></li> <li><a href="#">Photography (19)</a></li> <li><a href="#">Journal (16)</a></li> </ul> </div> <!-- /.widget --> </div> <!-- /column --> <div class="col-md-4 col-lg-3"> <div class="widget"> <h4 class="widget-title text-white mb-3">Get in Touch</h4> <address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address> <a href="mailto:#">info@email.com</a><br /> 00 (123) 456 78 90 </div> <!-- /.widget --> <div class="widget"> <h4 class="widget-title text-white mb-3">Elsewhere</h4> <nav class="nav social social-white"> <a href="#"><i class="uil uil-twitter"></i></a> <a href="#"><i class="uil uil-facebook-f"></i></a> <a href="#"><i class="uil uil-dribbble"></i></a> <a href="#"><i class="uil uil-instagram"></i></a> <a href="#"><i class="uil uil-youtube"></i></a> </nav> <!-- /.social --> </div> <!-- /.widget --> </div> <!-- /column --> <div class="col-md-4 col-lg-3"> <div class="widget"> <h4 class="widget-title text-white mb-3">Learn More</h4> <ul class="list-unstyled text-reset mb-0"> <li><a href="#">About Us</a></li> <li><a href="#">Our Story</a></li> <li><a href="#">Projects</a></li> </ul> </div> <!-- /.widget --> <div class="widget"> <h4 class="widget-title text-white mb-3">Need Help?</h4> <ul class="list-unstyled text-reset mb-0"> <li><a href="#">Support</a></li> <li><a href="#">Get Started</a></li> <li><a href="#">Contact Us</a></li> </ul> </div> <!-- /.widget --> </div> <!-- /column --> </div> <!--/.row --> <p class="mt-6 mb-0 text-center">© 2023 Sandbox. All rights reserved.</p> </div> <!-- /.container --> </footer> </div> <!-- /.container --> <div class="container pb-15 pb-md-17"> <div class="card"> <div class="card-footer border-0 position-relative"> <a class="collapse-link collapsed stretched-link" data-bs-toggle="collapse" href="#collapse-html-footer-7">View example's HTML code</a> </div> <!--/.card-footer --> <div id="collapse-html-footer-7" class="card-footer bg-dark p-0 accordion-collapse collapse"> <div class="code-wrapper"> <div class="code-wrapper-inner"> <pre class="language-html"><code><footer class="bg-dark text-inverse"> <div class="container py-13 py-md-15"> <div class="row gy-6 gy-lg-0"> <div class="col-md-4 col-lg-3"> <h4 class="widget-title text-white mb-3">Popular Posts</h4> <ul class="image-list"> <li> <figure class="rounded"><a href="./blog-post.html"><img src="./assets/img/photos/a4.jpg" alt=""></a></figure> <div class="post-content"> <h6 class="mb-2"> <a class="link-dark" href="./blog-post.html">Magna Mollis Ultricies</a> </h6> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>26 Mar 2022</span></li> </ul> <!-- /.post-meta --> </div> </li> <li class="mt-5"> <figure class="rounded"> <a href="./blog-post.html"><img src="./assets/img/photos/a5.jpg" alt=""></a></figure> <div class="post-content"> <h6 class="mb-2"> <a class="link-dark" href="./blog-post.html">Ornare Nullam Risus</a> </h6> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>16 Feb 2022</span></li> </ul> <!-- /.post-meta --> </div> </li> <li class="mt-5"> <figure class="rounded"><a href="./blog-post.html"><img src="./assets/img/photos/a6.jpg" alt=""></a></figure> <div class="post-content"> <h6 class="mb-2"> <a class="link-dark" href="./blog-post.html">Euismod Nullam Fusce</a> </h6> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>8 Jan 2022</span></li> </ul> <!-- /.post-meta --> </div> </li> </ul> <!-- /.image-list --> </div> <!-- /column --> <div class="col-md-4 col-lg-3"> <div class="widget"> <h4 class="widget-title text-white mb-3">Tags</h4> <ul class="list-unstyled tag-list"> <li><a href="#" class="btn btn-soft-ash text-white btn-sm rounded-pill">Still Life</a></li> <li><a href="#" class="btn btn-soft-ash text-white btn-sm rounded-pill">Urban</a></li> <li><a href="#" class="btn btn-soft-ash text-white btn-sm rounded-pill">Nature</a></li> <li><a href="#" class="btn btn-soft-ash text-white btn-sm rounded-pill">Landscape</a></li> </ul> </div> <!-- /.widget --> <div class="widget"> <h4 class="widget-title text-white mb-3">Categories</h4> <ul class="unordered-list text-reset bullet-white "> <li><a href="#">Lifestyle (21)</a></li> <li><a href="#">Photography (19)</a></li> <li><a href="#">Journal (16)</a></li> </ul> </div> <!-- /.widget --> </div> <!-- /column --> <div class="col-md-4 col-lg-3"> <div class="widget"> <h4 class="widget-title text-white mb-3">Get in Touch</h4> <address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address> <a href="mailto:#">info@email.com</a><br> 00 (123) 456 78 90 </div> <!-- /.widget --> <div class="widget"> <h4 class="widget-title text-white mb-3">Elsewhere</h4> <nav class="nav social social-white"> <a href="#"><i class="uil uil-twitter"></i></a> <a href="#"><i class="uil uil-facebook-f"></i></a> <a href="#"><i class="uil uil-dribbble"></i></a> <a href="#"><i class="uil uil-instagram"></i></a> <a href="#"><i class="uil uil-youtube"></i></a> </nav> <!-- /.social --> </div> <!-- /.widget --> </div> <!-- /column --> <div class="col-md-4 col-lg-3"> <div class="widget"> <h4 class="widget-title text-white mb-3">Learn More</h4> <ul class="list-unstyled text-reset mb-0"> <li><a href="#">About Us</a></li> <li><a href="#">Our Story</a></li> <li><a href="#">Projects</a></li> </ul> </div> <!-- /.widget --> <div class="widget"> <h4 class="widget-title text-white mb-3">Need Help?</h4> <ul class="list-unstyled text-reset mb-0"> <li><a href="#">Support</a></li> <li><a href="#">Get Started</a></li> <li><a href="#">Contact Us</a></li> </ul> </div> <!-- /.widget --> </div> <!-- /column --> </div> <!--/.row --> <p class="mt-6 mb-0 text-center">© 2023 Sandbox. All rights reserved.</p> </div> <!-- /.container --> </footer></code></pre> </div> <!--/.code-wrapper-inner --> </div> <!--/.code-wrapper --> </div> <!--/.card-footer --> <div class="card-footer position-relative"> <a class="collapse-link collapsed stretched-link" data-bs-toggle="collapse" href="#collapse-gulp-footer-7">View example's Gulp code</a> </div> <!--/.card-footer --> <div id="collapse-gulp-footer-7" class="card-footer bg-dark p-0 accordion-collapse collapse"> <div class="code-wrapper"> <div class="code-wrapper-inner"> <pre class="language-html"><code><footer class="bg-dark text-inverse"> <div class="container py-13 py-md-15"> @@include('_footer7-widgets.html', { "lightText": true }) </div> <!-- /.container --> </footer></code></pre> </div> <!--/.code-wrapper-inner --> </div> <!--/.code-wrapper --> </div> <!--/.card-footer --> </div> <!--/.card --> </div> <!-- /.container --> </section> <!-- /section --> </div> <!-- /.content-wrapper --> <section class="wrapper bg-dark text-white"> <div class="container pt-14 pt-md-16 text-center"> <div class="row"> <div class="col-md-10 col-lg-9 col-xl-8 col-xxl-7 mx-auto"> <h2 class="display-3 text-white mt-3 mb-3 px-lg-8">Think unique and be creative. Make a difference with Sandbox.</h2> <p class="lead fs-lg mb-6">Everything you need to create your next unique and professional website, including impressive and ready-made blocks and pages.</p> <a href="https://1.envato.market/NKGrx2" target="_blank" class="btn btn-lg btn-white rounded-pill mb-10">Buy Sandbox</a> </div> <!-- /column --> </div> <!-- /.row --> <img class="img-fluid" src="../../assets/img/demos/f1.png" srcset="../../assets/img/demos/f1@2x.png 2x" alt="" /> </div> <!-- /.container --> </section> <!-- /section --> <div class="progress-wrap"> <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102"> <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" /> </svg> </div> <script src="../../assets/js/plugins.js"></script> <script src="../../assets/js/theme.js"></script> </body> </html>