INSERT INTO simeya_section_blocks (block_name, block_type, section_id, sort_order, block_content, block_status) VALUES
('Head', 'Head', NULL, 0, '<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>', 1),
('Header', 'Header', NULL, 1, '<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>
                        <li class="col">
                          <a class="dropdown-item" href="/demo35.html">
                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi35.jpg" srcset="/assets/img/demos/mi35@2x.jpg 2x" alt=""></figure>
                            <span class="d-lg-none">Demo 35</span>
                          </a>
                        </li>
                        <li class="col">
                          <a class="dropdown-item" href="/demo36.html">
                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi36.jpg" srcset="/assets/img/demos/mi36@2x.jpg 2x" alt=""></figure>
                            <span class="d-lg-none">Demo 36</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>', 1),
('about', 'about', NULL, 2, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row gx-lg-8 gx-xl-12 gy-10 align-items-center&quot;&gt;
      &lt;div class=&quot;col-md-8 col-lg-6 col-xl-5 order-lg-2 position-relative&quot;&gt;
        &lt;div class=&quot;shape bg-soft-primary rounded-circle rellax w-20 h-20&quot; data-rellax-speed=&quot;1&quot; style=&quot;top: -2rem; right: -1.9rem;&quot;&gt;&lt;/div&gt;
        &lt;figure class=&quot;rounded&quot;&gt;&lt;img src=&quot;/assets/img/photos/about7.jpg&quot; srcset=&quot;/assets/img/photos/about7@2x.jpg 2x&quot; alt=&quot;&quot;&gt;&lt;/figure&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-lg-6&quot;&gt;
        &lt;h2 class=&quot;display-4 mb-3&quot;&gt;Who Are We?&lt;/h2&gt;
        &lt;p class=&quot;lead fs-lg&quot;&gt;We are a digital and branding company that believes in the power of creative strategy and along with great design.&lt;/p&gt;
        &lt;p class=&quot;mb-6&quot;&gt;Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.&lt;/p&gt;
        &lt;div class=&quot;row gx-xl-10 gy-6&quot;&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;div class=&quot;d-flex flex-row&quot;&gt;
              &lt;div&gt;
                &lt;img src=&quot;/assets/img/icons/lineal/target.svg&quot; class=&quot;svg-inject icon-svg icon-svg-sm me-4&quot; alt=&quot;&quot; /&gt;
              &lt;/div&gt;
              &lt;div&gt;
                &lt;h4 class=&quot;mb-1&quot;&gt;Our Mission&lt;/h4&gt;
                &lt;p class=&quot;mb-0&quot;&gt;Dapibus eu leo quam ornare curabitur blandit tempus.&lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;div class=&quot;d-flex flex-row&quot;&gt;
              &lt;div&gt;
                &lt;img src=&quot;/assets/img/icons/lineal/award-2.svg&quot; class=&quot;svg-inject icon-svg icon-svg-sm me-4&quot; alt=&quot;&quot; /&gt;
              &lt;/div&gt;
              &lt;div&gt;
                &lt;h4 class=&quot;mb-1&quot;&gt;Our Values&lt;/h4&gt;
                &lt;p class=&quot;mb-0&quot;&gt;Aenean lacinia bibendum nulla sed consectetur.&lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
        &lt;/div&gt;
        &lt;!--/.row --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!--/.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('about', 'about', NULL, 3, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row gx-lg-8 gx-xl-12 gy-12 align-items-center&quot;&gt;
      &lt;div class=&quot;col-lg-6 position-relative&quot;&gt;
        &lt;div class=&quot;btn btn-circle btn-primary pe-none position-absolute counter-wrapper flex-column d-none d-md-flex&quot; style=&quot;top: 50%; left: 50%; transform: translate(-50%, -50%); width: 170px; height: 170px;&quot;&gt;
          &lt;h3 class=&quot;text-white mb-1 mt-n2&quot;&gt;&lt;span class=&quot;counter counter-lg&quot;&gt;20+&lt;/span&gt;&lt;/h3&gt;
          &lt;p&gt;Year Experience&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class=&quot;row gx-md-5 gy-5 align-items-center&quot;&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;div class=&quot;row gx-md-5 gy-5&quot;&gt;
              &lt;div class=&quot;col-md-10 offset-md-2&quot;&gt;
                &lt;figure class=&quot;rounded&quot;&gt;&lt;img src=&quot;/assets/img/photos/ab1.jpg&quot; srcset=&quot;/assets/img/photos/ab1@2x.jpg 2x&quot; alt=&quot;&quot;&gt;&lt;/figure&gt;
              &lt;/div&gt;
              &lt;!--/column --&gt;
              &lt;div class=&quot;col-md-12&quot;&gt;
                &lt;figure class=&quot;rounded&quot;&gt;&lt;img src=&quot;/assets/img/photos/ab2.jpg&quot; srcset=&quot;/assets/img/photos/ab2@2x.jpg 2x&quot; alt=&quot;&quot;&gt;&lt;/figure&gt;
              &lt;/div&gt;
              &lt;!--/column --&gt;
            &lt;/div&gt;
            &lt;!--/.row --&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;figure class=&quot;rounded&quot;&gt;&lt;img src=&quot;/assets/img/photos/ab3.jpg&quot; srcset=&quot;/assets/img/photos/ab3@2x.jpg 2x&quot; alt=&quot;&quot;&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
        &lt;/div&gt;
        &lt;!--/.row --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-lg-6&quot;&gt;
        &lt;img src=&quot;/assets/img/icons/lineal/handshake.svg&quot; class=&quot;svg-inject icon-svg icon-svg-md mb-4&quot; alt=&quot;&quot; /&gt;
        &lt;h3 class=&quot;display-5 mb-5&quot;&gt;We are a creative company that focuses on establishing long-term relationships with customers.&lt;/h3&gt;
        &lt;p class=&quot;mb-7&quot;&gt;Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Vestibulum id ligula.&lt;/p&gt;
        &lt;div class=&quot;row counter-wrapper gy-6&quot;&gt;
          &lt;div class=&quot;col-md-4&quot;&gt;
            &lt;h3 class=&quot;counter text-primary&quot;&gt;7518&lt;/h3&gt;
            &lt;p&gt;Completed Projects&lt;/p&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-4&quot;&gt;
            &lt;h3 class=&quot;counter text-primary&quot;&gt;3472&lt;/h3&gt;
            &lt;p&gt;Satisfied Customers&lt;/p&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-4&quot;&gt;
            &lt;h3 class=&quot;counter text-primary&quot;&gt;2184&lt;/h3&gt;
            &lt;p&gt;Expert Employees&lt;/p&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
        &lt;/div&gt;
        &lt;!--/.row --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!--/.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('about', 'about', NULL, 4, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 pt-md-16 pb-md-9&quot;&gt;
    &lt;figure class=&quot;rounded&quot;&gt;&lt;img src=&quot;/assets/img/photos/about5.jpg&quot; srcset=&quot;/assets/img/photos/about5@2x.jpg 2x&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
    &lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col-xl-10 mx-auto&quot;&gt;
        &lt;div class=&quot;card image-wrapper bg-full bg-image bg-overlay bg-overlay-400 text-white mt-n5 mt-lg-0 mt-lg-n50p mb-lg-n50p border-radius-lg-top&quot; data-image-src=&quot;/assets/img/photos/bg3.jpg&quot;&gt;
          &lt;div class=&quot;card-body p-9 p-xl-10&quot;&gt;
            &lt;div class=&quot;row align-items-center counter-wrapper gy-4 text-center&quot;&gt;
              &lt;div class=&quot;col-6 col-lg-3&quot;&gt;
                &lt;h3 class=&quot;counter counter-lg text-white&quot;&gt;7518&lt;/h3&gt;
                &lt;p&gt;Completed Projects&lt;/p&gt;
              &lt;/div&gt;
              &lt;!--/column --&gt;
              &lt;div class=&quot;col-6 col-lg-3&quot;&gt;
                &lt;h3 class=&quot;counter counter-lg text-white&quot;&gt;3472&lt;/h3&gt;
                &lt;p&gt;Satisfied Customers&lt;/p&gt;
              &lt;/div&gt;
              &lt;!--/column --&gt;
              &lt;div class=&quot;col-6 col-lg-3&quot;&gt;
                &lt;h3 class=&quot;counter counter-lg text-white&quot;&gt;2184&lt;/h3&gt;
                &lt;p&gt;Expert Employees&lt;/p&gt;
              &lt;/div&gt;
              &lt;!--/column --&gt;
              &lt;div class=&quot;col-6 col-lg-3&quot;&gt;
                &lt;h3 class=&quot;counter counter-lg text-white&quot;&gt;4523&lt;/h3&gt;
                &lt;p&gt;Awards Won&lt;/p&gt;
              &lt;/div&gt;
              &lt;!--/column --&gt;
            &lt;/div&gt;
            &lt;!--/.row --&gt;
          &lt;/div&gt;
          &lt;!--/.card-body --&gt;
        &lt;/div&gt;
        &lt;!--/.card --&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('about', 'about', NULL, 5, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row gx-lg-8 gx-xl-12 gy-10 align-items-center&quot;&gt;
      &lt;div class=&quot;col-lg-6 position-relative order-lg-2&quot;&gt;
        &lt;div class=&quot;shape bg-dot primary rellax w-16 h-20&quot; data-rellax-speed=&quot;1&quot; style=&quot;top: 3rem; left: 5.5rem&quot;&gt;&lt;/div&gt;
        &lt;div class=&quot;overlap-grid overlap-grid-2&quot;&gt;
          &lt;div class=&quot;item&quot;&gt;
            &lt;figure class=&quot;rounded shadow&quot;&gt;&lt;img src=&quot;/assets/img/photos/about2.jpg&quot; srcset=&quot;/assets/img/photos/about2@2x.jpg 2x&quot; alt=&quot;&quot;&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;div class=&quot;item&quot;&gt;
            &lt;figure class=&quot;rounded shadow&quot;&gt;&lt;img src=&quot;/assets/img/photos/about3.jpg&quot; srcset=&quot;/assets/img/photos/about3@2x.jpg 2x&quot; alt=&quot;&quot;&gt;&lt;/figure&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-lg-6&quot;&gt;
        &lt;img src=&quot;/assets/img/icons/lineal/megaphone.svg&quot; class=&quot;svg-inject icon-svg icon-svg-md mb-4&quot; alt=&quot;&quot; /&gt;
        &lt;h2 class=&quot;display-4 mb-3&quot;&gt;Who Are We?&lt;/h2&gt;
        &lt;p class=&quot;lead fs-lg&quot;&gt;We are a digital and branding company that believes in the power of creative strategy and along with great design.&lt;/p&gt;
        &lt;p class=&quot;mb-6&quot;&gt;Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.&lt;/p&gt;
        &lt;div class=&quot;row gy-3 gx-xl-8&quot;&gt;
          &lt;div class=&quot;col-xl-6&quot;&gt;
            &lt;ul class=&quot;icon-list bullet-bg bullet-soft-primary mb-0&quot;&gt;
              &lt;li&gt;&lt;span&gt;&lt;i class=&quot;uil uil-check&quot;&gt;&lt;/i&gt;&lt;/span&gt;&lt;span&gt;Aenean eu leo quam ornare curabitur blandit tempus.&lt;/span&gt;&lt;/li&gt;
              &lt;li class=&quot;mt-3&quot;&gt;&lt;span&gt;&lt;i class=&quot;uil uil-check&quot;&gt;&lt;/i&gt;&lt;/span&gt;&lt;span&gt;Nullam quis risus eget urna mollis ornare donec elit.&lt;/span&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-xl-6&quot;&gt;
            &lt;ul class=&quot;icon-list bullet-bg bullet-soft-primary mb-0&quot;&gt;
              &lt;li&gt;&lt;span&gt;&lt;i class=&quot;uil uil-check&quot;&gt;&lt;/i&gt;&lt;/span&gt;&lt;span&gt;Etiam porta sem malesuada magna mollis euismod.&lt;/span&gt;&lt;/li&gt;
              &lt;li class=&quot;mt-3&quot;&gt;&lt;span&gt;&lt;i class=&quot;uil uil-check&quot;&gt;&lt;/i&gt;&lt;/span&gt;&lt;span&gt;Fermentum massa vivamus faucibus amet euismod.&lt;/span&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
        &lt;/div&gt;
        &lt;!--/.row --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!--/.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('about', 'about', NULL, 6, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row gx-lg-8 gx-xl-12 gy-10 align-items-center&quot;&gt;
      &lt;div class=&quot;col-lg-7 order-lg-2&quot;&gt;
        &lt;figure&gt;&lt;img class=&quot;w-auto&quot; src=&quot;/assets/img/illustrations/i2.png&quot; srcset=&quot;/assets/img/illustrations/i2@2x.png 2x&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-lg-5&quot;&gt;
        &lt;h2 class=&quot;fs-15 text-uppercase text-line text-primary mb-3&quot;&gt;Why Choose Us?&lt;/h2&gt;
        &lt;h3 class=&quot;display-5 mb-7&quot;&gt;A few reasons why our valued customers choose us.&lt;/h3&gt;
        &lt;div class=&quot;accordion accordion-wrapper&quot; id=&quot;accordionExample&quot;&gt;
          &lt;div class=&quot;card plain accordion-item&quot;&gt;
            &lt;div class=&quot;card-header&quot; id=&quot;headingOne&quot;&gt;
              &lt;button class=&quot;accordion-button&quot; data-bs-toggle=&quot;collapse&quot; data-bs-target=&quot;#collapseOne&quot; aria-expanded=&quot;true&quot; aria-controls=&quot;collapseOne&quot;&gt; Professional Design &lt;/button&gt;
            &lt;/div&gt;
            &lt;!--/.card-header --&gt;
            &lt;div id=&quot;collapseOne&quot; class=&quot;accordion-collapse collapse show&quot; aria-labelledby=&quot;headingOne&quot; data-bs-parent=&quot;#accordionExample&quot;&gt;
              &lt;div class=&quot;card-body&quot;&gt;
                &lt;p&gt;Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel.&lt;/p&gt;
              &lt;/div&gt;
              &lt;!--/.card-body --&gt;
            &lt;/div&gt;
            &lt;!--/.accordion-collapse --&gt;
          &lt;/div&gt;
          &lt;!--/.accordion-item --&gt;
          &lt;div class=&quot;card plain accordion-item&quot;&gt;
            &lt;div class=&quot;card-header&quot; id=&quot;headingTwo&quot;&gt;
              &lt;button class=&quot;collapsed&quot; data-bs-toggle=&quot;collapse&quot; data-bs-target=&quot;#collapseTwo&quot; aria-expanded=&quot;false&quot; aria-controls=&quot;collapseTwo&quot;&gt; Top-Notch Support &lt;/button&gt;
            &lt;/div&gt;
            &lt;!--/.card-header --&gt;
            &lt;div id=&quot;collapseTwo&quot; class=&quot;accordion-collapse collapse&quot; aria-labelledby=&quot;headingTwo&quot; data-bs-parent=&quot;#accordionExample&quot;&gt;
              &lt;div class=&quot;card-body&quot;&gt;
                &lt;p&gt;Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel.&lt;/p&gt;
              &lt;/div&gt;
              &lt;!--/.card-body --&gt;
            &lt;/div&gt;
            &lt;!--/.accordion-collapse --&gt;
          &lt;/div&gt;
          &lt;!--/.accordion-item --&gt;
          &lt;div class=&quot;card plain accordion-item&quot;&gt;
            &lt;div class=&quot;card-header&quot; id=&quot;headingThree&quot;&gt;
              &lt;button class=&quot;collapsed&quot; data-bs-toggle=&quot;collapse&quot; data-bs-target=&quot;#collapseThree&quot; aria-expanded=&quot;false&quot; aria-controls=&quot;collapseThree&quot;&gt; Header and Slider Options &lt;/button&gt;
            &lt;/div&gt;
            &lt;!--/.card-header --&gt;
            &lt;div id=&quot;collapseThree&quot; class=&quot;accordion-collapse collapse&quot; aria-labelledby=&quot;headingThree&quot; data-bs-parent=&quot;#accordionExample&quot;&gt;
              &lt;div class=&quot;card-body&quot;&gt;
                &lt;p&gt;Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel.&lt;/p&gt;
              &lt;/div&gt;
              &lt;!--/.card-body --&gt;
            &lt;/div&gt;
            &lt;!--/.accordion-collapse --&gt;
          &lt;/div&gt;
          &lt;!--/.accordion-item --&gt;
        &lt;/div&gt;
        &lt;!--/.accordion --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!--/.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('about', 'about', NULL, 7, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row gx-lg-8 gx-xl-12 gy-10 align-items-center&quot;&gt;
      &lt;div class=&quot;col-lg-7&quot;&gt;
        &lt;figure&gt;&lt;img class=&quot;w-auto&quot; src=&quot;/assets/img/illustrations/i8.png&quot; srcset=&quot;/assets/img/illustrations/i8@2x.png 2x&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-lg-5&quot;&gt;
        &lt;h3 class=&quot;display-4 mb-6 pe-xxl-6&quot;&gt;We bring rapid solutions to make the life of our customers easier.&lt;/h3&gt;
        &lt;ul class=&quot;progress-list mt-3&quot;&gt;
          &lt;li&gt;
            &lt;p&gt;Marketing&lt;/p&gt;
            &lt;div class=&quot;progressbar line blue&quot; data-value=&quot;100&quot;&gt;&lt;/div&gt;
          &lt;/li&gt;
          &lt;li&gt;
            &lt;p&gt;Strategy&lt;/p&gt;
            &lt;div class=&quot;progressbar line yellow&quot; data-value=&quot;80&quot;&gt;&lt;/div&gt;
          &lt;/li&gt;
          &lt;li&gt;
            &lt;p&gt;Development&lt;/p&gt;
            &lt;div class=&quot;progressbar line orange&quot; data-value=&quot;85&quot;&gt;&lt;/div&gt;
          &lt;/li&gt;
          &lt;li&gt;
            &lt;p&gt;Data Analysis&lt;/p&gt;
            &lt;div class=&quot;progressbar line green&quot; data-value=&quot;90&quot;&gt;&lt;/div&gt;
          &lt;/li&gt;
        &lt;/ul&gt;
        &lt;!-- /.progress-list --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!--/.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('about', 'about', NULL, 8, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row gy-10 gy-sm-13 gx-lg-3 align-items-center&quot;&gt;
      &lt;div class=&quot;col-md-8 col-lg-6 position-relative&quot;&gt;
        &lt;a href=&quot;/assets/media/movie.mp4&quot; class=&quot;btn btn-circle btn-primary btn-play ripple mx-auto mb-5 position-absolute&quot; style=&quot;top:50%; left: 50%; transform: translate(-50%,-50%); z-index:3;&quot; data-glightbox&gt;&lt;i class=&quot;icn-caret-right&quot;&gt;&lt;/i&gt;&lt;/a&gt;
        &lt;div class=&quot;shape rounded bg-soft-primary rellax d-md-block&quot; data-rellax-speed=&quot;0&quot; style=&quot;bottom: -1.8rem; right: -1.5rem; width: 85%; height: 90%; &quot;&gt;&lt;/div&gt;
        &lt;figure class=&quot;rounded&quot;&gt;&lt;img src=&quot;/assets/img/photos/about12.jpg&quot; srcset=&quot;/assets/img/photos/about12@2x.jpg 2x&quot; alt=&quot;&quot;&gt;&lt;/figure&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-lg-5 col-xl-4 offset-lg-1&quot;&gt;
        &lt;h3 class=&quot;display-4 mb-3&quot;&gt;Sandbox Brings Awesomeness&lt;/h3&gt;
        &lt;p class=&quot;lead fs-lg mb-6&quot;&gt;We have considered our solutions to &lt;span class=&quot;underline&quot;&gt;support every stage&lt;/span&gt; of your growth.&lt;/p&gt;
        &lt;ul class=&quot;progress-list&quot;&gt;
          &lt;li&gt;
            &lt;p&gt;Marketing&lt;/p&gt;
            &lt;div class=&quot;progressbar line primary&quot; data-value=&quot;100&quot;&gt;&lt;/div&gt;
          &lt;/li&gt;
          &lt;li&gt;
            &lt;p&gt;Strategy&lt;/p&gt;
            &lt;div class=&quot;progressbar line primary&quot; data-value=&quot;80&quot;&gt;&lt;/div&gt;
          &lt;/li&gt;
          &lt;li&gt;
            &lt;p&gt;Development&lt;/p&gt;
            &lt;div class=&quot;progressbar line primary&quot; data-value=&quot;85&quot;&gt;&lt;/div&gt;
          &lt;/li&gt;
          &lt;li&gt;
        &lt;/ul&gt;
        &lt;!-- /.progress-list --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!--/.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('about', 'about', NULL, 9, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row gy-10 gy-sm-13 gx-md-8 gx-xl-12 align-items-center&quot;&gt;
      &lt;div class=&quot;col-lg-6&quot;&gt;
        &lt;div class=&quot;row gx-md-5 gy-5&quot;&gt;
          &lt;div class=&quot;col-12&quot;&gt;
            &lt;figure class=&quot;rounded mx-5&quot;&gt;&lt;img src=&quot;/assets/img/photos/g8.jpg&quot; srcset=&quot;/assets/img/photos/g8@2x.jpg 2x&quot; alt=&quot;&quot;&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;figure class=&quot;rounded&quot;&gt;&lt;img src=&quot;/assets/img/photos/g9.jpg&quot; srcset=&quot;/assets/img/photos/g9@2x.jpg 2x&quot; alt=&quot;&quot;&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;figure class=&quot;rounded&quot;&gt;&lt;img src=&quot;/assets/img/photos/g10.jpg&quot; srcset=&quot;/assets/img/photos/g10@2x.jpg 2x&quot; alt=&quot;&quot;&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
        &lt;/div&gt;
        &lt;!--/.row --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-lg-6&quot;&gt;
        &lt;h2 class=&quot;fs-16 text-uppercase text-muted mb-3&quot;&gt;What Makes Us Different?&lt;/h2&gt;
        &lt;h3 class=&quot;display-3 mb-10&quot;&gt;We bring &lt;span class=&quot;underline-3 style-2 yellow&quot;&gt;solutions&lt;/span&gt; to make life easier for our customers.&lt;/h3&gt;
        &lt;div class=&quot;row gy-8&quot;&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;div class=&quot;d-flex flex-row&quot;&gt;
              &lt;div&gt;
                &lt;img src=&quot;/assets/img/icons/solid/lamp.svg&quot; class=&quot;svg-inject icon-svg icon-svg-xs solid-mono text-fuchsia me-4&quot; alt=&quot;&quot; /&gt;
              &lt;/div&gt;
              &lt;div&gt;
                &lt;h4 class=&quot;mb-1&quot;&gt;Creativity&lt;/h4&gt;
                &lt;p class=&quot;mb-0&quot;&gt;Curabitur blandit lacus porttitor ridiculus mus.&lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;div class=&quot;d-flex flex-row&quot;&gt;
              &lt;div&gt;
                &lt;img src=&quot;/assets/img/icons/solid/bulb.svg&quot; class=&quot;svg-inject icon-svg icon-svg-xs solid-mono text-violet me-4&quot; alt=&quot;&quot; /&gt;
              &lt;/div&gt;
              &lt;div&gt;
                &lt;h4 class=&quot;mb-1&quot;&gt;Innovative Thinking&lt;/h4&gt;
                &lt;p class=&quot;mb-0&quot;&gt;Curabitur blandit lacus porttitor ridiculus mus.&lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;div class=&quot;d-flex flex-row&quot;&gt;
              &lt;div&gt;
                &lt;img src=&quot;/assets/img/icons/solid/puzzle.svg&quot; class=&quot;svg-inject icon-svg icon-svg-xs solid-mono text-orange me-4&quot; alt=&quot;&quot; /&gt;
              &lt;/div&gt;
              &lt;div&gt;
                &lt;h4 class=&quot;mb-1&quot;&gt;Rapid Solutions&lt;/h4&gt;
                &lt;p class=&quot;mb-0&quot;&gt;Curabitur blandit lacus porttitor ridiculus mus.&lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;div class=&quot;d-flex flex-row&quot;&gt;
              &lt;div&gt;
                &lt;img src=&quot;/assets/img/icons/solid/headphone.svg&quot; class=&quot;svg-inject icon-svg icon-svg-xs solid-mono text-green me-4&quot; alt=&quot;&quot; /&gt;
              &lt;/div&gt;
              &lt;div&gt;
                &lt;h4 class=&quot;mb-1&quot;&gt;Top-Notch Support&lt;/h4&gt;
                &lt;p class=&quot;mb-0&quot;&gt;Curabitur blandit lacus porttitor ridiculus mus.&lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
        &lt;/div&gt;
        &lt;!--/.row --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!--/.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('about', 'about', NULL, 10, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row gx-md-8 gy-10 align-items-center&quot;&gt;
      &lt;div class=&quot;col-lg-6 offset-lg-1 order-lg-2 position-relative&quot;&gt;
        &lt;figure class=&quot;rounded&quot;&gt;&lt;img class=&quot;img-fluid&quot; src=&quot;/assets/img/photos/about27.jpg&quot; srcset=&quot;/assets/img/photos/about27@2x.jpg 2x&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
        &lt;div class=&quot;card shadow-lg position-absolute d-none d-md-block&quot; style=&quot;top: 15%; left: -7%&quot;&gt;
          &lt;div class=&quot;card-body py-4 px-5&quot;&gt;
            &lt;div class=&quot;d-flex flex-row align-items-center&quot;&gt;
              &lt;div&gt;
                &lt;img src=&quot;/assets/img/icons/solid/cloud-group.svg&quot; class=&quot;svg-inject icon-svg icon-svg-sm solid-duo text-grape-fuchsia me-3&quot; alt=&quot;&quot; /&gt;
                
              &lt;/div&gt;
              &lt;div&gt;
                &lt;h3 class=&quot;fs-25 counter mb-0 text-nowrap&quot;&gt;25000+&lt;/h3&gt;
                &lt;p class=&quot;fs-16 lh-sm mb-0 text-nowrap&quot;&gt;Happy Clients&lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;!--/.card-body --&gt;
        &lt;/div&gt;
        &lt;!--/.card --&gt;
        &lt;div class=&quot;card shadow-lg position-absolute text-center d-none d-md-block&quot; style=&quot;bottom: 10%; left: -10%;&quot;&gt;
          &lt;div class=&quot;card-body p-6&quot;&gt;
            &lt;div class=&quot;progressbar semi-circle fuchsia mb-3&quot; data-value=&quot;80&quot;&gt;&lt;/div&gt;
            &lt;h4 class=&quot;mb-0&quot;&gt;Time Saved&lt;/h4&gt;
          &lt;/div&gt;
          &lt;!--/.card-body --&gt;
        &lt;/div&gt;
        &lt;!--/.card --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-lg-5&quot;&gt;
        &lt;h2 class=&quot;fs-16 text-uppercase text-gradient gradient-1 mb-3&quot;&gt;What Makes Us Different?&lt;/h2&gt;
        &lt;h3 class=&quot;display-4 mb-4 me-lg-n5&quot;&gt;We make spending stress free so you have the perfect control.&lt;/h3&gt;
        &lt;p class=&quot;mb-6&quot;&gt;Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus. Integer posuere erat a ante venenatis dapibus posuere velit.&lt;/p&gt;
        &lt;ul class=&quot;icon-list bullet-bg bullet-soft-primary&quot;&gt;
          &lt;li&gt;&lt;i class=&quot;uil uil-check&quot;&gt;&lt;/i&gt;Aenean eu leo quam. Pellentesque ornare.&lt;/li&gt;
          &lt;li&gt;&lt;i class=&quot;uil uil-check&quot;&gt;&lt;/i&gt;Nullam quis risus eget urna mollis ornare.&lt;/li&gt;
          &lt;li&gt;&lt;i class=&quot;uil uil-check&quot;&gt;&lt;/i&gt;Donec id elit non mi porta gravida at eget.&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!--/.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('about', 'about', NULL, 11, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container pt-12 pt-md-14 pb-14 pb-md-16&quot;&gt;
    &lt;div class=&quot;row gx-md-8 gx-xl-12 gy-6 align-items-center&quot;&gt;
      &lt;div class=&quot;col-md-8 col-lg-6 mx-auto&quot;&gt;
        &lt;div class=&quot;img-mask mask-1&quot;&gt;&lt;img src=&quot;/assets/img/photos/about29.jpg&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-lg-6&quot;&gt;
        &lt;h2 class=&quot;display-5 mb-5&quot;&gt;Hi, I&apos;m Julia, a documentary wedding and couples photographer currently working from and based in London.&lt;/h2&gt;
        &lt;p class=&quot;mb-6&quot;&gt;Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio. Sed posuere consectetur est at lobortis facilisis in.&lt;/p&gt;
        &lt;div class=&quot;row counter-wrapper gy-6&quot;&gt;
          &lt;div class=&quot;col-md-4&quot;&gt;
            &lt;h3 class=&quot;counter&quot;&gt;500K+&lt;/h3&gt;
            &lt;p&gt;Shots Taken&lt;/p&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-4&quot;&gt;
            &lt;h3 class=&quot;counter&quot;&gt;500+&lt;/h3&gt;
            &lt;p&gt;Happy Clients&lt;/p&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-4&quot;&gt;
            &lt;h3 class=&quot;counter&quot;&gt;25&lt;/h3&gt;
            &lt;p&gt;Awards Won&lt;/p&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
        &lt;/div&gt;
        &lt;!--/.row --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
    &lt;div class=&quot;row gx-md-8 gx-xl-12 gy-6 mt-8&quot;&gt;
      &lt;div class=&quot;col-lg-4&quot;&gt;
        &lt;h3&gt;My Skills&lt;/h3&gt;
        &lt;p&gt;Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna vel consectetur purus sit amet fermentum.&lt;/p&gt;
        &lt;ul class=&quot;progress-list&quot;&gt;
          &lt;li&gt;
            &lt;p&gt;Photoshop&lt;/p&gt;
            &lt;div class=&quot;progressbar line soft-primary&quot; data-value=&quot;100&quot;&gt;&lt;/div&gt;
          &lt;/li&gt;
          &lt;li&gt;
            &lt;p&gt;Final Cut&lt;/p&gt;
            &lt;div class=&quot;progressbar line soft-primary&quot; data-value=&quot;80&quot;&gt;&lt;/div&gt;
          &lt;/li&gt;
          &lt;li&gt;
            &lt;p&gt;Motion Video&lt;/p&gt;
            &lt;div class=&quot;progressbar line soft-primary&quot; data-value=&quot;85&quot;&gt;&lt;/div&gt;
          &lt;/li&gt;
          &lt;li&gt;
            &lt;p&gt;Manupilation&lt;/p&gt;
            &lt;div class=&quot;progressbar line soft-primary&quot; data-value=&quot;75&quot;&gt;&lt;/div&gt;
          &lt;/li&gt;
        &lt;/ul&gt;
        &lt;!-- /.progress-list --&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
      &lt;div class=&quot;col-lg-4&quot;&gt;
        &lt;h3&gt;Why Choose Me?&lt;/h3&gt;
        &lt;p&gt;Vestibulum id ligula porta felis euismod semper. Cras mattis consectetur purus sit amet fermentum. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies. Cras mattis consectetur purus amet fermentum.&lt;/p&gt;
        &lt;ul class=&quot;icon-list bullet-bg bullet-soft-primary&quot;&gt;
          &lt;li&gt;&lt;i class=&quot;uil uil-check&quot;&gt;&lt;/i&gt;Aenean eu leo quam pellentesque.&lt;/li&gt;
          &lt;li&gt;&lt;i class=&quot;uil uil-check&quot;&gt;&lt;/i&gt;Nullam quis risus eget urna mollis.&lt;/li&gt;
          &lt;li&gt;&lt;i class=&quot;uil uil-check&quot;&gt;&lt;/i&gt;Donec id elit non mi porta gravida.&lt;/li&gt;
          &lt;li&gt;&lt;i class=&quot;uil uil-check&quot;&gt;&lt;/i&gt;Fusce dapibus tellus ac commodo.&lt;/li&gt;
          &lt;li&gt;&lt;i class=&quot;uil uil-check&quot;&gt;&lt;/i&gt;Cras justo odio dapibus ac facilisis in.&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
      &lt;div class=&quot;col-lg-4&quot;&gt;
        &lt;h3&gt;My Process&lt;/h3&gt;
        &lt;div class=&quot;d-flex flex-row mb-5&quot;&gt;
          &lt;div&gt;
            &lt;span class=&quot;icon btn btn-circle btn-soft-primary pe-none mt-1 me-5&quot;&gt;&lt;span class=&quot;number fs-18&quot;&gt;1&lt;/span&gt;&lt;/span&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h5 class=&quot;mb-1&quot;&gt;Collect Ideas&lt;/h5&gt;
            &lt;p class=&quot;mb-0&quot;&gt;Nulla vitae elit libero pharetra augue dapibus. Praesent commodo cursus.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;d-flex flex-row mb-5&quot;&gt;
          &lt;div&gt;
            &lt;span class=&quot;icon btn btn-circle btn-soft-primary pe-none mt-1 me-5&quot;&gt;&lt;span class=&quot;number fs-18&quot;&gt;2&lt;/span&gt;&lt;/span&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h5 class=&quot;mb-1&quot;&gt;Data Analysis&lt;/h5&gt;
            &lt;p class=&quot;mb-0&quot;&gt;Vivamus sagittis lacus vel augue laoreet. Etiam porta sem malesuada magna.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;d-flex flex-row&quot;&gt;
          &lt;div&gt;
            &lt;span class=&quot;icon btn btn-circle btn-soft-primary pe-none mt-1 me-5&quot;&gt;&lt;span class=&quot;number fs-18&quot;&gt;3&lt;/span&gt;&lt;/span&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h5 class=&quot;mb-1&quot;&gt;Finalize Product&lt;/h5&gt;
            &lt;p class=&quot;mb-0&quot;&gt;Cras mattis consectetur purus sit amet. Aenean lacinia bibendum nulla sed.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('about', 'about', NULL, 12, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row gx-md-8 gx-xl-12 gy-6 align-items-center&quot;&gt;
      &lt;div class=&quot;col-md-8 col-lg-6 order-lg-2 mx-auto&quot;&gt;
        &lt;div class=&quot;img-mask mask-2&quot;&gt;&lt;img src=&quot;/assets/img/photos/about30.jpg&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-lg-6&quot;&gt;
        &lt;h2 class=&quot;display-5 mb-3&quot;&gt;About Me&lt;/h2&gt;
        &lt;p class=&quot;lead fs-lg&quot;&gt;I&apos;m Caitlyn Sandbox, a photographer specializing in food, drink and product photography.&lt;/p&gt;
        &lt;p&gt;Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Vestibulum id ligula.&lt;/p&gt;
        &lt;p&gt;Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Curabitur blandit tempus porttitor. Lorem ipsum dolor sit amet, consectetur.&lt;/p&gt;
        &lt;a href=&quot;#&quot; class=&quot;btn btn-primary rounded-pill mt-2&quot;&gt;Learn More&lt;/a&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
    &lt;div class=&quot;row gx-md-8 gx-xl-12 mt-10 mt-md-13&quot;&gt;
      &lt;div class=&quot;col-lg-4&quot;&gt;
        &lt;h2 class=&quot;display-5 mb-3&quot;&gt;My Working Process&lt;/h2&gt;
        &lt;p&gt;Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Fusce dapibus, tellus ac cursus. Aenean eu leo quam.&lt;/p&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
      &lt;div class=&quot;col-lg-8&quot;&gt;
        &lt;div class=&quot;row gy-6 gx-md-8 gx-xl-12&quot;&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;div class=&quot;d-flex flex-row&quot;&gt;
              &lt;div&gt;
                &lt;span class=&quot;icon btn btn-circle btn-primary pe-none me-4&quot;&gt;&lt;span class=&quot;number fs-18&quot;&gt;1&lt;/span&gt;&lt;/span&gt;
              &lt;/div&gt;
              &lt;div&gt;
                &lt;h4 class=&quot;mb-1&quot;&gt;Concept&lt;/h4&gt;
                &lt;p class=&quot;mb-0&quot;&gt;Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.&lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;div class=&quot;d-flex flex-row&quot;&gt;
              &lt;div&gt;
                &lt;span class=&quot;icon btn btn-circle btn-primary pe-none me-4&quot;&gt;&lt;span class=&quot;number fs-18&quot;&gt;2&lt;/span&gt;&lt;/span&gt;
              &lt;/div&gt;
              &lt;div&gt;
                &lt;h4 class=&quot;mb-1&quot;&gt;Prepare&lt;/h4&gt;
                &lt;p class=&quot;mb-0&quot;&gt;Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.&lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;div class=&quot;d-flex flex-row&quot;&gt;
              &lt;div&gt;
                &lt;span class=&quot;icon btn btn-circle btn-primary pe-none me-4&quot;&gt;&lt;span class=&quot;number fs-18&quot;&gt;3&lt;/span&gt;&lt;/span&gt;
              &lt;/div&gt;
              &lt;div&gt;
                &lt;h4 class=&quot;mb-1&quot;&gt;Retouch&lt;/h4&gt;
                &lt;p class=&quot;mb-0&quot;&gt;Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.&lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;div class=&quot;d-flex flex-row&quot;&gt;
              &lt;div&gt;
                &lt;span class=&quot;icon btn btn-circle btn-primary pe-none me-4&quot;&gt;&lt;span class=&quot;number fs-18&quot;&gt;4&lt;/span&gt;&lt;/span&gt;
              &lt;/div&gt;
              &lt;div&gt;
                &lt;h4 class=&quot;mb-1&quot;&gt;Finalize&lt;/h4&gt;
                &lt;p class=&quot;mb-0&quot;&gt;Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.&lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
        &lt;/div&gt;
        &lt;!--/.row --&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('about', 'about', NULL, 13, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row text-center&quot;&gt;
      &lt;div class=&quot;col-md-11 col-lg-9 col-xl-8 col-xxl-7 mx-auto position-relative&quot;&gt;
        &lt;img src=&quot;/assets/img/svg/doodle3.svg&quot; class=&quot;h-11 position-absolute d-none d-lg-block&quot; style=&quot;top: -20%; right: -12%&quot; alt=&quot;&quot;&gt;
        &lt;img src=&quot;/assets/img/svg/doodle9.svg&quot; class=&quot;h-17 position-absolute d-none d-lg-block&quot; style=&quot;bottom: 5%; left: -17%&quot; alt=&quot;&quot;&gt;
        &lt;h2 class=&quot;fs-16 text-uppercase text-muted mb-3 text-center&quot;&gt;Why Choose Sandbox?&lt;/h2&gt;
        &lt;h3 class=&quot;display-3 mb-12 text-center&quot;&gt;Here are a few &lt;span class=&quot;text-gradient gradient-7&quot;&gt;reasons why&lt;/span&gt; our customers choose the Sandbox app.&lt;/h3&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
    &lt;div class=&quot;row d-flex align-items-start&quot;&gt;
      &lt;div class=&quot;col-lg-6 position-lg-sticky&quot; style=&quot;top: 8rem;&quot;&gt;
        &lt;figure&gt;&lt;img src=&quot;/assets/img/photos/devices5.png&quot; srcset=&quot;/assets/img/photos/devices5@2x.png 2x&quot; alt=&quot;&quot;&gt;&lt;/figure&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
      &lt;div class=&quot;col-lg-5 ms-auto&quot;&gt;
        &lt;div class=&quot;d-flex flex-row mb-8&quot;&gt;
          &lt;div&gt;
            &lt;div class=&quot;svg-bg svg-bg-lg bg-pale-grape rounded-xl me-5&quot;&gt;&lt;img src=&quot;/assets/img/icons/solid/calendar.svg&quot; class=&quot;svg-inject icon-svg solid text-navy&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h4 class=&quot;fs-20&quot;&gt;Scheduled Transactions&lt;/h4&gt;
            &lt;p&gt;Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;d-flex flex-row mb-8&quot;&gt;
          &lt;div&gt;
            &lt;div class=&quot;svg-bg svg-bg-lg bg-pale-green rounded-xl me-5&quot;&gt;&lt;img src=&quot;/assets/img/icons/solid/currency.svg&quot; class=&quot;svg-inject icon-svg solid text-navy&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h4 class=&quot;fs-20&quot;&gt;Multiple Currencies&lt;/h4&gt;
            &lt;p&gt;Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;d-flex flex-row mb-8&quot;&gt;
          &lt;div&gt;
            &lt;div class=&quot;svg-bg svg-bg-lg bg-pale-pink rounded-xl me-5&quot;&gt;&lt;img src=&quot;/assets/img/icons/solid/server.svg&quot; class=&quot;svg-inject icon-svg solid text-navy&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h4 class=&quot;fs-20&quot;&gt;Database Management&lt;/h4&gt;
            &lt;p&gt;Pellentesque ornare sem lacinia quam venenatis vestibulum. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis parturient montes.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;d-flex flex-row mb-8&quot;&gt;
          &lt;div&gt;
            &lt;div class=&quot;svg-bg svg-bg-lg bg-pale-yellow rounded-xl me-5&quot;&gt;&lt;img src=&quot;/assets/img/icons/solid/devices.svg&quot; class=&quot;svg-inject icon-svg solid text-navy&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h4 class=&quot;fs-20&quot;&gt;Sync Between Devices&lt;/h4&gt;
            &lt;p&gt;Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;d-flex flex-row mb-8&quot;&gt;
          &lt;div&gt;
            &lt;div class=&quot;svg-bg svg-bg-lg bg-pale-blue rounded-xl me-5&quot;&gt;&lt;img src=&quot;/assets/img/icons/solid/search.svg&quot; class=&quot;svg-inject icon-svg solid text-navy&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h4 class=&quot;fs-20&quot;&gt;Smart Search&lt;/h4&gt;
            &lt;p&gt;Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;d-flex flex-row mb-8&quot;&gt;
          &lt;div&gt;
            &lt;div class=&quot;svg-bg svg-bg-lg bg-pale-leaf rounded-xl me-5&quot;&gt;&lt;img src=&quot;/assets/img/icons/solid/compare.svg&quot; class=&quot;svg-inject icon-svg solid text-navy&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h4 class=&quot;fs-20&quot;&gt;Detailed Reports&lt;/h4&gt;
            &lt;p&gt;Pellentesque ornare sem lacinia quam venenatis vestibulum. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis parturient montes.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('about', 'about', NULL, 14, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row gy-10 gy-sm-13 gx-md-8 gx-xl-12 align-items-center mb-10 mb-md-12&quot;&gt;
      &lt;div class=&quot;col-lg-6&quot;&gt;
        &lt;div class=&quot;row gx-md-5 gy-5&quot;&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;figure class=&quot;rounded&quot;&gt;&lt;img src=&quot;/assets/img/photos/g12.jpg&quot; srcset=&quot;/assets/img/photos/g12@2x.jpg 2x&quot; alt=&quot;&quot;&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6 align-self-end&quot;&gt;
            &lt;figure class=&quot;rounded&quot;&gt;&lt;img src=&quot;/assets/img/photos/g13.jpg&quot; srcset=&quot;/assets/img/photos/g13@2x.jpg 2x&quot; alt=&quot;&quot;&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-12&quot;&gt;
            &lt;figure class=&quot;rounded mx-md-5&quot;&gt;&lt;img src=&quot;/assets/img/photos/g11.jpg&quot; srcset=&quot;/assets/img/photos/g11@2x.jpg 2x&quot; alt=&quot;&quot;&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
        &lt;/div&gt;
        &lt;!--/.row --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-lg-6&quot;&gt;
        &lt;h2 class=&quot;fs-16 text-uppercase text-primary mb-3&quot;&gt;Who Are We?&lt;/h2&gt;
        &lt;h3 class=&quot;display-3 mb-5&quot;&gt;Company that believes in the power of creative strategy.&lt;/h3&gt;
        &lt;p class=&quot;mb-6&quot;&gt;Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed.&lt;/p&gt;
        &lt;div class=&quot;row align-items-center counter-wrapper gy-6&quot;&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;h3 class=&quot;counter counter-lg mb-1&quot;&gt;99.7%&lt;/h3&gt;
            &lt;h5 class=&quot;mb-0&quot;&gt;Customer Satisfaction&lt;/h5&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;h3 class=&quot;counter counter-lg mb-1&quot;&gt;12x&lt;/h3&gt;
            &lt;h5 class=&quot;mb-0&quot;&gt;Revenue Growth&lt;/h5&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
        &lt;/div&gt;
        &lt;!--/.row --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!--/.row --&gt;
    &lt;div class=&quot;row gx-lg-8 gx-xl-12 gy-6 mb-7 mb-md-9&quot;&gt;
      &lt;div class=&quot;col-lg-4&quot;&gt;
        &lt;div class=&quot;d-flex flex-row&quot;&gt;
          &lt;div&gt;
            &lt;div class=&quot;icon btn btn-block pe-none btn-soft-primary me-4 w-10 h-10&quot;&gt; &lt;span class=&quot;number fs-18&quot;&gt;1&lt;/span&gt; &lt;/div&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h3&gt;Our Vision&lt;/h3&gt;
            &lt;p class=&quot;mb-2&quot;&gt;Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget. Fusce dapibus tellus.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-lg-4&quot;&gt;
        &lt;div class=&quot;d-flex flex-row&quot;&gt;
          &lt;div&gt;
            &lt;div class=&quot;icon btn btn-block pe-none btn-soft-primary me-4 w-10 h-10&quot;&gt; &lt;span class=&quot;number fs-18&quot;&gt;2&lt;/span&gt; &lt;/div&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h3&gt;Our Mission&lt;/h3&gt;
            &lt;p class=&quot;mb-2&quot;&gt;Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet. Sed posuere consectetur.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-lg-4&quot;&gt;
        &lt;div class=&quot;d-flex flex-row&quot;&gt;
          &lt;div&gt;
            &lt;div class=&quot;icon btn btn-block pe-none btn-soft-primary me-4 w-10 h-10&quot;&gt; &lt;span class=&quot;number fs-18&quot;&gt;3&lt;/span&gt; &lt;/div&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h3&gt;Our Values&lt;/h3&gt;
            &lt;p class=&quot;mb-2&quot;&gt;Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna scelerisque.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!--/.row --&gt;
    &lt;div class=&quot;text-center&quot;&gt;&lt;a href=&quot;#&quot; class=&quot;btn btn-primary&quot;&gt;More Details&lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('about', 'about', NULL, 15, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row gx-md-8 gx-xl-12 gy-10 align-items-center mb-16 mb-md-18&quot;&gt;
      &lt;div class=&quot;col-md-8 col-lg-6 mx-auto&quot;&gt;
        &lt;div class=&quot;img-mask mask-3 px-xxl-5&quot;&gt;&lt;img src=&quot;/assets/img/avatars/avatar.jpg&quot; srcset=&quot;/assets/img/avatars/avatar@2x.jpg 2x&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-lg-6&quot;&gt;
        &lt;h2 class=&quot;display-2 mb-3&quot;&gt;More about me&lt;/h2&gt;
        &lt;p class=&quot;lead fs-24&quot;&gt;👋 Hello! I&apos;m Camille, a multidisciplinary product designer 🧸 based in New York City 🚕. I&rsquo;m very passionate about the work 💌 that I do.&lt;/p&gt;
        &lt;p&gt;Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh ut fermentum massa justo sit amet risus.&lt;/p&gt;
        &lt;p&gt;Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur.&lt;/p&gt;
        &lt;a href=&quot;#&quot; class=&quot;btn btn-primary btn-icon btn-icon-end mt-2&quot;&gt;Learn More &lt;i class=&quot;uil uil-arrow-up-right&quot;&gt;&lt;/i&gt;&lt;/a&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
    &lt;div class=&quot;row gx-md-8 gx-xl-12 gy-10&quot;&gt;
      &lt;div class=&quot;col-lg-5 mx-auto&quot;&gt;
        &lt;h2 class=&quot;display-2 mb-3&quot;&gt;My experiences&lt;/h2&gt;
        &lt;p class=&quot;lead fs-24 pe-xxl-8&quot;&gt;I&apos;ve had the pleasure to work with companies 🏢 across a variety of industries 🏛️ I&apos;m always interested in new ✨ and exciting adventures 🧨&lt;/p&gt;
        &lt;a href=&quot;#&quot; class=&quot;btn btn-primary btn-icon btn-icon-end mt-2&quot;&gt;Download Resume &lt;i class=&quot;uil uil-arrow-up-right&quot;&gt;&lt;/i&gt;&lt;/a&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-lg-7&quot;&gt;
        &lt;ul class=&quot;timeline&quot;&gt;
          &lt;li class=&quot;timeline-item&quot;&gt;
            &lt;div class=&quot;timeline-info meta fs-14&quot;&gt;Nov 2017 - Present&lt;/div&gt;
            &lt;div class=&quot;timeline-marker&quot;&gt;&lt;/div&gt;
            &lt;div class=&quot;timeline-content&quot;&gt;
              &lt;h3 class=&quot;timeline-title&quot;&gt;Creative Director at Malory House&lt;/h3&gt;
              &lt;p&gt;Nullam vel sem. Nullam vel sem. Integer ante arcu, accumsan a consectetuer eget, posuere ut, mauris. Donec orci lectus, aliquam ut, faucibus non euismod id nulla.&lt;/p&gt;
            &lt;/div&gt;
          &lt;/li&gt;
          &lt;li class=&quot;timeline-item&quot;&gt;
            &lt;div class=&quot;timeline-info meta fs-14&quot;&gt;Sep 2015 - Apr 2017&lt;/div&gt;
            &lt;div class=&quot;timeline-marker&quot;&gt;&lt;/div&gt;
            &lt;div class=&quot;timeline-content&quot;&gt;
              &lt;h3 class=&quot;timeline-title&quot;&gt;Senior Developer at Longwave Studio&lt;/h3&gt;
              &lt;p&gt;Donec vitae sapien ut libero venenatis faucibus. ullam dictum felis eu pede mollis pretium. Pellentesque ut neque.&lt;/p&gt;
            &lt;/div&gt;
          &lt;/li&gt;
          &lt;li class=&quot;timeline-item&quot;&gt;
            &lt;div class=&quot;timeline-info meta fs-14&quot;&gt;May 2011 - Sep 2015&lt;/div&gt;
            &lt;div class=&quot;timeline-marker&quot;&gt;&lt;/div&gt;
            &lt;div class=&quot;timeline-content&quot;&gt;
              &lt;h3 class=&quot;timeline-title&quot;&gt;Junior Developer at Webpaint Media&lt;/h3&gt;
              &lt;p&gt;Cras mattis consectetur purus sit amet fermentum. Donec ullamcorper nulla non metus auctor fringilla. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.&lt;/p&gt;
            &lt;/div&gt;
          &lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('Head', 'Head', NULL, 16, '<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>', 1),
('Header', 'Header', NULL, 17, '<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>
                        <li class="col">
                          <a class="dropdown-item" href="/demo35.html">
                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi35.jpg" srcset="/assets/img/demos/mi35@2x.jpg 2x" alt=""></figure>
                            <span class="d-lg-none">Demo 35</span>
                          </a>
                        </li>
                        <li class="col">
                          <a class="dropdown-item" href="/demo36.html">
                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi36.jpg" srcset="/assets/img/demos/mi36@2x.jpg 2x" alt=""></figure>
                            <span class="d-lg-none">Demo 36</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>', 1),
('blog', 'blog', NULL, 18, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;h2 class=&quot;display-4 mb-3 text-center&quot;&gt;Our Journal&lt;/h2&gt;
    &lt;p class=&quot;lead fs-lg mb-10 text-center px-md-16 px-lg-21 px-xl-0&quot;&gt;Here are the latest company news from our blog that got the most attention.&lt;/p&gt;
    &lt;div class=&quot;swiper-container blog grid-view mb-6&quot; data-margin=&quot;30&quot; data-dots=&quot;true&quot; data-items-xl=&quot;3&quot; data-items-md=&quot;2&quot; data-items-xs=&quot;1&quot;&gt;
      &lt;div class=&quot;swiper&quot;&gt;
        &lt;div class=&quot;swiper-wrapper&quot;&gt;
          &lt;div class=&quot;swiper-slide&quot;&gt;
            &lt;article&gt;
              &lt;figure class=&quot;overlay overlay-1 hover-scale rounded mb-5&quot;&gt;&lt;a href=&quot;#&quot;&gt; &lt;img src=&quot;/assets/img/photos/b4.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
                &lt;figcaption&gt;
                  &lt;h5 class=&quot;from-top mb-0&quot;&gt;Read More&lt;/h5&gt;
                &lt;/figcaption&gt;
              &lt;/figure&gt;
              &lt;div class=&quot;post-header&quot;&gt;
                &lt;div class=&quot;post-category text-line&quot;&gt;
                  &lt;a href=&quot;#&quot; class=&quot;hover&quot; rel=&quot;category&quot;&gt;Coding&lt;/a&gt;
                &lt;/div&gt;
                &lt;!-- /.post-category --&gt;
                &lt;h2 class=&quot;post-title h3 mt-1 mb-3&quot;&gt;&lt;a class=&quot;link-dark&quot; href=&quot;./blog-post.html&quot;&gt;Ligula tristique quis risus&lt;/a&gt;&lt;/h2&gt;
              &lt;/div&gt;
              &lt;!-- /.post-header --&gt;
              &lt;div class=&quot;post-footer&quot;&gt;
                &lt;ul class=&quot;post-meta&quot;&gt;
                  &lt;li class=&quot;post-date&quot;&gt;&lt;i class=&quot;uil uil-calendar-alt&quot;&gt;&lt;/i&gt;&lt;span&gt;14 Apr 2022&lt;/span&gt;&lt;/li&gt;
                  &lt;li class=&quot;post-comments&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-comment&quot;&gt;&lt;/i&gt;4&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
                &lt;!-- /.post-meta --&gt;
              &lt;/div&gt;
              &lt;!-- /.post-footer --&gt;
            &lt;/article&gt;
            &lt;!-- /article --&gt;
          &lt;/div&gt;
          &lt;!--/.swiper-slide --&gt;
          &lt;div class=&quot;swiper-slide&quot;&gt;
            &lt;article&gt;
              &lt;figure class=&quot;overlay overlay-1 hover-scale rounded mb-5&quot;&gt;&lt;a href=&quot;#&quot;&gt; &lt;img src=&quot;/assets/img/photos/b5.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
                &lt;figcaption&gt;
                  &lt;h5 class=&quot;from-top mb-0&quot;&gt;Read More&lt;/h5&gt;
                &lt;/figcaption&gt;
              &lt;/figure&gt;
              &lt;div class=&quot;post-header&quot;&gt;
                &lt;div class=&quot;post-category text-line&quot;&gt;
                  &lt;a href=&quot;#&quot; class=&quot;hover&quot; rel=&quot;category&quot;&gt;Workspace&lt;/a&gt;
                &lt;/div&gt;
                &lt;!-- /.post-category --&gt;
                &lt;h2 class=&quot;post-title h3 mt-1 mb-3&quot;&gt;&lt;a class=&quot;link-dark&quot; href=&quot;./blog-post.html&quot;&gt;Nullam id dolor elit id nibh&lt;/a&gt;&lt;/h2&gt;
              &lt;/div&gt;
              &lt;!-- /.post-header --&gt;
              &lt;div class=&quot;post-footer&quot;&gt;
                &lt;ul class=&quot;post-meta&quot;&gt;
                  &lt;li class=&quot;post-date&quot;&gt;&lt;i class=&quot;uil uil-calendar-alt&quot;&gt;&lt;/i&gt;&lt;span&gt;29 Mar 2022&lt;/span&gt;&lt;/li&gt;
                  &lt;li class=&quot;post-comments&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-comment&quot;&gt;&lt;/i&gt;3&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
                &lt;!-- /.post-meta --&gt;
              &lt;/div&gt;
              &lt;!-- /.post-footer --&gt;
            &lt;/article&gt;
            &lt;!-- /article --&gt;
          &lt;/div&gt;
          &lt;!--/.swiper-slide --&gt;
          &lt;div class=&quot;swiper-slide&quot;&gt;
            &lt;article&gt;
              &lt;figure class=&quot;overlay overlay-1 hover-scale rounded mb-5&quot;&gt;&lt;a href=&quot;#&quot;&gt; &lt;img src=&quot;/assets/img/photos/b6.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
                &lt;figcaption&gt;
                  &lt;h5 class=&quot;from-top mb-0&quot;&gt;Read More&lt;/h5&gt;
                &lt;/figcaption&gt;
              &lt;/figure&gt;
              &lt;div class=&quot;post-header&quot;&gt;
                &lt;div class=&quot;post-category text-line&quot;&gt;
                  &lt;a href=&quot;#&quot; class=&quot;hover&quot; rel=&quot;category&quot;&gt;Meeting&lt;/a&gt;
                &lt;/div&gt;
                &lt;!-- /.post-category --&gt;
                &lt;h2 class=&quot;post-title h3 mt-1 mb-3&quot;&gt;&lt;a class=&quot;link-dark&quot; href=&quot;./blog-post.html&quot;&gt;Ultricies fusce porta elit&lt;/a&gt;&lt;/h2&gt;
              &lt;/div&gt;
              &lt;!-- /.post-header --&gt;
              &lt;div class=&quot;post-footer&quot;&gt;
                &lt;ul class=&quot;post-meta&quot;&gt;
                  &lt;li class=&quot;post-date&quot;&gt;&lt;i class=&quot;uil uil-calendar-alt&quot;&gt;&lt;/i&gt;&lt;span&gt;26 Feb 2022&lt;/span&gt;&lt;/li&gt;
                  &lt;li class=&quot;post-comments&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-comment&quot;&gt;&lt;/i&gt;6&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
                &lt;!-- /.post-meta --&gt;
              &lt;/div&gt;
              &lt;!-- /.post-footer --&gt;
            &lt;/article&gt;
            &lt;!-- /article --&gt;
          &lt;/div&gt;
          &lt;!--/.swiper-slide --&gt;
          &lt;div class=&quot;swiper-slide&quot;&gt;
            &lt;article&gt;
              &lt;figure class=&quot;overlay overlay-1 hover-scale rounded mb-5&quot;&gt;&lt;a href=&quot;#&quot;&gt; &lt;img src=&quot;/assets/img/photos/b7.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
                &lt;figcaption&gt;
                  &lt;h5 class=&quot;from-top mb-0&quot;&gt;Read More&lt;/h5&gt;
                &lt;/figcaption&gt;
              &lt;/figure&gt;
              &lt;div class=&quot;post-header&quot;&gt;
                &lt;div class=&quot;post-category text-line&quot;&gt;
                  &lt;a href=&quot;#&quot; class=&quot;hover&quot; rel=&quot;category&quot;&gt;Business Tips&lt;/a&gt;
                &lt;/div&gt;
                &lt;!-- /.post-category --&gt;
                &lt;h2 class=&quot;post-title h3 mt-1 mb-3&quot;&gt;&lt;a class=&quot;link-dark&quot; href=&quot;./blog-post.html&quot;&gt;Morbi leo risus porta eget&lt;/a&gt;&lt;/h2&gt;
              &lt;/div&gt;
              &lt;div class=&quot;post-footer&quot;&gt;
                &lt;ul class=&quot;post-meta&quot;&gt;
                  &lt;li class=&quot;post-date&quot;&gt;&lt;i class=&quot;uil uil-calendar-alt&quot;&gt;&lt;/i&gt;&lt;span&gt;7 Jan 2022&lt;/span&gt;&lt;/li&gt;
                  &lt;li class=&quot;post-comments&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-comment&quot;&gt;&lt;/i&gt;2&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
                &lt;!-- /.post-meta --&gt;
              &lt;/div&gt;
              &lt;!-- /.post-footer --&gt;
            &lt;/article&gt;
            &lt;!-- /article --&gt;
          &lt;/div&gt;
          &lt;!--/.swiper-slide --&gt;
        &lt;/div&gt;
        &lt;!--/.swiper-wrapper --&gt;
      &lt;/div&gt;
      &lt;!-- /.swiper --&gt;
    &lt;/div&gt;
    &lt;!-- /.swiper-container --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('blog', 'blog', NULL, 19, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row gx-lg-8 gx-xl-12 gy-10 gy-lg-0&quot;&gt;
      &lt;div class=&quot;col-lg-4 mt-lg-2&quot;&gt;
        &lt;h2 class=&quot;display-4 mb-3&quot;&gt;Our Journal&lt;/h2&gt;
        &lt;p class=&quot;lead fs-lg mb-6 pe-xxl-5&quot;&gt;Here are the latest news from our blog that got the most attention.&lt;/p&gt;
        &lt;a href=&quot;#&quot; class=&quot;btn btn-soft-primary rounded-pill&quot;&gt;View All News&lt;/a&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
      &lt;div class=&quot;col-lg-8&quot;&gt;
        &lt;div class=&quot;swiper-container blog grid-view mb-6&quot; data-margin=&quot;30&quot; data-dots=&quot;true&quot; data-items-md=&quot;2&quot; data-items-xs=&quot;1&quot;&gt;
          &lt;div class=&quot;swiper&quot;&gt;
            &lt;div class=&quot;swiper-wrapper&quot;&gt;
              &lt;div class=&quot;swiper-slide&quot;&gt;
                &lt;article&gt;
                  &lt;figure class=&quot;overlay overlay-1 hover-scale rounded mb-5&quot;&gt;&lt;a href=&quot;#&quot;&gt; &lt;img src=&quot;/assets/img/photos/b4.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
                    &lt;figcaption&gt;
                      &lt;h5 class=&quot;from-top mb-0&quot;&gt;Read More&lt;/h5&gt;
                    &lt;/figcaption&gt;
                  &lt;/figure&gt;
                  &lt;div class=&quot;post-header&quot;&gt;
                    &lt;div class=&quot;post-category text-line&quot;&gt;
                      &lt;a href=&quot;#&quot; class=&quot;hover&quot; rel=&quot;category&quot;&gt;Coding&lt;/a&gt;
                    &lt;/div&gt;
                    &lt;!-- /.post-category --&gt;
                    &lt;h2 class=&quot;post-title h3 mt-1 mb-3&quot;&gt;&lt;a class=&quot;link-dark&quot; href=&quot;./blog-post.html&quot;&gt;Ligula tristique quis risus&lt;/a&gt;&lt;/h2&gt;
                  &lt;/div&gt;
                  &lt;!-- /.post-header --&gt;
                  &lt;div class=&quot;post-footer&quot;&gt;
                    &lt;ul class=&quot;post-meta mb-0&quot;&gt;
                      &lt;li class=&quot;post-date&quot;&gt;&lt;i class=&quot;uil uil-calendar-alt&quot;&gt;&lt;/i&gt;&lt;span&gt;14 Apr 2022&lt;/span&gt;&lt;/li&gt;
                      &lt;li class=&quot;post-comments&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-comment&quot;&gt;&lt;/i&gt;4&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;
                    &lt;!-- /.post-meta --&gt;
                  &lt;/div&gt;
                  &lt;!-- /.post-footer --&gt;
                &lt;/article&gt;
                &lt;!-- /article --&gt;
              &lt;/div&gt;
              &lt;!--/.swiper-slide --&gt;
              &lt;div class=&quot;swiper-slide&quot;&gt;
                &lt;article&gt;
                  &lt;figure class=&quot;overlay overlay-1 hover-scale rounded mb-5&quot;&gt;&lt;a href=&quot;#&quot;&gt; &lt;img src=&quot;/assets/img/photos/b5.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
                    &lt;figcaption&gt;
                      &lt;h5 class=&quot;from-top mb-0&quot;&gt;Read More&lt;/h5&gt;
                    &lt;/figcaption&gt;
                  &lt;/figure&gt;
                  &lt;div class=&quot;post-header&quot;&gt;
                    &lt;div class=&quot;post-category text-line&quot;&gt;
                      &lt;a href=&quot;#&quot; class=&quot;hover&quot; rel=&quot;category&quot;&gt;Workspace&lt;/a&gt;
                    &lt;/div&gt;
                    &lt;!-- /.post-category --&gt;
                    &lt;h2 class=&quot;post-title h3 mt-1 mb-3&quot;&gt;&lt;a class=&quot;link-dark&quot; href=&quot;./blog-post.html&quot;&gt;Nullam id dolor elit id nibh&lt;/a&gt;&lt;/h2&gt;
                  &lt;/div&gt;
                  &lt;!-- /.post-header --&gt;
                  &lt;div class=&quot;post-footer&quot;&gt;
                    &lt;ul class=&quot;post-meta mb-0&quot;&gt;
                      &lt;li class=&quot;post-date&quot;&gt;&lt;i class=&quot;uil uil-calendar-alt&quot;&gt;&lt;/i&gt;&lt;span&gt;29 Mar 2022&lt;/span&gt;&lt;/li&gt;
                      &lt;li class=&quot;post-comments&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-comment&quot;&gt;&lt;/i&gt;3&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;
                    &lt;!-- /.post-meta --&gt;
                  &lt;/div&gt;
                  &lt;!-- /.post-footer --&gt;
                &lt;/article&gt;
                &lt;!-- /article --&gt;
              &lt;/div&gt;
              &lt;!--/.swiper-slide --&gt;
              &lt;div class=&quot;swiper-slide&quot;&gt;
                &lt;article&gt;
                  &lt;figure class=&quot;overlay overlay-1 hover-scale rounded mb-5&quot;&gt;&lt;a href=&quot;#&quot;&gt; &lt;img src=&quot;/assets/img/photos/b6.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
                    &lt;figcaption&gt;
                      &lt;h5 class=&quot;from-top mb-0&quot;&gt;Read More&lt;/h5&gt;
                    &lt;/figcaption&gt;
                  &lt;/figure&gt;
                  &lt;div class=&quot;post-header&quot;&gt;
                    &lt;div class=&quot;post-category text-line&quot;&gt;
                      &lt;a href=&quot;#&quot; class=&quot;hover&quot; rel=&quot;category&quot;&gt;Meeting&lt;/a&gt;
                    &lt;/div&gt;
                    &lt;!-- /.post-category --&gt;
                    &lt;h2 class=&quot;post-title h3 mt-1 mb-3&quot;&gt;&lt;a class=&quot;link-dark&quot; href=&quot;./blog-post.html&quot;&gt;Ultricies fusce porta elit&lt;/a&gt;&lt;/h2&gt;
                  &lt;/div&gt;
                  &lt;!-- /.post-header --&gt;
                  &lt;div class=&quot;post-footer&quot;&gt;
                    &lt;ul class=&quot;post-meta mb-0&quot;&gt;
                      &lt;li class=&quot;post-date&quot;&gt;&lt;i class=&quot;uil uil-calendar-alt&quot;&gt;&lt;/i&gt;&lt;span&gt;26 Feb 2022&lt;/span&gt;&lt;/li&gt;
                      &lt;li class=&quot;post-comments&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-comment&quot;&gt;&lt;/i&gt;6&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;
                    &lt;!-- /.post-meta --&gt;
                  &lt;/div&gt;
                  &lt;!-- /.post-footer --&gt;
                &lt;/article&gt;
                &lt;!-- /article --&gt;
              &lt;/div&gt;
              &lt;!--/.swiper-slide --&gt;
              &lt;div class=&quot;swiper-slide&quot;&gt;
                &lt;article&gt;
                  &lt;figure class=&quot;overlay overlay-1 hover-scale rounded mb-5&quot;&gt;&lt;a href=&quot;#&quot;&gt; &lt;img src=&quot;/assets/img/photos/b7.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
                    &lt;figcaption&gt;
                      &lt;h5 class=&quot;from-top mb-0&quot;&gt;Read More&lt;/h5&gt;
                    &lt;/figcaption&gt;
                  &lt;/figure&gt;
                  &lt;div class=&quot;post-header&quot;&gt;
                    &lt;div class=&quot;post-category text-line&quot;&gt;
                      &lt;a href=&quot;#&quot; class=&quot;hover&quot; rel=&quot;category&quot;&gt;Business Tips&lt;/a&gt;
                    &lt;/div&gt;
                    &lt;!-- /.post-category --&gt;
                    &lt;h2 class=&quot;post-title h3 mt-1 mb-3&quot;&gt;&lt;a class=&quot;link-dark&quot; href=&quot;./blog-post.html&quot;&gt;Morbi leo risus porta eget&lt;/a&gt;&lt;/h2&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;post-footer&quot;&gt;
                    &lt;ul class=&quot;post-meta mb-0&quot;&gt;
                      &lt;li class=&quot;post-date&quot;&gt;&lt;i class=&quot;uil uil-calendar-alt&quot;&gt;&lt;/i&gt;&lt;span&gt;7 Jan 2022&lt;/span&gt;&lt;/li&gt;
                      &lt;li class=&quot;post-comments&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-comment&quot;&gt;&lt;/i&gt;2&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;
                    &lt;!-- /.post-meta --&gt;
                  &lt;/div&gt;
                  &lt;!-- /.post-footer --&gt;
                &lt;/article&gt;
                &lt;!-- /article --&gt;
              &lt;/div&gt;
              &lt;!--/.swiper-slide --&gt;
            &lt;/div&gt;
            &lt;!--/.swiper-wrapper --&gt;
          &lt;/div&gt;
          &lt;!-- /.swiper --&gt;
        &lt;/div&gt;
        &lt;!-- /.swiper-container --&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('blog', 'blog', NULL, 20, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col-lg-9 col-xl-8 col-xxl-7 mx-auto&quot;&gt;
        &lt;h2 class=&quot;fs-15 text-uppercase text-primary text-center&quot;&gt;Our News&lt;/h2&gt;
        &lt;h3 class=&quot;display-4 mb-6 text-center&quot;&gt;Here are the latest company news from our blog that got the most attention.&lt;/h3&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
    &lt;div class=&quot;position-relative&quot;&gt;
      &lt;div class=&quot;shape bg-dot primary rellax w-17 h-20&quot; data-rellax-speed=&quot;1&quot; style=&quot;top: 0; left: -1.7rem;&quot;&gt;&lt;/div&gt;
      &lt;div class=&quot;swiper-container dots-closer blog grid-view mb-6&quot; data-margin=&quot;0&quot; data-dots=&quot;true&quot; data-items-xl=&quot;3&quot; data-items-md=&quot;2&quot; data-items-xs=&quot;1&quot;&gt;
        &lt;div class=&quot;swiper&quot;&gt;
          &lt;div class=&quot;swiper-wrapper&quot;&gt;
            &lt;div class=&quot;swiper-slide&quot;&gt;
              &lt;div class=&quot;item-inner&quot;&gt;
                &lt;article&gt;
                  &lt;div class=&quot;card&quot;&gt;
                    &lt;figure class=&quot;card-img-top overlay overlay-1 hover-scale&quot;&gt;&lt;a href=&quot;#&quot;&gt; &lt;img src=&quot;/assets/img/photos/b4.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
                      &lt;figcaption&gt;
                        &lt;h5 class=&quot;from-top mb-0&quot;&gt;Read More&lt;/h5&gt;
                      &lt;/figcaption&gt;
                    &lt;/figure&gt;
                    &lt;div class=&quot;card-body&quot;&gt;
                      &lt;div class=&quot;post-header&quot;&gt;
                        &lt;div class=&quot;post-category text-line&quot;&gt;
                          &lt;a href=&quot;#&quot; class=&quot;hover&quot; rel=&quot;category&quot;&gt;Coding&lt;/a&gt;
                        &lt;/div&gt;
                        &lt;!-- /.post-category --&gt;
                        &lt;h2 class=&quot;post-title h3 mt-1 mb-3&quot;&gt;&lt;a class=&quot;link-dark&quot; href=&quot;./blog-post.html&quot;&gt;Ligula tristique quis risus&lt;/a&gt;&lt;/h2&gt;
                      &lt;/div&gt;
                      &lt;!-- /.post-header --&gt;
                      &lt;div class=&quot;post-content&quot;&gt;
                        &lt;p&gt;Mauris convallis non ligula non interdum. Gravida vulputate convallis tempus vestibulum cras imperdiet nun eu dolor.&lt;/p&gt;
                      &lt;/div&gt;
                      &lt;!-- /.post-content --&gt;
                    &lt;/div&gt;
                    &lt;!--/.card-body --&gt;
                    &lt;div class=&quot;card-footer&quot;&gt;
                      &lt;ul class=&quot;post-meta d-flex mb-0&quot;&gt;
                        &lt;li class=&quot;post-date&quot;&gt;&lt;i class=&quot;uil uil-calendar-alt&quot;&gt;&lt;/i&gt;&lt;span&gt;14 Apr 2022&lt;/span&gt;&lt;/li&gt;
                        &lt;li class=&quot;post-comments&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-comment&quot;&gt;&lt;/i&gt;4&lt;/a&gt;&lt;/li&gt;
                        &lt;li class=&quot;post-likes ms-auto&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-heart-alt&quot;&gt;&lt;/i&gt;5&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                      &lt;!-- /.post-meta --&gt;
                    &lt;/div&gt;
                    &lt;!-- /.card-footer --&gt;
                  &lt;/div&gt;
                  &lt;!-- /.card --&gt;
                &lt;/article&gt;
                &lt;!-- /article --&gt;
              &lt;/div&gt;
              &lt;!-- /.item-inner --&gt;
            &lt;/div&gt;
            &lt;!--/.swiper-slide --&gt;
            &lt;div class=&quot;swiper-slide&quot;&gt;
              &lt;div class=&quot;item-inner&quot;&gt;
                &lt;article&gt;
                  &lt;div class=&quot;card&quot;&gt;
                    &lt;figure class=&quot;card-img-top overlay overlay-1 hover-scale&quot;&gt;&lt;a href=&quot;#&quot;&gt; &lt;img src=&quot;/assets/img/photos/b5.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
                      &lt;figcaption&gt;
                        &lt;h5 class=&quot;from-top mb-0&quot;&gt;Read More&lt;/h5&gt;
                      &lt;/figcaption&gt;
                    &lt;/figure&gt;
                    &lt;div class=&quot;card-body&quot;&gt;
                      &lt;div class=&quot;post-header&quot;&gt;
                        &lt;div class=&quot;post-category text-line&quot;&gt;
                          &lt;a href=&quot;#&quot; class=&quot;hover&quot; rel=&quot;category&quot;&gt;Workspace&lt;/a&gt;
                        &lt;/div&gt;
                        &lt;!-- /.post-category --&gt;
                        &lt;h2 class=&quot;post-title h3 mt-1 mb-3&quot;&gt;&lt;a class=&quot;link-dark&quot; href=&quot;./blog-post.html&quot;&gt;Nullam id dolor elit id nibh&lt;/a&gt;&lt;/h2&gt;
                      &lt;/div&gt;
                      &lt;!-- /.post-header --&gt;
                      &lt;div class=&quot;post-content&quot;&gt;
                        &lt;p&gt;Mauris convallis non ligula non interdum. Gravida vulputate convallis tempus vestibulum cras imperdiet nun eu dolor.&lt;/p&gt;
                      &lt;/div&gt;
                      &lt;!-- /.post-content --&gt;
                    &lt;/div&gt;
                    &lt;!--/.card-body --&gt;
                    &lt;div class=&quot;card-footer&quot;&gt;
                      &lt;ul class=&quot;post-meta d-flex mb-0&quot;&gt;
                        &lt;li class=&quot;post-date&quot;&gt;&lt;i class=&quot;uil uil-calendar-alt&quot;&gt;&lt;/i&gt;&lt;span&gt;29 Mar 2022&lt;/span&gt;&lt;/li&gt;
                        &lt;li class=&quot;post-comments&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-comment&quot;&gt;&lt;/i&gt;3&lt;/a&gt;&lt;/li&gt;
                        &lt;li class=&quot;post-likes ms-auto&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-heart-alt&quot;&gt;&lt;/i&gt;3&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                      &lt;!-- /.post-meta --&gt;
                    &lt;/div&gt;
                    &lt;!-- /.card-footer --&gt;
                  &lt;/div&gt;
                  &lt;!-- /.card --&gt;
                &lt;/article&gt;
                &lt;!-- /article --&gt;
              &lt;/div&gt;
              &lt;!-- /.item-inner --&gt;
            &lt;/div&gt;
            &lt;!--/.swiper-slide --&gt;
            &lt;div class=&quot;swiper-slide&quot;&gt;
              &lt;div class=&quot;item-inner&quot;&gt;
                &lt;article&gt;
                  &lt;div class=&quot;card&quot;&gt;
                    &lt;figure class=&quot;card-img-top overlay overlay-1 hover-scale&quot;&gt;&lt;a href=&quot;#&quot;&gt; &lt;img src=&quot;/assets/img/photos/b6.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
                      &lt;figcaption&gt;
                        &lt;h5 class=&quot;from-top mb-0&quot;&gt;Read More&lt;/h5&gt;
                      &lt;/figcaption&gt;
                    &lt;/figure&gt;
                    &lt;div class=&quot;card-body&quot;&gt;
                      &lt;div class=&quot;post-header&quot;&gt;
                        &lt;div class=&quot;post-category text-line&quot;&gt;
                          &lt;a href=&quot;#&quot; class=&quot;hover&quot; rel=&quot;category&quot;&gt;Meeting&lt;/a&gt;
                        &lt;/div&gt;
                        &lt;!-- /.post-category --&gt;
                        &lt;h2 class=&quot;post-title h3 mt-1 mb-3&quot;&gt;&lt;a class=&quot;link-dark&quot; href=&quot;./blog-post.html&quot;&gt;Ultricies fusce porta elit&lt;/a&gt;&lt;/h2&gt;
                      &lt;/div&gt;
                      &lt;!-- /.post-header --&gt;
                      &lt;div class=&quot;post-content&quot;&gt;
                        &lt;p&gt;Mauris convallis non ligula non interdum. Gravida vulputate convallis tempus vestibulum cras imperdiet nun eu dolor.&lt;/p&gt;
                      &lt;/div&gt;
                      &lt;!-- /.post-content --&gt;
                    &lt;/div&gt;
                    &lt;!--/.card-body --&gt;
                    &lt;div class=&quot;card-footer&quot;&gt;
                      &lt;ul class=&quot;post-meta d-flex mb-0&quot;&gt;
                        &lt;li class=&quot;post-date&quot;&gt;&lt;i class=&quot;uil uil-calendar-alt&quot;&gt;&lt;/i&gt;&lt;span&gt;26 Feb 2022&lt;/span&gt;&lt;/li&gt;
                        &lt;li class=&quot;post-comments&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-comment&quot;&gt;&lt;/i&gt;6&lt;/a&gt;&lt;/li&gt;
                        &lt;li class=&quot;post-likes ms-auto&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-heart-alt&quot;&gt;&lt;/i&gt;3&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                      &lt;!-- /.post-meta --&gt;
                    &lt;/div&gt;
                    &lt;!-- /.card-footer --&gt;
                  &lt;/div&gt;
                  &lt;!-- /.card --&gt;
                &lt;/article&gt;
                &lt;!-- /article --&gt;
              &lt;/div&gt;
              &lt;!-- /.item-inner --&gt;
            &lt;/div&gt;
            &lt;!--/.swiper-slide --&gt;
            &lt;div class=&quot;swiper-slide&quot;&gt;
              &lt;div class=&quot;item-inner&quot;&gt;
                &lt;article&gt;
                  &lt;div class=&quot;card&quot;&gt;
                    &lt;figure class=&quot;card-img-top overlay overlay-1 hover-scale&quot;&gt;&lt;a href=&quot;#&quot;&gt; &lt;img src=&quot;/assets/img/photos/b7.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
                      &lt;figcaption&gt;
                        &lt;h5 class=&quot;from-top mb-0&quot;&gt;Read More&lt;/h5&gt;
                      &lt;/figcaption&gt;
                    &lt;/figure&gt;
                    &lt;div class=&quot;card-body&quot;&gt;
                      &lt;div class=&quot;post-header&quot;&gt;
                        &lt;div class=&quot;post-category text-line&quot;&gt;
                          &lt;a href=&quot;#&quot; class=&quot;hover&quot; rel=&quot;category&quot;&gt;Business Tips&lt;/a&gt;
                        &lt;/div&gt;
                        &lt;!-- /.post-category --&gt;
                        &lt;h2 class=&quot;post-title h3 mt-1 mb-3&quot;&gt;&lt;a class=&quot;link-dark&quot; href=&quot;./blog-post.html&quot;&gt;Morbi leo risus porta eget&lt;/a&gt;&lt;/h2&gt;
                      &lt;/div&gt;
                      &lt;!-- /.post-header --&gt;
                      &lt;div class=&quot;post-content&quot;&gt;
                        &lt;p&gt;Mauris convallis non ligula non interdum. Gravida vulputate convallis tempus vestibulum cras imperdiet nun eu dolor.&lt;/p&gt;
                      &lt;/div&gt;
                      &lt;!-- /.post-content --&gt;
                    &lt;/div&gt;
                    &lt;!--/.card-body --&gt;
                    &lt;div class=&quot;card-footer&quot;&gt;
                      &lt;ul class=&quot;post-meta d-flex mb-0&quot;&gt;
                        &lt;li class=&quot;post-date&quot;&gt;&lt;i class=&quot;uil uil-calendar-alt&quot;&gt;&lt;/i&gt;&lt;span&gt;7 Jan 2022&lt;/span&gt;&lt;/li&gt;
                        &lt;li class=&quot;post-comments&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-comment&quot;&gt;&lt;/i&gt;2&lt;/a&gt;&lt;/li&gt;
                        &lt;li class=&quot;post-likes ms-auto&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-heart-alt&quot;&gt;&lt;/i&gt;5&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                      &lt;!-- /.post-meta --&gt;
                    &lt;/div&gt;
                    &lt;!-- /.card-footer --&gt;
                  &lt;/div&gt;
                  &lt;!-- /.card --&gt;
                &lt;/article&gt;
                &lt;!-- /article --&gt;
              &lt;/div&gt;
              &lt;!-- /.item-inner --&gt;
            &lt;/div&gt;
            &lt;!--/.swiper-slide --&gt;
          &lt;/div&gt;
          &lt;!--/.swiper-wrapper --&gt;
        &lt;/div&gt;
        &lt;!-- /.swiper --&gt;
      &lt;/div&gt;
      &lt;!-- /.swiper-container --&gt;
    &lt;/div&gt;
    &lt;!-- /.position-relative --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('blog', 'blog', NULL, 21, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row align-items-center mb-10&quot;&gt;
      &lt;div class=&quot;col-md-8 col-lg-9 col-xl-8 col-xxl-7 pe-xl-20&quot;&gt;
        &lt;h2 class=&quot;display-4 mb-0&quot;&gt;Company news from our blog that got the most attention.&lt;/h2&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-md-4 col-lg-3 ms-md-auto text-md-end mt-5 mt-md-0&quot;&gt;
        &lt;a href=&quot;#&quot; class=&quot;btn btn-soft-primary rounded-pill mb-0&quot;&gt;View All News&lt;/a&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!--/.row --&gt;
    &lt;div class=&quot;row gx-lg-8 gx-xl-11 gy-10 blog grid-view&quot;&gt;
      &lt;div class=&quot;col-lg-8&quot;&gt;
        &lt;article class=&quot;post&quot;&gt;
          &lt;div class=&quot;post-slider rounded mb-6&quot;&gt;
            &lt;div class=&quot;swiper-container dots-over&quot; data-margin=&quot;5&quot; data-dots=&quot;true&quot;&gt;
              &lt;div class=&quot;swiper&quot;&gt;
                &lt;div class=&quot;swiper-wrapper&quot;&gt;
                  &lt;div class=&quot;swiper-slide&quot;&gt;&lt;img src=&quot;/assets/img/photos/b2.jpg&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
                  &lt;div class=&quot;swiper-slide&quot;&gt;&lt;img src=&quot;/assets/img/photos/b3.jpg&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
                &lt;/div&gt;
                &lt;!--/.swiper-wrapper --&gt;
              &lt;/div&gt;
              &lt;!-- /.swiper --&gt;
            &lt;/div&gt;
            &lt;!-- /.swiper-container --&gt;
          &lt;/div&gt;
          &lt;!-- /.post-slider --&gt;
          &lt;div class=&quot;post-header mb-5&quot;&gt;
            &lt;div class=&quot;post-category text-line&quot;&gt;
              &lt;a href=&quot;#&quot; class=&quot;hover&quot; rel=&quot;category&quot;&gt;Ideas&lt;/a&gt;
            &lt;/div&gt;
            &lt;!-- /.post-category --&gt;
            &lt;h2 class=&quot;post-title mt-1 mb-4&quot;&gt;&lt;a class=&quot;link-dark&quot; href=&quot;./blog-post.html&quot;&gt;Fringilla Ligula Pharetra Amet&lt;/a&gt;&lt;/h2&gt;
            &lt;ul class=&quot;post-meta mb-0&quot;&gt;
              &lt;li class=&quot;post-date&quot;&gt;&lt;i class=&quot;uil uil-calendar-alt&quot;&gt;&lt;/i&gt;&lt;span&gt;5 Jul 2022&lt;/span&gt;&lt;/li&gt;
              &lt;li class=&quot;post-author&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-user&quot;&gt;&lt;/i&gt;&lt;span&gt;By Sandbox&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li class=&quot;post-comments&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-comment&quot;&gt;&lt;/i&gt;3&lt;span&gt; Comments&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
            &lt;!-- /.post-meta --&gt;
          &lt;/div&gt;
          &lt;!-- /.post-header --&gt;
          &lt;div class=&quot;post-content&quot;&gt;
            &lt;p&gt;Maecenas sed diam eget risus varius blandit sit amet non magna. Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas sed diam eget risus varius blandit sit amet non magna. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.&lt;/p&gt;
          &lt;/div&gt;
          &lt;!-- /.post-content --&gt;
        &lt;/article&gt;
        &lt;!-- /.post --&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
      &lt;div class=&quot;col-lg-4&quot;&gt;
        &lt;div class=&quot;row gy-10&quot;&gt;
          &lt;div class=&quot;col-md-6 col-lg-12&quot;&gt;
            &lt;article class=&quot;post&quot;&gt;
              &lt;figure class=&quot;overlay overlay-1 hover-scale rounded mb-5&quot;&gt;&lt;a href=&quot;#&quot;&gt; &lt;img src=&quot;/assets/img/photos/b1.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
                &lt;figcaption&gt;
                  &lt;h5 class=&quot;from-top mb-0&quot;&gt;Read More&lt;/h5&gt;
                &lt;/figcaption&gt;
              &lt;/figure&gt;
              &lt;div class=&quot;post-header&quot;&gt;
                &lt;div class=&quot;post-category text-line&quot;&gt;
                  &lt;a href=&quot;#&quot; class=&quot;hover&quot; rel=&quot;category&quot;&gt;Coding&lt;/a&gt;
                &lt;/div&gt;
                &lt;!-- /.post-category --&gt;
                &lt;h2 class=&quot;post-title h3 mt-1 mb-3&quot;&gt;&lt;a class=&quot;link-dark&quot; href=&quot;./blog-post.html&quot;&gt;Ligula tristique quis risus&lt;/a&gt;&lt;/h2&gt;
              &lt;/div&gt;
              &lt;!-- /.post-header --&gt;
              &lt;div class=&quot;post-footer&quot;&gt;
                &lt;ul class=&quot;post-meta&quot;&gt;
                  &lt;li class=&quot;post-date&quot;&gt;&lt;i class=&quot;uil uil-calendar-alt&quot;&gt;&lt;/i&gt;&lt;span&gt;14 Apr 2022&lt;/span&gt;&lt;/li&gt;
                  &lt;li class=&quot;post-comments&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-comment&quot;&gt;&lt;/i&gt;4&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
                &lt;!-- /.post-meta --&gt;
              &lt;/div&gt;
              &lt;!-- /.post-footer --&gt;
            &lt;/article&gt;
            &lt;!-- /.post --&gt;
          &lt;/div&gt;
          &lt;!-- /column --&gt;
          &lt;div class=&quot;col-md-6 col-lg-12&quot;&gt;
            &lt;article class=&quot;post&quot;&gt;
              &lt;figure class=&quot;overlay overlay-1 hover-scale rounded mb-5&quot;&gt;&lt;a href=&quot;#&quot;&gt; &lt;img src=&quot;/assets/img/photos/b4.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
                &lt;figcaption&gt;
                  &lt;h5 class=&quot;from-top mb-0&quot;&gt;Read More&lt;/h5&gt;
                &lt;/figcaption&gt;
              &lt;/figure&gt;
              &lt;div class=&quot;post-header&quot;&gt;
                &lt;div class=&quot;post-category text-line&quot;&gt;
                  &lt;a href=&quot;#&quot; class=&quot;hover&quot; rel=&quot;category&quot;&gt;Workspace&lt;/a&gt;
                &lt;/div&gt;
                &lt;!-- /.post-category --&gt;
                &lt;h2 class=&quot;post-title h3 mt-1 mb-3&quot;&gt;&lt;a class=&quot;link-dark&quot; href=&quot;./blog-post.html&quot;&gt;Nullam id dolor elit id nibh&lt;/a&gt;&lt;/h2&gt;
              &lt;/div&gt;
              &lt;!-- /.post-header --&gt;
              &lt;div class=&quot;post-footer&quot;&gt;
                &lt;ul class=&quot;post-meta&quot;&gt;
                  &lt;li class=&quot;post-date&quot;&gt;&lt;i class=&quot;uil uil-calendar-alt&quot;&gt;&lt;/i&gt;&lt;span&gt;29 Mar 2022&lt;/span&gt;&lt;/li&gt;
                  &lt;li class=&quot;post-comments&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-comment&quot;&gt;&lt;/i&gt;3&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
                &lt;!-- /.post-meta --&gt;
              &lt;/div&gt;
              &lt;!-- /.post-footer --&gt;
            &lt;/article&gt;
            &lt;!-- /.post --&gt;
          &lt;/div&gt;
          &lt;!-- /column --&gt;
        &lt;/div&gt;
        &lt;!-- /.row --&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('blog', 'blog', NULL, 22, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;overflow-hidden&quot;&gt;
    &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
      &lt;div class=&quot;row&quot;&gt;
        &lt;div class=&quot;col-xl-7 col-xxl-6 mx-auto text-center&quot;&gt;
          &lt;i class=&quot;icn-flower text-leaf fs-30 opacity-25&quot;&gt;&lt;/i&gt;
          &lt;h2 class=&quot;display-5 text-center mt-2 mb-10&quot;&gt;Here are the latest posts from my blog that grabbed the most attention.&lt;/h2&gt;
        &lt;/div&gt;
        &lt;!--/column --&gt;
      &lt;/div&gt;
      &lt;!--/.row --&gt;
      &lt;div class=&quot;swiper-container nav-bottom nav-color mb-14&quot; data-margin=&quot;30&quot; data-dots=&quot;false&quot; data-nav=&quot;true&quot; data-items-lg=&quot;3&quot; data-items-md=&quot;2&quot; data-items-xs=&quot;1&quot;&gt;
        &lt;div class=&quot;swiper overflow-visible pb-2&quot;&gt;
          &lt;div class=&quot;swiper-wrapper&quot;&gt;
            &lt;div class=&quot;swiper-slide&quot;&gt;
              &lt;article&gt;
                &lt;div class=&quot;card shadow-lg&quot;&gt;
                  &lt;figure class=&quot;card-img-top overlay overlay-1&quot;&gt;&lt;a href=&quot;#&quot;&gt; &lt;img src=&quot;/assets/img/photos/b12.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
                    &lt;figcaption&gt;
                      &lt;h5 class=&quot;from-top mb-0&quot;&gt;Read More&lt;/h5&gt;
                    &lt;/figcaption&gt;
                  &lt;/figure&gt;
                  &lt;div class=&quot;card-body p-6&quot;&gt;
                    &lt;div class=&quot;post-header&quot;&gt;
                      &lt;div class=&quot;post-category&quot;&gt;
                        &lt;a href=&quot;#&quot; class=&quot;hover&quot; rel=&quot;category&quot;&gt;Wedding&lt;/a&gt;
                      &lt;/div&gt;
                      &lt;!-- /.post-category --&gt;
                      &lt;h2 class=&quot;post-title h3 mt-1 mb-3&quot;&gt;&lt;a class=&quot;link-dark&quot; href=&quot;./blog-post.html&quot;&gt;Ligula tristique quis risus&lt;/a&gt;&lt;/h2&gt;
                    &lt;/div&gt;
                    &lt;!-- /.post-header --&gt;
                    &lt;div class=&quot;post-footer&quot;&gt;
                      &lt;ul class=&quot;post-meta d-flex mb-0&quot;&gt;
                        &lt;li class=&quot;post-date&quot;&gt;&lt;i class=&quot;uil uil-calendar-alt&quot;&gt;&lt;/i&gt;&lt;span&gt;14 Apr 2022&lt;/span&gt;&lt;/li&gt;
                        &lt;li class=&quot;post-comments&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-comment&quot;&gt;&lt;/i&gt;4&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                      &lt;!-- /.post-meta --&gt;
                    &lt;/div&gt;
                    &lt;!-- /.post-footer --&gt;
                  &lt;/div&gt;
                  &lt;!--/.card-body --&gt;
                &lt;/div&gt;
                &lt;!-- /.card --&gt;
              &lt;/article&gt;
              &lt;!-- /article --&gt;
            &lt;/div&gt;
            &lt;!--/.swiper-slide --&gt;
            &lt;div class=&quot;swiper-slide&quot;&gt;
              &lt;article&gt;
                &lt;div class=&quot;card shadow-lg&quot;&gt;
                  &lt;figure class=&quot;card-img-top overlay overlay-1&quot;&gt;&lt;a href=&quot;#&quot;&gt; &lt;img src=&quot;/assets/img/photos/b13.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
                    &lt;figcaption&gt;
                      &lt;h5 class=&quot;from-top mb-0&quot;&gt;Read More&lt;/h5&gt;
                    &lt;/figcaption&gt;
                  &lt;/figure&gt;
                  &lt;div class=&quot;card-body p-6&quot;&gt;
                    &lt;div class=&quot;post-header&quot;&gt;
                      &lt;div class=&quot;post-category&quot;&gt;
                        &lt;a href=&quot;#&quot; class=&quot;hover&quot; rel=&quot;category&quot;&gt;Engagement&lt;/a&gt;
                      &lt;/div&gt;
                      &lt;!-- /.post-category --&gt;
                      &lt;h2 class=&quot;post-title h3 mt-1 mb-3&quot;&gt;&lt;a class=&quot;link-dark&quot; href=&quot;./blog-post.html&quot;&gt;Nullam id dolor elit id nibh&lt;/a&gt;&lt;/h2&gt;
                    &lt;/div&gt;
                    &lt;!-- /.post-header --&gt;
                    &lt;div class=&quot;post-footer&quot;&gt;
                      &lt;ul class=&quot;post-meta d-flex mb-0&quot;&gt;
                        &lt;li class=&quot;post-date&quot;&gt;&lt;i class=&quot;uil uil-calendar-alt&quot;&gt;&lt;/i&gt;&lt;span&gt;29 Mar 2022&lt;/span&gt;&lt;/li&gt;
                        &lt;li class=&quot;post-comments&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-comment&quot;&gt;&lt;/i&gt;3&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                      &lt;!-- /.post-meta --&gt;
                    &lt;/div&gt;
                    &lt;!-- /.post-footer --&gt;
                  &lt;/div&gt;
                  &lt;!--/.card-body --&gt;
                &lt;/div&gt;
                &lt;!-- /.card --&gt;
              &lt;/article&gt;
              &lt;!-- /article --&gt;
            &lt;/div&gt;
            &lt;!--/.swiper-slide --&gt;
            &lt;div class=&quot;swiper-slide&quot;&gt;
              &lt;article&gt;
                &lt;div class=&quot;card shadow-lg&quot;&gt;
                  &lt;figure class=&quot;card-img-top overlay overlay-1&quot;&gt;&lt;a href=&quot;#&quot;&gt; &lt;img src=&quot;/assets/img/photos/b14.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
                    &lt;figcaption&gt;
                      &lt;h5 class=&quot;from-top mb-0&quot;&gt;Read More&lt;/h5&gt;
                    &lt;/figcaption&gt;
                  &lt;/figure&gt;
                  &lt;div class=&quot;card-body p-6&quot;&gt;
                    &lt;div class=&quot;post-header&quot;&gt;
                      &lt;div class=&quot;post-category&quot;&gt;
                        &lt;a href=&quot;#&quot; class=&quot;hover&quot; rel=&quot;category&quot;&gt;Couples&lt;/a&gt;
                      &lt;/div&gt;
                      &lt;!-- /.post-category --&gt;
                      &lt;h2 class=&quot;post-title h3 mt-1 mb-3&quot;&gt;&lt;a class=&quot;link-dark&quot; href=&quot;./blog-post.html&quot;&gt;Ultricies fusce porta elit&lt;/a&gt;&lt;/h2&gt;
                    &lt;/div&gt;
                    &lt;!-- /.post-header --&gt;
                    &lt;div class=&quot;post-footer&quot;&gt;
                      &lt;ul class=&quot;post-meta d-flex mb-0&quot;&gt;
                        &lt;li class=&quot;post-date&quot;&gt;&lt;i class=&quot;uil uil-calendar-alt&quot;&gt;&lt;/i&gt;&lt;span&gt;26 Feb 2022&lt;/span&gt;&lt;/li&gt;
                        &lt;li class=&quot;post-comments&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-comment&quot;&gt;&lt;/i&gt;6&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                      &lt;!-- /.post-meta --&gt;
                    &lt;/div&gt;
                    &lt;!-- /.post-footer --&gt;
                  &lt;/div&gt;
                  &lt;!--/.card-body --&gt;
                &lt;/div&gt;
                &lt;!-- /.card --&gt;
              &lt;/article&gt;
              &lt;!-- /article --&gt;
            &lt;/div&gt;
            &lt;!--/.swiper-slide --&gt;
            &lt;div class=&quot;swiper-slide&quot;&gt;
              &lt;article&gt;
                &lt;div class=&quot;card shadow-lg&quot;&gt;
                  &lt;figure class=&quot;card-img-top overlay overlay-1&quot;&gt;&lt;a href=&quot;#&quot;&gt; &lt;img src=&quot;/assets/img/photos/b15.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
                    &lt;figcaption&gt;
                      &lt;h5 class=&quot;from-top mb-0&quot;&gt;Read More&lt;/h5&gt;
                    &lt;/figcaption&gt;
                  &lt;/figure&gt;
                  &lt;div class=&quot;card-body p-6&quot;&gt;
                    &lt;div class=&quot;post-header&quot;&gt;
                      &lt;div class=&quot;post-category&quot;&gt;
                        &lt;a href=&quot;#&quot; class=&quot;hover&quot; rel=&quot;category&quot;&gt;Engagement&lt;/a&gt;
                      &lt;/div&gt;
                      &lt;!-- /.post-category --&gt;
                      &lt;h2 class=&quot;post-title h3 mt-1 mb-3&quot;&gt;&lt;a class=&quot;link-dark&quot; href=&quot;./blog-post.html&quot;&gt;Morbi leo risus porta eget&lt;/a&gt;&lt;/h2&gt;
                    &lt;/div&gt;
                    &lt;!-- /.post-header --&gt;
                    &lt;div class=&quot;post-footer&quot;&gt;
                      &lt;ul class=&quot;post-meta d-flex mb-0&quot;&gt;
                        &lt;li class=&quot;post-date&quot;&gt;&lt;i class=&quot;uil uil-calendar-alt&quot;&gt;&lt;/i&gt;&lt;span&gt;17 Jan 2022&lt;/span&gt;&lt;/li&gt;
                        &lt;li class=&quot;post-comments&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-comment&quot;&gt;&lt;/i&gt;3&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                      &lt;!-- /.post-meta --&gt;
                    &lt;/div&gt;
                    &lt;!-- /.post-footer --&gt;
                  &lt;/div&gt;
                  &lt;!--/.card-body --&gt;
                &lt;/div&gt;
                &lt;!-- /.card --&gt;
              &lt;/article&gt;
              &lt;!-- /article --&gt;
            &lt;/div&gt;
            &lt;!--/.swiper-slide --&gt;
            &lt;div class=&quot;swiper-slide&quot;&gt;
              &lt;article&gt;
                &lt;div class=&quot;card shadow-lg&quot;&gt;
                  &lt;figure class=&quot;card-img-top overlay overlay-1&quot;&gt;&lt;a href=&quot;#&quot;&gt; &lt;img src=&quot;/assets/img/photos/b16.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
                    &lt;figcaption&gt;
                      &lt;h5 class=&quot;from-top mb-0&quot;&gt;Read More&lt;/h5&gt;
                    &lt;/figcaption&gt;
                  &lt;/figure&gt;
                  &lt;div class=&quot;card-body p-6&quot;&gt;
                    &lt;div class=&quot;post-header&quot;&gt;
                      &lt;div class=&quot;post-category&quot;&gt;
                        &lt;a href=&quot;#&quot; class=&quot;hover&quot; rel=&quot;category&quot;&gt;Couples&lt;/a&gt;
                      &lt;/div&gt;
                      &lt;!-- /.post-category --&gt;
                      &lt;h2 class=&quot;post-title h3 mt-1 mb-3&quot;&gt;&lt;a class=&quot;link-dark&quot; href=&quot;./blog-post.html&quot;&gt;Nulla vitae elit libero&lt;/a&gt;&lt;/h2&gt;
                    &lt;/div&gt;
                    &lt;!-- /.post-header --&gt;
                    &lt;div class=&quot;post-footer&quot;&gt;
                      &lt;ul class=&quot;post-meta d-flex mb-0&quot;&gt;
                        &lt;li class=&quot;post-date&quot;&gt;&lt;i class=&quot;uil uil-calendar-alt&quot;&gt;&lt;/i&gt;&lt;span&gt;7 Jan 2022&lt;/span&gt;&lt;/li&gt;
                        &lt;li class=&quot;post-comments&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-comment&quot;&gt;&lt;/i&gt;1&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                      &lt;!-- /.post-meta --&gt;
                    &lt;/div&gt;
                    &lt;!-- /.post-footer --&gt;
                  &lt;/div&gt;
                  &lt;!--/.card-body --&gt;
                &lt;/div&gt;
                &lt;!-- /.card --&gt;
              &lt;/article&gt;
              &lt;!-- /article --&gt;
            &lt;/div&gt;
            &lt;!--/.swiper-slide --&gt;
            &lt;div class=&quot;swiper-slide&quot;&gt;
              &lt;article&gt;
                &lt;div class=&quot;card shadow-lg&quot;&gt;
                  &lt;figure class=&quot;card-img-top overlay overlay-1&quot;&gt;&lt;a href=&quot;#&quot;&gt; &lt;img src=&quot;/assets/img/photos/b17.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
                    &lt;figcaption&gt;
                      &lt;h5 class=&quot;from-top mb-0&quot;&gt;Read More&lt;/h5&gt;
                    &lt;/figcaption&gt;
                  &lt;/figure&gt;
                  &lt;div class=&quot;card-body p-6&quot;&gt;
                    &lt;div class=&quot;post-header&quot;&gt;
                      &lt;div class=&quot;post-category&quot;&gt;
                        &lt;a href=&quot;#&quot; class=&quot;hover&quot; rel=&quot;category&quot;&gt;Wedding&lt;/a&gt;
                      &lt;/div&gt;
                      &lt;!-- /.post-category --&gt;
                      &lt;h2 class=&quot;post-title h3 mt-1 mb-3&quot;&gt;&lt;a class=&quot;link-dark&quot; href=&quot;./blog-post.html&quot;&gt;Pharetra augue elit sem&lt;/a&gt;&lt;/h2&gt;
                    &lt;/div&gt;
                    &lt;!-- /.post-header --&gt;
                    &lt;div class=&quot;post-footer&quot;&gt;
                      &lt;ul class=&quot;post-meta d-flex mb-0&quot;&gt;
                        &lt;li class=&quot;post-date&quot;&gt;&lt;i class=&quot;uil uil-calendar-alt&quot;&gt;&lt;/i&gt;&lt;span&gt;2 Jan 2022&lt;/span&gt;&lt;/li&gt;
                        &lt;li class=&quot;post-comments&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-comment&quot;&gt;&lt;/i&gt;2&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                      &lt;!-- /.post-meta --&gt;
                    &lt;/div&gt;
                    &lt;!-- /.post-footer --&gt;
                  &lt;/div&gt;
                  &lt;!--/.card-body --&gt;
                &lt;/div&gt;
                &lt;!-- /.card --&gt;
              &lt;/article&gt;
              &lt;!-- /article --&gt;
            &lt;/div&gt;
            &lt;!--/.swiper-slide --&gt;
          &lt;/div&gt;
          &lt;!--/.swiper-wrapper --&gt;
        &lt;/div&gt;
        &lt;!-- /.swiper --&gt;
      &lt;/div&gt;
      &lt;!-- /.swiper-container --&gt;
    &lt;/div&gt;
    &lt;!-- /.container --&gt;
  &lt;/div&gt;
  &lt;!-- /.overflow-hidden --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('Head', 'Head', NULL, 23, '<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>', 1),
('Header', 'Header', NULL, 24, '<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>
                        <li class="col">
                          <a class="dropdown-item" href="/demo35.html">
                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi35.jpg" srcset="/assets/img/demos/mi35@2x.jpg 2x" alt=""></figure>
                            <span class="d-lg-none">Demo 35</span>
                          </a>
                        </li>
                        <li class="col">
                          <a class="dropdown-item" href="/demo36.html">
                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi36.jpg" srcset="/assets/img/demos/mi36@2x.jpg 2x" alt=""></figure>
                            <span class="d-lg-none">Demo 36</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>', 1),
('call-to-action', 'call-to-action', NULL, 25, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper image-wrapper bg-auto no-overlay bg-image text-center py-14 py-md-16 bg-map&quot; data-image-src=&quot;/assets/img/map.png&quot;&gt;
  &lt;div class=&quot;container py-0 py-md-18&quot;&gt;
    &lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col-lg-6 col-xl-5 mx-auto&quot;&gt;
        &lt;h2 class=&quot;display-4 mb-3 text-center&quot;&gt;Join Our Community&lt;/h2&gt;
        &lt;p class=&quot;lead mb-5 px-md-16 px-lg-3&quot;&gt;We are trusted by over 5000+ clients. Join them by using our services and grow your business.&lt;/p&gt;
        &lt;a href=&quot;#&quot; class=&quot;btn btn-primary rounded-pill&quot;&gt;Join Us&lt;/a&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('call-to-action', 'call-to-action', NULL, 26, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col-xl-10 mx-auto&quot;&gt;
        &lt;div class=&quot;card image-wrapper bg-full bg-image bg-overlay bg-overlay-400&quot; data-image-src=&quot;/assets/img/photos/bg3.jpg&quot;&gt;
          &lt;div class=&quot;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&quot;&gt;
            &lt;h3 class=&quot;display-6 mb-6 mb-lg-0 pe-lg-10 pe-xl-5 pe-xxl-18 text-white&quot;&gt;We are trusted by over 5000+ clients. Join them by using our services and grow your business.&lt;/h3&gt;
            &lt;a href=&quot;#&quot; class=&quot;btn btn-white rounded-pill mb-0 text-nowrap&quot;&gt;Join Us&lt;/a&gt;
          &lt;/div&gt;
          &lt;!--/.card-body --&gt;
        &lt;/div&gt;
        &lt;!--/.card --&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('call-to-action', 'call-to-action', NULL, 27, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16 text-center&quot;&gt;
    &lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col-md-9 col-lg-7 col-xl-7 mx-auto text-center&quot;&gt;
        &lt;img src=&quot;/assets/img/icons/lineal/puzzle-2.svg&quot; class=&quot;svg-inject icon-svg icon-svg-md mb-4&quot; alt=&quot;&quot; /&gt;
        &lt;h2 class=&quot;display-4 mb-3&quot;&gt;Join Our Community&lt;/h2&gt;
        &lt;p class=&quot;lead fs-lg mb-6 px-xl-10 px-xxl-15&quot;&gt;We are trusted by over 5000+ clients. Join them by using our services and grow your business.&lt;/p&gt;
        &lt;a href=&quot;#&quot; class=&quot;btn btn-primary rounded&quot;&gt;Join Us&lt;/a&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('call-to-action', 'call-to-action', NULL, 28, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container pb-13 pb-md-15&quot;&gt;
    &lt;div class=&quot;card image-wrapper bg-full bg-image bg-overlay bg-overlay-300 mb-14&quot; data-image-src=&quot;/assets/img/photos/bg16.png&quot;&gt;
      &lt;div class=&quot;card-body p-10 p-xl-12&quot;&gt;
        &lt;div class=&quot;row text-center&quot;&gt;
          &lt;div class=&quot;col-xl-11 col-xxl-9 mx-auto&quot;&gt;
            &lt;h2 class=&quot;fs-16 text-uppercase text-white mb-3&quot;&gt;Join Our Community&lt;/h2&gt;
            &lt;h3 class=&quot;display-3 mb-8 px-lg-8 text-white&quot;&gt;We are &lt;span class=&quot;underline-3 style-2 yellow&quot;&gt;trusted&lt;/span&gt; by over 5000+ clients. Join them now and grow your business.&lt;/h3&gt;
          &lt;/div&gt;
          &lt;!-- /column --&gt;
        &lt;/div&gt;
        &lt;!-- /.row --&gt;
        &lt;div class=&quot;d-flex justify-content-center&quot;&gt;
          &lt;span&gt;&lt;a class=&quot;btn btn-white rounded&quot;&gt;Get Started&lt;/a&gt;&lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;!--/.card-body --&gt;
    &lt;/div&gt;
    &lt;!--/.card --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('call-to-action', 'call-to-action', NULL, 29, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-soft-primary&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row mb-8&quot;&gt;
      &lt;div class=&quot;col-lg-8 mx-auto text-center&quot;&gt;
        &lt;h2 class=&quot;fs-16 text-uppercase text-primary mb-3&quot;&gt;Analyze Now&lt;/h2&gt;
        &lt;h3 class=&quot;display-4 mb-0&quot;&gt;Wonder how much faster your website can go? Easily check your SEO Score now.&lt;/h3&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
    &lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col-lg-5 mx-auto&quot;&gt;
        &lt;form action=&quot;#&quot;&gt;
          &lt;div class=&quot;form-floating input-group&quot;&gt;
            &lt;input type=&quot;url&quot; class=&quot;form-control border-0&quot; placeholder=&quot;Enter Website URL&quot; id=&quot;analyze&quot;&gt;
            &lt;label for=&quot;analyze&quot;&gt;Enter Website URL&lt;/label&gt;
            &lt;button class=&quot;btn btn-primary&quot; type=&quot;button&quot;&gt;Analyze&lt;/button&gt;
          &lt;/div&gt;
        &lt;/form&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('call-to-action', 'call-to-action', NULL, 30, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-soft-primary&quot;&gt;
  &lt;div class=&quot;container pt-10 pb-15 py-lg-17 py-xl-20 py-xxl-22 position-relative&quot;&gt;
    &lt;img class=&quot;position-lg-absolute col-12 col-lg-12 mt-lg-n50p mb-3 mb-md-10 mb-lg-0&quot; src=&quot;/assets/img/photos/devices2.png&quot; srcset=&quot;/assets/img/photos/devices2@2x.png 2x&quot; alt=&quot;&quot; style=&quot;top: 50%; left: -23%;&quot; /&gt;
    &lt;div class=&quot;row gx-lg-8 gx-xl-12 align-items-center&quot;&gt;
      &lt;div class=&quot;col-md-10 offset-md-1 col-lg-6 offset-lg-6 mt-md-n9 text-center text-lg-start&quot;&gt;
        &lt;h1 class=&quot;display-4 mb-4 px-md-10 px-lg-0&quot;&gt;Get all of your steps, exercise, sleep and meds in one place.&lt;/h1&gt;
        &lt;p class=&quot;lead fs-lg mb-7 px-md-10 px-lg-0 pe-xxl-15&quot;&gt;Sandbox is now available to download from both the App Store and Google Play Store.&lt;/p&gt;
        &lt;div class=&quot;d-flex justify-content-center justify-content-lg-start&quot;&gt;
          &lt;span&gt;&lt;a class=&quot;btn btn-primary btn-icon btn-icon-start rounded me-2&quot;&gt;&lt;i class=&quot;uil uil-apple&quot;&gt;&lt;/i&gt; App Store&lt;/a&gt;&lt;/span&gt;
          &lt;span&gt;&lt;a class=&quot;btn btn-green btn-icon btn-icon-start rounded&quot;&gt;&lt;i class=&quot;uil uil-google-play&quot;&gt;&lt;/i&gt; Google Play&lt;/a&gt;&lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('call-to-action', 'call-to-action', NULL, 31, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper image-wrapper bg-full bg-image bg-overlay bg-overlay-light-600&quot; data-image-src=&quot;/assets/img/photos/bg23.png&quot;&gt;
  &lt;div class=&quot;overflow-hidden&quot; style=&quot;z-index:1;&quot;&gt;
    &lt;div class=&quot;divider divider-alt text-light mx-n2&quot;&gt;
      &lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 1440 100&quot;&gt;&lt;g fill=&quot;currentColor&quot;&gt;&lt;polygon points=&quot;1440 100 0 15 0 0 1440 0 1440 100&quot;/&gt;&lt;/g&gt;&lt;/svg&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;!-- /.overflow-hidden --&gt;
  &lt;div class=&quot;container pt-10 pt-lg-10 pt-md-13 pb-8 pb-md-10 text-center text-lg-start&quot;&gt;
    &lt;div class=&quot;row gx-0 gy-10&quot;&gt;
      &lt;div class=&quot;col-md-10 offset-md-1 offset-lg-0 col-lg-6 col-xl-5 position-relative&quot;&gt;
        &lt;img src=&quot;/assets/img/svg/doodle2.svg&quot; class=&quot;h-15 position-absolute d-none d-lg-block&quot; style=&quot;bottom: 36%; right: -25%&quot; alt=&quot;&quot;&gt;
        &lt;img src=&quot;/assets/img/svg/doodle6.svg&quot; class=&quot;h-14 position-absolute d-none d-lg-block&quot; style=&quot;top: -20%; left: -25%&quot; alt=&quot;&quot;&gt;
        &lt;h2 class=&quot;display-3 mb-4&quot;&gt;Manage all your bills, accounts &amp; budgets in &lt;span class=&quot;text-gradient gradient-7&quot;&gt;one place.&lt;/span&gt;&lt;/h2&gt;
        &lt;p class=&quot;lead fs-24 lh-sm mb-7&quot;&gt;Sandbox is available to download from both App Store and Google Play Store.&lt;/p&gt;
        &lt;div class=&quot;d-flex justify-content-center justify-content-lg-start&quot;&gt;
          &lt;span&gt;&lt;a href=&quot;#&quot; class=&quot;me-2&quot;&gt;&lt;img src=&quot;/assets/img/photos/button-appstore.svg&quot; class=&quot;h-11 rounded-xl&quot; alt=&quot;&quot;&gt;&lt;/a&gt;&lt;/span&gt;
          &lt;span&gt;&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;/assets/img/photos/button-google-play.svg&quot; class=&quot;h-11 rounded-xl&quot; alt=&quot;&quot;&gt;&lt;/a&gt;&lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
      &lt;div class=&quot;col-lg-6 ms-auto mt-lg-n15 mt-xl-n20&quot;&gt;
        &lt;figure&gt;&lt;img src=&quot;/assets/img/photos/devices6.png&quot; srcset=&quot;/assets/img/photos/devices6@2x.png 2x&quot; alt=&quot;&quot;&gt;&lt;/figure&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('call-to-action', 'call-to-action', NULL, 32, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper gradient-8 bg-lines&quot;&gt;
  &lt;div class=&quot;container py-15 py-md-17 text-center&quot;&gt;
    &lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col-lg-10 col-xl-9 col-xxl-8 mx-auto text-center&quot;&gt;
        &lt;h2 class=&quot;fs-16 text-uppercase text-white mb-3&quot;&gt;Join Our Community&lt;/h2&gt;
        &lt;h3 class=&quot;display-3 text-white mb-6&quot;&gt;We are &lt;span class=&quot;underline-2 underline-gradient-6&quot;&gt;&lt;em&gt;trusted&lt;/em&gt;&lt;/span&gt; by over 5000+ clients. Join them now and grow your business.&lt;/h3&gt;
        &lt;a href=&quot;#&quot; class=&quot;btn btn-white&quot;&gt;Join Us&lt;/a&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('call-to-action', 'call-to-action', NULL, 33, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;section-frame mx-xxl-11 overflow-hidden&quot;&gt;
  &lt;div class=&quot;wrapper image-wrapper bg-image bg-cover bg-overlay bg-overlay-light-500&quot; data-image-src=&quot;/assets/img/photos/bg23.png&quot;&gt;
    &lt;div class=&quot;container py-16 py-md-18 text-center&quot;&gt;
      &lt;div class=&quot;position-absolute shape yellow d-none d-lg-block w-5&quot; style=&quot;top: 18%; left: 5%;&quot;&gt;&lt;img src=&quot;/assets/img/svg/pie.svg&quot; class=&quot;svg-inject icon-svg w-100 h-100&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
      &lt;div class=&quot;position-absolute shape leaf d-none d-lg-block w-10&quot; style=&quot;bottom: 30%; left: 2%;&quot;&gt;&lt;img src=&quot;/assets/img/svg/scribble.svg&quot; class=&quot;svg-inject icon-svg w-100 h-100&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
      &lt;div class=&quot;position-absolute shape fuchsia d-none d-lg-block w-6&quot; style=&quot;top: 20%; right: 2%; transform: rotate(70deg);&quot;&gt;&lt;img src=&quot;/assets/img/svg/tri.svg&quot; class=&quot;svg-inject icon-svg w-100 h-100&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
      &lt;div class=&quot;position-absolute shape grape d-none d-lg-block w-6&quot; style=&quot;bottom: 28%; right: 5%;&quot;&gt;&lt;img src=&quot;/assets/img/svg/circle.svg&quot; class=&quot;svg-inject icon-svg w-100 h-100&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
      &lt;div class=&quot;row&quot;&gt;
        &lt;div class=&quot;col-lg-9 col-xxl-8 mx-auto&quot;&gt;
          &lt;h1 class=&quot;display-1 fs-70 mx-lg-n10 mx-xl-0 mb-5&quot;&gt;Got a 👾 project in mind? Let&apos;s work together. ✌️&lt;/h1&gt;
          &lt;p class=&quot;lead fs-24 px-md-12 px-lg-0 mx-lg-n10 mx-xl-0 mb-8&quot;&gt;I bring rapid solutions to make the life of my clients easier. Have any questions? Reach out to me and I will get back to you shortly.&lt;/p&gt;
          &lt;a href=&quot;#&quot; class=&quot;btn btn-lg btn-primary btn-icon btn-icon-end&quot;&gt;Contact Me &lt;i class=&quot;uil uil-arrow-up-right&quot;&gt;&lt;/i&gt;&lt;/a&gt;
        &lt;/div&gt;
        &lt;!-- /column --&gt;
      &lt;/div&gt;
      &lt;!-- /.row --&gt;
    &lt;/div&gt;
    &lt;!-- /.container --&gt;
  &lt;/div&gt;
  &lt;!-- /.wrapper --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('Head', 'Head', NULL, 34, '<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>', 1),
('Header', 'Header', NULL, 35, '<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>
                        <li class="col">
                          <a class="dropdown-item" href="/demo35.html">
                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi35.jpg" srcset="/assets/img/demos/mi35@2x.jpg 2x" alt=""></figure>
                            <span class="d-lg-none">Demo 35</span>
                          </a>
                        </li>
                        <li class="col">
                          <a class="dropdown-item" href="/demo36.html">
                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi36.jpg" srcset="/assets/img/demos/mi36@2x.jpg 2x" alt=""></figure>
                            <span class="d-lg-none">Demo 36</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>', 1),
('clients', 'clients', NULL, 36, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light wrapper-border&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;p class=&quot;text-center mb-8&quot;&gt;Trusted by over 2K+ clients across the world&lt;/p&gt;
    &lt;div class=&quot;swiper-container clients mb-0&quot; data-margin=&quot;30&quot; data-dots=&quot;false&quot; data-loop=&quot;true&quot; data-autoplay=&quot;true&quot; data-autoplaytime=&quot;1&quot; data-drag=&quot;false&quot; data-speed=&quot;5000&quot; data-items-xxl=&quot;7&quot; data-items-xl=&quot;6&quot; data-items-lg=&quot;5&quot; data-items-md=&quot;4&quot; data-items-xs=&quot;2&quot;&gt;
      &lt;div class=&quot;swiper&quot;&gt;
        &lt;div class=&quot;swiper-wrapper ticker&quot;&gt;
          &lt;div class=&quot;swiper-slide px-5&quot;&gt;&lt;img src=&quot;/assets/img/brands/c1.png&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
          &lt;div class=&quot;swiper-slide px-5&quot;&gt;&lt;img src=&quot;/assets/img/brands/c2.png&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
          &lt;div class=&quot;swiper-slide px-5&quot;&gt;&lt;img src=&quot;/assets/img/brands/c3.png&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
          &lt;div class=&quot;swiper-slide px-5&quot;&gt;&lt;img src=&quot;/assets/img/brands/c4.png&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
          &lt;div class=&quot;swiper-slide px-5&quot;&gt;&lt;img src=&quot;/assets/img/brands/c5.png&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
          &lt;div class=&quot;swiper-slide px-5&quot;&gt;&lt;img src=&quot;/assets/img/brands/c6.png&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
          &lt;div class=&quot;swiper-slide px-5&quot;&gt;&lt;img src=&quot;/assets/img/brands/c7.png&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
          &lt;div class=&quot;swiper-slide px-5&quot;&gt;&lt;img src=&quot;/assets/img/brands/c8.png&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
          &lt;div class=&quot;swiper-slide px-5&quot;&gt;&lt;img src=&quot;/assets/img/brands/c9.png&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
          &lt;div class=&quot;swiper-slide px-5&quot;&gt;&lt;img src=&quot;/assets/img/brands/c10.png&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
          &lt;div class=&quot;swiper-slide px-5&quot;&gt;&lt;img src=&quot;/assets/img/brands/c11.png&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
        &lt;/div&gt;
        &lt;!--/.swiper-wrapper --&gt;
      &lt;/div&gt;
      &lt;!-- /.swiper --&gt;
    &lt;/div&gt;
    &lt;!-- /.swiper-container --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('clients', 'clients', NULL, 37, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row gx-lg-8 gx-xl-12 gy-10 gy-lg-0&quot;&gt;
      &lt;div class=&quot;col-lg-4 mt-lg-2&quot;&gt;
        &lt;h2 class=&quot;fs-15 text-uppercase text-muted mb-3&quot;&gt;Our Clients&lt;/h2&gt;
        &lt;h3 class=&quot;display-4 mb-3 pe-xxl-5&quot;&gt;Trusted by over 300+ clients&lt;/h3&gt;
        &lt;p class=&quot;lead fs-lg mb-0 pe-xxl-5&quot;&gt;We bring solutions to make life easier for our customers.&lt;/p&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
      &lt;div class=&quot;col-lg-8&quot;&gt;
        &lt;div class=&quot;row row-cols-2 row-cols-md-4 gx-0 gx-md-8 gx-xl-12 gy-12&quot;&gt;
          &lt;div class=&quot;col&quot;&gt;
            &lt;figure class=&quot;px-3 px-md-0 px-xxl-2&quot;&gt;&lt;img src=&quot;/assets/img/brands/z1.png&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col&quot;&gt;
            &lt;figure class=&quot;px-3 px-md-0 px-xxl-2&quot;&gt;&lt;img src=&quot;/assets/img/brands/z2.png&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col&quot;&gt;
            &lt;figure class=&quot;px-3 px-md-0 px-xxl-2&quot;&gt;&lt;img src=&quot;/assets/img/brands/z3.png&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col&quot;&gt;
            &lt;figure class=&quot;px-3 px-md-0 px-xxl-2&quot;&gt;&lt;img src=&quot;/assets/img/brands/z4.png&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col&quot;&gt;
            &lt;figure class=&quot;px-3 px-md-0 px-xxl-2&quot;&gt;&lt;img src=&quot;/assets/img/brands/z5.png&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col&quot;&gt;
            &lt;figure class=&quot;px-3 px-md-0 px-xxl-2&quot;&gt;&lt;img src=&quot;/assets/img/brands/z6.png&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col&quot;&gt;
            &lt;figure class=&quot;px-3 px-md-0 px-xxl-2&quot;&gt;&lt;img src=&quot;/assets/img/brands/z7.png&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col&quot;&gt;
            &lt;figure class=&quot;px-3 px-md-0 px-xxl-2&quot;&gt;&lt;img src=&quot;/assets/img/brands/z8.png&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
        &lt;/div&gt;
        &lt;!--/.row --&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('clients', 'clients', NULL, 38, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;h2 class=&quot;fs-15 text-uppercase text-muted mb-3&quot;&gt;Our Clients&lt;/h2&gt;
    &lt;div class=&quot;row gx-lg-8 mb-10 gy-5&quot;&gt;
      &lt;div class=&quot;col-lg-6&quot;&gt;
        &lt;h3 class=&quot;display-5 mb-0&quot;&gt;We are trusted by over 300+ clients. Join them by using our services and grow your business.&lt;/h3&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
      &lt;div class=&quot;col-lg-6&quot;&gt;
        &lt;p class=&quot;lead mb-0&quot;&gt;Donec ullamcorper nulla non metus auctor fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Maecenas faucibus mollis interdum. Cras justo odio mollis.&lt;/p&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
    &lt;div class=&quot;row row-cols-2 row-cols-md-3 row-cols-xl-5 gx-lg-6 gy-6 justify-content-center&quot;&gt;
      &lt;div class=&quot;col&quot;&gt;
        &lt;div class=&quot;card shadow-lg h-100 align-items-center&quot;&gt;
          &lt;div class=&quot;card-body align-items-center d-flex px-3 py-6 p-md-8&quot;&gt;
            &lt;figure class=&quot;px-md-3 px-xl-0 px-xxl-3 mb-0&quot;&gt;&lt;img src=&quot;/assets/img/brands/z1.png&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;!--/.card-body --&gt;
        &lt;/div&gt;
        &lt;!--/.card --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col&quot;&gt;
        &lt;div class=&quot;card shadow-lg h-100 align-items-center&quot;&gt;
          &lt;div class=&quot;card-body align-items-center d-flex px-3 py-6 p-md-8&quot;&gt;
            &lt;figure class=&quot;px-md-3 px-xl-0 px-xxl-3 mb-0&quot;&gt;&lt;img src=&quot;/assets/img/brands/z2.png&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;!--/.card-body --&gt;
        &lt;/div&gt;
        &lt;!--/.card --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col&quot;&gt;
        &lt;div class=&quot;card shadow-lg h-100 align-items-center&quot;&gt;
          &lt;div class=&quot;card-body align-items-center d-flex px-3 py-6 p-md-8&quot;&gt;
            &lt;figure class=&quot;px-md-3 px-xl-0 px-xxl-3 mb-0&quot;&gt;&lt;img src=&quot;/assets/img/brands/z3.png&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;!--/.card-body --&gt;
        &lt;/div&gt;
        &lt;!--/.card --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col&quot;&gt;
        &lt;div class=&quot;card shadow-lg h-100 align-items-center&quot;&gt;
          &lt;div class=&quot;card-body align-items-center d-flex px-3 py-6 p-md-8&quot;&gt;
            &lt;figure class=&quot;px-md-3 px-xl-0 px-xxl-3 mb-0&quot;&gt;&lt;img src=&quot;/assets/img/brands/z4.png&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;!--/.card-body --&gt;
        &lt;/div&gt;
        &lt;!--/.card --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col&quot;&gt;
        &lt;div class=&quot;card shadow-lg h-100 align-items-center&quot;&gt;
          &lt;div class=&quot;card-body align-items-center d-flex px-3 py-6 p-md-8&quot;&gt;
            &lt;figure class=&quot;px-md-3 px-xl-0 px-xxl-3 mb-0&quot;&gt;&lt;img src=&quot;/assets/img/brands/z5.png&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;!--/.card-body --&gt;
        &lt;/div&gt;
        &lt;!--/.card --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!--/.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('Head', 'Head', NULL, 39, '<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>', 1),
('Header', 'Header', NULL, 40, '<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>
                        <li class="col">
                          <a class="dropdown-item" href="/demo35.html">
                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi35.jpg" srcset="/assets/img/demos/mi35@2x.jpg 2x" alt=""></figure>
                            <span class="d-lg-none">Demo 35</span>
                          </a>
                        </li>
                        <li class="col">
                          <a class="dropdown-item" href="/demo36.html">
                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi36.jpg" srcset="/assets/img/demos/mi36@2x.jpg 2x" alt=""></figure>
                            <span class="d-lg-none">Demo 36</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>', 1),
('contact', 'contact', NULL, 41, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row gy-10 gx-lg-8 gx-xl-12 align-items-center&quot;&gt;
      &lt;div class=&quot;col-lg-7 order-lg-2 position-relative&quot;&gt;
        &lt;figure&gt;&lt;img class=&quot;w-auto&quot; src=&quot;/assets/img/illustrations/i14.png&quot; srcset=&quot;/assets/img/illustrations/i14@2x.png 2x&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-lg-5&quot;&gt;
        &lt;h2 class=&quot;display-4 mb-3&quot;&gt;Let&rsquo;s Talk&lt;/h2&gt;
        &lt;p class=&quot;lead fs-lg&quot;&gt;Let&apos;s make something great together. We are &lt;span class=&quot;underline purple&quot;&gt;trusted by&lt;/span&gt; over 5000+ clients. Join them by using our services and grow your business.&lt;/p&gt;
        &lt;p&gt;Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.&lt;/p&gt;
        &lt;a href=&quot;#&quot; class=&quot;btn btn-purple rounded-pill mt-2&quot;&gt;Join Us&lt;/a&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!--/.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('contact', 'contact', NULL, 42, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row gx-md-8 gx-xl-12 gy-10 align-items-center&quot;&gt;
      &lt;div class=&quot;col-md-8 col-lg-6 offset-lg-0 col-xl-5 offset-xl-1 position-relative&quot;&gt;
        &lt;div class=&quot;shape bg-dot primary rellax w-17 h-21&quot; data-rellax-speed=&quot;1&quot; style=&quot;top: -2rem; left: -1.4rem;&quot;&gt;&lt;/div&gt;
        &lt;figure class=&quot;rounded&quot;&gt;&lt;img src=&quot;/assets/img/photos/about4.jpg&quot; srcset=&quot;/assets/img/photos/about4@2x.jpg 2x&quot; alt=&quot;&quot;&gt;&lt;/figure&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-lg-6&quot;&gt;
        &lt;img src=&quot;/assets/img/icons/lineal/telemarketer.svg&quot; class=&quot;svg-inject icon-svg icon-svg-md mb-4&quot; alt=&quot;&quot; /&gt;
        &lt;h2 class=&quot;display-4 mb-8&quot;&gt;Convinced yet? Let&apos;s make something great together.&lt;/h2&gt;
        &lt;div class=&quot;d-flex flex-row&quot;&gt;
          &lt;div&gt;
            &lt;div class=&quot;icon text-primary fs-28 me-6 mt-n1&quot;&gt; &lt;i class=&quot;uil uil-location-pin-alt&quot;&gt;&lt;/i&gt; &lt;/div&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h5 class=&quot;mb-1&quot;&gt;Address&lt;/h5&gt;
            &lt;address&gt;Moonshine St. 14/05 Light City, &lt;br class=&quot;d-none d-md-block&quot; /&gt;London, United Kingdom&lt;/address&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;d-flex flex-row&quot;&gt;
          &lt;div&gt;
            &lt;div class=&quot;icon text-primary fs-28 me-6 mt-n1&quot;&gt; &lt;i class=&quot;uil uil-phone-volume&quot;&gt;&lt;/i&gt; &lt;/div&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h5 class=&quot;mb-1&quot;&gt;Phone&lt;/h5&gt;
            &lt;p&gt;00 (123) 456 78 90&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;d-flex flex-row&quot;&gt;
          &lt;div&gt;
            &lt;div class=&quot;icon text-primary fs-28 me-6 mt-n1&quot;&gt; &lt;i class=&quot;uil uil-envelope&quot;&gt;&lt;/i&gt; &lt;/div&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h5 class=&quot;mb-1&quot;&gt;E-mail&lt;/h5&gt;
            &lt;p class=&quot;mb-0&quot;&gt;&lt;a href=&quot;mailto:sandbox@email.com&quot; class=&quot;link-body&quot;&gt;sandbox@email.com&lt;/a&gt;&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!--/.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('contact', 'contact', NULL, 43, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row gy-10 gx-lg-8 gx-xl-12 align-items-center&quot;&gt;
      &lt;div class=&quot;col-lg-7 position-relative&quot;&gt;
        &lt;div class=&quot;shape bg-dot primary rellax w-18 h-18&quot; data-rellax-speed=&quot;1&quot; style=&quot;top: 0; left: -1.4rem; z-index: 0;&quot;&gt;&lt;/div&gt;
        &lt;div class=&quot;row gx-md-5 gy-5&quot;&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;figure class=&quot;rounded mt-md-10 position-relative&quot;&gt;&lt;img src=&quot;/assets/img/photos/g5.jpg&quot; srcset=&quot;/assets/img/photos/g5@2x.jpg 2x&quot; alt=&quot;&quot;&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;div class=&quot;row gx-md-5 gy-5&quot;&gt;
              &lt;div class=&quot;col-md-12 order-md-2&quot;&gt;
                &lt;figure class=&quot;rounded&quot;&gt;&lt;img src=&quot;/assets/img/photos/g6.jpg&quot; srcset=&quot;/assets/img/photos/g6@2x.jpg 2x&quot; alt=&quot;&quot;&gt;&lt;/figure&gt;
              &lt;/div&gt;
              &lt;!--/column --&gt;
              &lt;div class=&quot;col-md-10&quot;&gt;
                &lt;div class=&quot;card bg-pale-primary text-center counter-wrapper&quot;&gt;
                  &lt;div class=&quot;card-body py-11&quot;&gt;
                    &lt;h3 class=&quot;counter text-nowrap&quot;&gt;5000+&lt;/h3&gt;
                    &lt;p class=&quot;mb-0&quot;&gt;Satisfied Customers&lt;/p&gt;
                  &lt;/div&gt;
                  &lt;!--/.card-body --&gt;
                &lt;/div&gt;
                &lt;!--/.card --&gt;
              &lt;/div&gt;
              &lt;!--/column --&gt;
            &lt;/div&gt;
            &lt;!--/.row --&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
        &lt;/div&gt;
        &lt;!--/.row --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-lg-5&quot;&gt;
        &lt;h2 class=&quot;display-4 mb-3&quot;&gt;Let&rsquo;s Talk&lt;/h2&gt;
        &lt;p class=&quot;lead fs-lg&quot;&gt;Let&apos;s make something great together. We are &lt;span class=&quot;underline&quot;&gt;trusted by&lt;/span&gt; over 5000+ clients. Join them by using our services and grow your business.&lt;/p&gt;
        &lt;p&gt;Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.&lt;/p&gt;
        &lt;a href=&quot;#&quot; class=&quot;btn btn-primary rounded-pill mt-2&quot;&gt;Join Us&lt;/a&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!--/.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('contact', 'contact', NULL, 44, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row gx-lg-8 gx-xl-12 gy-10 align-items-center&quot;&gt;
      &lt;div class=&quot;col-lg-7&quot;&gt;
        &lt;figure&gt;&lt;img class=&quot;w-auto&quot; src=&quot;/assets/img/illustrations/i5.png&quot; srcset=&quot;/assets/img/illustrations/i5@2x.png 2x&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-lg-5&quot;&gt;
        &lt;h2 class=&quot;fs-15 text-uppercase text-line text-primary text-center mb-3&quot;&gt;Get In Touch&lt;/h2&gt;
        &lt;h3 class=&quot;display-5 mb-7&quot;&gt;Got any questions? Don&apos;t hesitate to get in touch.&lt;/h3&gt;
        &lt;div class=&quot;d-flex flex-row&quot;&gt;
          &lt;div&gt;
            &lt;div class=&quot;icon text-primary fs-28 me-4 mt-n1&quot;&gt; &lt;i class=&quot;uil uil-location-pin-alt&quot;&gt;&lt;/i&gt; &lt;/div&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h5 class=&quot;mb-1&quot;&gt;Address&lt;/h5&gt;
            &lt;address&gt;Moonshine St. 14/05 Light City, London&lt;/address&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;d-flex flex-row&quot;&gt;
          &lt;div&gt;
            &lt;div class=&quot;icon text-primary fs-28 me-4 mt-n1&quot;&gt; &lt;i class=&quot;uil uil-phone-volume&quot;&gt;&lt;/i&gt; &lt;/div&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h5 class=&quot;mb-1&quot;&gt;Phone&lt;/h5&gt;
            &lt;p&gt;00 (123) 456 78 90&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;d-flex flex-row&quot;&gt;
          &lt;div&gt;
            &lt;div class=&quot;icon text-primary fs-28 me-4 mt-n1&quot;&gt; &lt;i class=&quot;uil uil-envelope&quot;&gt;&lt;/i&gt; &lt;/div&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h5 class=&quot;mb-1&quot;&gt;E-mail&lt;/h5&gt;
            &lt;p class=&quot;mb-0&quot;&gt;&lt;a href=&quot;mailto:sandbox@email.com&quot; class=&quot;link-body&quot;&gt;sandbox@email.com&lt;/a&gt;&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!--/.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('contact', 'contact', NULL, 45, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col-xl-10 mx-auto&quot;&gt;
        &lt;div class=&quot;row gy-10 gx-lg-8 gx-xl-12&quot;&gt;
          &lt;div class=&quot;col-lg-8&quot;&gt;
            &lt;form class=&quot;contact-form needs-validation&quot; method=&quot;post&quot; action=&quot;/assets/php/contact.php&quot; novalidate&gt;
              &lt;div class=&quot;messages&quot;&gt;&lt;/div&gt;
              &lt;div class=&quot;row gx-4&quot;&gt;
                &lt;div class=&quot;col-md-6&quot;&gt;
                  &lt;div class=&quot;form-floating mb-4&quot;&gt;
                    &lt;input id=&quot;form_name&quot; type=&quot;text&quot; name=&quot;name&quot; class=&quot;form-control&quot; placeholder=&quot;Jane&quot; required&gt;
                    &lt;label for=&quot;form_name&quot;&gt;First Name *&lt;/label&gt;
                    &lt;div class=&quot;valid-feedback&quot;&gt;
                      Looks good!
                    &lt;/div&gt;
                    &lt;div class=&quot;invalid-feedback&quot;&gt;
                      Please enter your first name.
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
                &lt;!-- /column --&gt;
                &lt;div class=&quot;col-md-6&quot;&gt;
                  &lt;div class=&quot;form-floating mb-4&quot;&gt;
                    &lt;input id=&quot;form_lastname&quot; type=&quot;text&quot; name=&quot;surname&quot; class=&quot;form-control&quot; placeholder=&quot;Doe&quot; required&gt;
                    &lt;label for=&quot;form_lastname&quot;&gt;Last Name *&lt;/label&gt;
                    &lt;div class=&quot;valid-feedback&quot;&gt;
                      Looks good!
                    &lt;/div&gt;
                    &lt;div class=&quot;invalid-feedback&quot;&gt;
                      Please enter your last name.
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
                &lt;!-- /column --&gt;
                &lt;div class=&quot;col-md-6&quot;&gt;
                  &lt;div class=&quot;form-floating mb-4&quot;&gt;
                    &lt;input id=&quot;form_email&quot; type=&quot;email&quot; name=&quot;email&quot; class=&quot;form-control&quot; placeholder=&quot;jane.doe@example.com&quot; required&gt;
                    &lt;label for=&quot;form_email&quot;&gt;Email *&lt;/label&gt;
                    &lt;div class=&quot;valid-feedback&quot;&gt;
                      Looks good!
                    &lt;/div&gt;
                    &lt;div class=&quot;invalid-feedback&quot;&gt;
                      Please provide a valid email address.
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
                &lt;!-- /column --&gt;
                &lt;div class=&quot;col-md-6&quot;&gt;
                  &lt;div class=&quot;form-select-wrapper mb-4&quot;&gt;
                    &lt;select class=&quot;form-select&quot; id=&quot;form-select&quot; name=&quot;department&quot; required&gt;
                      &lt;option selected disabled value=&quot;&quot;&gt;Select a department&lt;/option&gt;
                      &lt;option value=&quot;Sales&quot;&gt;Sales&lt;/option&gt;
                      &lt;option value=&quot;Marketing&quot;&gt;Marketing&lt;/option&gt;
                      &lt;option value=&quot;Customer Support&quot;&gt;Customer Support&lt;/option&gt;
                    &lt;/select&gt;
                    &lt;div class=&quot;valid-feedback&quot;&gt;
                      Looks good!
                    &lt;/div&gt;
                    &lt;div class=&quot;invalid-feedback&quot;&gt;
                      Please select a department.
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
                &lt;!-- /column --&gt;
                &lt;div class=&quot;col-12&quot;&gt;
                  &lt;div class=&quot;form-floating mb-4&quot;&gt;
                    &lt;textarea id=&quot;form_message&quot; name=&quot;message&quot; class=&quot;form-control&quot; placeholder=&quot;Your message&quot; style=&quot;height: 150px&quot; required&gt;&lt;/textarea&gt;
                    &lt;label for=&quot;form_message&quot;&gt;Message *&lt;/label&gt;
                    &lt;div class=&quot;valid-feedback&quot;&gt;
                      Looks good!
                    &lt;/div&gt;
                    &lt;div class=&quot;invalid-feedback&quot;&gt;
                      Please enter your messsage.
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
                &lt;!-- /column --&gt;
                &lt;div class=&quot;col-12&quot;&gt;
                  &lt;div class=&quot;form-check mb-4&quot;&gt;
                    &lt;input class=&quot;form-check-input&quot; type=&quot;checkbox&quot; value=&quot;&quot; id=&quot;invalidCheck&quot; required&gt;
                    &lt;label class=&quot;form-check-label&quot; for=&quot;invalidCheck&quot;&gt;
                      I agree to &lt;a href=&quot;#&quot; class=&quot;hover&quot;&gt;terms and policy&lt;/a&gt;.
                    &lt;/label&gt;
                    &lt;div class=&quot;invalid-feedback&quot;&gt;
                      You must agree before submitting.
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
                &lt;!-- /column --&gt;
                &lt;div class=&quot;col-12&quot;&gt;
                  &lt;input type=&quot;submit&quot; class=&quot;btn btn-primary rounded-pill btn-send mb-3&quot; value=&quot;Send message&quot;&gt;
                  &lt;p class=&quot;text-muted&quot;&gt;&lt;strong&gt;*&lt;/strong&gt; These fields are required.&lt;/p&gt;
                &lt;/div&gt;
                &lt;!-- /column --&gt;
              &lt;/div&gt;
              &lt;!-- /.row --&gt;
            &lt;/form&gt;
            &lt;!-- /form --&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-lg-4&quot;&gt;
            &lt;div class=&quot;d-flex flex-row&quot;&gt;
              &lt;div&gt;
                &lt;div class=&quot;icon text-primary fs-28 me-4 mt-n1&quot;&gt; &lt;i class=&quot;uil uil-location-pin-alt&quot;&gt;&lt;/i&gt; &lt;/div&gt;
              &lt;/div&gt;
              &lt;div&gt;
                &lt;h5 class=&quot;mb-1&quot;&gt;Address&lt;/h5&gt;
                &lt;address&gt;Moonshine St. 14/05 Light City, London, United Kingdom&lt;/address&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class=&quot;d-flex flex-row&quot;&gt;
              &lt;div&gt;
                &lt;div class=&quot;icon text-primary fs-28 me-4 mt-n1&quot;&gt; &lt;i class=&quot;uil uil-phone-volume&quot;&gt;&lt;/i&gt; &lt;/div&gt;
              &lt;/div&gt;
              &lt;div&gt;
                &lt;h5 class=&quot;mb-1&quot;&gt;Phone&lt;/h5&gt;
                &lt;p&gt;00 (123) 456 78 90 &lt;br /&gt;00 (987) 654 32 10&lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class=&quot;d-flex flex-row&quot;&gt;
              &lt;div&gt;
                &lt;div class=&quot;icon text-primary fs-28 me-4 mt-n1&quot;&gt; &lt;i class=&quot;uil uil-envelope&quot;&gt;&lt;/i&gt; &lt;/div&gt;
              &lt;/div&gt;
              &lt;div&gt;
                &lt;h5 class=&quot;mb-1&quot;&gt;E-mail&lt;/h5&gt;
                &lt;p class=&quot;mb-0&quot;&gt;&lt;a href=&quot;mailto:sandbox@email.com&quot; class=&quot;text-body&quot;&gt;sandbox@email.com&lt;/a&gt;&lt;/p&gt;
                &lt;p&gt;&lt;a href=&quot;mailto:help@sandbox.com&quot; class=&quot;text-body&quot;&gt;help@sandbox.com&lt;/a&gt;&lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
        &lt;/div&gt;
        &lt;!--/.row --&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('contact', 'contact', NULL, 46, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col-xl-10 mx-auto&quot;&gt;
        &lt;div class=&quot;card&quot;&gt;
          &lt;div class=&quot;row gx-0&quot;&gt;
            &lt;div class=&quot;col-lg-6 align-self-stretch&quot;&gt;
              &lt;div class=&quot;map map-full rounded-top rounded-lg-start&quot;&gt;
                &lt;iframe src=&quot;https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d25387.23478654725!2d-122.06115399490332!3d37.309248660190086!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808fb4571bd377ab%3A0x394d3fe1a3e178b4!2sCupertino%2C%20CA%2C%20USA!5e0!3m2!1sen!2str!4v1645437305701!5m2!1sen!2str&quot; style=&quot;width:100%; height: 100%; border:0&quot; allowfullscreen&gt;&lt;/iframe&gt;
              &lt;/div&gt;
              &lt;!-- /.map --&gt;
            &lt;/div&gt;
            &lt;!--/column --&gt;
            &lt;div class=&quot;col-lg-6&quot;&gt;
              &lt;div class=&quot;p-10 p-md-11 p-lg-14&quot;&gt;
                &lt;div class=&quot;d-flex flex-row&quot;&gt;
                  &lt;div&gt;
                    &lt;div class=&quot;icon text-primary fs-28 me-4 mt-n1&quot;&gt; &lt;i class=&quot;uil uil-location-pin-alt&quot;&gt;&lt;/i&gt; &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;align-self-start justify-content-start&quot;&gt;
                    &lt;h5 class=&quot;mb-1&quot;&gt;Address&lt;/h5&gt;
                    &lt;address&gt;Moonshine St. 14/05 Light City, London, United Kingdom&lt;/address&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
                &lt;!--/div --&gt;
                &lt;div class=&quot;d-flex flex-row&quot;&gt;
                  &lt;div&gt;
                    &lt;div class=&quot;icon text-primary fs-28 me-4 mt-n1&quot;&gt; &lt;i class=&quot;uil uil-phone-volume&quot;&gt;&lt;/i&gt; &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div&gt;
                    &lt;h5 class=&quot;mb-1&quot;&gt;Phone&lt;/h5&gt;
                    &lt;p&gt;00 (123) 456 78 90 &lt;br class=&quot;d-none d-md-block&quot; /&gt;00 (987) 654 32 10&lt;/p&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
                &lt;!--/div --&gt;
                &lt;div class=&quot;d-flex flex-row&quot;&gt;
                  &lt;div&gt;
                    &lt;div class=&quot;icon text-primary fs-28 me-4 mt-n1&quot;&gt; &lt;i class=&quot;uil uil-envelope&quot;&gt;&lt;/i&gt; &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div&gt;
                    &lt;h5 class=&quot;mb-1&quot;&gt;E-mail&lt;/h5&gt;
                    &lt;p class=&quot;mb-0&quot;&gt;&lt;a href=&quot;mailto:sandbox@email.com&quot; class=&quot;link-body&quot;&gt;sandbox@email.com&lt;/a&gt;&lt;/p&gt;
                    &lt;p class=&quot;mb-0&quot;&gt;&lt;a href=&quot;mailto:help@sandbox.com&quot; class=&quot;link-body&quot;&gt;help@sandbox.com&lt;/a&gt;&lt;/p&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
                &lt;!--/div --&gt;
              &lt;/div&gt;
              &lt;!--/div --&gt;
            &lt;/div&gt;
            &lt;!--/column --&gt;
          &lt;/div&gt;
          &lt;!--/.row --&gt;
        &lt;/div&gt;
        &lt;!-- /.card --&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('contact', 'contact', NULL, 47, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16 text-center&quot;&gt;
    &lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col-md-9 col-lg-7 col-xl-7 mx-auto text-center&quot;&gt;
        &lt;img src=&quot;/assets/img/icons/lineal/puzzle-2.svg&quot; class=&quot;svg-inject icon-svg icon-svg-md mb-4&quot; alt=&quot;&quot; /&gt;
        &lt;h2 class=&quot;display-4 mb-3&quot;&gt;Join Our Community&lt;/h2&gt;
        &lt;p class=&quot;lead fs-lg mb-6 px-xl-10 px-xxl-15&quot;&gt;We are trusted by over 5000+ clients. Join them by using our services and grow your business.&lt;/p&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
    &lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col-md-6 col-lg-5 col-xl-4 mx-auto&quot;&gt;
        &lt;div class=&quot;newsletter-wrapper&quot;&gt;
          &lt;!-- Begin Mailchimp Signup Form --&gt;
          &lt;div id=&quot;mc_embed_signup2&quot;&gt;
            &lt;form action=&quot;https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;amp;id=b49ef47a9a&quot; method=&quot;post&quot; id=&quot;mc-embedded-subscribe-form2&quot; name=&quot;mc-embedded-subscribe-form&quot; class=&quot;validate&quot; target=&quot;_blank&quot; novalidate&gt;
              &lt;div id=&quot;mc_embed_signup_scroll2&quot;&gt;
                &lt;div class=&quot;mc-field-group input-group form-floating&quot;&gt;
                  &lt;input type=&quot;email&quot; value=&quot;&quot; name=&quot;EMAIL&quot; class=&quot;required email form-control&quot; placeholder=&quot;Email Address&quot; id=&quot;mce-EMAIL2&quot;&gt;
                  &lt;label for=&quot;mce-EMAIL2&quot;&gt;Email Address&lt;/label&gt;
                  &lt;input type=&quot;submit&quot; value=&quot;Join&quot; name=&quot;subscribe&quot; id=&quot;mc-embedded-subscribe2&quot; class=&quot;btn btn-primary&quot;&gt;
                &lt;/div&gt;
                &lt;div id=&quot;mce-responses2&quot; class=&quot;clear&quot;&gt;
                  &lt;div class=&quot;response&quot; id=&quot;mce-error-response2&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;
                  &lt;div class=&quot;response&quot; id=&quot;mce-success-response2&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;
                &lt;/div&gt; &lt;!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--&gt;
                &lt;div style=&quot;position: absolute; left: -5000px;&quot; aria-hidden=&quot;true&quot;&gt;&lt;input type=&quot;text&quot; name=&quot;b_ddc180777a163e0f9f66ee014_4b1bcfa0bc&quot; tabindex=&quot;-1&quot; value=&quot;&quot;&gt;&lt;/div&gt;
                &lt;div class=&quot;clear&quot;&gt;&lt;/div&gt;
              &lt;/div&gt;
            &lt;/form&gt;
          &lt;/div&gt;
          &lt;!--End mc_embed_signup--&gt;
        &lt;/div&gt;
        &lt;!-- /.newsletter-wrapper --&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('contact', 'contact', NULL, 48, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;card shadow-lg&quot;&gt;
      &lt;div class=&quot;row gx-0&quot;&gt;
        &lt;div class=&quot;col-lg-6 image-wrapper bg-image bg-cover rounded-top rounded-lg-start d-none d-md-block&quot; data-image-src=&quot;/assets/img/photos/tm1.jpg&quot;&gt;
        &lt;/div&gt;
        &lt;!--/column --&gt;
        &lt;div class=&quot;col-lg-6&quot;&gt;
          &lt;div class=&quot;p-10 p-md-11 p-lg-13&quot;&gt;
            &lt;h2 class=&quot;display-4 mb-3&quot;&gt;Let&rsquo;s Talk&lt;/h2&gt;
            &lt;p class=&quot;lead fs-lg&quot;&gt;Let&apos;s make something great together. We are trusted by over 5000+ clients. Join them by using our services and grow your business.&lt;/p&gt;
            &lt;p&gt;Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.&lt;/p&gt;
            &lt;a href=&quot;#&quot; class=&quot;btn btn-primary rounded-pill mt-2&quot;&gt;Join Us&lt;/a&gt;
          &lt;/div&gt;
          &lt;!--/div --&gt;
        &lt;/div&gt;
        &lt;!--/column --&gt;
      &lt;/div&gt;
      &lt;!--/.row --&gt;
    &lt;/div&gt;
    &lt;!-- /.card --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('contact', 'contact', NULL, 49, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;card bg-soft-primary&quot;&gt;
      &lt;div class=&quot;card-body p-12&quot;&gt;
        &lt;div class=&quot;row gx-md-8 gx-xl-12 gy-10&quot;&gt;
          &lt;div class=&quot;col-lg-6&quot;&gt;	
            &lt;img src=&quot;/assets/img/icons/lineal/email.svg&quot; class=&quot;svg-inject icon-svg icon-svg-sm mb-4&quot; alt=&quot;&quot; /&gt;
            &lt;h2 class=&quot;display-4 mb-3 pe-lg-10&quot;&gt;If you like what you see, let&apos;s work together.&lt;/h2&gt;
            &lt;p class=&quot;lead pe-lg-12 mb-0&quot;&gt;I bring rapid solutions to make the life of my clients easier. Have any questions? Reach out to me from this contact form and I will get back to you shortly.&lt;/p&gt;
          &lt;/div&gt;
          &lt;!-- /column --&gt;
          &lt;div class=&quot;col-lg-6&quot;&gt;
            &lt;form class=&quot;contact-form needs-validation&quot; method=&quot;post&quot; action=&quot;/assets/php/contact.php&quot; novalidate&gt;
              &lt;div class=&quot;messages&quot;&gt;&lt;/div&gt;
              &lt;div class=&quot;row gx-4&quot;&gt;
                &lt;div class=&quot;col-md-6&quot;&gt;
                  &lt;div class=&quot;form-floating mb-4&quot;&gt;
                    &lt;input id=&quot;frm_name&quot; type=&quot;text&quot; name=&quot;name&quot; class=&quot;form-control border-0&quot; placeholder=&quot;Jane&quot; required=&quot;required&quot; data-error=&quot;First Name is required.&quot;&gt;
                    &lt;label for=&quot;frm_name&quot;&gt;Name *&lt;/label&gt;
                    &lt;div class=&quot;invalid-feedback&quot;&gt;
                      Please enter your name.
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
                &lt;!-- /column --&gt;
                &lt;div class=&quot;col-md-6&quot;&gt;
                  &lt;div class=&quot;form-floating mb-4&quot;&gt;
                    &lt;input id=&quot;frm_email&quot; type=&quot;email&quot; name=&quot;email&quot; class=&quot;form-control border-0&quot; placeholder=&quot;jane.doe@example.com&quot; required=&quot;required&quot; data-error=&quot;Valid email is required.&quot;&gt;
                    &lt;label for=&quot;frm_email&quot;&gt;Email *&lt;/label&gt;
                    &lt;div class=&quot;valid-feedback&quot;&gt;
                      Looks good!
                    &lt;/div&gt;
                    &lt;div class=&quot;invalid-feedback&quot;&gt;
                      Please provide a valid email address.
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
                &lt;!-- /column --&gt;
                &lt;div class=&quot;col-12&quot;&gt;
                  &lt;div class=&quot;form-floating mb-4&quot;&gt;
                    &lt;textarea id=&quot;frm_message&quot; name=&quot;message&quot; class=&quot;form-control border-0&quot; placeholder=&quot;Your message&quot; style=&quot;height: 150px&quot; required&gt;&lt;/textarea&gt;
                    &lt;label for=&quot;frm_message&quot;&gt;Message *&lt;/label&gt;
                    &lt;div class=&quot;valid-feedback&quot;&gt;
                      Looks good!
                    &lt;/div&gt;
                    &lt;div class=&quot;invalid-feedback&quot;&gt;
                      Please enter your messsage.
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
                &lt;!-- /column --&gt;
                &lt;div class=&quot;col-12&quot;&gt;
                  &lt;input type=&quot;submit&quot; class=&quot;btn btn-outline-primary rounded-pill btn-send mb-3&quot; value=&quot;Send message&quot;&gt;
                &lt;/div&gt;
                &lt;!-- /column --&gt;
              &lt;/div&gt;
              &lt;!-- /.row --&gt;
            &lt;/form&gt;
            &lt;!-- /form --&gt;
          &lt;/div&gt;
          &lt;!-- /column --&gt;
        &lt;/div&gt;
        &lt;!-- /.row --&gt;
      &lt;/div&gt;
      &lt;!--/.card-body --&gt;
    &lt;/div&gt;
    &lt;!--/.card --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('contact', 'contact', NULL, 50, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 pt-lg-16 pb-lg-0&quot;&gt;
    &lt;div class=&quot;row gx-lg-8 gx-xl-0 gy-10 align-items-center&quot;&gt;
      &lt;div class=&quot;col-lg-6 col-xl-5 position-relative d-none d-lg-block&quot;&gt;
        &lt;div class=&quot;shape rounded-circle bg-soft-primary rellax w-21 h-21&quot; data-rellax-speed=&quot;1&quot; style=&quot;top: 8rem; left: 2rem&quot;&gt;&lt;/div&gt;
        &lt;figure class=&quot;ps-xxl-10&quot;&gt;&lt;img src=&quot;/assets/img/photos/woman.png&quot; srcset=&quot;/assets/img/photos/woman@2x.png 2x&quot; alt=&quot;&quot;&gt;&lt;/figure&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-lg-6 col-xl-5 offset-xl-1&quot;&gt;
        &lt;h2 class=&quot;display-4 mb-3&quot;&gt;Get in Touch&lt;/h2&gt;
        &lt;p class=&quot;lead mb-8 pe-xl-10&quot;&gt;Have any questions? Reach out to us from our contact form and we will get back to you shortly.&lt;/p&gt;
        &lt;form class=&quot;contact-form needs-validation&quot; method=&quot;post&quot; action=&quot;/assets/php/contact.php&quot; novalidate&gt;
          &lt;div class=&quot;messages&quot;&gt;&lt;/div&gt;
          &lt;div class=&quot;form-floating mb-4&quot;&gt;
            &lt;input id=&quot;form_name2&quot; type=&quot;text&quot; name=&quot;name&quot; class=&quot;form-control&quot; placeholder=&quot;Jane&quot; required=&quot;required&quot; data-error=&quot;Name is required.&quot;&gt;
            &lt;label for=&quot;form_name2&quot;&gt;Name *&lt;/label&gt;
            &lt;div class=&quot;valid-feedback&quot;&gt;
              Looks good!
            &lt;/div&gt;
            &lt;div class=&quot;invalid-feedback&quot;&gt;
              Please enter your name.
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class=&quot;form-floating mb-4&quot;&gt;
            &lt;input id=&quot;form_email2&quot; type=&quot;email&quot; name=&quot;email&quot; class=&quot;form-control&quot; placeholder=&quot;jane.doe@example.com&quot; required=&quot;required&quot; data-error=&quot;Valid email is required.&quot;&gt;
            &lt;label for=&quot;form_email2&quot;&gt;Email *&lt;/label&gt;
            &lt;div class=&quot;valid-feedback&quot;&gt;
              Looks good!
            &lt;/div&gt;
            &lt;div class=&quot;invalid-feedback&quot;&gt;
              Please provide a valid email address.
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class=&quot;form-floating mb-4&quot;&gt;
            &lt;textarea id=&quot;form_message2&quot; name=&quot;message&quot; class=&quot;form-control&quot; placeholder=&quot;Your message&quot; style=&quot;height: 150px&quot; required&gt;&lt;/textarea&gt;
            &lt;label for=&quot;form_message2&quot;&gt;Message *&lt;/label&gt;
            &lt;div class=&quot;valid-feedback&quot;&gt;
              Looks good!
            &lt;/div&gt;
            &lt;div class=&quot;invalid-feedback&quot;&gt;
              Please enter your messsage.
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;input type=&quot;submit&quot; class=&quot;btn btn-primary rounded-pill btn-send mb-3&quot; value=&quot;Send message&quot;&gt;
          &lt;p class=&quot;text-muted&quot;&gt;&lt;strong&gt;*&lt;/strong&gt; These fields are required.&lt;/p&gt;
        &lt;/form&gt;
        &lt;!-- /form --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!--/.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('contact', 'contact', NULL, 51, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section&gt;
      &lt;div class=&quot;wrapper image-wrapper bg-image bg-overlay&quot; data-image-src=&quot;/assets/img/photos/bg36.jpg&quot;&gt;
        &lt;div class=&quot;container py-15 py-md-17&quot;&gt;
          &lt;div class=&quot;row&quot;&gt;
            &lt;div class=&quot;col-xl-9 mx-auto&quot;&gt;
              &lt;div class=&quot;card border-0 bg-white-900&quot;&gt;
                &lt;div class=&quot;card-body py-lg-13 px-lg-16&quot;&gt;
                  &lt;h2 class=&quot;display-5 mb-3 text-center&quot;&gt;Request Photography Pricing&lt;/h2&gt;
                  &lt;p class=&quot;lead fs-lg text-center mb-10&quot;&gt;For more information please get in touch using the form below:&lt;/p&gt;
                  &lt;form class=&quot;contact-form needs-validation&quot; method=&quot;post&quot; action=&quot;/assets/php/contact.php&quot; novalidate&gt;
                    &lt;div class=&quot;messages&quot;&gt;&lt;/div&gt;
                    &lt;div class=&quot;row gx-4&quot;&gt;
                      &lt;div class=&quot;col-md-6&quot;&gt;
                        &lt;div class=&quot;form-floating mb-4&quot;&gt;
                          &lt;input id=&quot;form_name&quot; type=&quot;text&quot; name=&quot;name&quot; class=&quot;form-control bg-white-700 border-0&quot; placeholder=&quot;Name&quot; required&gt;
                          &lt;label for=&quot;form_name&quot;&gt;Name *&lt;/label&gt;
                          &lt;div class=&quot;valid-feedback&quot;&gt;
                            Looks good!
                          &lt;/div&gt;
                          &lt;div class=&quot;invalid-feedback&quot;&gt;
                            Please enter your name.
                          &lt;/div&gt;
                        &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;!-- /column --&gt;
                      &lt;div class=&quot;col-md-6&quot;&gt;
                        &lt;div class=&quot;form-floating mb-4&quot;&gt;
                          &lt;input id=&quot;form_email&quot; type=&quot;email&quot; name=&quot;email&quot; class=&quot;form-control bg-white-700 border-0&quot; placeholder=&quot;jane.doe@example.com&quot; required&gt;
                          &lt;label for=&quot;form_email&quot;&gt;Email *&lt;/label&gt;
                          &lt;div class=&quot;valid-feedback&quot;&gt;
                            Looks good!
                          &lt;/div&gt;
                          &lt;div class=&quot;invalid-feedback&quot;&gt;
                            Please provide a valid email address.
                          &lt;/div&gt;
                        &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;!-- /column --&gt;
                      &lt;div class=&quot;col-12&quot;&gt;
                        &lt;div class=&quot;form-floating mb-4&quot;&gt;
                          &lt;textarea id=&quot;form_message&quot; name=&quot;message&quot; class=&quot;form-control bg-white-700 border-0&quot; placeholder=&quot;Your message&quot; style=&quot;height: 150px&quot; required&gt;&lt;/textarea&gt;
                          &lt;label for=&quot;form_message&quot;&gt;Message *&lt;/label&gt;
                          &lt;div class=&quot;valid-feedback&quot;&gt;
                            Looks good!
                          &lt;/div&gt;
                          &lt;div class=&quot;invalid-feedback&quot;&gt;
                            Please enter your messsage.
                          &lt;/div&gt;
                        &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;!-- /column --&gt;
                      &lt;div class=&quot;col-12 text-center&quot;&gt;
                        &lt;input type=&quot;submit&quot; class=&quot;btn btn-primary rounded-pill btn-send&quot; value=&quot;Send message&quot;&gt;
                      &lt;/div&gt;
                      &lt;!-- /column --&gt;
                    &lt;/div&gt;
                    &lt;!-- /.row --&gt;
                  &lt;/form&gt;
                  &lt;!-- /form --&gt;
                &lt;/div&gt;
                &lt;!--/.card-body --&gt;
              &lt;/div&gt;
              &lt;!--/.card --&gt;
            &lt;/div&gt;
            &lt;!-- /column --&gt;
          &lt;/div&gt;
          &lt;!-- /.row --&gt;
        &lt;/div&gt;
        &lt;!-- /.container --&gt;
      &lt;/div&gt;
      &lt;!-- /.wrapper --&gt;
    &lt;/section&gt;
    &lt;!-- /section --&gt;</code></pre>', 1),
('Head', 'Head', NULL, 52, '<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>', 1),
('Header', 'Header', NULL, 53, '<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>
                        <li class="col">
                          <a class="dropdown-item" href="/demo35.html">
                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi35.jpg" srcset="/assets/img/demos/mi35@2x.jpg 2x" alt=""></figure>
                            <span class="d-lg-none">Demo 35</span>
                          </a>
                        </li>
                        <li class="col">
                          <a class="dropdown-item" href="/demo36.html">
                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi36.jpg" srcset="/assets/img/demos/mi36@2x.jpg 2x" alt=""></figure>
                            <span class="d-lg-none">Demo 36</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>', 1),
('facts', 'facts', NULL, 54, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row gx-lg-0 gy-10 align-items-center&quot;&gt;
      &lt;div class=&quot;col-lg-6 order-lg-2 offset-lg-1 grid&quot;&gt;
        &lt;div class=&quot;row gx-md-5 gy-5 align-items-center counter-wrapper isotope&quot;&gt;
          &lt;div class=&quot;item col-md-6&quot;&gt;
            &lt;div class=&quot;card shadow-lg&quot;&gt;
              &lt;div class=&quot;card-body&quot;&gt;
                &lt;div class=&quot;d-flex d-lg-block d-xl-flex flex-row&quot;&gt;
                  &lt;div&gt;
                    &lt;div class=&quot;icon btn btn-circle btn-lg btn-soft-purple pe-none mx-auto me-4 mb-lg-3 mb-xl-0&quot;&gt; &lt;i class=&quot;uil uil-presentation-check&quot;&gt;&lt;/i&gt; &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div&gt;
                    &lt;h3 class=&quot;counter mb-1&quot;&gt;7518&lt;/h3&gt;
                    &lt;p class=&quot;mb-0&quot;&gt;Projects Done&lt;/p&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;!--/.card-body --&gt;
            &lt;/div&gt;
            &lt;!--/.card --&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;item col-md-6&quot;&gt;
            &lt;div class=&quot;card shadow-lg&quot;&gt;
              &lt;div class=&quot;card-body&quot;&gt;
                &lt;div class=&quot;d-flex d-lg-block d-xl-flex flex-row&quot;&gt;
                  &lt;div&gt;
                    &lt;div class=&quot;icon btn btn-circle btn-lg btn-soft-red pe-none mx-auto me-4 mb-lg-3 mb-xl-0&quot;&gt; &lt;i class=&quot;uil uil-users-alt&quot;&gt;&lt;/i&gt; &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div&gt;
                    &lt;h3 class=&quot;counter mb-1&quot;&gt;3472&lt;/h3&gt;
                    &lt;p class=&quot;mb-0&quot;&gt;Happy Customers&lt;/p&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;!--/.card-body --&gt;
            &lt;/div&gt;
            &lt;!--/.card --&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;item col-md-6&quot;&gt;
            &lt;div class=&quot;card shadow-lg&quot;&gt;
              &lt;div class=&quot;card-body&quot;&gt;
                &lt;div class=&quot;d-flex d-lg-block d-xl-flex flex-row&quot;&gt;
                  &lt;div&gt;
                    &lt;div class=&quot;icon btn btn-circle btn-lg btn-soft-yellow pe-none mx-auto me-4 mb-lg-3 mb-xl-0&quot;&gt; &lt;i class=&quot;uil uil-user-check&quot;&gt;&lt;/i&gt; &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div&gt;
                    &lt;h3 class=&quot;counter mb-1&quot;&gt;4537&lt;/h3&gt;
                    &lt;p class=&quot;mb-0&quot;&gt;Expert Employees&lt;/p&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;!--/.card-body --&gt;
            &lt;/div&gt;
            &lt;!--/.card --&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;item col-md-6&quot;&gt;
            &lt;div class=&quot;card shadow-lg&quot;&gt;
              &lt;div class=&quot;card-body&quot;&gt;
                &lt;div class=&quot;d-flex d-lg-block d-xl-flex flex-row&quot;&gt;
                  &lt;div&gt;
                    &lt;div class=&quot;icon btn btn-circle btn-lg btn-soft-aqua pe-none mx-auto me-4 mb-lg-3 mb-xl-0&quot;&gt; &lt;i class=&quot;uil uil-trophy&quot;&gt;&lt;/i&gt; &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div&gt;
                    &lt;h3 class=&quot;counter mb-1&quot;&gt;2184&lt;/h3&gt;
                    &lt;p class=&quot;mb-0&quot;&gt;Awards Won&lt;/p&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;!--/.card-body --&gt;
            &lt;/div&gt;
            &lt;!--/.card --&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
        &lt;/div&gt;
        &lt;!--/.row --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-lg-5&quot;&gt;
        &lt;h2 class=&quot;display-4 mb-3&quot;&gt;Join Our Community&lt;/h2&gt;
        &lt;p class=&quot;lead fs-lg&quot;&gt;We have considered our business solutions to support you on every stage of your growth.&lt;/p&gt;
        &lt;p class=&quot;mb-0&quot;&gt;Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur.&lt;/p&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!--/.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('facts', 'facts', NULL, 55, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col-lg-4&quot;&gt;
        &lt;h2 class=&quot;fs-15 text-uppercase text-primary mb-3&quot;&gt;Company Facts&lt;/h2&gt;
        &lt;h3 class=&quot;display-4 pe-xl-15&quot;&gt;We are proud of our works&lt;/h3&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
      &lt;div class=&quot;col-lg-8&quot;&gt;
        &lt;div class=&quot;row align-items-center counter-wrapper gy-6 text-center&quot;&gt;
          &lt;div class=&quot;col-md-4&quot;&gt;
            &lt;img src=&quot;/assets/img/icons/lineal/check.svg&quot; class=&quot;svg-inject icon-svg icon-svg-lg text-primary mb-3&quot; alt=&quot;&quot; /&gt;
            &lt;h3 class=&quot;counter&quot;&gt;7518&lt;/h3&gt;
            &lt;p class=&quot;mb-0&quot;&gt;Completed Projects&lt;/p&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-4&quot;&gt;
            &lt;img src=&quot;/assets/img/icons/lineal/user.svg&quot; class=&quot;svg-inject icon-svg icon-svg-lg text-primary mb-3&quot; alt=&quot;&quot; /&gt;
            &lt;h3 class=&quot;counter&quot;&gt;3472&lt;/h3&gt;
            &lt;p class=&quot;mb-0&quot;&gt;Happy Customers&lt;/p&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-4&quot;&gt;
            &lt;img src=&quot;/assets/img/icons/lineal/briefcase-2.svg&quot; class=&quot;svg-inject icon-svg icon-svg-lg text-primary mb-3&quot; alt=&quot;&quot; /&gt;
            &lt;h3 class=&quot;counter&quot;&gt;2184&lt;/h3&gt;
            &lt;p class=&quot;mb-0&quot;&gt;Expert Employees&lt;/p&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
        &lt;/div&gt;
        &lt;!--/.row --&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('facts', 'facts', NULL, 56, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col-xl-10 mx-auto&quot;&gt;
        &lt;div class=&quot;card image-wrapper bg-full bg-image bg-overlay&quot; data-image-src=&quot;/assets/img/photos/bg2.jpg&quot;&gt;
          &lt;div class=&quot;card-body p-9 p-xl-10&quot;&gt;
            &lt;div class=&quot;row align-items-center counter-wrapper gy-4 text-center text-white&quot;&gt;
              &lt;div class=&quot;col-6 col-lg-3&quot;&gt;
                &lt;h3 class=&quot;counter counter-lg text-white&quot;&gt;7518&lt;/h3&gt;
                &lt;p&gt;Completed Projects&lt;/p&gt;
              &lt;/div&gt;
              &lt;!--/column --&gt;
              &lt;div class=&quot;col-6 col-lg-3&quot;&gt;
                &lt;h3 class=&quot;counter counter-lg text-white&quot;&gt;3472&lt;/h3&gt;
                &lt;p&gt;Happy Customers&lt;/p&gt;
              &lt;/div&gt;
              &lt;!--/column --&gt;
              &lt;div class=&quot;col-6 col-lg-3&quot;&gt;
                &lt;h3 class=&quot;counter counter-lg text-white&quot;&gt;2184&lt;/h3&gt;
                &lt;p&gt;Expert Employees&lt;/p&gt;
              &lt;/div&gt;
              &lt;!--/column --&gt;
              &lt;div class=&quot;col-6 col-lg-3&quot;&gt;
                &lt;h3 class=&quot;counter counter-lg text-white&quot;&gt;4523&lt;/h3&gt;
                &lt;p&gt;Awards Won&lt;/p&gt;
              &lt;/div&gt;
              &lt;!--/column --&gt;
            &lt;/div&gt;
            &lt;!--/.row --&gt;
          &lt;/div&gt;
          &lt;!--/.card-body --&gt;
        &lt;/div&gt;
        &lt;!--/.card --&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('facts', 'facts', NULL, 57, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper image-wrapper bg-auto no-overlay bg-image text-center bg-map&quot; data-image-src=&quot;/assets/img/map.png&quot;&gt;
  &lt;div class=&quot;container py-14 pt-md-16 pb-md-18&quot;&gt;
    &lt;div class=&quot;row pt-md-12&quot;&gt;
      &lt;div class=&quot;col-lg-10 col-xl-9 col-xxl-8 mx-auto&quot;&gt;
        &lt;h2 class=&quot;fs-15 text-uppercase text-muted mb-3&quot;&gt;Join Our Community&lt;/h2&gt;
        &lt;h3 class=&quot;display-4 mb-8 px-lg-12&quot;&gt;We are trusted by over 5000+ clients. Join them now and grow your business.&lt;/h3&gt;
      &lt;/div&gt;
      &lt;!-- /.row --&gt;
    &lt;/div&gt;
    &lt;!-- /column --&gt;
    &lt;div class=&quot;row pb-md-12&quot;&gt;
      &lt;div class=&quot;col-md-10 col-lg-9 col-xl-7 mx-auto&quot;&gt;
        &lt;div class=&quot;row align-items-center counter-wrapper gy-4 gy-md-0&quot;&gt;
          &lt;div class=&quot;col-md-4 text-center&quot;&gt;
            &lt;h3 class=&quot;counter counter-lg text-primary&quot;&gt;7518&lt;/h3&gt;
            &lt;p&gt;Completed Projects&lt;/p&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-4 text-center&quot;&gt;
            &lt;h3 class=&quot;counter counter-lg text-primary&quot;&gt;5472&lt;/h3&gt;
            &lt;p&gt;Happy Customers&lt;/p&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-4 text-center&quot;&gt;
            &lt;h3 class=&quot;counter counter-lg text-primary&quot;&gt;2184&lt;/h3&gt;
            &lt;p&gt;Expert Employees&lt;/p&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
        &lt;/div&gt;
        &lt;!--/.row --&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('facts', 'facts', NULL, 58, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col-xl-10 col-xxl-9 mx-auto&quot;&gt;
        &lt;div class=&quot;row align-items-center justify-content-center counter-wrapper gy-6&quot;&gt;
          &lt;div class=&quot;col-md-6 col-lg-4&quot;&gt;
            &lt;div class=&quot;card&quot;&gt;
              &lt;div class=&quot;card-body&quot;&gt;
                &lt;div class=&quot;d-flex flex-row align-items-center&quot;&gt;
                  &lt;div&gt;
                    &lt;div class=&quot;icon btn btn-circle btn-lg btn-soft-red pe-none mx-auto me-4 mb-lg-3 mb-xl-0&quot;&gt; &lt;i class=&quot;uil uil-users-alt&quot;&gt;&lt;/i&gt; &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div&gt;
                    &lt;h3 class=&quot;counter mb-1&quot;&gt;3472&lt;/h3&gt;
                    &lt;p class=&quot;mb-0&quot;&gt;Happy Customers&lt;/p&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;!--/.card-body --&gt;
            &lt;/div&gt;
            &lt;!--/.card --&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6 col-lg-4&quot;&gt;
            &lt;div class=&quot;card&quot;&gt;
              &lt;div class=&quot;card-body&quot;&gt;
                &lt;div class=&quot;d-flex flex-row align-items-center&quot;&gt;
                  &lt;div&gt;
                    &lt;div class=&quot;icon btn btn-circle btn-lg btn-soft-leaf pe-none mx-auto me-4 mb-lg-3 mb-xl-0&quot;&gt; &lt;i class=&quot;uil uil-user-check&quot;&gt;&lt;/i&gt; &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div&gt;
                    &lt;h3 class=&quot;counter mb-1&quot;&gt;4537&lt;/h3&gt;
                    &lt;p class=&quot;mb-0&quot;&gt;Expert Employees&lt;/p&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;!--/.card-body --&gt;
            &lt;/div&gt;
            &lt;!--/.card --&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6 col-lg-4&quot;&gt;
            &lt;div class=&quot;card&quot;&gt;
              &lt;div class=&quot;card-body&quot;&gt;
                &lt;div class=&quot;d-flex flex-row align-items-center&quot;&gt;
                  &lt;div&gt;
                    &lt;div class=&quot;icon btn btn-circle btn-lg btn-soft-primary pe-none mx-auto me-4 mb-lg-3 mb-xl-0&quot;&gt; &lt;i class=&quot;uil uil-trophy&quot;&gt;&lt;/i&gt; &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div&gt;
                    &lt;h3 class=&quot;counter mb-1&quot;&gt;2654&lt;/h3&gt;
                    &lt;p class=&quot;mb-0&quot;&gt;Awards Won&lt;/p&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;!--/.card-body --&gt;
            &lt;/div&gt;
            &lt;!--/.card --&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
        &lt;/div&gt;
        &lt;!--/.row --&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('facts', 'facts', NULL, 59, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col-xl-10 mx-auto&quot;&gt;
        &lt;div class=&quot;row align-items-center counter-wrapper gy-6 text-center&quot;&gt;
          &lt;div class=&quot;col-md-3&quot;&gt;
            &lt;img src=&quot;/assets/img/icons/lineal/check.svg&quot; class=&quot;svg-inject icon-svg icon-svg-lg text-primary mb-3&quot; alt=&quot;&quot; /&gt;
            &lt;h3 class=&quot;counter&quot;&gt;7518&lt;/h3&gt;
            &lt;p&gt;Completed Projects&lt;/p&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-3&quot;&gt;
            &lt;img src=&quot;/assets/img/icons/lineal/user.svg&quot; class=&quot;svg-inject icon-svg icon-svg-lg text-primary mb-3&quot; alt=&quot;&quot; /&gt;
            &lt;h3 class=&quot;counter&quot;&gt;3472&lt;/h3&gt;
            &lt;p&gt;Happy Customers&lt;/p&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-3&quot;&gt;
            &lt;img src=&quot;/assets/img/icons/lineal/briefcase-2.svg&quot; class=&quot;svg-inject icon-svg icon-svg-lg text-primary mb-3&quot; alt=&quot;&quot; /&gt;
            &lt;h3 class=&quot;counter&quot;&gt;2184&lt;/h3&gt;
            &lt;p&gt;Expert Employees&lt;/p&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-3&quot;&gt;
            &lt;img src=&quot;/assets/img/icons/lineal/award-2.svg&quot; class=&quot;svg-inject icon-svg icon-svg-lg text-primary mb-3&quot; alt=&quot;&quot; /&gt;
            &lt;h3 class=&quot;counter&quot;&gt;4523&lt;/h3&gt;
            &lt;p&gt;Awards Won&lt;/p&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
        &lt;/div&gt;
        &lt;!--/.row --&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('facts', 'facts', NULL, 60, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row align-items-center gy-8&quot;&gt;
      &lt;div class=&quot;col-lg-7 text-center text-lg-start&quot;&gt;
        &lt;h2 class=&quot;fs-16 text-uppercase text-muted mb-3&quot;&gt;Save Time and Money&lt;/h2&gt;
        &lt;h3 class=&quot;display-3 mb-0 pe-xl-10 pe-xxl-15&quot;&gt;Save your time and money by choosing our &lt;span class=&quot;underline-3 style-2 yellow&quot;&gt;professional&lt;/span&gt; team.&lt;/h3&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
      &lt;div class=&quot;col-lg-5&quot;&gt;
        &lt;div class=&quot;row gy-6 text-center&quot;&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;div class=&quot;progressbar semi-circle fuchsia&quot; data-value=&quot;95&quot;&gt;&lt;/div&gt;
            &lt;h4 class=&quot;mb-0&quot;&gt;Customer Satisfaction&lt;/h4&gt;
          &lt;/div&gt;
          &lt;!-- /column --&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;div class=&quot;progressbar semi-circle orange&quot; data-value=&quot;80&quot;&gt;&lt;/div&gt;
            &lt;h4 class=&quot;mb-0&quot;&gt;Increased Revenue&lt;/h4&gt;
          &lt;/div&gt;
          &lt;!-- /column --&gt;
        &lt;/div&gt;
        &lt;!-- /.row --&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('facts', 'facts', NULL, 61, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;section-frame overflow-hidden&quot;&gt;
  &lt;div class=&quot;wrapper bg-soft-primary&quot; style=&quot;border-radius: 1rem;&quot;&gt;
    &lt;div class=&quot;container py-17&quot;&gt;
      &lt;div class=&quot;row text-center&quot;&gt;
        &lt;div class=&quot;col-xl-11 col-xxl-10 mx-auto&quot;&gt;
          &lt;h2 class=&quot;fs-16 text-uppercase text-muted mb-3&quot;&gt;Company Facts&lt;/h2&gt;
          &lt;h3 class=&quot;display-4 mb-10 px-lg-20 px-xl-20&quot;&gt;Save your time and money by choosing our professional team.&lt;/h3&gt;
          &lt;div class=&quot;row gy-6 text-center&quot;&gt;
            &lt;div class=&quot;col-md-6 col-lg-3&quot;&gt;
              &lt;div class=&quot;progressbar semi-circle purple&quot; data-value=&quot;75&quot;&gt;&lt;/div&gt;
              &lt;h4&gt;New Visitors&lt;/h4&gt;
              &lt;p class=&quot;mb-0&quot;&gt;Maecenas faucibus mollis interdum. Aenean eu leo.&lt;/p&gt;
            &lt;/div&gt;
            &lt;!-- /column --&gt;
            &lt;div class=&quot;col-md-6 col-lg-3&quot;&gt;
              &lt;div class=&quot;progressbar semi-circle leaf&quot; data-value=&quot;80&quot;&gt;&lt;/div&gt;
              &lt;h4&gt;Social Media&lt;/h4&gt;
              &lt;p class=&quot;mb-0&quot;&gt;Maecenas faucibus mollis interdum. Aenean eu leo.&lt;/p&gt;
            &lt;/div&gt;
            &lt;!-- /column --&gt;
            &lt;div class=&quot;col-md-6 col-lg-3&quot;&gt;
              &lt;div class=&quot;progressbar semi-circle pink&quot; data-value=&quot;60&quot;&gt;&lt;/div&gt;
              &lt;h4&gt;Referrals&lt;/h4&gt;
              &lt;p class=&quot;mb-0&quot;&gt;Maecenas faucibus mollis interdum. Aenean eu leo.&lt;/p&gt;
            &lt;/div&gt;
            &lt;!-- /column --&gt;
            &lt;div class=&quot;col-md-6 col-lg-3&quot;&gt;
              &lt;div class=&quot;progressbar semi-circle yellow&quot; data-value=&quot;90&quot;&gt;&lt;/div&gt;
              &lt;h4&gt;Search Engines&lt;/h4&gt;
              &lt;p class=&quot;mb-0&quot;&gt;Maecenas faucibus mollis interdum. Aenean eu leo.&lt;/p&gt;
            &lt;/div&gt;
            &lt;!-- /column --&gt;
          &lt;/div&gt;
          &lt;!-- /.row --&gt;
        &lt;/div&gt;
        &lt;!-- /column --&gt;
      &lt;/div&gt;
      &lt;!-- /.row --&gt;
    &lt;/div&gt;
    &lt;!-- /.container --&gt;
  &lt;/div&gt;
  &lt;!-- /.wrapper --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>', 1),
('facts', 'facts', NULL, 62, '<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
      &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
        &lt;div class=&quot;row gx-3 gy-10 gy-lg-0 mb-15 mb-md-17 align-items-center&quot;&gt;
          &lt;div class=&quot;col-lg-5 mx-auto order-lg-2&quot;&gt;
            &lt;figure&gt;&lt;img class=&quot;w-auto&quot; src=&quot;/assets/img/illustrations/3d5.png&quot; srcset=&quot;/assets/img/illustrations/3d5@2x.png 2x&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-lg-5 me-auto&quot;&gt;
            &lt;h2 class=&quot;fs-16 text-uppercase text-primary mb-3&quot;&gt;Our Solutions&lt;/h2&gt;
            &lt;h3 class=&quot;display-4 mb-5 pe-xxl-5&quot;&gt;Just sit &amp; relax while we take care of your business needs.&lt;/h3&gt;
            &lt;p class=&quot;mb-6&quot;&gt;Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus. Maecenas sed diam eget risus varius blandit sit amet non magna. Praesent commodo cursus magna.&lt;/p&gt;
            &lt;div class=&quot;row align-items-center counter-wrapper gy-6&quot;&gt;
              &lt;div class=&quot;col-md-6&quot;&gt;
                &lt;h3 class=&quot;counter counter-lg mb-1&quot;&gt;99.7%&lt;/h3&gt;
                &lt;h6 class=&quot;fs-17 mb-1&quot;&gt;Customer Satisfaction&lt;/h6&gt;
                &lt;span class=&quot;ratings five&quot;&gt;&lt;/span&gt;
              &lt;/div&gt;
              &lt;!--/column --&gt;
              &lt;div class=&quot;col-md-6&quot;&gt;
                &lt;h3 class=&quot;counter counter-lg mb-1&quot;&gt;4x&lt;/h3&gt;
                &lt;h6 class=&quot;fs-17 mb-1&quot;&gt;New Visitors&lt;/h6&gt;
                &lt;span class=&quot;ratings five&quot;&gt;&lt;/span&gt;
              &lt;/div&gt;
              &lt;!--/column --&gt;
            &lt;/div&gt;
            &lt;!--/.row --&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
        &lt;/div&gt;
        &lt;!--/.row --&gt;
      &lt;/div&gt;
      &lt;!-- /.container --&gt;
    &lt;/section&gt;
    &lt;!-- /section --&gt;</code></pre>', 1),
('Head', 'Head', NULL, 63, '<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>', 1),
('Header', 'Header', NULL, 64, '<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>
                        <li class="col">
                          <a class="dropdown-item" href="/demo35.html">
                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi35.jpg" srcset="/assets/img/demos/mi35@2x.jpg 2x" alt=""></figure>
                            <span class="d-lg-none">Demo 35</span>
                          </a>
                        </li>
                        <li class="col">
                          <a class="dropdown-item" href="/demo36.html">
                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi36.jpg" srcset="/assets/img/demos/mi36@2x.jpg 2x" alt=""></figure>
                            <span class="d-lg-none">Demo 36</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>
