INSERT INTO simeya_template_sections (template_id, section_type, section_name, section_content) VALUES
(10, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/orange.css">\n  <link rel="preload" href="/assets/css/fonts/thicccboi.css" as="style" onload="this.rel=''stylesheet''">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(10, 'header', 'header', '<header class="wrapper bg-light">\n      <div class="bg-navy text-white fw-bold fs-15 mb-2">\n        <div class="container py-2 d-md-flex flex-md-row">\n          <div class="d-flex flex-row align-items-center">\n            <div class="icon text-white fs-22 mt-1 me-2"> <i class="uil uil-location-pin-alt"></i></div>\n            <address class="mb-0">Moonshine St. 14/05 Light City</address>\n          </div>\n          <div class="d-flex flex-row align-items-center me-6 ms-auto">\n            <div class="icon text-white fs-22 mt-1 me-2"> <i class="uil uil-phone-volume"></i></div>\n            <p class="mb-0">00 (123) 456 78 90</p>\n          </div>\n          <div class="d-flex flex-row align-items-center">\n            <div class="icon text-white fs-22 mt-1 me-2"> <i class="uil uil-message"></i></div>\n            <p class="mb-0"><a href="mailto:sandbox@email.com" class="link-white hover">sandbox@email.com</a></p>\n          </div>\n        </div>\n        <!-- /.container -->\n      </div>\n      <nav class="navbar navbar-expand-lg center-nav transparent navbar-light">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <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>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <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>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <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>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <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>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <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>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <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>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <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>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <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>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <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>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <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>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <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>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <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>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <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>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <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>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <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>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <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>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <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>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <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>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <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>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <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>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <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>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <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>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <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>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <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>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <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>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <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>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <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>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <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>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <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>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <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>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <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>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <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>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <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>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <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>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <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>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <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>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <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>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <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>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <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>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <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>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <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>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <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>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <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>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <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>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <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>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <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>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <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>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <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>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <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>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <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>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <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>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <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>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <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>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other w-100 d-flex ms-auto">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item dropdown language-select text-uppercase">\n                <a class="nav-link dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">En</a>\n                <ul class="dropdown-menu">\n                  <li class="nav-item"><a class="dropdown-item" href="#">En</a></li>\n                  <li class="nav-item"><a class="dropdown-item" href="#">De</a></li>\n                  <li class="nav-item"><a class="dropdown-item" href="#">Es</a></li>\n                </ul>\n              </li>\n              <li class="nav-item d-none d-md-block">\n                <a href="/contact.html" class="btn btn-sm btn-primary rounded">Contact</a>\n              </li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n    </header>'),
(10, 'content', 'section_1', '<section class="wrapper bg-light">\n      <div class="container pt-11 pt-md-13 pb-11 pb-md-19 pb-lg-22 text-center">\n        <div class="row">\n          <div class="col-lg-8 col-xl-7 col-xxl-6 mx-auto" data-cues="slideInDown" data-group="page-title">\n            <h1 class="display-1 fs-60 mb-4 px-md-15 px-lg-0">We bring solutions to make life <span class="underline-3 style-3 primary">easier</span></h1>\n            <p class="lead fs-24 lh-sm mb-7 mx-md-13 mx-lg-10">We are a creative company that focuses on long term relationships with customers.</p>\n            <div>\n              <a class="btn btn-lg btn-primary rounded mb-5">Read More</a>\n            </div>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(10, 'content', 'section_2', '<section class="wrapper bg-dark text-inverse">\n      <div class="container py-14 py-md-16">\n        <figure class="rounded mt-md-n21 mt-lg-n23 mb-14" data-cue="slideInDown" data-delay="900"><img src="/assets/img/photos/about15.jpg" srcset="/assets/img/photos/about15@2x.jpg 2x" alt="" /></figure>\n        <div class="row">\n          <div class="col-md-10 col-lg-8 col-xl-7 col-xxl-6 mx-auto text-center">\n            <h3 class="display-4 text-white mb-10">The service we offer is specifically designed to meet your needs.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gx-md-8 gy-8 text-center" data-cues="slideInDown" data-group="services">\n          <div class="col-md-6 col-lg-3">\n            <div class="icon btn btn-circle btn-lg btn-primary pe-none mb-5"> <i class="uil uil-phone-volume"></i> </div>\n            <h4 class="text-white">24/7 Support</h4>\n            <p class="mb-3">Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.</p>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="icon btn btn-circle btn-lg btn-primary pe-none mb-5"> <i class="uil uil-shield-exclamation"></i> </div>\n            <h4 class="text-white">Secure Payments</h4>\n            <p class="mb-3">Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.</p>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="icon btn btn-circle btn-lg btn-primary pe-none mb-5"> <i class="uil uil-laptop-cloud"></i> </div>\n            <h4 class="text-white">Daily Updates</h4>\n            <p class="mb-3">Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.</p>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="icon btn btn-circle btn-lg btn-primary pe-none mb-5"> <i class="uil uil-chart-line"></i> </div>\n            <h4 class="text-white">Market Research</h4>\n            <p class="mb-3">Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.</p>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(10, 'content', 'section_3', '<section class="wrapper bg-light">\n      <div class="container py-14 py-md-17">\n        <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center mb-14 mb-md-17">\n          <div class="col-lg-6 order-lg-2">\n            <div class="row gx-md-5 gy-5 position-relative">\n              <div class="col-5">\n                <img class="img-fluid rounded shadow-lg my-5 d-flex ms-auto" data-cue="fadeIn" data-delay="300" src="/assets/img/photos/sa9.jpg" srcset="/assets/img/photos/sa9@2x.jpg 2x" alt="" />\n                <img class="img-fluid rounded shadow-lg d-flex col-10 ms-auto" data-cue="fadeIn" data-delay="600" src="/assets/img/photos/sa10.jpg" srcset="/assets/img/photos/sa10@2x.jpg 2x" alt="" />\n              </div>\n              <!-- /column -->\n              <div class="col-7">\n                <img class="img-fluid rounded shadow-lg mb-5" data-cue="fadeIn" data-delay="900" src="/assets/img/photos/sa11.jpg" srcset="/assets/img/photos/sa11@2x.jpg 2x" alt="" />\n                <img class="img-fluid rounded shadow-lg d-flex col-11" data-cue="fadeIn" data-delay="1200" src="/assets/img/photos/sa12.jpg" srcset="/assets/img/photos/sa12@2x.jpg 2x" alt="" />\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h3 class="display-4 mb-5">We make spending stress free so you have the perfect control.</h3>\n            <p class="mb-5">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 commodo.</p>\n            <div class="row gy-3">\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-primary mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Aenean quam ornare curabitur blandit consectetur.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Nullam quis risus eget urna mollis ornare aenean leo.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-primary mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Etiam porta euismod malesuada mollis nisl ornare.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Vivamus sagittis lacus augue rutrum maecenas odio.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">\n          <div class="col-lg-6">\n            <div class="row gx-md-5 gy-5 position-relative align-items-center">\n              <div class="col-6">\n                <img class="img-fluid rounded shadow-lg d-flex ms-auto" data-cue="fadeIn" data-delay="300" src="/assets/img/photos/sa13.jpg" srcset="/assets/img/photos/sa13@2x.jpg 2x" alt="" />\n              </div>\n              <!-- /column -->\n              <div class="col-6">\n                <img class="img-fluid rounded shadow-lg mb-5" data-cue="fadeIn" data-delay="900" src="/assets/img/photos/sa14.jpg" srcset="/assets/img/photos/sa14@2x.jpg 2x" alt="" />\n                <img class="img-fluid rounded shadow-lg d-flex col-10" data-cue="fadeIn" data-delay="1200" src="/assets/img/photos/sa15.jpg" srcset="/assets/img/photos/sa15@2x.jpg 2x" alt="" />\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h3 class="display-4 mb-5">We bring solutions to manage your finance the way works best.</h3>\n            <p class="mb-5">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 commodo.</p>\n            <div class="row gy-3">\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-primary mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Aenean quam ornare curabitur blandit consectetur.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Nullam quis risus eget urna mollis ornare aenean leo.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-primary mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Etiam porta euismod malesuada mollis nisl ornare.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Vivamus sagittis lacus augue rutrum maecenas odio.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(10, 'content', 'section_4', '<section class="wrapper bg-dark text-inverse">\n      <div class="container py-14 pt-md-17 pb-md-21">\n        <div class="row gx-lg-8 gx-xl-12 gy-10 gy-lg-0 mb-2 align-items-center">\n          <div class="col-lg-4">\n            <h3 class="display-4 text-white mb-3 pe-xxl-15">We are proud of our projects</h3>\n            <p class="lead fs-lg mb-0 pe-xxl-10">We bring solutions to make life easier for our customers.</p>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-8 mt-lg-2">\n            <div class="row align-items-center counter-wrapper gy-6 text-center">\n              <div class="col-md-4">\n                <h3 class="counter counter-lg text-white">1000+</h3>\n                <p>Completed Projects</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4">\n                <h3 class="counter counter-lg text-white">500+</h3>\n                <p>Happy Clients</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4">\n                <h3 class="counter counter-lg text-white">150+</h3>\n                <p>Awards Won</p>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(10, 'content', 'section_5', '<section class="wrapper bg-light">\n      <div class="container py-16 py-md-18">\n        <div class="card shadow-lg mt-n18 mt-md-n23 mb-14 mb-md-18" data-cue="slideInDown">\n          <div class="row gx-0">\n            <div class="col-lg-6 image-wrapper bg-image bg-cover rounded-top rounded-lg-start" data-image-src="/assets/img/photos/tm1.jpg">\n            </div>\n            <!--/column -->\n            <div class="col-lg-6">\n              <div class="p-10 p-md-11 p-lg-13">\n                <div class="swiper-container dots-closer mb-6" data-margin="30" data-dots="true">\n                  <div class="swiper">\n                    <div class="swiper-wrapper">\n                      <div class="swiper-slide">\n                        <blockquote class="icon icon-top fs-lg text-center">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio.”</p>\n                          <div class="blockquote-details justify-content-center text-center">\n                            <div class="info ps-0">\n                              <h5 class="mb-1">Coriss Ambady</h5>\n                              <p class="mb-0">Financial Analyst</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!--/.swiper-slide -->\n                      <div class="swiper-slide">\n                        <blockquote class="icon icon-top fs-lg text-center">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio.”</p>\n                          <div class="blockquote-details justify-content-center text-center">\n                            <div class="info ps-0">\n                              <h5 class="mb-1">Cory Zamora</h5>\n                              <p class="mb-0">Marketing Specialist</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!--/.swiper-slide -->\n                      <div class="swiper-slide">\n                        <blockquote class="icon icon-top fs-lg text-center">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio.”</p>\n                          <div class="blockquote-details justify-content-center text-center">\n                            <div class="info ps-0">\n                              <h5 class="mb-1">Nikolas Brooten</h5>\n                              <p class="mb-0">Sales Manager</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!--/.swiper-slide -->\n                    </div>\n                    <!--/.swiper-wrapper -->\n                  </div>\n                  <!--/.swiper -->\n                </div>\n                <!-- /.swiper-container -->\n              </div>\n              <!--/div -->\n            </div>\n            <!--/column -->\n          </div>\n          <!--/.row -->\n        </div>\n        <!-- /.card -->\n        <div class="row gx-lg-8 gx-xl-12 gy-10 mb-10 mb-md-12 align-items-center">\n          <div class="col-lg-6 order-lg-2">\n            <div class="row gx-md-5 gy-5 align-items-center">\n              <div class="col-md-6">\n                <div class="row gx-md-5 gy-5">\n                  <div class="col-md-10 offset-md-2" data-cue="fadeIn" data-delay="300">\n                    <figure class="rounded"><img src="/assets/img/photos/ab1.jpg" srcset="/assets/img/photos/ab1@2x.jpg 2x" alt=""></figure>\n                  </div>\n                  <!--/column -->\n                  <div class="col-md-12" data-cue="fadeIn" data-delay="900">\n                    <figure class="rounded"><img src="/assets/img/photos/ab2.jpg" srcset="/assets/img/photos/ab2@2x.jpg 2x" alt=""></figure>\n                  </div>\n                  <!--/column -->\n                </div>\n                <!--/.row -->\n              </div>\n              <!--/column -->\n              <div class="col-md-6" data-cue="fadeIn" data-delay="600">\n                <figure class="rounded"><img src="/assets/img/photos/ab3.jpg" srcset="/assets/img/photos/ab3@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h2 class="display-4 mb-3">Who Are We?</h2>\n            <p class="lead fs-lg">We are a digital and branding company that believes in the power of creative strategy and along with great design.</p>\n            <p class="mb-6">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.</p>\n            <div class="row gy-3 gx-xl-8">\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-primary mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Aenean eu leo quam ornare curabitur blandit tempus.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Nullam quis risus eget urna mollis ornare donec elit.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-primary mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Etiam porta sem malesuada magna mollis euismod.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Fermentum massa vivamus faucibus amet euismod.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-6 mb-14 mb-md-18">\n          <div class="col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <div class="icon btn btn-circle pe-none btn-soft-primary me-4"> <span class="number fs-18">1</span> </div>\n              </div>\n              <div>\n                <h4>Our Vision</h4>\n                <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget. Fusce dapibus tellus.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <div class="icon btn btn-circle pe-none btn-soft-primary me-4"> <span class="number fs-18">2</span> </div>\n              </div>\n              <div>\n                <h4>Our Mission</h4>\n                <p class="mb-2">Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet. Sed posuere consectetur.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <div class="icon btn btn-circle pe-none btn-soft-primary me-4"> <span class="number fs-18">3</span> </div>\n              </div>\n              <div>\n                <h4>Our Values</h4>\n                <p class="mb-2">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna scelerisque.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gy-10 gx-lg-8 gx-xl-12 mb-10 mb-md-14 align-items-center">\n          <div class="col-lg-7 position-relative">\n            <div class="row gx-md-5 gy-5">\n              <div class="col-md-6">\n                <figure class="rounded mt-md-10 position-relative" data-cue="fadeIn" data-delay="300"><img src="/assets/img/photos/g5.jpg" srcset="/assets/img/photos/g5@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <div class="row gx-md-5 gy-5">\n                  <div class="col-md-12 order-md-2">\n                    <figure class="rounded" data-cue="fadeIn" data-delay="1100"><img src="/assets/img/photos/g6.jpg" srcset="/assets/img/photos/g6@2x.jpg 2x" alt=""></figure>\n                  </div>\n                  <!--/column -->\n                  <div class="col-md-10">\n                    <div class="card bg-pale-primary text-center" data-cue="fadeIn" data-delay="800">\n                      <div class="card-body py-11 counter-wrapper">\n                        <h3 class="counter text-nowrap">5000+</h3>\n                        <p class="mb-0">Satisfied Customers</p>\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!--/.card -->\n                  </div>\n                  <!--/column -->\n                </div>\n                <!--/.row -->\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-5">\n            <h2 class="display-4 mb-3">Let’s Talk</h2>\n            <p class="lead fs-lg">Let’s make something great together. We are trusted by over 5000+ clients. Join them by using our services and grow your business.</p>\n            <p>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.</p>\n            <a href="#" class="btn btn-primary rounded mt-2">Join Us</a>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="px-lg-5">\n          <div class="row gx-0 gx-md-8 gx-xl-12 gy-8 align-items-center">\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c1.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c2.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c3.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c4.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c5.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c6.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n          </div>\n          <!--/.row -->\n        </div>\n        <!-- /div -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(10, 'footer', 'footer', '<footer class="bg-dark text-inverse">\n    <div class="container py-13 py-md-15">\n      <div class="row gy-6 gy-lg-0">\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <img class="mb-4" src="/assets/img/logo-light.png" srcset="/assets/img/logo-light@2x.png 2x" alt="" />\n            <p class="mb-4">© <script>\n                document.write(new Date().getUTCFullYear());\n              </script> Simeya. <br class="d-none d-lg-block" />All rights reserved.</p>\n            <nav class="nav social social-white">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Get in Touch</h4>\n            <address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address>\n            <a href="mailto:#">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Learn More</h4>\n            <ul class="list-unstyled  mb-0">\n              <li><a href="#">About Us</a></li>\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Projects</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-12 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Our Newsletter</h4>\n            <p class="mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p>\n            <div class="newsletter-wrapper">\n              <!-- Begin Mailchimp Signup Form -->\n              <div id="mc_embed_signup2">\n                <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate dark-fields" target="_blank" novalidate>\n                  <div id="mc_embed_signup_scroll2">\n                    <div class="mc-field-group input-group form-floating">\n                      <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2">\n                      <label for="mce-EMAIL2">Email Address</label>\n                      <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary ">\n                    </div>\n                    <div id="mce-responses2" class="clear">\n                      <div class="response" id="mce-error-response2" style="display:none"></div>\n                      <div class="response" id="mce-success-response2" style="display:none"></div>\n                    </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n                    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>\n                    <div class="clear"></div>\n                  </div>\n                </form>\n              </div>\n              <!--End mc_embed_signup-->\n            </div>\n            <!-- /.newsletter-wrapper -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!--/.row -->\n    </div>\n    <!-- /.container -->\n  </footer>'),
(10, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(11, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/purple.css">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(11, 'header', 'header', '<header class="wrapper bg-soft-primary">\n      <nav class="navbar navbar-expand-lg classic transparent position-absolute navbar-dark">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img class="logo-dark" src="/assets/img/logo-purple.png" srcset="/assets/img/logo-purple@2x.png 2x" alt="" />\n              <img class="logo-light" src="/assets/img/logo-light.png" srcset="/assets/img/logo-light@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <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>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <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>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <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>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <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>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <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>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <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>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <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>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <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>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <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>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <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>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <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>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <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>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <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>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <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>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <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>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <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>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <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>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <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>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <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>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <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>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <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>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <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>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <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>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <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>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <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>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <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>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <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>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <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>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <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>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <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>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <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>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <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>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <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>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <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>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <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>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <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>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <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>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <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>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <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>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <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>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <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>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <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>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <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>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <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>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <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>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <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>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <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>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <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>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <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>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <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>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <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>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <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>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <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>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other ms-lg-4">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item d-none d-md-block">\n                <a href="#" class="btn btn-sm btn-white rounded-pill">Free Trial</a>\n              </li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n    </header>'),
(11, 'content', 'section_1', '<section class="wrapper image-wrapper bg-image bg-overlay bg-overlay-400 bg-content text-white" data-image-src="/assets/img/photos/bg4.jpg">\n      <div class="container pt-18 pb-16" style="z-index: 5; position:relative">\n        <div class="row gx-0 gy-12 align-items-center">\n          <div class="col-md-10 offset-md-1 offset-lg-0 col-lg-6 content text-center text-lg-start" data-cues="slideInDown" data-group="page-title" data-delay="600">\n            <h1 class="display-2 mb-5 text-white">Crafting project specific solutions with expertise.</h1>\n            <p class="lead fs-lg lh-sm mb-7 pe-xl-10">We’re a creative company that focuses on establishing long-term relationships with customers.</p>\n            <div class="d-flex justify-content-center justify-content-lg-start" data-cues="slideInDown" data-group="page-title-buttons" data-delay="900">\n              <span><a href="#" class="btn btn-lg btn-white rounded-pill me-2">Explore Now</a></span>\n              <span><a href="#" class="btn btn-lg btn-outline-white rounded-pill">Contact Us</a></span>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5 offset-lg-1">\n            <div class="swiper-container dots-over shadow-lg" data-margin="5" data-nav="true" data-dots="true">\n              <div class="swiper">\n                <div class="swiper-wrapper">\n                  <div class="swiper-slide"><img src="/assets/img/photos/about21.jpg" srcset="/assets/img/photos/about21@2x.jpg 2x" class="rounded" alt="" /></div>\n                  <div class="swiper-slide"><a href="/assets/media/movie.mp4" class="btn btn-circle btn-white btn-play ripple mx-auto mb-5 position-absolute" style="top:50%; left: 50%; transform: translate(-50%,-50%); z-index:3;" data-glightbox data-gallery="hero"><i class="icn-caret-right"></i></a><img src="/assets/img/photos/about22.jpg" srcset="/assets/img/photos/about22@2x.jpg 2x" class="rounded" alt="" /></div>\n                  <div class="swiper-slide"><img src="/assets/img/photos/about23.jpg" srcset="/assets/img/photos/about23@2x.jpg 2x" class="rounded" alt="" /></div>\n                </div>\n                <!--/.swiper-wrapper -->\n              </div>\n              <!--/.swiper -->\n            </div>\n            <!-- /.swiper-container -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(11, 'content', 'section_2', '<section class="wrapper bg-light">\n      <div class="container py-14 py-md-17">\n        <div class="row text-center">\n          <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">\n            <h2 class="fs-15 text-uppercase text-primary mb-3">What We Do?</h2>\n            <h3 class="display-4 mb-10 px-xl-10">The service we offer is specifically designed to meet your needs.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="position-relative mb-14 mb-md-17">\n          <div class="shape rounded-circle bg-soft-primary rellax w-16 h-16" data-rellax-speed="1" style="bottom: -0.5rem; right: -2.5rem; z-index: 0;"></div>\n          <div class="shape bg-dot primary rellax w-16 h-17" data-rellax-speed="1" style="top: -0.5rem; left: -2.5rem; z-index: 0;"></div>\n          <div class="row gx-md-5 gy-5 text-center">\n            <div class="col-md-6 col-xl-3">\n              <div class="card">\n                <div class="card-body">\n                  <div class="icon btn btn-circle btn-lg btn-primary pe-none mb-3"> <i class="uil uil-phone-volume"></i> </div>\n                  <h4>24/7 Support</h4>\n                  <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus cras justo.</p>\n                  <a href="#" class="more hover link-primary">Learn More</a>\n                </div>\n                <!--/.card-body -->\n              </div>\n              <!--/.card -->\n            </div>\n            <!--/column -->\n            <div class="col-md-6 col-xl-3">\n              <div class="card">\n                <div class="card-body">\n                  <div class="icon btn btn-circle btn-lg btn-primary pe-none mb-3"> <i class="uil uil-shield-exclamation"></i> </div>\n                  <h4>Secure Payments</h4>\n                  <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus cras justo.</p>\n                  <a href="#" class="more hover link-primary">Learn More</a>\n                </div>\n                <!--/.card-body -->\n              </div>\n              <!--/.card -->\n            </div>\n            <!--/column -->\n            <div class="col-md-6 col-xl-3">\n              <div class="card">\n                <div class="card-body">\n                  <div class="icon btn btn-circle btn-lg btn-primary pe-none mb-3"> <i class="uil uil-laptop-cloud"></i> </div>\n                  <h4>Daily Updates</h4>\n                  <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus cras justo.</p>\n                  <a href="#" class="more hover link-primary">Learn More</a>\n                </div>\n                <!--/.card-body -->\n              </div>\n              <!--/.card -->\n            </div>\n            <!--/column -->\n            <div class="col-md-6 col-xl-3">\n              <div class="card">\n                <div class="card-body">\n                  <div class="icon btn btn-circle btn-lg btn-primary pe-none mb-3"> <i class="uil uil-chart-line"></i> </div>\n                  <h4>Market Research</h4>\n                  <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus cras justo.</p>\n                  <a href="#" class="more hover link-primary">Learn More</a>\n                </div>\n                <!--/.card-body -->\n              </div>\n              <!--/.card -->\n            </div>\n            <!--/column -->\n          </div>\n          <!--/.row -->\n        </div>\n        <!-- /.position-relative -->\n        <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center mb-14 mb-md-17">\n          <div class="col-lg-7">\n            <figure><img class="w-auto" src="/assets/img/illustrations/i11.png" srcset="/assets/img/illustrations/i11@2x.png 2x" alt="" /></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5">\n            <h2 class="fs-15 text-uppercase text-primary mb-3">Why Choose Us?</h2>\n            <h3 class="display-4 mb-7">We bring solutions to make life easier for our clients.</h3>\n            <div class="accordion accordion-wrapper" id="accordionExample">\n              <div class="card plain accordion-item">\n                <div class="card-header" id="headingOne">\n                  <button class="accordion-button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> Professional Design </button>\n                </div>\n                <!--/.card-header -->\n                <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">\n                  <div class="card-body">\n                    <p>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.</p>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.accordion-collapse -->\n              </div>\n              <!--/.accordion-item -->\n              <div class="card plain accordion-item">\n                <div class="card-header" id="headingTwo">\n                  <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> Top-Notch Support </button>\n                </div>\n                <!--/.card-header -->\n                <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">\n                  <div class="card-body">\n                    <p>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.</p>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.accordion-collapse -->\n              </div>\n              <!--/.accordion-item -->\n              <div class="card plain accordion-item">\n                <div class="card-header" id="headingThree">\n                  <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> Header and Slider Options </button>\n                </div>\n                <!--/.card-header -->\n                <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">\n                  <div class="card-body">\n                    <p>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.</p>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.accordion-collapse -->\n              </div>\n              <!--/.accordion-item -->\n            </div>\n            <!--/.accordion -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center mb-md-15">\n          <div class="col-lg-7 order-lg-2">\n            <figure><img class="w-auto" src="/assets/img/illustrations/i17.png" srcset="/assets/img/illustrations/i17@2x.png 2x" alt="" /></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5">\n            <h2 class="fs-15 text-uppercase text-primary mb-3">Our Solutions</h2>\n            <h3 class="display-4 mb-5">We make your spending stress-free for you to have the perfect control.</h3>\n            <p class="mb-6">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.</p>\n            <div class="row gy-3">\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-primary mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Aenean quam ornare. Curabitur blandit.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Nullam quis risus eget urna mollis ornare.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-primary mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Etiam porta euismod malesuada mollis.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Vivamus sagittis lacus vel augue rutrum.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(11, 'content', 'section_3', '<section class="wrapper bg-gray">\n      <div class="container py-14 pt-md-0 pb-md-16">\n        <div class="row mt-md-n50p mb-14 mb-md-7">\n          <div class="col-xl-10 mx-auto">\n            <div class="card image-wrapper bg-full bg-image bg-overlay bg-overlay-400" data-image-src="/assets/img/photos/bg2.jpg">\n              <div class="card-body p-9 p-xl-11">\n                <div class="row align-items-center counter-wrapper gy-8 text-center text-white">\n                  <div class="col-6 col-lg-3">\n                    <h3 class="counter counter-lg text-white">7518</h3>\n                    <p>Completed Projects</p>\n                  </div>\n                  <!--/column -->\n                  <div class="col-6 col-lg-3">\n                    <h3 class="counter counter-lg text-white">3472</h3>\n                    <p>Happy Customers</p>\n                  </div>\n                  <!--/column -->\n                  <div class="col-6 col-lg-3">\n                    <h3 class="counter counter-lg text-white">2184</h3>\n                    <p>Expert Employees</p>\n                  </div>\n                  <!--/column -->\n                  <div class="col-6 col-lg-3">\n                    <h3 class="counter counter-lg text-white">4523</h3>\n                    <p>Awards Won</p>\n                  </div>\n                  <!--/column -->\n                </div>\n                <!--/.row -->\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row text-center">\n          <div class="col-lg-9 col-xl-8 col-xxl-7 mx-auto">\n            <h2 class="fs-15 text-uppercase text-primary mb-3">Case Studies</h2>\n            <h3 class="display-4 mb-6">Check out some of our awesome projects with creative ideas and great design.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="position-relative">\n          <div class="shape bg-dot primary rellax w-17 h-20" data-rellax-speed="1" style="top: 0; left: -1.7rem;"></div>\n          <div class="swiper-container dots-closer blog grid-view mb-6" data-margin="0" data-dots="true" data-items-xl="3" data-items-md="2" data-items-xs="1">\n            <div class="swiper">\n              <div class="swiper-wrapper">\n                <div class="swiper-slide">\n                  <div class="item-inner">\n                    <article>\n                      <div class="card">\n                        <figure class="card-img-top overlay overlay-1 hover-scale"><a href="#"> <img src="/assets/img/photos/b4.jpg" alt="" /></a>\n                          <figcaption>\n                            <h5 class="from-top mb-0">Read More</h5>\n                          </figcaption>\n                        </figure>\n                        <div class="card-body">\n                          <div class="post-header">\n                            <h2 class="post-title h3 mt-1 mb-3"><a class="link-dark" href="/blog-post.html">Ligula tristique quis risus</a></h2>\n                          </div>\n                          <!-- /.post-header -->\n                          <div class="post-content">\n                            <p>Mauris convallis non ligula non interdum. Gravida vulputate convallis tempus vestibulum cras imperdiet nun eu dolor.</p>\n                          </div>\n                          <!-- /.post-content -->\n                        </div>\n                        <!--/.card-body -->\n                        <div class="card-footer">\n                          <ul class="post-meta d-flex mb-0">\n                            <li class="post-date"><i class="uil uil-calendar-alt"></i><span>14 Apr 2022</span></li>\n                            <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Coding</a></li>\n                          </ul>\n                          <!-- /.post-meta -->\n                        </div>\n                        <!-- /.card-footer -->\n                      </div>\n                      <!-- /.card -->\n                    </article>\n                    <!-- /article -->\n                  </div>\n                  <!-- /.item-inner -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="item-inner">\n                    <article>\n                      <div class="card">\n                        <figure class="card-img-top overlay overlay-1 hover-scale"><a href="#"> <img src="/assets/img/photos/b5.jpg" alt="" /></a>\n                          <figcaption>\n                            <h5 class="from-top mb-0">Read More</h5>\n                          </figcaption>\n                        </figure>\n                        <div class="card-body">\n                          <div class="post-header">\n                            <h2 class="post-title h3 mt-1 mb-3"><a class="link-dark" href="/blog-post.html">Nullam id dolor elit id nibh</a></h2>\n                          </div>\n                          <!-- /.post-header -->\n                          <div class="post-content">\n                            <p>Mauris convallis non ligula non interdum. Gravida vulputate convallis tempus vestibulum cras imperdiet nun eu dolor.</p>\n                          </div>\n                          <!-- /.post-content -->\n                        </div>\n                        <!--/.card-body -->\n                        <div class="card-footer">\n                          <ul class="post-meta d-flex mb-0">\n                            <li class="post-date"><i class="uil uil-calendar-alt"></i><span>29 Mar 2022</span></li>\n                            <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Workspace</a></li>\n                          </ul>\n                          <!-- /.post-meta -->\n                        </div>\n                        <!-- /.card-footer -->\n                      </div>\n                      <!-- /.card -->\n                    </article>\n                    <!-- /article -->\n                  </div>\n                  <!-- /.item-inner -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="item-inner">\n                    <article>\n                      <div class="card">\n                        <figure class="card-img-top overlay overlay-1 hover-scale"><a href="#"> <img src="/assets/img/photos/b6.jpg" alt="" /></a>\n                          <figcaption>\n                            <h5 class="from-top mb-0">Read More</h5>\n                          </figcaption>\n                        </figure>\n                        <div class="card-body">\n                          <div class="post-header">\n                            <h2 class="post-title h3 mt-1 mb-3"><a class="link-dark" href="/blog-post.html">Ultricies fusce porta elit</a></h2>\n                          </div>\n                          <!-- /.post-header -->\n                          <div class="post-content">\n                            <p>Mauris convallis non ligula non interdum. Gravida vulputate convallis tempus vestibulum cras imperdiet nun eu dolor.</p>\n                          </div>\n                          <!-- /.post-content -->\n                        </div>\n                        <!--/.card-body -->\n                        <div class="card-footer">\n                          <ul class="post-meta d-flex mb-0">\n                            <li class="post-date"><i class="uil uil-calendar-alt"></i><span>26 Feb 2022</span></li>\n                            <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Meeting</a></li>\n                          </ul>\n                          <!-- /.post-meta -->\n                        </div>\n                        <!-- /.card-footer -->\n                      </div>\n                      <!-- /.card -->\n                    </article>\n                    <!-- /article -->\n                  </div>\n                  <!-- /.item-inner -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="item-inner">\n                    <article>\n                      <div class="card">\n                        <figure class="card-img-top overlay overlay-1 hover-scale"><a href="#"> <img src="/assets/img/photos/b7.jpg" alt="" /></a>\n                          <figcaption>\n                            <h5 class="from-top mb-0">Read More</h5>\n                          </figcaption>\n                        </figure>\n                        <div class="card-body">\n                          <div class="post-header">\n                            <h2 class="post-title h3 mt-1 mb-3"><a class="link-dark" href="/blog-post.html">Morbi leo risus porta eget</a></h2>\n                          </div>\n                          <!-- /.post-header -->\n                          <div class="post-content">\n                            <p>Mauris convallis non ligula non interdum. Gravida vulputate convallis tempus vestibulum cras imperdiet nun eu dolor.</p>\n                          </div>\n                          <!-- /.post-content -->\n                        </div>\n                        <!--/.card-body -->\n                        <div class="card-footer">\n                          <ul class="post-meta d-flex mb-0">\n                            <li class="post-date"><i class="uil uil-calendar-alt"></i><span>7 Jan 2022</span></li>\n                            <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Business Tips</a></li>\n                          </ul>\n                          <!-- /.post-meta -->\n                        </div>\n                        <!-- /.card-footer -->\n                      </div>\n                      <!-- /.card -->\n                    </article>\n                    <!-- /article -->\n                  </div>\n                  <!-- /.item-inner -->\n                </div>\n                <!--/.swiper-slide -->\n              </div>\n              <!--/.swiper-wrapper -->\n            </div>\n            <!--/.swiper -->\n          </div>\n          <!-- /.swiper-container -->\n        </div>\n        <!-- /.position-relative -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(11, 'content', 'section_4', '<section class="wrapper bg-light">\n      <div class="container py-14 py-md-17">\n        <div class="row gy-10 gy-sm-13 gx-lg-3 align-items-center mb-14 mb-md-18">\n          <div class="col-md-8 col-lg-6 position-relative">\n            <a href="/assets/media/movie.mp4" class="btn btn-circle btn-primary btn-play ripple mx-auto mb-5 position-absolute" style="top:50%; left: 50%; transform: translate(-50%,-50%); z-index:3;" data-glightbox data-gallery="about"><i class="icn-caret-right"></i></a>\n            <div class="shape rounded bg-soft-primary rellax d-md-block" data-rellax-speed="0" style="bottom: -1.8rem; right: -1.5rem; width: 85%; height: 90%; "></div>\n            <figure class="rounded"><img src="/assets/img/photos/about12.jpg" srcset="/assets/img/photos/about12@2x.jpg 2x" alt=""></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5 offset-lg-1">\n            <h2 class="fs-15 text-uppercase text-primary mb-3">Who Are We?</h2>\n            <h3 class="display-4 mb-6">Company that believes in the power of creative strategy.</h3>\n            <p class="mb-6">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.</p>\n            <div class="row gy-3 gx-xl-8">\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-primary mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Aenean eu leo quam ornare curabitur blandit tempus.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Nullam quis risus eget urna mollis ornare donec elit.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-primary mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Etiam porta sem malesuada magna mollis euismod.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Fermentum massa vivamus faucibus amet euismod.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row mb-3">\n          <div class="col-md-10 col-lg-12 col-xl-10 col-xxl-9 mx-auto text-center">\n            <h2 class="fs-15 text-uppercase text-primary mb-3">Our Team</h2>\n            <h3 class="display-4 mb-7 px-lg-19 px-xl-18">Think unique and be innovative. Make a difference with Simeya.</h3>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row grid-view gx-md-8 gx-xl-10 gy-8 gy-lg-0 mb-md-20">\n          <div class="col-md-6 col-lg-3">\n            <div class="position-relative">\n              <div class="shape rounded bg-soft-primary rellax d-md-block" data-rellax-speed="0" style="bottom: -0.75rem; right: -0.75rem; width: 98%; height: 98%; z-index:0"></div>\n              <div class="card">\n                <figure class="card-img-top"><img class="img-fluid" src="/assets/img/avatars/t1.jpg" srcset="/assets/img/avatars/t1@2x.jpg 2x" alt="" /></figure>\n                <div class="card-body px-6 py-5">\n                  <h4 class="mb-1">Coriss Ambady</h4>\n                  <p class="mb-0">Financial Analyst</p>\n                </div>\n                <!--/.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!-- /div -->\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="position-relative">\n              <div class="shape rounded bg-soft-primary rellax d-md-block" data-rellax-speed="0" style="bottom: -0.75rem; right: -0.75rem; width: 98%; height: 98%; z-index:0"></div>\n              <div class="card">\n                <figure class="card-img-top"><img class="img-fluid" src="/assets/img/avatars/t2.jpg" srcset="/assets/img/avatars/t2@2x.jpg 2x" alt="" /></figure>\n                <div class="card-body px-6 py-5">\n                  <h4 class="mb-1">Cory Zamora</h4>\n                  <p class="mb-0">Marketing Specialist</p>\n                </div>\n                <!--/.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!-- /div -->\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="position-relative">\n              <div class="shape rounded bg-soft-primary rellax d-md-block" data-rellax-speed="0" style="bottom: -0.75rem; right: -0.75rem; width: 98%; height: 98%; z-index:0"></div>\n              <div class="card">\n                <figure class="card-img-top"><img class="img-fluid" src="/assets/img/avatars/t3.jpg" srcset="/assets/img/avatars/t3@2x.jpg 2x" alt="" /></figure>\n                <div class="card-body px-6 py-5">\n                  <h4 class="mb-1">Nikolas Brooten</h4>\n                  <p class="mb-0">Sales Manager</p>\n                </div>\n                <!--/.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!-- /div -->\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="position-relative">\n              <div class="shape rounded bg-soft-primary rellax d-md-block" data-rellax-speed="0" style="bottom: -0.75rem; right: -0.75rem; width: 98%; height: 98%; z-index:0"></div>\n              <div class="card">\n                <figure class="card-img-top"><img class="img-fluid" src="/assets/img/avatars/t4.jpg" srcset="/assets/img/avatars/t4@2x.jpg 2x" alt="" /></figure>\n                <div class="card-body px-6 py-5">\n                  <h4 class="mb-1">Jackie Sanders</h4>\n                  <p class="mb-0">Investment Planner</p>\n                </div>\n                <!--/.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!-- /div -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(11, 'content', 'section_5', '<section class="wrapper bg-gray">\n      <div class="container py-14 pt-md-0 pb-md-17">\n        <div class="row mt-md-n50p text-white text-center">\n          <div class="col-xl-10 mx-auto mb-14 mb-lg-n6">\n            <div class="card image-wrapper bg-full bg-image bg-overlay bg-overlay-400" data-image-src="/assets/img/photos/bg2.jpg">\n              <div class="card-body p-9 p-xl-12">\n                <div class="row gx-0">\n                  <div class="col-xxl-9 mx-auto">\n                    <div class="swiper-container dots-light dots-closer mb-6" data-margin="30" data-dots="true">\n                      <div class="swiper">\n                        <div class="swiper-wrapper">\n                          <div class="swiper-slide">\n                            <span class="ratings five mb-3"></span>\n                            <blockquote class="border-0 fs-lg mb-2">\n                              <p>“Vivamus sagittis lacus augue laoreet rutrum faucibus auctor vestibulum ligula porta felis, euismod semper cras justo odio consectetur.”</p>\n                              <div class="blockquote-details justify-content-center text-center">\n                                <div class="info ps-0">\n                                  <h5 class="mb-1 text-white">Coriss Ambady</h5>\n                                  <p class="mb-0">Financial Analyst</p>\n                                </div>\n                              </div>\n                            </blockquote>\n                          </div>\n                          <!--/.swiper-slide -->\n                          <div class="swiper-slide">\n                            <span class="ratings five mb-3"></span>\n                            <blockquote class="border-0 fs-lg mb-2">\n                              <p>“Vivamus sagittis lacus augue laoreet rutrum faucibus auctor vestibulum ligula porta felis, euismod semper cras justo odio consectetur.”</p>\n                              <div class="blockquote-details justify-content-center text-center">\n                                <div class="info ps-0">\n                                  <h5 class="mb-1 text-white">Cory Zamora</h5>\n                                  <p class="mb-0">Marketing Specialist</p>\n                                </div>\n                              </div>\n                            </blockquote>\n                          </div>\n                          <!--/.swiper-slide -->\n                          <div class="swiper-slide">\n                            <span class="ratings five mb-3"></span>\n                            <blockquote class="border-0 fs-lg mb-2">\n                              <p>“Vivamus sagittis lacus augue laoreet rutrum faucibus auctor vestibulum ligula porta felis, euismod semper cras justo odio consectetur.”</p>\n                              <div class="blockquote-details justify-content-center text-center">\n                                <div class="info ps-0">\n                                  <h5 class="mb-1 text-white">Nikolas Brooten</h5>\n                                  <p class="mb-0">Sales Manager</p>\n                                </div>\n                              </div>\n                            </blockquote>\n                          </div>\n                          <!--/.swiper-slide -->\n                        </div>\n                        <!--/.swiper-wrapper -->\n                      </div>\n                      <!--/.swiper -->\n                    </div>\n                    <!-- /.swiper-container -->\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row text-center">\n          <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">\n            <h2 class="fs-15 text-uppercase text-primary mb-3">Our Pricing</h2>\n            <h3 class="display-4 mb-10 px-xl-10">We offer great prices, premium products and quality service for your business.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row">\n          <div class="col-xl-11 mx-auto">\n            <div class="pricing-wrapper position-relative mb-10 mb-md-14">\n              <div class="shape bg-dot primary rellax w-16 h-18" data-rellax-speed="1" style="top: 2rem; right: -2.4rem;"></div>\n              <div class="shape rounded-circle bg-line primary rellax w-18 h-18 d-none d-lg-block" data-rellax-speed="1" style="bottom: 0.5rem; left: -2.5rem;"></div>\n              <div class="pricing-switcher-wrapper switcher">\n                <p class="mb-0 pe-3">Monthly</p>\n                <div class="pricing-switchers">\n                  <div class="pricing-switcher pricing-switcher-active"></div>\n                  <div class="pricing-switcher"></div>\n                  <div class="switcher-button bg-primary"></div>\n                </div>\n                <p class="mb-0 ps-3">Yearly</p>\n              </div>\n              <div class="row gy-6 mt-3 mt-md-5">\n                <div class="col-md-6 col-lg-4">\n                  <div class="pricing card">\n                    <div class="card-body">\n                      <div class="prices text-dark">\n                        <div class="price price-show justify-content-start"><span class="price-currency">$</span><span class="price-value">9</span> <span class="price-duration">mo</span></div>\n                        <div class="price price-hide price-hidden justify-content-start"><span class="price-currency">$</span><span class="price-value">99</span> <span class="price-duration">yr</span></div>\n                      </div>\n                      <!--/.prices -->\n                      <h4 class="card-title mt-2">Basic Plan</h4>\n                      <ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8 text-start">\n                        <li><i class="uil uil-check"></i><span><strong>1</strong> Project </span></li>\n                        <li><i class="uil uil-check"></i><span><strong>100K</strong> API Access </span></li>\n                        <li><i class="uil uil-check"></i><span><strong>100MB</strong> Storage </span></li>\n                        <li><i class="uil uil-check"></i><span> Weekly <strong>Reports</strong> </span></li>\n                        <li><i class="uil uil-check"></i><span> 7/24 <strong>Support</strong></span></li>\n                      </ul>\n                      <a href="#" class="btn btn-primary rounded-pill">Choose Plan</a>\n                    </div>\n                    <!--/.card-body -->\n                  </div>\n                  <!--/.pricing -->\n                </div>\n                <!--/column -->\n                <div class="col-md-6 col-lg-4 popular">\n                  <div class="pricing card">\n                    <div class="card-body">\n                      <div class="prices text-dark">\n                        <div class="price price-show justify-content-start"><span class="price-currency">$</span><span class="price-value">19</span> <span class="price-duration">mo</span></div>\n                        <div class="price price-hide price-hidden justify-content-start"><span class="price-currency">$</span><span class="price-value">199</span> <span class="price-duration">yr</span></div>\n                      </div>\n                      <!--/.prices -->\n                      <h4 class="card-title mt-2">Premium Plan</h4>\n                      <ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8 text-start">\n                        <li><i class="uil uil-check"></i><span><strong>5</strong> Projects </span></li>\n                        <li><i class="uil uil-check"></i><span><strong>100K</strong> API Access </span></li>\n                        <li><i class="uil uil-check"></i><span><strong>200MB</strong> Storage </span></li>\n                        <li><i class="uil uil-check"></i><span> Weekly <strong>Reports</strong></span></li>\n                        <li><i class="uil uil-check"></i><span> 7/24 <strong>Support</strong></span></li>\n                      </ul>\n                      <a href="#" class="btn btn-primary rounded-pill">Choose Plan</a>\n                    </div>\n                    <!--/.card-body -->\n                  </div>\n                  <!--/.pricing -->\n                </div>\n                <!--/column -->\n                <div class="col-md-6 offset-md-3 col-lg-4 offset-lg-0">\n                  <div class="pricing card">\n                    <div class="card-body">\n                      <div class="prices text-dark">\n                        <div class="price price-show justify-content-start"><span class="price-currency">$</span><span class="price-value">49</span> <span class="price-duration">mo</span></div>\n                        <div class="price price-hide price-hidden justify-content-start"><span class="price-currency">$</span><span class="price-value">499</span> <span class="price-duration">yr</span></div>\n                      </div>\n                      <!--/.prices -->\n                      <h4 class="card-title mt-2">Corporate Plan</h4>\n                      <ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8 text-start">\n                        <li><i class="uil uil-check"></i><span><strong>20</strong> Projects </span></li>\n                        <li><i class="uil uil-check"></i><span><strong>300K</strong> API Access </span></li>\n                        <li><i class="uil uil-check"></i><span><strong>500MB</strong> Storage </span></li>\n                        <li><i class="uil uil-check"></i><span> Weekly <strong>Reports</strong></span></li>\n                        <li><i class="uil uil-check"></i><span> 7/24 <strong>Support</strong></span></li>\n                      </ul>\n                      <a href="#" class="btn btn-primary rounded-pill">Choose Plan</a>\n                    </div>\n                    <!--/.card-body -->\n                  </div>\n                  <!--/.pricing -->\n                </div>\n                <!--/column -->\n              </div>\n              <!--/.row -->\n            </div>\n            <!--/.pricing-wrapper -->\n            <div class="row gx-md-8 gx-xl-12 gy-10">\n              <div class="col-lg-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <span class="icon btn btn-sm btn-circle btn-primary pe-none me-5"><i class="uil uil-comment-exclamation"></i></span>\n                  </div>\n                  <div>\n                    <h4>Can I cancel my subscription?</h4>\n                    <p class="mb-0">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod maecenas.</p>\n                  </div>\n                </div>\n              </div>\n              <!-- /column -->\n              <div class="col-lg-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <span class="icon btn btn-sm btn-circle btn-primary pe-none me-5"><i class="uil uil-comment-exclamation"></i></span>\n                  </div>\n                  <div>\n                    <h4>Which payment methods do you accept?</h4>\n                    <p class="mb-0">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod maecenas.</p>\n                  </div>\n                </div>\n              </div>\n              <!-- /column -->\n              <div class="col-lg-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <span class="icon btn btn-sm btn-circle btn-primary pe-none me-5"><i class="uil uil-comment-exclamation"></i></span>\n                  </div>\n                  <div>\n                    <h4>How can I manage my Account?</h4>\n                    <p class="mb-0">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod maecenas.</p>\n                  </div>\n                </div>\n              </div>\n              <!-- /column -->\n              <div class="col-lg-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <span class="icon btn btn-sm btn-circle btn-primary pe-none me-5"><i class="uil uil-comment-exclamation"></i></span>\n                  </div>\n                  <div>\n                    <h4>Is my credit card information secure?</h4>\n                    <p class="mb-0">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod maecenas.</p>\n                  </div>\n                </div>\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(11, 'footer', 'footer', '<footer class="bg-navy text-inverse">\n    <div class="container py-13 py-md-15">\n      <div class="d-lg-flex flex-row align-items-lg-center">\n        <h3 class="display-4 mb-6 mb-lg-0 pe-lg-20 pe-xl-22 pe-xxl-25 text-white">Join our community by using our services and grow your business.</h3>\n        <a href="#" class="btn btn-primary rounded-pill mb-0 text-nowrap">Try It For Free</a>\n      </div>\n      <!--/div -->\n      <hr class="mt-11 mb-12" />\n      <div class="row gy-6 gy-lg-0">\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <img class="mb-4" src="/assets/img/logo-light.png" srcset="/assets/img/logo-light@2x.png 2x" alt="" />\n            <p class="mb-4">© <script>\n                document.write(new Date().getUTCFullYear());\n              </script> Simeya. <br class="d-none d-lg-block" />All rights reserved.</p>\n            <nav class="nav social social-white">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Get in Touch</h4>\n            <address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address>\n            <a href="mailto:#">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Learn More</h4>\n            <ul class="list-unstyled  mb-0">\n              <li><a href="#">About Us</a></li>\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Projects</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-12 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Our Newsletter</h4>\n            <p class="mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p>\n            <div class="newsletter-wrapper">\n              <!-- Begin Mailchimp Signup Form -->\n              <div id="mc_embed_signup2">\n                <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate dark-fields" target="_blank" novalidate>\n                  <div id="mc_embed_signup_scroll2">\n                    <div class="mc-field-group input-group form-floating">\n                      <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2">\n                      <label for="mce-EMAIL2">Email Address</label>\n                      <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary ">\n                    </div>\n                    <div id="mce-responses2" class="clear">\n                      <div class="response" id="mce-error-response2" style="display:none"></div>\n                      <div class="response" id="mce-success-response2" style="display:none"></div>\n                    </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n                    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>\n                    <div class="clear"></div>\n                  </div>\n                </form>\n              </div>\n              <!--End mc_embed_signup-->\n            </div>\n            <!-- /.newsletter-wrapper -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!--/.row -->\n    </div>\n    <!-- /.container -->\n  </footer>'),
(11, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(12, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/orange.css">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(12, 'header', 'header', '<header class="wrapper bg-soft-primary">\n      <nav class="navbar navbar-expand-lg extended navbar-light navbar-bg-light caret-none">\n        <div class="container flex-lg-column">\n          <div class="topbar d-flex flex-row w-100 justify-content-between align-items-center">\n            <div class="navbar-brand"><a href="/index.html"><img src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" /></a></div>\n            <div class="navbar-other ms-auto">\n              <ul class="navbar-nav flex-row align-items-center">\n                <li class="nav-item"><a class="nav-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-info"><i class="uil uil-info-circle"></i></a></li>\n                <li class="nav-item dropdown language-select text-uppercase">\n                  <a class="nav-link dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">En</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="#">En</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="#">De</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="#">Es</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item d-lg-none">\n                  <button class="hamburger offcanvas-nav-btn"><span></span></button>\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n            </div>\n            <!-- /.navbar-other -->\n          </div>\n          <!-- /.d-flex -->\n          <div class="navbar-collapse-wrapper bg-white d-flex flex-row align-items-center">\n            <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n              <div class="offcanvas-header d-lg-none">\n                <h3 class="text-white fs-30 mb-0">Simeya</h3>\n                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n              </div>\n              <div class="offcanvas-body d-flex flex-column h-100">\n                <ul class="navbar-nav">\n                  <li class="nav-item dropdown dropdown-mega">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                    <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                      <li class="mega-menu-content mega-menu-scroll">\n                        <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                              <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>\n                              <span class="d-lg-none">Demo 1</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                              <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>\n                              <span class="d-lg-none">Demo 2</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                              <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>\n                              <span class="d-lg-none">Demo 3</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                              <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>\n                              <span class="d-lg-none">Demo 4</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                              <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>\n                              <span class="d-lg-none">Demo 5</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                              <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>\n                              <span class="d-lg-none">Demo 6</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                              <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>\n                              <span class="d-lg-none">Demo 7</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                              <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>\n                              <span class="d-lg-none">Demo 8</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                              <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>\n                              <span class="d-lg-none">Demo 9</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                              <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>\n                              <span class="d-lg-none">Demo 10</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                              <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>\n                              <span class="d-lg-none">Demo 11</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                              <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>\n                              <span class="d-lg-none">Demo 12</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                              <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>\n                              <span class="d-lg-none">Demo 13</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                              <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>\n                              <span class="d-lg-none">Demo 14</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                              <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>\n                              <span class="d-lg-none">Demo 15</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                              <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>\n                              <span class="d-lg-none">Demo 16</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                              <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>\n                              <span class="d-lg-none">Demo 17</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                              <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>\n                              <span class="d-lg-none">Demo 18</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                              <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>\n                              <span class="d-lg-none">Demo 19</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                              <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>\n                              <span class="d-lg-none">Demo 20</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                              <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>\n                              <span class="d-lg-none">Demo 21</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                              <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>\n                              <span class="d-lg-none">Demo 22</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                              <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>\n                              <span class="d-lg-none">Demo 23</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                              <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>\n                              <span class="d-lg-none">Demo 24</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                              <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>\n                              <span class="d-lg-none">Demo 25</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                              <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>\n                              <span class="d-lg-none">Demo 26</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                              <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>\n                              <span class="d-lg-none">Demo 27</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                              <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>\n                              <span class="d-lg-none">Demo 28</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                              <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>\n                              <span class="d-lg-none">Demo 29</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                              <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>\n                              <span class="d-lg-none">Demo 30</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                              <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>\n                              <span class="d-lg-none">Demo 31</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                              <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>\n                              <span class="d-lg-none">Demo 32</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                              <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>\n                              <span class="d-lg-none">Demo 33</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                              <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>\n                              <span class="d-lg-none">Demo 34</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                              <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>\n                              <span class="d-lg-none">Demo 35</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                              <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>\n                              <span class="d-lg-none">Demo 36</span>\n                            </a>\n                          </li>\n                        </ul>\n                        <!--/.row -->\n                        <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                      </li>\n                      <!--/.mega-menu-content-->\n                    </ul>\n                    <!--/.dropdown-menu -->\n                  </li>\n                  <li class="nav-item dropdown">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                    <ul class="dropdown-menu">\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                        </ul>\n                      </li>\n                      <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                      <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                    </ul>\n                  </li>\n                  <li class="nav-item dropdown">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                    <div class="dropdown-menu dropdown-lg">\n                      <div class="dropdown-lg-content">\n                        <div>\n                          <h6 class="dropdown-header">Project Pages</h6>\n                          <ul class="list-unstyled">\n                            <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                            <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                            <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                            <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                          </ul>\n                        </div>\n                        <!-- /.column -->\n                        <div>\n                          <h6 class="dropdown-header">Single Projects</h6>\n                          <ul class="list-unstyled">\n                            <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                            <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                            <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                            <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                          </ul>\n                        </div>\n                        <!-- /.column -->\n                      </div>\n                      <!-- /auto-column -->\n                    </div>\n                  </li>\n                  <li class="nav-item dropdown">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                    <ul class="dropdown-menu">\n                      <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                      <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                      <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                        </ul>\n                      </li>\n                    </ul>\n                  </li>\n                  <li class="nav-item dropdown dropdown-mega">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                    <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                      <li class="mega-menu-content">\n                        <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                              <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>\n                              <span>About</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                              <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>\n                              <span>Blog</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                              <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>\n                              <span>Call to Action</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                              <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>\n                              <span>Clients</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                              <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>\n                              <span>Contact</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                              <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>\n                              <span>Facts</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                              <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>\n                              <span>FAQ</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                              <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>\n                              <span>Features</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                              <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>\n                              <span>Footer</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                              <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>\n                              <span>Hero</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                              <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>\n                              <span>Misc</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                              <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>\n                              <span>Navbar</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                              <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>\n                              <span>Portfolio</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                              <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>\n                              <span>Pricing</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                              <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>\n                              <span>Process</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                              <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>\n                              <span>Team</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                              <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>\n                              <span>Testimonials</span>\n                            </a>\n                          </li>\n                        </ul>\n                        <!--/.row -->\n                      </li>\n                      <!--/.mega-menu-content-->\n                    </ul>\n                    <!--/.dropdown-menu -->\n                  </li>\n                  <li class="nav-item dropdown dropdown-mega">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                    <ul class="dropdown-menu mega-menu">\n                      <li class="mega-menu-content">\n                        <div class="row gx-0 gx-lg-3">\n                          <div class="col-lg-4">\n                            <h6 class="dropdown-header">Usage</h6>\n                            <ul class="list-unstyled cc-2 pb-lg-1">\n                              <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                              <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                              <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                              <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                              <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                            </ul>\n                            <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                            <ul class="list-unstyled cc-2">\n                              <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                            </ul>\n                          </div>\n                          <!--/column -->\n                          <div class="col-lg-8">\n                            <h6 class="dropdown-header">Elements</h6>\n                            <ul class="list-unstyled cc-3">\n                              <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                            </ul>\n                          </div>\n                          <!--/column -->\n                        </div>\n                        <!--/.row -->\n                      </li>\n                      <!--/.mega-menu-content-->\n                    </ul>\n                    <!--/.dropdown-menu -->\n                  </li>\n                </ul>\n                <!-- /.navbar-nav -->\n                <div class="offcanvas-footer d-lg-none">\n                  <div>\n                    <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                    <br /> 00 (123) 456 78 90 <br />\n                    <nav class="nav social social-white mt-4">\n                      <a href="#"><i class="uil uil-twitter"></i></a>\n                      <a href="#"><i class="uil uil-facebook-f"></i></a>\n                      <a href="#"><i class="uil uil-dribbble"></i></a>\n                      <a href="#"><i class="uil uil-instagram"></i></a>\n                      <a href="#"><i class="uil uil-youtube"></i></a>\n                    </nav>\n                    <!-- /.social -->\n                  </div>\n                </div>\n                <!-- /.offcanvas-footer -->\n              </div>\n            </div>\n            <!-- /.navbar-collapse -->\n            <div class="navbar-other ms-auto w-100 d-none d-lg-block">\n              <nav class="nav social social-muted justify-content-end text-end">\n                <a href="#"><i class="uil uil-twitter"></i></a>\n                <a href="#"><i class="uil uil-facebook-f"></i></a>\n                <a href="#"><i class="uil uil-dribbble"></i></a>\n                <a href="#"><i class="uil uil-instagram"></i></a>\n              </nav>\n              <!-- /.social -->\n            </div>\n            <!-- /.navbar-other -->\n          </div>\n          <!-- /.navbar-collapse-wrapper -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n      <div class="offcanvas offcanvas-end text-inverse" id="offcanvas-info" data-bs-scroll="true">\n        <div class="offcanvas-header">\n          <h3 class="text-white fs-30 mb-0">Simeya</h3>\n          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n        </div>\n        <div class="offcanvas-body pb-6">\n          <div class="widget mb-8">\n            <p>Simeya is a multipurpose HTML5 template with various layouts which will be a great solution for your business.</p>\n          </div>\n          <!-- /.widget -->\n          <div class="widget mb-8">\n            <h4 class="widget-title text-white mb-3">Contact Info</h4>\n            <address> Moonshine St. 14/05 <br /> Light City, London </address>\n            <a href="mailto:first.last@email.com">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n          <div class="widget mb-8">\n            <h4 class="widget-title text-white mb-3">Learn More</h4>\n            <ul class="list-unstyled">\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n              <li><a href="#">Contact Us</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Follow Us</h4>\n            <nav class="nav social social-white">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /.offcanvas-body -->\n      </div>\n      <!-- /.offcanvas -->\n    </header>'),
(12, 'content', 'section_1', '<section class="wrapper bg-soft-primary">\n      <div class="container pt-10 pb-15 pt-md-14 pb-md-20">\n        <div class="row gx-lg-8 gx-xl-12 gy-10 mb-5 align-items-center">\n          <div class="col-md-10 offset-md-1 offset-lg-0 col-lg-5 text-center text-lg-start order-2 order-lg-0" data-cues="slideInDown" data-group="page-title" data-delay="600">\n            <h1 class="display-1 mb-5 mx-md-n5 mx-lg-0">Creative. Smart. Awesome.</h1>\n            <p class="lead fs-lg mb-7">We specialize in web, mobile and identity design. We love to turn ideas into beautiful things.</p>\n            <div class="d-flex justify-content-center justify-content-lg-start" data-cues="slideInDown" data-group="page-title-buttons" data-delay="900">\n              <span><a class="btn btn-primary rounded me-2">See Projects</a></span>\n              <span><a class="btn btn-yellow rounded">Learn More</a></span>\n            </div>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-7" data-cue="slideInDown">\n            <figure><img class="w-auto" src="/assets/img/illustrations/i6.png" srcset="/assets/img/illustrations/i6@2x.png 2x" alt="" /></figure>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(12, 'content', 'section_2', '<section class="wrapper bg-light">\n      <div class="container py-14 py-md-16 pb-md-17">\n        <div class="row gx-md-5 gy-5 mt-n18 mt-md-n21 mb-14 mb-md-17">\n          <div class="col-md-6 col-xl-3">\n            <div class="card shadow-lg card-border-bottom border-soft-yellow">\n              <div class="card-body">\n                <img src="/assets/img/icons/lineal/browser.svg" class="svg-inject icon-svg icon-svg-md text-yellow mb-3" alt="" />\n                <h4>Content Marketing</h4>\n                <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus cras justo.</p>\n                <a href="#" class="more hover link-yellow">Learn More</a>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-xl-3">\n            <div class="card shadow-lg card-border-bottom border-soft-green">\n              <div class="card-body">\n                <img src="/assets/img/icons/lineal/chat-2.svg" class="svg-inject icon-svg icon-svg-md text-green mb-3" alt="" />\n                <h4>Social Engagement</h4>\n                <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus cras justo.</p>\n                <a href="#" class="more hover link-green">Learn More</a>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-xl-3">\n            <div class="card shadow-lg card-border-bottom border-soft-orange">\n              <div class="card-body">\n                <img src="/assets/img/icons/lineal/id-card.svg" class="svg-inject icon-svg icon-svg-md text-orange mb-3" alt="" />\n                <h4>Identity & Branding</h4>\n                <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus cras justo.</p>\n                <a href="#" class="more hover link-orange">Learn More</a>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-xl-3">\n            <div class="card shadow-lg card-border-bottom border-soft-blue">\n              <div class="card-body">\n                <img src="/assets/img/icons/lineal/gift.svg" class="svg-inject icon-svg icon-svg-md text-blue mb-3" alt="" />\n                <h4>Product Design</h4>\n                <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus cras justo.</p>\n                <a href="#" class="more hover link-blue">Learn More</a>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-10 mb-14 mb-md-17 align-items-center">\n          <div class="col-lg-7">\n            <figure><img class="w-auto" src="/assets/img/illustrations/i8.png" srcset="/assets/img/illustrations/i8@2x.png 2x" alt="" /></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5">\n            <h3 class="display-4 mb-7">Our three process steps on creating awesome projects.</h3>\n            <div class="d-flex flex-row mb-6">\n              <div>\n                <span class="icon btn btn-circle btn-soft-primary pe-none me-5"><span class="number fs-18">1</span></span>\n              </div>\n              <div>\n                <h4 class="mb-1">Collect Ideas</h4>\n                <p class="mb-0">Nulla vitae elit libero pharetra augue dapibus. Praesent commodo cursus. Donec ullamcorper nulla non metus.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row mb-6">\n              <div>\n                <span class="icon btn btn-circle btn-soft-primary pe-none me-5"><span class="number fs-18">2</span></span>\n              </div>\n              <div>\n                <h4 class="mb-1">Data Analysis</h4>\n                <p class="mb-0">Vivamus sagittis lacus vel augue laoreet. Etiam porta sem malesuada magna auctor fringilla augue.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row">\n              <div>\n                <span class="icon btn btn-circle btn-soft-primary pe-none me-5"><span class="number fs-18">3</span></span>\n              </div>\n              <div>\n                <h4 class="mb-1">Finalize Product</h4>\n                <p class="mb-0">Cras mattis consectetur purus sit amet. Aenean lacinia bibendum nulla sed. Nulla vitae elit libero pharetra.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">\n          <div class="col-lg-7 order-lg-2">\n            <figure><img class="w-auto" src="/assets/img/illustrations/i2.png" srcset="/assets/img/illustrations/i2@2x.png 2x" alt="" /></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5">\n            <h3 class="display-4 mb-7 mt-lg-10">Few reasons why our valued customers choose us.</h3>\n            <div class="accordion accordion-wrapper" id="accordionExample">\n              <div class="card plain accordion-item">\n                <div class="card-header" id="headingOne">\n                  <button class="accordion-button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> Professional Design </button>\n                </div>\n                <!--/.card-header -->\n                <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">\n                  <div class="card-body">\n                    <p>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.</p>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.accordion-collapse -->\n              </div>\n              <!--/.accordion-item -->\n              <div class="card plain accordion-item">\n                <div class="card-header" id="headingTwo">\n                  <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> Top-Notch Support </button>\n                </div>\n                <!--/.card-header -->\n                <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">\n                  <div class="card-body">\n                    <p>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.</p>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.accordion-collapse -->\n              </div>\n              <!--/.accordion-item -->\n              <div class="card plain accordion-item">\n                <div class="card-header" id="headingThree">\n                  <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> Header and Slider Options </button>\n                </div>\n                <!--/.card-header -->\n                <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">\n                  <div class="card-body">\n                    <p>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.</p>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.accordion-collapse -->\n              </div>\n              <!--/.accordion-item -->\n            </div>\n            <!--/.accordion -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(12, 'content', 'section_3', '<section class="wrapper bg-soft-primary">\n      <div class="container py-14 pt-md-17 pb-md-20">\n        <div class="row gx-lg-8 gx-xl-12 gy-10 gy-lg-0">\n          <div class="col-lg-4 text-center text-lg-start">\n            <h3 class="display-4 mb-3 pe-xl-15">We are proud of our works</h3>\n            <p class="lead fs-lg mb-0 pe-xxl-10">We bring solutions to make life easier for our customers.</p>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-8 mt-lg-2">\n            <div class="row align-items-center counter-wrapper gy-6 text-center">\n              <div class="col-md-4">\n                <img src="/assets/img/icons/lineal/check.svg" class="svg-inject icon-svg icon-svg-md text-primary mb-3" alt="" />\n                <h3 class="counter">7518</h3>\n                <p>Completed Projects</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4">\n                <img src="/assets/img/icons/lineal/user.svg" class="svg-inject icon-svg icon-svg-md text-primary mb-3" alt="" />\n                <h3 class="counter">3472</h3>\n                <p>Happy Customers</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4">\n                <img src="/assets/img/icons/lineal/briefcase-2.svg" class="svg-inject icon-svg icon-svg-md text-primary mb-3" alt="" />\n                <h3 class="counter">2184</h3>\n                <p>Expert Employees</p>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(12, 'content', 'section_4', '<section class="wrapper bg-light">\n      <div class="container py-14 py-md-16 pb-md-17">\n        <div class="grid mb-14 mb-md-18 mt-3">\n          <div class="row isotope gy-6 mt-n19 mt-md-n22">\n            <div class="item col-md-6 col-xl-3">\n              <div class="card shadow-lg card-border-bottom border-soft-primary">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta. Cras mattis consectetur.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\n                        <h5 class="mb-1">Coriss Ambady</h5>\n                        <p class="mb-0">Financial Analyst</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-3">\n              <div class="card shadow-lg card-border-bottom border-soft-primary">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Fusce dapibus, tellus ac cursus tortor mauris condimentum fermentum massa justo sit amet purus sit amet fermentum.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\n                        <h5 class="mb-1">Cory Zamora</h5>\n                        <p class="mb-0">Marketing Specialist</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-3">\n              <div class="card shadow-lg card-border-bottom border-soft-primary">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor eu rutrum. Nulla vitae libero.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\n                        <h5 class="mb-1">Nikolas Brooten</h5>\n                        <p class="mb-0">Sales Manager</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-3">\n              <div class="card shadow-lg card-border-bottom border-soft-primary">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Etiam adipiscing tincidunt elit convallis felis suscipit ut. Phasellus rhoncus eu tincidunt auctor nullam rutrum, pharetra augue.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\n                        <h5 class="mb-1">Coriss Ambady</h5>\n                        <p class="mb-0">Financial Analyst</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n          </div>\n          <!-- /.row -->\n        </div>\n        <!-- /.grid-view -->\n        <div class="projects-tiles">\n          <div class="project grid grid-view">\n            <div class="row gx-md-8 gx-xl-12 gy-10 gy-md-12 isotope">\n              <div class="item col-md-6 mt-md-7 mt-lg-15">\n                <div class="project-details d-flex justify-content-center align-self-end flex-column ps-0 pb-0">\n                  <div class="post-header">\n                    <h2 class="display-4 mb-4 pe-xxl-15">Check out some of our recent projects below.</h2>\n                    <p class="lead fs-lg mb-0">We love to turn ideas into beautiful things.</p>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.project-details -->\n              </div>\n              <!-- /.item -->\n              <div class="item col-md-6">\n                <figure class="lift rounded mb-6"><a href="/single-project3.html"> <img src="/assets/img/photos/rp1.jpg" srcset="/assets/img/photos/rp1@2x.jpg 2x" alt="" /></a></figure>\n                <div class="post-category text-line mb-2 text-violet">Stationary</div>\n                <h2 class="post-title h3">Ipsum Ultricies Cursus</h2>\n              </div>\n              <!-- /.item -->\n              <div class="item col-md-6">\n                <figure class="lift rounded mb-6"><a href="/single-project2.html"> <img src="/assets/img/photos/rp2.jpg" srcset="/assets/img/photos/rp2@2x.jpg 2x" alt="" /></a></figure>\n                <div class="post-category text-line mb-2 text-leaf">Invitation</div>\n                <h2 class="post-title h3">Mollis Ipsum Mattis</h2>\n              </div>\n              <!-- /.item -->\n              <div class="item col-md-6">\n                <figure class="lift rounded mb-6"><a href="/single-project.html"> <img src="/assets/img/photos/rp3.jpg" srcset="/assets/img/photos/rp3@2x.jpg 2x" alt="" /></a></figure>\n                <div class="post-category text-line mb-2 text-purple">Notebook</div>\n                <h2 class="post-title h3">Magna Tristique Inceptos</h2>\n              </div>\n              <!-- /.item -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!-- /.project -->\n        </div>\n        <!-- /.projects-tiles -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(12, 'content', 'section_5', '<section class="wrapper bg-soft-primary">\n      <div class="container py-14 py-md-17">\n        <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">\n          <div class="col-lg-7">\n            <figure><img class="w-auto" src="/assets/img/illustrations/i5.png" srcset="/assets/img/illustrations/i5@2x.png 2x" alt="" /></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5">\n            <h3 class="display-4 mb-7">Got any questions? Don''t hesitate to get in touch.</h3>\n            <div class="d-flex flex-row">\n              <div>\n                <div class="icon text-primary fs-28 me-4 mt-n1"> <i class="uil uil-location-pin-alt"></i> </div>\n              </div>\n              <div>\n                <h5 class="mb-1">Address</h5>\n                <address>Moonshine St. 14/05 Light City, London</address>\n              </div>\n            </div>\n            <div class="d-flex flex-row">\n              <div>\n                <div class="icon text-primary fs-28 me-4 mt-n1"> <i class="uil uil-phone-volume"></i> </div>\n              </div>\n              <div>\n                <h5 class="mb-1">Phone</h5>\n                <p>00 (123) 456 78 90</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row">\n              <div>\n                <div class="icon text-primary fs-28 me-4 mt-n1"> <i class="uil uil-envelope"></i> </div>\n              </div>\n              <div>\n                <h5 class="mb-1">E-mail</h5>\n                <p class="mb-0"><a href="mailto:sandbox@email.com" class="link-body">sandbox@email.com</a></p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(12, 'footer', 'footer', '<footer class="bg-light">\n    <div class="container py-13 py-md-15">\n      <div class="row gy-6 gy-lg-0">\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <img class="mb-4" src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n            <p class="mb-4">© <script>\n                document.write(new Date().getUTCFullYear());\n              </script> Simeya. <br class="d-none d-lg-block" />All rights reserved.</p>\n            <nav class="nav social ">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title  mb-3">Get in Touch</h4>\n            <address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address>\n            <a href="mailto:#" class="link-body">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title  mb-3">Learn More</h4>\n            <ul class="list-unstyled text-reset mb-0">\n              <li><a href="#">About Us</a></li>\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Projects</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-12 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title  mb-3">Our Newsletter</h4>\n            <p class="mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p>\n            <div class="newsletter-wrapper">\n              <!-- Begin Mailchimp Signup Form -->\n              <div id="mc_embed_signup2">\n                <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate " target="_blank" novalidate>\n                  <div id="mc_embed_signup_scroll2">\n                    <div class="mc-field-group input-group form-floating">\n                      <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2">\n                      <label for="mce-EMAIL2">Email Address</label>\n                      <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary ">\n                    </div>\n                    <div id="mce-responses2" class="clear">\n                      <div class="response" id="mce-error-response2" style="display:none"></div>\n                      <div class="response" id="mce-success-response2" style="display:none"></div>\n                    </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n                    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>\n                    <div class="clear"></div>\n                  </div>\n                </form>\n              </div>\n              <!--End mc_embed_signup-->\n            </div>\n            <!-- /.newsletter-wrapper -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!--/.row -->\n    </div>\n    <!-- /.container -->\n  </footer>'),
(12, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(13, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/purple.css">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(13, 'header', 'header', '<header class="wrapper bg-soft-primary">\n      <nav class="navbar navbar-expand-lg center-logo transparent position-absolute navbar-dark">\n        <div class="container justify-content-between align-items-center">\n          <div class="d-flex flex-row w-100 justify-content-between align-items-center d-lg-none">\n            <div class="navbar-brand"><a href="/index.html">\n                <img class="logo-dark" src="/assets/img/logo-purple.png" srcset="/assets/img/logo-purple@2x.png 2x" alt="" />\n                <img class="logo-light" src="/assets/img/logo-light.png" srcset="/assets/img/logo-light@2x.png 2x" alt="" />\n              </a></div>\n            <div class="navbar-other ms-auto">\n              <ul class="navbar-nav flex-row align-items-center">\n                <li class="nav-item d-lg-none">\n                  <button class="hamburger offcanvas-nav-btn"><span></span></button>\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n            </div>\n            <!-- /.navbar-other -->\n          </div>\n          <!-- /.d-flex -->\n          <div class="navbar-collapse-wrapper d-flex flex-row align-items-center w-100">\n            <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n              <div class="offcanvas-header mx-lg-auto order-0 order-lg-1 d-lg-flex px-lg-15">\n                <a href="/index.html" class="transition-none d-none d-lg-flex"><img class="logo-dark" src="/assets/img/logo-purple.png" srcset="/assets/img/logo-purple@2x.png 2x" alt="" />\n                  <img class="logo-light" src="/assets/img/logo-light.png" srcset="/assets/img/logo-light@2x.png 2x" alt="" /></a>\n                <h3 class="text-white fs-30 mb-0 d-lg-none">Simeya</h3>\n                <button type="button" class="btn-close btn-close-white d-lg-none" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n              </div>\n              <div class="w-100 order-1 order-lg-0 d-lg-flex offcanvas-body">\n                <ul class="navbar-nav ms-lg-auto">\n                  <li class="nav-item dropdown dropdown-mega">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                    <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                      <li class="mega-menu-content mega-menu-scroll">\n                        <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                              <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>\n                              <span class="d-lg-none">Demo 1</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                              <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>\n                              <span class="d-lg-none">Demo 2</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                              <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>\n                              <span class="d-lg-none">Demo 3</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                              <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>\n                              <span class="d-lg-none">Demo 4</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                              <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>\n                              <span class="d-lg-none">Demo 5</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                              <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>\n                              <span class="d-lg-none">Demo 6</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                              <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>\n                              <span class="d-lg-none">Demo 7</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                              <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>\n                              <span class="d-lg-none">Demo 8</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                              <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>\n                              <span class="d-lg-none">Demo 9</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                              <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>\n                              <span class="d-lg-none">Demo 10</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                              <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>\n                              <span class="d-lg-none">Demo 11</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                              <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>\n                              <span class="d-lg-none">Demo 12</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                              <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>\n                              <span class="d-lg-none">Demo 13</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                              <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>\n                              <span class="d-lg-none">Demo 14</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                              <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>\n                              <span class="d-lg-none">Demo 15</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                              <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>\n                              <span class="d-lg-none">Demo 16</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                              <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>\n                              <span class="d-lg-none">Demo 17</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                              <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>\n                              <span class="d-lg-none">Demo 18</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                              <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>\n                              <span class="d-lg-none">Demo 19</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                              <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>\n                              <span class="d-lg-none">Demo 20</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                              <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>\n                              <span class="d-lg-none">Demo 21</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                              <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>\n                              <span class="d-lg-none">Demo 22</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                              <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>\n                              <span class="d-lg-none">Demo 23</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                              <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>\n                              <span class="d-lg-none">Demo 24</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                              <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>\n                              <span class="d-lg-none">Demo 25</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                              <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>\n                              <span class="d-lg-none">Demo 26</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                              <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>\n                              <span class="d-lg-none">Demo 27</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                              <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>\n                              <span class="d-lg-none">Demo 28</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                              <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>\n                              <span class="d-lg-none">Demo 29</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                              <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>\n                              <span class="d-lg-none">Demo 30</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                              <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>\n                              <span class="d-lg-none">Demo 31</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                              <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>\n                              <span class="d-lg-none">Demo 32</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                              <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>\n                              <span class="d-lg-none">Demo 33</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                              <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>\n                              <span class="d-lg-none">Demo 34</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                              <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>\n                              <span class="d-lg-none">Demo 35</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                              <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>\n                              <span class="d-lg-none">Demo 36</span>\n                            </a>\n                          </li>\n                        </ul>\n                        <!--/.row -->\n                        <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                      </li>\n                      <!--/.mega-menu-content-->\n                    </ul>\n                    <!--/.dropdown-menu -->\n                  </li>\n                  <li class="nav-item dropdown">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                    <ul class="dropdown-menu">\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                        </ul>\n                      </li>\n                      <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                      <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                    </ul>\n                  </li>\n                  <li class="nav-item dropdown">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                    <div class="dropdown-menu dropdown-lg">\n                      <div class="dropdown-lg-content">\n                        <div>\n                          <h6 class="dropdown-header">Project Pages</h6>\n                          <ul class="list-unstyled">\n                            <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                            <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                            <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                            <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                          </ul>\n                        </div>\n                        <!-- /.column -->\n                        <div>\n                          <h6 class="dropdown-header">Single Projects</h6>\n                          <ul class="list-unstyled">\n                            <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                            <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                            <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                            <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                          </ul>\n                        </div>\n                        <!-- /.column -->\n                      </div>\n                      <!-- /auto-column -->\n                    </div>\n                  </li>\n                </ul>\n                <!-- /.navbar-nav -->\n              </div>\n              <div class="w-100 order-3 order-lg-2 d-lg-flex offcanvas-body">\n                <ul class="navbar-nav me-lg-auto">\n                  <li class="nav-item dropdown">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                    <ul class="dropdown-menu">\n                      <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                      <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                      <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                        </ul>\n                      </li>\n                    </ul>\n                  </li>\n                  <li class="nav-item dropdown dropdown-mega">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                    <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                      <li class="mega-menu-content">\n                        <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                              <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>\n                              <span>About</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                              <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>\n                              <span>Blog</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                              <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>\n                              <span>Call to Action</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                              <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>\n                              <span>Clients</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                              <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>\n                              <span>Contact</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                              <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>\n                              <span>Facts</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                              <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>\n                              <span>FAQ</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                              <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>\n                              <span>Features</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                              <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>\n                              <span>Footer</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                              <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>\n                              <span>Hero</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                              <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>\n                              <span>Misc</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                              <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>\n                              <span>Navbar</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                              <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>\n                              <span>Portfolio</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                              <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>\n                              <span>Pricing</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                              <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>\n                              <span>Process</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                              <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>\n                              <span>Team</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                              <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>\n                              <span>Testimonials</span>\n                            </a>\n                          </li>\n                        </ul>\n                        <!--/.row -->\n                      </li>\n                      <!--/.mega-menu-content-->\n                    </ul>\n                    <!--/.dropdown-menu -->\n                  </li>\n                  <li class="nav-item dropdown dropdown-mega">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                    <ul class="dropdown-menu mega-menu">\n                      <li class="mega-menu-content">\n                        <div class="row gx-0 gx-lg-3">\n                          <div class="col-lg-4">\n                            <h6 class="dropdown-header">Usage</h6>\n                            <ul class="list-unstyled cc-2 pb-lg-1">\n                              <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                              <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                              <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                              <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                              <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                            </ul>\n                            <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                            <ul class="list-unstyled cc-2">\n                              <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                            </ul>\n                          </div>\n                          <!--/column -->\n                          <div class="col-lg-8">\n                            <h6 class="dropdown-header">Elements</h6>\n                            <ul class="list-unstyled cc-3">\n                              <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                            </ul>\n                          </div>\n                          <!--/column -->\n                        </div>\n                        <!--/.row -->\n                      </li>\n                      <!--/.mega-menu-content-->\n                    </ul>\n                    <!--/.dropdown-menu -->\n                  </li>\n                </ul>\n                <!-- /.navbar-nav -->\n              </div>\n              <div class="offcanvas-body d-lg-none order-4 mt-auto">\n                <div class="offcanvas-footer">\n                  <div>\n                    <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                    <br /> 00 (123) 456 78 90 <br />\n                    <nav class="nav social social-white mt-4">\n                      <a href="#"><i class="uil uil-twitter"></i></a>\n                      <a href="#"><i class="uil uil-facebook-f"></i></a>\n                      <a href="#"><i class="uil uil-dribbble"></i></a>\n                      <a href="#"><i class="uil uil-instagram"></i></a>\n                      <a href="#"><i class="uil uil-youtube"></i></a>\n                    </nav>\n                    <!-- /.social -->\n                  </div>\n                </div>\n              </div>\n            </div>\n            <!-- /.navbar-collapse -->\n          </div>\n          <!-- /.navbar-collapse-wrapper -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n    </header>'),
(13, 'content', 'section_1', '<section class="wrapper image-wrapper bg-image bg-overlay bg-overlay-300 text-white" data-image-src="/assets/img/photos/bg2.jpg">\n      <div class="container pt-17 pb-19 pt-md-19 pb-md-20 text-center">\n        <div class="row mb-11">\n          <div class="col-md-9 col-lg-7 col-xxl-6 mx-auto" data-cues="zoomIn" data-group="page-title" data-interval="-200">\n            <h2 class="h6 text-uppercase ls-xl text-white mb-5">Hello! This is Simeya</h2>\n            <h3 class="display-1 text-white mb-7">We bring rapid solutions for your business</h3>\n            <a href="/assets/media/movie.mp4" class="btn btn-circle btn-white btn-play ripple mx-auto mb-5" data-glightbox><i class="icn-caret-right"></i></a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(13, 'content', 'section_2', '<section class="wrapper bg-light angled upper-end lower-end">\n      <div class="container pb-14 pb-md-16">\n        <div class="row">\n          <div class="col-12 mt-n20">\n            <figure class="rounded"><img src="/assets/img/photos/about5.jpg" srcset="/assets/img/photos/about5@2x.jpg 2x" alt="" /></figure>\n            <div class="row" data-cue="slideInUp">\n              <div class="col-xl-10 mx-auto">\n                <div class="card image-wrapper bg-full bg-image bg-overlay bg-overlay-300 text-white mt-n5 mt-lg-0 mt-lg-n50p mb-lg-n50p border-radius-lg-top" data-image-src="/assets/img/photos/bg2.jpg">\n                  <div class="card-body p-9 p-xl-10">\n                    <div class="row align-items-center counter-wrapper gy-4 text-center">\n                      <div class="col-6 col-lg-3">\n                        <h3 class="counter counter-lg text-white">7518</h3>\n                        <p>Completed Projects</p>\n                      </div>\n                      <!--/column -->\n                      <div class="col-6 col-lg-3">\n                        <h3 class="counter counter-lg text-white">3472</h3>\n                        <p>Satisfied Customers</p>\n                      </div>\n                      <!--/column -->\n                      <div class="col-6 col-lg-3">\n                        <h3 class="counter counter-lg text-white">2184</h3>\n                        <p>Expert Employees</p>\n                      </div>\n                      <!--/column -->\n                      <div class="col-6 col-lg-3">\n                        <h3 class="counter counter-lg text-white">4523</h3>\n                        <p>Awards Won</p>\n                      </div>\n                      <!--/column -->\n                    </div>\n                    <!--/.row -->\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.card -->\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gx-lg-8 gy-8 mt-5 mt-md-12 mt-lg-0 mb-15 align-items-center">\n          <div class="col-lg-6 order-lg-2">\n            <div class="row gx-md-5 gy-5" data-cues="fadeIn" data-group="images">\n              <div class="col-md-4 offset-md-2 align-self-end">\n                <figure class="rounded"><img src="/assets/img/photos/g1.jpg" srcset="/assets/img/photos/g1@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 align-self-end">\n                <figure class="rounded"><img src="/assets/img/photos/g2.jpg" srcset="/assets/img/photos/g2@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 offset-md-1">\n                <figure class="rounded"><img src="/assets/img/photos/g3.jpg" srcset="/assets/img/photos/g3@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-md-4 align-self-start">\n                <figure class="rounded"><img src="/assets/img/photos/g4.jpg" srcset="/assets/img/photos/g4@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h2 class="display-4 mb-3">What We Do?</h2>\n            <p class="lead fs-lg mb-8 pe-xxl-2">The full service we are offering is <span class="underline">specifically</span> designed to meet your business needs and projects.</p>\n            <div class="row gx-xl-10 gy-6" data-cues="slideInUp" data-group="services">\n              <div class="col-md-6 col-lg-12 col-xl-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <div class="icon btn btn-circle btn-lg btn-soft-primary pe-none me-5"> <i class="uil uil-phone-volume"></i> </div>\n                  </div>\n                  <div>\n                    <h4 class="mb-1">24/7 Support</h4>\n                    <p class="mb-0">Nulla vitae elit libero pharetra augue dapibus.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 col-lg-12 col-xl-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <div class="icon btn btn-circle btn-lg btn-soft-primary pe-none me-5"> <i class="uil uil-shield-exclamation"></i> </div>\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Secure Payments</h4>\n                    <p class="mb-0">Vivamus sagittis lacus augue laoreet vel.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 col-lg-12 col-xl-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <div class="icon btn btn-circle btn-lg btn-soft-primary pe-none me-5"> <i class="uil uil-laptop-cloud"></i> </div>\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Daily Updates</h4>\n                    <p class="mb-0">Cras mattis consectetur purus sit amet.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 col-lg-12 col-xl-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <div class="icon btn btn-circle btn-lg btn-soft-primary pe-none me-5"> <i class="uil uil-chart-line"></i> </div>\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Market Research</h4>\n                    <p class="mb-0">Aenean lacinia bibendum nulla sed consectetur.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <h2 class="display-4 mb-3">How We Do It?</h2>\n        <p class="lead fs-lg mb-8">We make your spending <span class="underline">stress-free</span> for you to have the perfect control.</p>\n        <div class="row gx-lg-8 gx-xl-12 gy-6 process-wrapper line" data-cues="slideInUp" data-group="process">\n          <div class="col-md-6 col-lg-3"> <span class="icon btn btn-circle btn-lg btn-soft-primary pe-none mb-4"><span class="number">01</span></span>\n            <h4 class="mb-1">Concept</h4>\n            <p>Nulla vitae elit libero elit non porta gravida eget metus cras. Aenean eu leo quam. Pellentesque ornare.</p>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3"> <span class="icon btn btn-circle btn-lg btn-primary pe-none mb-4"><span class="number">02</span></span>\n            <h4 class="mb-1">Prepare</h4>\n            <p>Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis.</p>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3"> <span class="icon btn btn-circle btn-lg btn-soft-primary pe-none mb-4"><span class="number">03</span></span>\n            <h4 class="mb-1">Retouch</h4>\n            <p>Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nulla vitae elit libero.</p>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3"> <span class="icon btn btn-circle btn-lg btn-soft-primary pe-none mb-4"><span class="number">04</span></span>\n            <h4 class="mb-1">Finalize</h4>\n            <p>Integer posuere erat, consectetur adipiscing elit. Fusce dapibus, tellus ac cursus commodo.</p>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(13, 'content', 'section_3', '<section class="wrapper image-wrapper bg-image bg-overlay bg-overlay-300 text-white" data-image-src="/assets/img/photos/bg2.jpg">\n      <div class="container py-14 py-md-17">\n        <h2 class="display-4 mb-5 text-white text-center">Happy Customers</h2>\n        <div class="row">\n          <div class="col-md-10 col-lg-8 mx-auto" data-cue="fadeIn">\n            <div class="swiper-container dots-light dots-closer text-center mb-6" data-margin="30" data-dots="true">\n              <div class="swiper">\n                <div class="swiper-wrapper">\n                  <div class="swiper-slide">\n                    <blockquote class="border-0 fs-lg mb-0">\n                      <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur adipiscing dapibus.”</p>\n                      <div class="blockquote-details justify-content-center">\n                        <img class="rounded-circle w-12" src="/assets/img/avatars/te1.jpg" srcset="/assets/img/avatars/te1@2x.jpg 2x" alt="" />\n                        <div class="info">\n                          <h6 class="mb-1 text-white">Coriss Ambady</h6>\n                          <p class="mb-0">Financial Analyst</p>\n                        </div>\n                      </div>\n                    </blockquote>\n                  </div>\n                  <!--/.swiper-slide -->\n                  <div class="swiper-slide">\n                    <blockquote class="border-0 fs-lg mb-0">\n                      <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur adipiscing dapibus.”</p>\n                      <div class="blockquote-details justify-content-center">\n                        <img class="rounded-circle w-12" src="/assets/img/avatars/te2.jpg" srcset="/assets/img/avatars/te2@2x.jpg 2x" alt="" />\n                        <div class="info">\n                          <h6 class="mb-1 text-white">Cory Zamora</h6>\n                          <p class="mb-0">Marketing Specialist</p>\n                        </div>\n                      </div>\n                    </blockquote>\n                  </div>\n                  <!--/.swiper-slide -->\n                  <div class="swiper-slide">\n                    <blockquote class="border-0 fs-lg mb-0">\n                      <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur adipiscing dapibus.”</p>\n                      <div class="blockquote-details justify-content-center">\n                        <img class="rounded-circle w-12" src="/assets/img/avatars/te3.jpg" srcset="/assets/img/avatars/te3@2x.jpg 2x" alt="" />\n                        <div class="info">\n                          <h6 class="mb-1 text-white">Nikolas Brooten</h6>\n                          <p class="mb-0">Sales Manager</p>\n                        </div>\n                      </div>\n                    </blockquote>\n                  </div>\n                  <!--/.swiper-slide -->\n                </div>\n                <!--/.swiper-wrapper -->\n              </div>\n              <!--/.swiper -->\n            </div>\n            <!-- /.swiper-container -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(13, 'content', 'section_4', '<section class="wrapper bg-light">\n      <div class="container py-14 py-md-16">\n        <div class="row align-items-center mb-7">\n          <div class="col-md-8 col-lg-8 col-xl-7 col-xxl-6 pe-lg-17">\n            <h2 class="display-4 mb-3">Recent Projects</h2>\n            <p class="lead fs-lg">We love to turn ideas into <span class="underline">beautiful things</span>.</p>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="projects-tiles">\n          <div class="project grid grid-view">\n            <div class="row gx-md-8 gx-xl-12 gy-10 gy-md-12 isotope" data-cue="slideInUp">\n              <div class="item col-md-5">\n                <figure class="lift rounded mb-6"><a href="/single-project3.html"> <img src="/assets/img/photos/rp1.jpg" srcset="/assets/img/photos/rp1@2x.jpg 2x" alt="" /></a></figure>\n                <div class="post-category mb-2 text-purple">Stationary</div>\n                <h3 class="post-title">Ipsum Ultricies Cursus</h3>\n              </div>\n              <!-- /.item -->\n              <div class="item col-md-7 mt-md-17">\n                <figure class="lift rounded mb-6"><a href="/single-project2.html"> <img src="/assets/img/photos/rp2.jpg" srcset="/assets/img/photos/rp2@2x.jpg 2x" alt="" /></a></figure>\n                <div class="post-category mb-2 text-orange">Invitation</div>\n                <h3 class="post-title">Mollis Ipsum Mattis</h3>\n              </div>\n              <!-- /.item -->\n              <div class="item col-md-5">\n                <figure class="lift rounded mb-6"><a href="/single-project.html"> <img src="/assets/img/photos/rp3.jpg" srcset="/assets/img/photos/rp3@2x.jpg 2x" alt="" /></a></figure>\n                <div class="post-category mb-2 text-red">Notebook</div>\n                <h3 class="post-title">Magna Tristique Inceptos</h3>\n              </div>\n              <!-- /.item -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!-- /.project -->\n        </div>\n        <!-- /.projects-tiles -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(13, 'content', 'section_5', '<section class="wrapper bg-gray">\n      <div class="container py-14 py-md-16">\n        <div class="row gx-lg-8 gx-xl-12 gy-10 gy-lg-0 mb-10">\n          <div class="col-lg-4 mt-lg-2">\n            <h3 class="display-4 mb-3 pe-xxl-5">Trusted by over 300+ clients</h3>\n            <p class="lead fs-lg mb-0 pe-xxl-5">We <span class="underline">bring solutions</span> to make life easier for our customers.</p>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-8">\n            <div class="row row-cols-2 row-cols-md-4 gx-0 gx-md-8 gx-xl-12 gy-12" data-cues="fadeIn" data-group="clients">\n              <div class="col">\n                <figure class="px-3 px-md-0 px-xxl-2" data-cue="fadeIn"><img src="/assets/img/brands/z1.png" alt="" /></figure>\n              </div>\n              <!--/column -->\n              <div class="col">\n                <figure class="px-3 px-md-0 px-xxl-2" data-cue="fadeIn"><img src="/assets/img/brands/z2.png" alt="" /></figure>\n              </div>\n              <!--/column -->\n              <div class="col">\n                <figure class="px-3 px-md-0 px-xxl-2" data-cue="fadeIn"><img src="/assets/img/brands/z3.png" alt="" /></figure>\n              </div>\n              <!--/column -->\n              <div class="col">\n                <figure class="px-3 px-md-0 px-xxl-2" data-cue="fadeIn"><img src="/assets/img/brands/z4.png" alt="" /></figure>\n              </div>\n              <!--/column -->\n              <div class="col">\n                <figure class="px-3 px-md-0 px-xxl-2" data-cue="fadeIn"><img src="/assets/img/brands/z5.png" alt="" /></figure>\n              </div>\n              <!--/column -->\n              <div class="col">\n                <figure class="px-3 px-md-0 px-xxl-2" data-cue="fadeIn"><img src="/assets/img/brands/z6.png" alt="" /></figure>\n              </div>\n              <!--/column -->\n              <div class="col">\n                <figure class="px-3 px-md-0 px-xxl-2" data-cue="fadeIn"><img src="/assets/img/brands/z7.png" alt="" /></figure>\n              </div>\n              <!--/column -->\n              <div class="col">\n                <figure class="px-3 px-md-0 px-xxl-2" data-cue="fadeIn"><img src="/assets/img/brands/z8.png" alt="" /></figure>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(13, 'content', 'section_6', '<section class="wrapper bg-light angled upper-end lower-end">\n      <div class="container py-14 py-md-16">\n        <div class="row gy-6 gy-lg-0 mb-10 mb-md-18">\n          <div class="col-lg-4">\n            <h2 class="display-4 mt-lg-18 mb-3">Our Pricing</h2>\n            <p class="lead fs-lg">We offer <span class="underline">great prices</span>, premium and quality products for your business.</p>\n            <p>Enjoy a <a href="#" class="hover">free 30-day trial</a> and experience the full service. No credit card required!</p>\n            <a href="#" class="btn btn-primary rounded-pill mt-2">See All Prices</a>\n          </div>\n          <!--/column -->\n          <div class="col-lg-7 offset-lg-1 pricing-wrapper">\n            <div class="pricing-switcher-wrapper switcher justify-content-start justify-content-lg-end">\n              <p class="mb-0 pe-3">Monthly</p>\n              <div class="pricing-switchers">\n                <div class="pricing-switcher pricing-switcher-active"></div>\n                <div class="pricing-switcher"></div>\n                <div class="switcher-button bg-primary"></div>\n              </div>\n              <p class="mb-0 ps-3">Yearly <span class="text-red">(Save 30%)</span></p>\n            </div>\n            <div class="row gy-6 mt-5">\n              <div class="col-md-6">\n                <div class="pricing card">\n                  <div class="card-body pb-12">\n                    <div class="prices text-dark">\n                      <div class="price price-show justify-content-start"><span class="price-currency">$</span><span class="price-value">19</span> <span class="price-duration">mo</span></div>\n                      <div class="price price-hide price-hidden justify-content-start"><span class="price-currency">$</span><span class="price-value">199</span> <span class="price-duration">yr</span></div>\n                    </div>\n                    <!--/.prices -->\n                    <h4 class="card-title mt-2">Premium Plan</h4>\n                    <ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8">\n                      <li><i class="uil uil-check"></i><span><strong>5</strong> Projects </span></li>\n                      <li><i class="uil uil-check"></i><span><strong>100K</strong> API Access </span></li>\n                      <li><i class="uil uil-check"></i><span><strong>200MB</strong> Storage </span></li>\n                      <li><i class="uil uil-check"></i><span> Weekly <strong>Reports</strong></span></li>\n                      <li><i class="uil uil-times bullet-soft-red"></i><span> 7/24 <strong>Support</strong></span></li>\n                    </ul>\n                    <a href="#" class="btn btn-primary rounded-pill">Choose Plan</a>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.pricing -->\n              </div>\n              <!--/column -->\n              <div class="col-md-6 popular">\n                <div class="pricing card">\n                  <div class="card-body pb-12">\n                    <div class="prices text-dark">\n                      <div class="price price-show justify-content-start"><span class="price-currency">$</span><span class="price-value">49</span> <span class="price-duration">mo</span></div>\n                      <div class="price price-hide price-hidden justify-content-start"><span class="price-currency">$</span><span class="price-value">499</span> <span class="price-duration">yr</span></div>\n                    </div>\n                    <!--/.prices -->\n                    <h4 class="card-title mt-2">Corporate Plan</h4>\n                    <ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8">\n                      <li><i class="uil uil-check"></i><span><strong>20</strong> Projects </span></li>\n                      <li><i class="uil uil-check"></i><span><strong>300K</strong> API Access </span></li>\n                      <li><i class="uil uil-check"></i><span><strong>500MB</strong> Storage </span></li>\n                      <li><i class="uil uil-check"></i><span> Weekly <strong>Reports</strong></span></li>\n                      <li><i class="uil uil-check"></i><span> 7/24 <strong>Support</strong></span></li>\n                    </ul>\n                    <a href="#" class="btn btn-primary rounded-pill">Choose Plan</a>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.pricing -->\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gy-10 gx-lg-8 gx-xl-12 align-items-center">\n          <div class="col-lg-7 position-relative">\n            <div class="row gx-md-5 gy-5">\n              <div class="col-md-6">\n                <figure class="rounded mt-md-10 position-relative" data-cue="fadeIn" data-delay="300"><img src="/assets/img/photos/g5.jpg" srcset="/assets/img/photos/g5@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <div class="row gx-md-5 gy-5">\n                  <div class="col-md-12 order-md-2">\n                    <figure class="rounded" data-cue="fadeIn" data-delay="1100"><img src="/assets/img/photos/g6.jpg" srcset="/assets/img/photos/g6@2x.jpg 2x" alt=""></figure>\n                  </div>\n                  <!--/column -->\n                  <div class="col-md-10">\n                    <div class="card bg-pale-primary text-center" data-cue="fadeIn" data-delay="800">\n                      <div class="card-body py-11 counter-wrapper">\n                        <h3 class="counter text-nowrap">5000+</h3>\n                        <p class="mb-0">Satisfied Customers</p>\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!--/.card -->\n                  </div>\n                  <!--/column -->\n                </div>\n                <!--/.row -->\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-5">\n            <h2 class="display-4 mb-3">Let’s Talk</h2>\n            <p class="lead fs-lg">Let’s make something great together. We are <span class="underline">trusted by</span> over 5000+ clients. Join them by using our services and grow your business.</p>\n            <p>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.</p>\n            <a href="#" class="btn btn-primary rounded-pill mt-2">Join Us</a>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(13, 'footer', 'footer', '<footer class="bg-dark text-inverse">\n    <div class="container py-13 py-md-15">\n      <div class="mt-10"></div>\n      <div class="row gy-6 gy-lg-0">\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <img class="mb-4" src="/assets/img/logo-light.png" srcset="/assets/img/logo-light@2x.png 2x" alt="" />\n            <p class="mb-4">© <script>\n                document.write(new Date().getUTCFullYear());\n              </script> Simeya. <br class="d-none d-lg-block" />All rights reserved.</p>\n            <nav class="nav social social-white">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Get in Touch</h4>\n            <address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address>\n            <a href="mailto:#">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Learn More</h4>\n            <ul class="list-unstyled  mb-0">\n              <li><a href="#">About Us</a></li>\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Projects</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-12 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Our Newsletter</h4>\n            <p class="mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p>\n            <div class="newsletter-wrapper">\n              <!-- Begin Mailchimp Signup Form -->\n              <div id="mc_embed_signup2">\n                <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate dark-fields" target="_blank" novalidate>\n                  <div id="mc_embed_signup_scroll2">\n                    <div class="mc-field-group input-group form-floating">\n                      <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2">\n                      <label for="mce-EMAIL2">Email Address</label>\n                      <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary ">\n                    </div>\n                    <div id="mce-responses2" class="clear">\n                      <div class="response" id="mce-error-response2" style="display:none"></div>\n                      <div class="response" id="mce-success-response2" style="display:none"></div>\n                    </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n                    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>\n                    <div class="clear"></div>\n                  </div>\n                </form>\n              </div>\n              <!--End mc_embed_signup-->\n            </div>\n            <!-- /.newsletter-wrapper -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!--/.row -->\n    </div>\n    <!-- /.container -->\n  </footer>'),
(13, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(14, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/violet.css">\n  <link rel="preload" href="/assets/css/fonts/thicccboi.css" as="style" onload="this.rel=''stylesheet''">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(14, 'header', 'header', '<header class="wrapper bg-soft-primary">\n      <nav class="navbar navbar-expand-lg center-nav transparent navbar-light">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <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>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <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>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <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>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <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>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <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>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <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>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <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>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <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>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <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>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <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>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <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>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <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>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <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>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <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>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <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>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <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>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <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>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <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>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <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>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <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>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <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>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <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>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <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>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <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>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <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>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <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>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <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>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <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>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <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>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <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>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <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>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <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>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <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>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <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>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <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>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <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>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <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>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <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>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <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>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <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>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <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>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <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>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <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>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <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>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <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>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <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>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <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>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <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>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <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>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <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>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <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>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <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>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <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>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other w-100 d-flex ms-auto">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item dropdown language-select text-uppercase">\n                <a class="nav-link dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">En</a>\n                <ul class="dropdown-menu">\n                  <li class="nav-item"><a class="dropdown-item" href="#">En</a></li>\n                  <li class="nav-item"><a class="dropdown-item" href="#">De</a></li>\n                  <li class="nav-item"><a class="dropdown-item" href="#">Es</a></li>\n                </ul>\n              </li>\n              <li class="nav-item d-none d-md-block">\n                <a href="/contact.html" class="btn btn-sm btn-primary rounded-pill">Contact</a>\n              </li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n    </header>'),
(14, 'content', 'section_1', '<section class="wrapper bg-soft-primary">\n      <div class="container pt-10 pt-md-14 pb-14 pb-md-0">\n        <div class="row gx-md-8 gx-lg-12 gy-3 gy-lg-0 mb-13">\n          <div class="col-lg-6">\n            <h1 class="display-1 fs-66 lh-xxs mb-0">We bring rapid solutions for your business.</h1>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-6">\n            <p class="lead fs-25 my-3">We are an award winning branding design agency that strongly believes in the power of creative ideas.</p>\n            <a href="#" class="more hover">Learn More</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="position-relative">\n          <div class="shape bg-dot primary rellax w-17 h-21" data-rellax-speed="1" style="top: -2.5rem; right: -2.7rem;"></div>\n          <figure class="rounded mb-md-n20"><img src="/assets/img/photos/about18.jpg" srcset="/assets/img/photos/about18@2x.jpg 2x" alt="" /></figure>\n        </div>\n      </div>\n      <!-- /.container -->\n    </section>'),
(14, 'content', 'section_2', '<section class="wrapper bg-light">\n      <div class="container pt-14 pt-md-23 pb-14 pb-md-17">\n        <div class="row mb-8 text-center">\n          <div class="col-lg-8 col-xl-7 mx-auto">\n            <h2 class="fs-16 text-uppercase text-primary mb-3">What We Do</h2>\n            <h3 class="display-4">We make your spending stress-free for you to have the perfect control.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-10 mb-14 mb-md-17 align-items-center">\n          <div class="col-lg-6 position-relative">\n            <div class="shape bg-dot primary rellax w-17 h-18" data-rellax-speed="1" style="bottom: -2rem; left: -0.7rem;"></div>\n            <figure class="rounded mb-0"><img src="/assets/img/photos/se3.jpg" srcset="/assets/img/photos/se3@2x.jpg 2x" alt=""></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h3 class="display-6 mb-4">Package Design</h3>\n            <p class="mb-5">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. Maecenas faucibus mollis interdum. Maecenas sed diam eget risus varius.</p>\n            <div class="row gy-3">\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-leaf mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Aenean quam ornare curabitur blandit consectetur.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Nullam quis risus eget urna mollis ornare aenean leo.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-leaf mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Etiam porta euismod malesuada mollis nisl ornare sem.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Vivamus sagittis lacus augue rutrum maecenas.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n            <a href="#" class="btn btn-soft-leaf rounded-pill mt-6 mb-0">More Details</a>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">\n          <div class="col-lg-6 order-lg-2 position-relative">\n            <div class="shape rounded-circle bg-soft-primary rellax w-18 h-18" data-rellax-speed="1" style="bottom: -2.5rem; right: -1.5rem;"></div>\n            <figure class="rounded mb-0"><img src="/assets/img/photos/se4.jpg" srcset="/assets/img/photos/se4@2x.jpg 2x" alt=""></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h3 class="display-6 mb-4">Corporate Design</h3>\n            <p class="mb-5">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.</p>\n            <div class="row gy-3">\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-leaf mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Aenean quam ornare curabitur blandit consectetur.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Nullam quis risus eget urna mollis ornare aenean leo.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-leaf mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Etiam porta euismod malesuada mollis nisl ornare sem.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Vivamus sagittis lacus augue rutrum maecenas.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n            <a href="#" class="btn btn-soft-leaf rounded-pill mt-6 mb-0">More Details</a>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(14, 'content', 'section_3', '<section class="wrapper image-wrapper bg-image bg-overlay" data-image-src="/assets/img/photos/bg10.jpg">\n      <div class="container py-18">\n        <div class="row text-center">\n          <div class="col-lg-11 col-xl-10 col-xxl-8 mx-auto">\n            <h2 class="fs-16 text-uppercase text-white mb-3">Join Our Community</h2>\n            <h3 class="display-4 mb-6 text-white px-lg-5 px-xxl-0">We are trusted by over 5000+ clients. Join them by using our services and grow your business.</h3>\n            <a href="#" class="btn btn-white rounded-pill mb-0 text-nowrap">Join Us</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(14, 'content', 'section_4', '<section class="wrapper bg-light">\n      <div class="container py-14 py-md-17">\n        <div class="row mb-8 text-center">\n          <div class="col-lg-9 col-xl-8 col-xxl-7 mx-auto">\n            <h2 class="fs-16 text-uppercase text-primary mb-3">Our Projects</h2>\n            <h3 class="display-4">Check out some of our awesome projects with creative ideas and great design.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="grid grid-view projects-masonry">\n          <div class="row gx-md-8 gy-10 gy-md-13 isotope">\n            <div class="project item col-md-6 col-xl-4 product">\n              <figure class="lift rounded mb-6"><a href="/single-project.html"> <img src="/assets/img/photos/pd1.jpg" alt="" /></a></figure>\n              <div class="project-details d-flex justify-content-center flex-column">\n                <div class="post-header">\n                  <div class="post-category mb-2 text-yellow">Coffee</div>\n                  <h2 class="post-title h3">Cras Fermentum Sem</h2>\n                </div>\n                <!-- /.post-header -->\n              </div>\n              <!-- /.project-details -->\n            </div>\n            <!-- /.project -->\n            <div class="project item col-md-6 col-xl-4 workshop">\n              <figure class="lift rounded mb-6"><a href="/single-project2.html"> <img src="/assets/img/photos/pd2.jpg" alt="" /></a></figure>\n              <div class="project-details d-flex justify-content-center flex-column">\n                <div class="post-header">\n                  <div class="post-category mb-2 text-red">Stationary</div>\n                  <h2 class="post-title h3">Mollis Ipsum Mattis</h2>\n                </div>\n                <!-- /.post-header -->\n              </div>\n              <!-- /.project-details -->\n            </div>\n            <!-- /.project -->\n            <div class="project item col-md-6 col-xl-4 still-life">\n              <figure class="lift rounded mb-6"><a href="/single-project3.html"> <img src="/assets/img/photos/pd3.jpg" alt="" /></a></figure>\n              <div class="project-details d-flex justify-content-center flex-column">\n                <div class="post-header">\n                  <div class="post-category mb-2 text-orange">Branding</div>\n                  <h2 class="post-title h3">Ipsum Ultricies Cursus</h2>\n                </div>\n                <!-- /.post-header -->\n              </div>\n              <!-- /.project-details -->\n            </div>\n            <!-- /.project -->\n            <div class="project item col-md-6 col-xl-4 product">\n              <figure class="lift rounded mb-6"><a href="/single-project2.html"> <img src="/assets/img/photos/pd4.jpg" alt="" /></a></figure>\n              <div class="project-details d-flex justify-content-center flex-column">\n                <div class="post-header">\n                  <div class="post-category mb-2 text-purple">Product</div>\n                  <h2 class="post-title h3">Inceptos Euismod Egestas</h2>\n                </div>\n                <!-- /.post-header -->\n              </div>\n              <!-- /.project-details -->\n            </div>\n            <!-- /.project -->\n            <div class="project item col-md-6 col-xl-4 product">\n              <figure class="lift rounded mb-6"><a href="/single-project.html"> <img src="/assets/img/photos/pd5.jpg" alt="" /></a></figure>\n              <div class="project-details d-flex justify-content-center flex-column">\n                <div class="post-header">\n                  <div class="post-category mb-2 text-leaf">Print</div>\n                  <h2 class="post-title h3">Sollicitudin Ornare Porta</h2>\n                </div>\n                <!-- /.post-header -->\n              </div>\n              <!-- /.project-details -->\n            </div>\n            <!-- /.project -->\n            <div class="project item col-md-6 col-xl-4 workshop">\n              <figure class="lift rounded mb-6"><a href="/single-project3.html"> <img src="/assets/img/photos/pd6.jpg" alt="" /></a></figure>\n              <div class="project-details d-flex justify-content-center flex-column">\n                <div class="post-header">\n                  <div class="post-category mb-2 text-aqua">Workshop</div>\n                  <h2 class="post-title h3">Ipsum Mollis Vulputate</h2>\n                </div>\n                <!-- /.post-header -->\n              </div>\n              <!-- /.project-details -->\n            </div>\n            <!-- /.project -->\n          </div>\n          <!-- /.row -->\n        </div>\n        <!-- /.grid -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(14, 'content', 'section_5', '<section class="wrapper bg-soft-primary">\n      <div class="container py-14 pt-md-17 pb-md-19">\n        <div class="row gx-lg-8 gx-xl-12 gy-10 gy-lg-0 align-items-center">\n          <div class="col-lg-4 text-center text-lg-start">\n            <h2 class="fs-16 text-uppercase text-primary mb-3">Company Facts</h2>\n            <h3 class="display-4 mb-3 pe-xxl-15">We are proud of our projects</h3>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-8 mt-lg-2">\n            <div class="row align-items-center counter-wrapper gy-6 text-center">\n              <div class="col-md-4">\n                <h3 class="counter counter-lg">1000+</h3>\n                <p>Completed Projects</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4">\n                <h3 class="counter counter-lg">500+</h3>\n                <p>Happy Clients</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4">\n                <h3 class="counter counter-lg">150+</h3>\n                <p>Awards Won</p>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(14, 'content', 'section_6', '<section class="wrapper bg-light">\n      <div class="container py-16 py-md-17">\n        <div class="grid mb-14 mb-md-17">\n          <div class="row isotope gy-6 mt-n19 mt-md-n22">\n            <div class="item col-md-6 col-xl-3">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta. Cras mattis consectetur.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\n                        <h5 class="mb-1">Coriss Ambady</h5>\n                        <p class="mb-0">Financial Analyst</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-3">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Fusce dapibus, tellus ac cursus tortor mauris condimentum fermentum massa justo sit amet purus fermentum.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\n                        <h5 class="mb-1">Cory Zamora</h5>\n                        <p class="mb-0">Marketing Specialist</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-3">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor eu rutrum. Nulla vitae libero.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\n                        <h5 class="mb-1">Nikolas Brooten</h5>\n                        <p class="mb-0">Sales Manager</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-3">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Etiam adipiscing tincidunt elit convallis felis suscipit ut. Phasellus rhoncus eu tincidunt auctor nullam rutrum.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\n                        <h5 class="mb-1">Coriss Ambady</h5>\n                        <p class="mb-0">Financial Analyst</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n          </div>\n          <!-- /.row -->\n        </div>\n        <!-- /.grid-view -->\n        <div class="row mb-8 text-center">\n          <div class="col-lg-8 col-xl-7 col-xxl-6 mx-auto">\n            <h2 class="fs-16 text-uppercase text-primary mb-3">Company Strategy</h2>\n            <h3 class="display-4">Just sit and relax while we take care of your business needs.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-10 mb-14 mb-md-17 align-items-center">\n          <div class="col-lg-6 position-relative">\n            <div class="shape bg-dot leaf rellax w-17 h-18" data-rellax-speed="1" style="bottom: -2rem; left: -0.7rem;"></div>\n            <figure class="rounded"><img src="/assets/img/photos/about20.jpg" srcset="/assets/img/photos/about20@2x.jpg 2x" alt="" /></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-6 col-xxl-5">\n            <h3 class="display-6 mb-7">Our Working Process</h3>\n            <div class="d-flex flex-row mb-5">\n              <div>\n                <span class="icon btn btn-circle btn-soft-primary pe-none me-5"><span class="number fs-18">1</span></span>\n              </div>\n              <div>\n                <h4 class="mb-1">Collect Ideas</h4>\n                <p class="mb-0">Nulla vitae elit libero pharetra augue dapibus. Praesent commodo cursus. Sed posuere consectetur.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row mb-5">\n              <div>\n                <span class="icon btn btn-circle btn-soft-primary pe-none me-5"><span class="number fs-18">2</span></span>\n              </div>\n              <div>\n                <h4 class="mb-1">Data Analysis</h4>\n                <p class="mb-0">Vivamus sagittis lacus vel augue laoreet. Etiam porta sem malesuada magna est at lobortis nulla auctor.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row">\n              <div>\n                <span class="icon btn btn-circle btn-soft-primary pe-none me-5"><span class="number fs-18">3</span></span>\n              </div>\n              <div>\n                <h4 class="mb-1">Finalize Product</h4>\n                <p class="mb-0">Cras mattis consectetur purus sit amet. Aenean lacinia bibendum nulla sed. Donec ullamcorper metus.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">\n          <div class="col-lg-6 order-lg-2 position-relative">\n            <div class="shape rounded-circle bg-line leaf rellax w-18 h-18" data-rellax-speed="1" style="bottom: -2.5rem; right: -1.5rem;"></div>\n            <figure class="rounded"><img src="/assets/img/photos/about19.jpg" srcset="/assets/img/photos/about19@2x.jpg 2x" alt=""></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h3 class="display-6 mb-4">Why Choose Us?</h3>\n            <p class="mb-5">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. Maecenas faucibus mollis interdum. Maecenas sed diam eget risus varius.</p>\n            <div class="row gy-3">\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-primary mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Aenean quam ornare curabitur blandit consectetur.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Nullam quis risus eget urna mollis ornare aenean leo.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-primary mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Etiam porta euismod malesuada mollis nisl ornare sem.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Vivamus sagittis lacus augue rutrum maecenas.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n            <a href="#" class="btn btn-soft-primary rounded-pill mt-6 mb-0">More Details</a>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(14, 'footer', 'footer', '<footer class="bg-navy text-inverse">\n    <div class="container py-13 py-md-15">\n      <div class="d-lg-flex flex-row align-items-lg-center">\n        <h3 class="display-4 mb-6 mb-lg-0 pe-lg-20 pe-xl-22 pe-xxl-25 text-white">Join our community by using our services and grow your business.</h3>\n        <a href="#" class="btn btn-primary rounded-pill mb-0 text-nowrap">Try It For Free</a>\n      </div>\n      <!--/div -->\n      <hr class="mt-11 mb-12" />\n      <div class="row gy-6 gy-lg-0">\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <img class="mb-4" src="/assets/img/logo-light.png" srcset="/assets/img/logo-light@2x.png 2x" alt="" />\n            <p class="mb-4">© <script>\n                document.write(new Date().getUTCFullYear());\n              </script> Simeya. <br class="d-none d-lg-block" />All rights reserved.</p>\n            <nav class="nav social social-white">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Get in Touch</h4>\n            <address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address>\n            <a href="mailto:#">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Learn More</h4>\n            <ul class="list-unstyled  mb-0">\n              <li><a href="#">About Us</a></li>\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Projects</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-12 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Our Newsletter</h4>\n            <p class="mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p>\n            <div class="newsletter-wrapper">\n              <!-- Begin Mailchimp Signup Form -->\n              <div id="mc_embed_signup2">\n                <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate dark-fields" target="_blank" novalidate>\n                  <div id="mc_embed_signup_scroll2">\n                    <div class="mc-field-group input-group form-floating">\n                      <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2">\n                      <label for="mce-EMAIL2">Email Address</label>\n                      <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary ">\n                    </div>\n                    <div id="mce-responses2" class="clear">\n                      <div class="response" id="mce-error-response2" style="display:none"></div>\n                      <div class="response" id="mce-success-response2" style="display:none"></div>\n                    </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n                    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>\n                    <div class="clear"></div>\n                  </div>\n                </form>\n              </div>\n              <!--End mc_embed_signup-->\n            </div>\n            <!-- /.newsletter-wrapper -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!--/.row -->\n    </div>\n    <!-- /.container -->\n  </footer>'),
(14, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(15, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(15, 'header', 'header', '<header class="wrapper bg-soft-primary">\n      <nav class="navbar navbar-expand-lg center-nav transparent position-absolute navbar-dark caret-none">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img class="logo-dark" src="/assets/img/logo.png" srcset="/assets/img/logo@2x.png 2x" alt="" />\n              <img class="logo-light" src="/assets/img/logo-light.png" srcset="/assets/img/logo-light@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <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>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <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>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <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>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <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>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <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>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <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>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <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>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <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>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <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>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <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>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <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>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <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>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <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>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <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>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <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>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <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>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <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>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <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>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <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>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <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>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <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>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <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>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <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>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <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>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <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>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <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>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <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>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <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>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <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>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <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>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <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>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <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>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <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>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <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>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <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>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <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>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <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>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <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>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <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>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <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>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <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>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <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>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <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>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <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>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <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>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <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>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <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>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <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>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <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>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <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>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <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>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <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>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <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>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other w-100 d-flex ms-auto">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item"><a class="nav-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-info"><i class="uil uil-info-circle"></i></a></li>\n              <li class="nav-item"><a class="nav-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-search"><i class="uil uil-search"></i></a></li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n      <div class="offcanvas offcanvas-end text-inverse" id="offcanvas-info" data-bs-scroll="true">\n        <div class="offcanvas-header">\n          <h3 class="text-white fs-30 mb-0">Simeya</h3>\n          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n        </div>\n        <div class="offcanvas-body pb-6">\n          <div class="widget mb-8">\n            <p>Simeya is a multipurpose HTML5 template with various layouts which will be a great solution for your business.</p>\n          </div>\n          <!-- /.widget -->\n          <div class="widget mb-8">\n            <h4 class="widget-title text-white mb-3">Contact Info</h4>\n            <address> Moonshine St. 14/05 <br /> Light City, London </address>\n            <a href="mailto:first.last@email.com">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n          <div class="widget mb-8">\n            <h4 class="widget-title text-white mb-3">Learn More</h4>\n            <ul class="list-unstyled">\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n              <li><a href="#">Contact Us</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Follow Us</h4>\n            <nav class="nav social social-white">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /.offcanvas-body -->\n      </div>\n      <!-- /.offcanvas -->\n      <div class="offcanvas offcanvas-top bg-light" id="offcanvas-search" data-bs-scroll="true">\n        <div class="container d-flex flex-row py-6">\n          <form class="search-form w-100">\n            <input id="search-form" type="text" class="form-control" placeholder="Type keyword and hit enter">\n          </form>\n          <!-- /.search-form -->\n          <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n        </div>\n        <!-- /.container -->\n      </div>\n      <!-- /.offcanvas -->\n    </header>'),
(15, 'content', 'section_1', '<section class="wrapper bg-dark">\n      <div class="swiper-container swiper-hero dots-over" data-margin="0" data-autoplay="true" data-autoplaytime="7000" data-nav="true" data-dots="true" data-items="1">\n        <div class="swiper">\n          <div class="swiper-wrapper">\n            <div class="swiper-slide bg-overlay bg-overlay-400 bg-dark bg-image" data-image-src="/assets/img/photos/bg7.jpg">\n              <div class="container h-100">\n                <div class="row h-100">\n                  <div class="col-md-10 offset-md-1 col-lg-7 offset-lg-0 col-xl-6 col-xxl-5 text-center text-lg-start justify-content-center align-self-center align-items-start">\n                    <h2 class="display-1 fs-56 mb-4 text-white animate__animated animate__slideInDown animate__delay-1s">We bring solutions to make life easier.</h2>\n                    <p class="lead fs-23 lh-sm mb-7 text-white animate__animated animate__slideInRight animate__delay-2s">We are a creative company that focuses on long term relationships with customers.</p>\n                    <div class="animate__animated animate__slideInUp animate__delay-3s"><a href="#" class="btn btn-lg btn-outline-white rounded-pill">Read More</a></div>\n                  </div>\n                  <!--/column -->\n                </div>\n                <!--/.row -->\n              </div>\n              <!--/.container -->\n            </div>\n            <!--/.swiper-slide -->\n            <div class="swiper-slide bg-overlay bg-overlay-400 bg-dark bg-image" data-image-src="/assets/img/photos/bg8.jpg">\n              <div class="container h-100">\n                <div class="row h-100">\n                  <div class="col-md-11 col-lg-8 col-xl-7 col-xxl-6 mx-auto text-center justify-content-center align-self-center">\n                    <h2 class="display-1 fs-56 mb-4 text-white animate__animated animate__slideInDown animate__delay-1s">We are trusted by over a million customers.</h2>\n                    <p class="lead fs-23 lh-sm mb-7 text-white animate__animated animate__slideInRight animate__delay-2s">Here a few reasons why our customers choose us.</p>\n                    <div class="animate__animated animate__slideInUp animate__delay-3s"><a href="/assets/media/movie.mp4" class="btn btn-circle btn-white btn-play ripple mx-auto mb-5" data-glightbox><i class="icn-caret-right"></i></a></div>\n                  </div>\n                  <!--/column -->\n                </div>\n                <!--/.row -->\n              </div>\n              <!--/.container -->\n            </div>\n            <!--/.swiper-slide -->\n            <div class="swiper-slide bg-overlay bg-overlay-400 bg-dark bg-image" data-image-src="/assets/img/photos/bg9.jpg">\n              <div class="container h-100">\n                <div class="row h-100">\n                  <div class="col-md-10 offset-md-1 col-lg-7 offset-lg-5 col-xl-6 offset-xl-6 col-xxl-5 offset-xxl-6 text-center text-lg-start justify-content-center align-self-center align-items-start">\n                    <h2 class="display-1 fs-56 mb-4 text-white animate__animated animate__slideInDown animate__delay-1s">Just sit and relax.</h2>\n                    <p class="lead fs-23 lh-sm mb-7 text-white animate__animated animate__slideInRight animate__delay-2s">We make sure your spending is stress free so that you can have the perfect control.</p>\n                    <div class="animate__animated animate__slideInUp animate__delay-3s"><a href="#" class="btn btn-lg btn-outline-white rounded-pill">Contact Us</a></div>\n                  </div>\n                  <!--/column -->\n                </div>\n                <!--/.row -->\n              </div>\n              <!--/.container -->\n            </div>\n            <!--/.swiper-slide -->\n          </div>\n          <!--/.swiper-wrapper -->\n        </div>\n        <!-- /.swiper -->\n      </div>\n      <!-- /.swiper-container -->\n    </section>'),
(15, 'content', 'section_2', '<section class="wrapper bg-light angled lower-end">\n      <div class="container py-14 py-md-16">\n        <div class="row gx-lg-8 gx-xl-12 gy-10 mb-14 mb-md-17 align-items-center">\n          <div class="col-lg-6 position-relative order-lg-2">\n            <div class="shape bg-dot primary rellax w-16 h-20" data-rellax-speed="1" style="top: 3rem; left: 5.5rem"></div>\n            <div class="overlap-grid overlap-grid-2">\n              <div class="item">\n                <figure class="rounded shadow"><img src="/assets/img/photos/about2.jpg" srcset="/assets/img/photos/about2@2x.jpg 2x" alt=""></figure>\n              </div>\n              <div class="item">\n                <figure class="rounded shadow"><img src="/assets/img/photos/about3.jpg" srcset="/assets/img/photos/about3@2x.jpg 2x" alt=""></figure>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <img src="/assets/img/icons/lineal/megaphone.svg" class="svg-inject icon-svg icon-svg-md mb-4" alt="" />\n            <h2 class="display-4 mb-3">Who Are We?</h2>\n            <p class="lead fs-lg">We are a digital and branding company that believes in the power of creative strategy and along with great design.</p>\n            <p class="mb-6">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.</p>\n            <div class="row gy-3 gx-xl-8">\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-primary mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Aenean eu leo quam ornare curabitur blandit tempus.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Nullam quis risus eget urna mollis ornare donec elit.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-primary mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Etiam porta sem malesuada magna mollis euismod.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Fermentum massa vivamus faucibus amet euismod.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row mb-5">\n          <div class="col-md-10 col-xl-8 col-xxl-7 mx-auto text-center">\n            <img src="/assets/img/icons/lineal/list.svg" class="svg-inject icon-svg icon-svg-md mb-4" alt="" />\n            <h2 class="display-4 mb-4 px-lg-14">Here are 3 working steps to organize our business projects.</h2>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">\n          <div class="col-lg-6 order-lg-2">\n            <div class="card me-lg-6">\n              <div class="card-body p-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <span class="icon btn btn-circle btn-lg btn-soft-primary pe-none me-4"><span class="number">01</span></span>\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Collect Ideas</h4>\n                    <p class="mb-0">Nulla vitae elit libero pharetra augue dapibus.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n            <div class="card ms-lg-13 mt-6">\n              <div class="card-body p-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <span class="icon btn btn-circle btn-lg btn-soft-primary pe-none me-4"><span class="number">02</span></span>\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Data Analysis</h4>\n                    <p class="mb-0">Vivamus sagittis lacus vel augue laoreet.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n            <div class="card mx-lg-6 mt-6">\n              <div class="card-body p-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <span class="icon btn btn-circle btn-lg btn-soft-primary pe-none me-4"><span class="number">03</span></span>\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Finalize Product</h4>\n                    <p class="mb-0">Cras mattis consectetur purus sit amet.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h2 class="display-6 mb-3">How It Works?</h2>\n            <p class="lead fs-lg pe-lg-5">Find out everything you need to know and more about how we create our business process models.</p>\n            <p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare.</p>\n            <p class="mb-6">Nullam id dolor id nibh ultricies vehicula ut id elit. Vestibulum id ligula porta felis euismod semper. Aenean lacinia bibendum nulla sed consectetur. Sed posuere consectetur est at lobortis. Vestibulum id ligula porta felis.</p>\n            <a href="#" class="btn btn-primary rounded-pill mb-0">Learn More</a>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(15, 'content', 'section_3', '<section class="wrapper bg-soft-primary">\n      <div class="container pt-16 pb-14 pb-md-0">\n        <div class="row gx-lg-8 gx-xl-0 align-items-center">\n          <div class="col-md-5 col-lg-5 col-xl-4 offset-xl-1 d-none d-md-flex position-relative align-self-end">\n            <div class="shape rounded-circle bg-pale-primary rellax w-21 h-21 d-md-none d-lg-block" data-rellax-speed="1" style="top: 7rem; left: 1rem"></div>\n            <figure><img src="/assets/img/photos/co1.png" srcset="/assets/img/photos/co1@2x.png 2x" alt=""></figure>\n          </div>\n          <!--/column -->\n          <div class="col-md-7 col-lg-6 col-xl-6 col-xxl-5 offset-xl-1">\n            <div class="swiper-container dots-start dots-closer mt-md-10 mb-md-15" data-margin="30" data-dots="true">\n              <div class="swiper">\n                <div class="swiper-wrapper">\n                  <div class="swiper-slide">\n                    <blockquote class="icon fs-lg">\n                      <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur nulla dapibus curabitur blandit faucibus.”</p>\n                      <div class="blockquote-details">\n                        <div class="info ps-0">\n                          <h5 class="mb-1">Coriss Ambady</h5>\n                          <p class="mb-0">Financial Analyst</p>\n                        </div>\n                      </div>\n                    </blockquote>\n                  </div>\n                  <!--/.swiper-slide -->\n                  <div class="swiper-slide">\n                    <blockquote class="icon fs-lg">\n                      <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur adipiscing dapibus curabitur blandit.”</p>\n                      <div class="blockquote-details">\n                        <div class="info ps-0">\n                          <h5 class="mb-1">Cory Zamora</h5>\n                          <p class="mb-0">Marketing Specialist</p>\n                        </div>\n                      </div>\n                    </blockquote>\n                  </div>\n                  <!--/.swiper-slide -->\n                  <div class="swiper-slide">\n                    <blockquote class="icon fs-lg">\n                      <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur adipiscing dapibus curabitur blandit.”</p>\n                      <div class="blockquote-details">\n                        <div class="info ps-0">\n                          <h5 class="mb-1">Nikolas Brooten</h5>\n                          <p class="mb-0">Sales Manager</p>\n                        </div>\n                      </div>\n                    </blockquote>\n                  </div>\n                  <!--/.swiper-slide -->\n                </div>\n                <!--/.swiper-wrapper -->\n              </div>\n              <!-- /.swiper -->\n            </div>\n            <!-- /.swiper-container -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(15, 'content', 'section_4', '<section class="wrapper bg-light">\n      <div class="container py-14 py-md-16">\n        <div class="row mb-3">\n          <div class="col-md-10 col-xl-9 col-xxl-7 mx-auto text-center">\n            <img src="/assets/img/icons/lineal/team.svg" class="svg-inject icon-svg icon-svg-md mb-4" alt="" />\n            <h2 class="display-4 mb-3 px-lg-14">Save your time and money by choosing our professional team.</h2>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="position-relative">\n          <div class="shape rounded-circle bg-soft-yellow rellax w-16 h-16" data-rellax-speed="1" style="bottom: 0.5rem; right: -1.7rem;"></div>\n          <div class="shape rounded-circle bg-line red rellax w-16 h-16" data-rellax-speed="1" style="top: 0.5rem; left: -1.7rem;"></div>\n          <div class="swiper-container dots-closer mb-6" data-margin="0" data-dots="true" data-items-xxl="4" data-items-lg="3" data-items-md="2" data-items-xs="1">\n            <div class="swiper">\n              <div class="swiper-wrapper">\n                <div class="swiper-slide">\n                  <div class="item-inner">\n                    <div class="card">\n                      <div class="card-body">\n                        <img class="rounded-circle w-15 mb-4" src="/assets/img/avatars/te1.jpg" srcset="/assets/img/avatars/te1@2x.jpg 2x" alt="" />\n                        <h4 class="mb-1">Coriss Ambady</h4>\n                        <div class="meta mb-2">Financial Analyst</div>\n                        <p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p>\n                        <nav class="nav social mb-0">\n                          <a href="#"><i class="uil uil-twitter"></i></a>\n                          <a href="#"><i class="uil uil-facebook-f"></i></a>\n                          <a href="#"><i class="uil uil-dribbble"></i></a>\n                        </nav>\n                        <!-- /.social -->\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </div>\n                  <!-- /.item-inner -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="item-inner">\n                    <div class="card">\n                      <div class="card-body">\n                        <img class="rounded-circle w-15 mb-4" src="/assets/img/avatars/te2.jpg" srcset="/assets/img/avatars/te2@2x.jpg 2x" alt="" />\n                        <h4 class="mb-1">Cory Zamora</h4>\n                        <div class="meta mb-2">Marketing Specialist</div>\n                        <p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p>\n                        <nav class="nav social mb-0">\n                          <a href="#"><i class="uil uil-twitter"></i></a>\n                          <a href="#"><i class="uil uil-facebook-f"></i></a>\n                          <a href="#"><i class="uil uil-dribbble"></i></a>\n                        </nav>\n                        <!-- /.social -->\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </div>\n                  <!-- /.item-inner -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="item-inner">\n                    <div class="card">\n                      <div class="card-body">\n                        <img class="rounded-circle w-15 mb-4" src="/assets/img/avatars/te3.jpg" srcset="/assets/img/avatars/te3@2x.jpg 2x" alt="" />\n                        <h4 class="mb-1">Nikolas Brooten</h4>\n                        <div class="meta mb-2">Sales Manager</div>\n                        <p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p>\n                        <nav class="nav social mb-0">\n                          <a href="#"><i class="uil uil-twitter"></i></a>\n                          <a href="#"><i class="uil uil-facebook-f"></i></a>\n                          <a href="#"><i class="uil uil-dribbble"></i></a>\n                        </nav>\n                        <!-- /.social -->\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </div>\n                  <!-- /.item-inner -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="item-inner">\n                    <div class="card">\n                      <div class="card-body">\n                        <img class="rounded-circle w-15 mb-4" src="/assets/img/avatars/te4.jpg" srcset="/assets/img/avatars/te4@2x.jpg 2x" alt="" />\n                        <h4 class="mb-1">Jackie Sanders</h4>\n                        <div class="meta mb-2">Investment Planner</div>\n                        <p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p>\n                        <nav class="nav social mb-0">\n                          <a href="#"><i class="uil uil-twitter"></i></a>\n                          <a href="#"><i class="uil uil-facebook-f"></i></a>\n                          <a href="#"><i class="uil uil-dribbble"></i></a>\n                        </nav>\n                        <!-- /.social -->\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </div>\n                  <!-- /.item-inner -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="item-inner">\n                    <div class="card">\n                      <div class="card-body">\n                        <img class="rounded-circle w-15 mb-4" src="/assets/img/avatars/te5.jpg" srcset="/assets/img/avatars/te5@2x.jpg 2x" alt="" />\n                        <h4 class="mb-1">Laura Widerski</h4>\n                        <div class="meta mb-2">Sales Specialist</div>\n                        <p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p>\n                        <nav class="nav social mb-0">\n                          <a href="#"><i class="uil uil-twitter"></i></a>\n                          <a href="#"><i class="uil uil-facebook-f"></i></a>\n                          <a href="#"><i class="uil uil-dribbble"></i></a>\n                        </nav>\n                        <!-- /.social -->\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </div>\n                  <!-- /.item-inner -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="item-inner">\n                    <div class="card">\n                      <div class="card-body">\n                        <img class="rounded-circle w-15 mb-4" src="/assets/img/avatars/te6.jpg" srcset="/assets/img/avatars/te6@2x.jpg 2x" alt="" />\n                        <h4 class="mb-1">Tina Geller</h4>\n                        <div class="meta mb-2">Financial Analyst</div>\n                        <p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p>\n                        <nav class="nav social mb-0">\n                          <a href="#"><i class="uil uil-twitter"></i></a>\n                          <a href="#"><i class="uil uil-facebook-f"></i></a>\n                          <a href="#"><i class="uil uil-dribbble"></i></a>\n                        </nav>\n                        <!-- /.social -->\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </div>\n                  <!-- /.item-inner -->\n                </div>\n                <!--/.swiper-slide -->\n              </div>\n              <!--/.swiper-wrapper -->\n            </div>\n            <!-- /.swiper -->\n          </div>\n          <!-- /.swiper-container -->\n        </div>\n        <!-- /.position-relative -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(15, 'content', 'section_5', '<section class="wrapper bg-soft-primary angled lower-start">\n      <div class="container py-14 py-md-16">\n        <div class="row">\n          <div class="col-xl-10 mx-auto">\n            <div class="row align-items-center counter-wrapper gy-6 text-center">\n              <div class="col-md-3">\n                <img src="/assets/img/icons/lineal/check.svg" class="svg-inject icon-svg icon-svg-lg text-primary mb-3" alt="" />\n                <h3 class="counter">7518</h3>\n                <p>Completed Projects</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-3">\n                <img src="/assets/img/icons/lineal/user.svg" class="svg-inject icon-svg icon-svg-lg text-primary mb-3" alt="" />\n                <h3 class="counter">3472</h3>\n                <p>Satisfied Customers</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-3">\n                <img src="/assets/img/icons/lineal/briefcase-2.svg" class="svg-inject icon-svg icon-svg-lg text-primary mb-3" alt="" />\n                <h3 class="counter">2184</h3>\n                <p>Expert Employees</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-3">\n                <img src="/assets/img/icons/lineal/award-2.svg" class="svg-inject icon-svg icon-svg-lg text-primary mb-3" alt="" />\n                <h3 class="counter">4523</h3>\n                <p>Awards Won</p>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(15, 'content', 'section_6', '<section class="wrapper bg-light">\n      <div class="container pt-19 pb-14 pt-md-20 pb-md-16">\n        <div class="row gx-md-8 gx-xl-12 gy-10 align-items-center">\n          <div class="col-md-8 col-lg-6 offset-lg-0 col-xl-5 offset-xl-1 position-relative">\n            <div class="shape bg-dot primary rellax w-17 h-21" data-rellax-speed="1" style="top: -2rem; left: -1.4rem;"></div>\n            <figure class="rounded"><img src="/assets/img/photos/about4.jpg" srcset="/assets/img/photos/about4@2x.jpg 2x" alt=""></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <img src="/assets/img/icons/lineal/telemarketer.svg" class="svg-inject icon-svg icon-svg-md mb-4" alt="" />\n            <h2 class="display-4 mb-8">Convinced yet? Let''s make something great together.</h2>\n            <div class="d-flex flex-row">\n              <div>\n                <div class="icon text-primary fs-28 me-6 mt-n1"> <i class="uil uil-location-pin-alt"></i> </div>\n              </div>\n              <div>\n                <h5 class="mb-1">Address</h5>\n                <address>Moonshine St. 14/05 Light City, <br class="d-none d-md-block" />London, United Kingdom</address>\n              </div>\n            </div>\n            <div class="d-flex flex-row">\n              <div>\n                <div class="icon text-primary fs-28 me-6 mt-n1"> <i class="uil uil-phone-volume"></i> </div>\n              </div>\n              <div>\n                <h5 class="mb-1">Phone</h5>\n                <p>00 (123) 456 78 90</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row">\n              <div>\n                <div class="icon text-primary fs-28 me-6 mt-n1"> <i class="uil uil-envelope"></i> </div>\n              </div>\n              <div>\n                <h5 class="mb-1">E-mail</h5>\n                <p class="mb-0"><a href="mailto:sandbox@email.com" class="link-body">sandbox@email.com</a></p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(15, 'content', 'section_7', '<section class="wrapper bg-soft-primary">\n      <div class="container py-14 py-md-16 text-center">\n        <div class="row">\n          <div class="col-md-9 col-lg-7 col-xl-7 mx-auto text-center">\n            <img src="/assets/img/icons/lineal/puzzle-2.svg" class="svg-inject icon-svg icon-svg-md mb-4" alt="" />\n            <h2 class="display-4 mb-3">Join Our Community</h2>\n            <p class="lead fs-lg mb-6 px-xl-10 px-xxl-15">We are trusted by over 5000+ clients. Join them by using our services and grow your business.</p>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row">\n          <div class="col-md-6 col-lg-5 col-xl-4 mx-auto">\n            <div class="newsletter-wrapper">\n              <!-- Begin Mailchimp Signup Form -->\n              <div id="mc_embed_signup2">\n                <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>\n                  <div id="mc_embed_signup_scroll2">\n                    <div class="mc-field-group input-group form-floating">\n                      <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2">\n                      <label for="mce-EMAIL2">Email Address</label>\n                      <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary">\n                    </div>\n                    <div id="mce-responses2" class="clear">\n                      <div class="response" id="mce-error-response2" style="display:none"></div>\n                      <div class="response" id="mce-success-response2" style="display:none"></div>\n                    </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n                    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>\n                    <div class="clear"></div>\n                  </div>\n                </form>\n              </div>\n              <!--End mc_embed_signup-->\n            </div>\n            <!-- /.newsletter-wrapper -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(15, 'footer', 'footer', '<footer class="bg-dark text-inverse">\n    <div class="container py-13 py-md-15">\n      <div class="row gy-6 gy-lg-0">\n        <div class="col-lg-4">\n          <div class="widget">\n            <img class="mb-4" src="/assets/img/logo-light.png" srcset="/assets/img/logo-light@2x.png 2x" alt="" />\n            <p class="mb-4">© <script>\n                document.write(new Date().getUTCFullYear());\n              </script> Simeya. All rights reserved.</p>\n            <nav class="nav social social-white">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-2 offset-lg-2">\n          <div class="widget">\n            <h4 class="widget-title mb-3 text-white">Need Help?</h4>\n            <ul class="list-unstyled mb-0">\n              <li><a href="#">Support</a></li>\n              <li><a href="#">Get Started</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-2">\n          <div class="widget">\n            <h4 class="widget-title mb-3 text-white">Learn More</h4>\n            <ul class="list-unstyled mb-0">\n              <li><a href="#">About Us</a></li>\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Projects</a></li>\n              <li><a href="#">Pricing</a></li>\n              <li><a href="#">Features</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-2">\n          <div class="widget">\n            <h4 class="widget-title mb-3 text-white">Get in Touch</h4>\n            <address>Moonshine St. 14/05 Light City, London, United Kingdom</address>\n            <a href="mailto:first.last@email.com">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!--/.row -->\n    </div>\n    <!-- /.container -->\n  </footer>'),
(15, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(16, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/pink.css">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(16, 'header', 'header', '<header class="wrapper bg-gray">\n      <nav class="navbar navbar-expand-lg fancy navbar-light navbar-bg-light">\n        <div class="container">\n          <div class="navbar-collapse-wrapper bg-white d-flex flex-row flex-nowrap w-100 justify-content-between align-items-center">\n            <div class="navbar-brand w-100">\n              <a href="/index.html">\n                <img src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n              </a>\n            </div>\n            <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n              <div class="offcanvas-header d-lg-none">\n                <h3 class="text-white fs-30 mb-0">Simeya</h3>\n                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n              </div>\n              <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n                <ul class="navbar-nav">\n                  <li class="nav-item dropdown dropdown-mega">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                    <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                      <li class="mega-menu-content mega-menu-scroll">\n                        <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                              <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>\n                              <span class="d-lg-none">Demo 1</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                              <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>\n                              <span class="d-lg-none">Demo 2</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                              <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>\n                              <span class="d-lg-none">Demo 3</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                              <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>\n                              <span class="d-lg-none">Demo 4</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                              <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>\n                              <span class="d-lg-none">Demo 5</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                              <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>\n                              <span class="d-lg-none">Demo 6</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                              <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>\n                              <span class="d-lg-none">Demo 7</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                              <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>\n                              <span class="d-lg-none">Demo 8</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                              <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>\n                              <span class="d-lg-none">Demo 9</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                              <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>\n                              <span class="d-lg-none">Demo 10</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                              <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>\n                              <span class="d-lg-none">Demo 11</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                              <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>\n                              <span class="d-lg-none">Demo 12</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                              <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>\n                              <span class="d-lg-none">Demo 13</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                              <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>\n                              <span class="d-lg-none">Demo 14</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                              <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>\n                              <span class="d-lg-none">Demo 15</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                              <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>\n                              <span class="d-lg-none">Demo 16</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                              <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>\n                              <span class="d-lg-none">Demo 17</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                              <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>\n                              <span class="d-lg-none">Demo 18</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                              <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>\n                              <span class="d-lg-none">Demo 19</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                              <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>\n                              <span class="d-lg-none">Demo 20</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                              <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>\n                              <span class="d-lg-none">Demo 21</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                              <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>\n                              <span class="d-lg-none">Demo 22</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                              <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>\n                              <span class="d-lg-none">Demo 23</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                              <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>\n                              <span class="d-lg-none">Demo 24</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                              <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>\n                              <span class="d-lg-none">Demo 25</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                              <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>\n                              <span class="d-lg-none">Demo 26</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                              <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>\n                              <span class="d-lg-none">Demo 27</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                              <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>\n                              <span class="d-lg-none">Demo 28</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                              <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>\n                              <span class="d-lg-none">Demo 29</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                              <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>\n                              <span class="d-lg-none">Demo 30</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                              <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>\n                              <span class="d-lg-none">Demo 31</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                              <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>\n                              <span class="d-lg-none">Demo 32</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                              <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>\n                              <span class="d-lg-none">Demo 33</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                              <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>\n                              <span class="d-lg-none">Demo 34</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                              <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>\n                              <span class="d-lg-none">Demo 35</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                              <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>\n                              <span class="d-lg-none">Demo 36</span>\n                            </a>\n                          </li>\n                        </ul>\n                        <!--/.row -->\n                        <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                      </li>\n                      <!--/.mega-menu-content-->\n                    </ul>\n                    <!--/.dropdown-menu -->\n                  </li>\n                  <li class="nav-item dropdown">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                    <ul class="dropdown-menu">\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                        </ul>\n                      </li>\n                      <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                      <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                    </ul>\n                  </li>\n                  <li class="nav-item dropdown">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                    <div class="dropdown-menu dropdown-lg">\n                      <div class="dropdown-lg-content">\n                        <div>\n                          <h6 class="dropdown-header">Project Pages</h6>\n                          <ul class="list-unstyled">\n                            <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                            <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                            <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                            <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                          </ul>\n                        </div>\n                        <!-- /.column -->\n                        <div>\n                          <h6 class="dropdown-header">Single Projects</h6>\n                          <ul class="list-unstyled">\n                            <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                            <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                            <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                            <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                          </ul>\n                        </div>\n                        <!-- /.column -->\n                      </div>\n                      <!-- /auto-column -->\n                    </div>\n                  </li>\n                  <li class="nav-item dropdown">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                    <ul class="dropdown-menu">\n                      <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                      <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                      <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                        </ul>\n                      </li>\n                    </ul>\n                  </li>\n                  <li class="nav-item dropdown dropdown-mega">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                    <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                      <li class="mega-menu-content">\n                        <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                              <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>\n                              <span>About</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                              <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>\n                              <span>Blog</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                              <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>\n                              <span>Call to Action</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                              <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>\n                              <span>Clients</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                              <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>\n                              <span>Contact</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                              <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>\n                              <span>Facts</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                              <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>\n                              <span>FAQ</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                              <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>\n                              <span>Features</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                              <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>\n                              <span>Footer</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                              <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>\n                              <span>Hero</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                              <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>\n                              <span>Misc</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                              <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>\n                              <span>Navbar</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                              <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>\n                              <span>Portfolio</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                              <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>\n                              <span>Pricing</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                              <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>\n                              <span>Process</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                              <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>\n                              <span>Team</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                              <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>\n                              <span>Testimonials</span>\n                            </a>\n                          </li>\n                        </ul>\n                        <!--/.row -->\n                      </li>\n                      <!--/.mega-menu-content-->\n                    </ul>\n                    <!--/.dropdown-menu -->\n                  </li>\n                  <li class="nav-item dropdown dropdown-mega">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                    <ul class="dropdown-menu mega-menu">\n                      <li class="mega-menu-content">\n                        <div class="row gx-0 gx-lg-3">\n                          <div class="col-lg-4">\n                            <h6 class="dropdown-header">Usage</h6>\n                            <ul class="list-unstyled cc-2 pb-lg-1">\n                              <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                              <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                              <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                              <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                              <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                            </ul>\n                            <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                            <ul class="list-unstyled cc-2">\n                              <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                            </ul>\n                          </div>\n                          <!--/column -->\n                          <div class="col-lg-8">\n                            <h6 class="dropdown-header">Elements</h6>\n                            <ul class="list-unstyled cc-3">\n                              <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                            </ul>\n                          </div>\n                          <!--/column -->\n                        </div>\n                        <!--/.row -->\n                      </li>\n                      <!--/.mega-menu-content-->\n                    </ul>\n                    <!--/.dropdown-menu -->\n                  </li>\n                </ul>\n                <!-- /.navbar-nav -->\n                <div class="offcanvas-footer d-lg-none">\n                  <div>\n                    <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                    <br /> 00 (123) 456 78 90 <br />\n                    <nav class="nav social social-white mt-4">\n                      <a href="#"><i class="uil uil-twitter"></i></a>\n                      <a href="#"><i class="uil uil-facebook-f"></i></a>\n                      <a href="#"><i class="uil uil-dribbble"></i></a>\n                      <a href="#"><i class="uil uil-instagram"></i></a>\n                      <a href="#"><i class="uil uil-youtube"></i></a>\n                    </nav>\n                    <!-- /.social -->\n                  </div>\n                </div>\n                <!-- /.offcanvas-footer -->\n              </div>\n              <!-- /.offcanvas-body -->\n            </div>\n            <!-- /.navbar-collapse -->\n            <div class="navbar-other w-100 d-flex ms-auto">\n              <ul class="navbar-nav flex-row align-items-center ms-auto">\n                <li class="nav-item">\n                  <nav class="nav social social-muted justify-content-end text-end">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </li>\n                <li class="nav-item d-lg-none">\n                  <button class="hamburger offcanvas-nav-btn"><span></span></button>\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n            </div>\n            <!-- /.navbar-other -->\n          </div>\n          <!-- /.navbar-collapse-wrapper -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n    </header>'),
(16, 'content', 'section_1', '<section class="wrapper bg-gray">\n      <div class="container pt-12 pt-md-14 pb-14 pb-md-16">\n        <div class="row gy-10 gy-md-13 gy-lg-0 align-items-center">\n          <div class="col-md-8 col-lg-5 d-flex position-relative mx-auto" data-cues="slideInDown" data-group="header">\n            <div class="img-mask mask-1"><img src="/assets/img/photos/about17.jpg" srcset="/assets/img/photos/about17@2x.jpg 2x" alt="" /></div>\n            <div class="card shadow-lg position-absolute" style="bottom: 10%; right: 2%;">\n              <div class="card-body py-4 px-5">\n                <div class="d-flex flex-row align-items-center">\n                  <div>\n                    <img src="/assets/img/icons/lineal/check.svg" class="svg-inject icon-svg icon-svg-sm text-primary mx-auto me-3" alt="" />\n                  </div>\n                  <div>\n                    <h3 class="counter mb-0 text-nowrap">250+</h3>\n                    <p class="fs-14 lh-sm mb-0 text-nowrap">Projects Done</p>\n                  </div>\n                </div>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-6 offset-lg-1 col-xxl-5 text-center text-lg-start" data-cues="slideInDown" data-group="page-title" data-delay="600">\n            <h1 class="display-1 mb-5">I''m User Interface Designer & Developer.</h1>\n            <p class="lead fs-25 lh-sm mb-7 px-md-10 px-lg-0">Hello! I''m Julia, a freelance user interface designer & developer based in London. I’m very passionate about the work that I do.</p>\n            <div class="d-flex justify-content-center justify-content-lg-start" data-cues="slideInDown" data-group="page-title-buttons" data-delay="900">\n              <span><a href="#" class="btn btn-lg btn-primary rounded-pill me-2">See My Works</a></span>\n              <span><a href="#" class="btn btn-lg btn-outline-primary rounded-pill">Contact Me</a></span>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(16, 'content', 'section_2', '<section class="wrapper bg-light wrapper-border">\n      <div class="container py-14 py-md-18">\n        <div class="row gx-lg-8 gx-xl-12 gy-6 mb-10">\n          <div class="col-lg-6 order-lg-2">\n            <ul class="progress-list">\n              <li>\n                <p>Web Design</p>\n                <div class="progressbar line soft-violet" data-value="100"></div>\n              </li>\n              <li>\n                <p>Mobile Design</p>\n                <div class="progressbar line soft-blue" data-value="80"></div>\n              </li>\n              <li>\n                <p>Development</p>\n                <div class="progressbar line soft-leaf" data-value="85"></div>\n              </li>\n              <li>\n                <p>SEO</p>\n                <div class="progressbar line soft-pink" data-value="90"></div>\n              </li>\n            </ul>\n            <!-- /.progress-list -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h2 class="display-4 mb-3">What I Do?</h2>\n            <p class="lead fs-20 mb-5">Duis mollis est commodo luctus nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nullam quis risus eget urna mollis ornare vel. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl.</p>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-6 text-center">\n          <div class="col-md-6 col-lg-3">\n            <img src="/assets/img/icons/lineal/browser.svg" class="svg-inject icon-svg icon-svg-md text-violet mb-3" alt="" />\n            <h4>Web Design</h4>\n            <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo cum sociis natoque magnis.</p>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <img src="/assets/img/icons/lineal/smartphone.svg" class="svg-inject icon-svg icon-svg-md text-blue mb-3" alt="" />\n            <h4>Mobile Design</h4>\n            <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo cum sociis natoque magnis.</p>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <img src="/assets/img/icons/lineal/settings-3.svg" class="svg-inject icon-svg icon-svg-md text-leaf mb-3" alt="" />\n            <h4>Development</h4>\n            <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo cum sociis natoque magnis.</p>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <img src="/assets/img/icons/lineal/search-2.svg" class="svg-inject icon-svg icon-svg-md text-pink mb-3" alt="" />\n            <h4>SEO</h4>\n            <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo cum sociis natoque magnis.</p>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(16, 'content', 'section_3', '<section class="wrapper bg-light wrapper-border">\n      <div class="container py-14 pt-md-18 pb-md-16">\n        <div class="row align-items-center mb-10">\n          <div class="col-md-8 col-lg-9 col-xl-8 col-xxl-7 pe-xl-20">\n            <h2 class="display-4 mb-3">Latest Projects</h2>\n            <p class="lead fs-20 mb-0">Check out some of my latest projects with creative ideas.</p>\n          </div>\n          <!--/column -->\n          <div class="col-md-4 col-lg-3 ms-md-auto text-md-end mt-5 mt-md-0">\n            <a href="#" class="btn btn-outline-primary rounded-pill mb-0">See All Projects</a>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="card bg-soft-violet mb-10">\n          <div class="card-body p-12 pb-0">\n            <div class="row">\n              <div class="col-lg-4 pb-12 align-self-center">\n                <div class="post-category mb-3 text-violet">Web Design</div>\n                <h3 class="h1 post-title mb-3">Snowlake Theme</h3>\n                <p>Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus cursus.</p>\n                <a href="#" class="more hover link-violet">See Project</a>\n              </div>\n              <!-- /column -->\n              <div class="col-lg-7 offset-lg-1 align-self-end">\n                <figure><img class="img-fluid" src="/assets/img/photos/f1.png" srcset="/assets/img/photos/f1@2x.png 2x" alt="" /></figure>\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!--/.card-body -->\n        </div>\n        <!--/.card -->\n        <div class="card bg-soft-blue mb-10">\n          <div class="card-body p-12">\n            <div class="row gy-10 align-items-center">\n              <div class="col-lg-4 order-lg-2 offset-lg-1">\n                <div class="post-category mb-3 text-blue">Mobile Design</div>\n                <h3 class="h1 post-title mb-3">Budget App</h3>\n                <p>Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus cursus.</p>\n                <a href="#" class="more hover link-blue">See Project</a>\n              </div>\n              <!-- /column -->\n              <div class="col-lg-7">\n                <figure><img class="img-fluid" src="/assets/img/photos/f2.png" srcset="/assets/img/photos/f2@2x.png 2x" alt="" /></figure>\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!--/.card-body -->\n        </div>\n        <!--/.card -->\n        <div class="row gx-md-8 gx-xl-10">\n          <div class="col-lg-6">\n            <div class="card bg-soft-leaf mb-10">\n              <div class="card-body p-12 pb-0">\n                <div class="post-category mb-3 text-leaf">Web Design</div>\n                <h3 class="h1 post-title mb-3">Missio Theme</h3>\n                <p>Maecenas faucibus mollis interdum sed posuere porta consectetur cursus porta lobortis. Scelerisque id ligula felis.</p>\n                <a href="#" class="more hover link-leaf mb-8">See Project</a>\n              </div>\n              <!--/.card-body -->\n              <img class="card-img-bottom" src="/assets/img/photos/f3.png" srcset="/assets/img/photos/f3@2x.png 2x" alt="" />\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /column -->\n          <div class="col-lg-6">\n            <div class="card bg-soft-pink">\n              <div class="card-body p-12 pb-0">\n                <div class="post-category mb-3 text-pink">Mobile Design</div>\n                <h3 class="h1 post-title mb-3">Storage App</h3>\n                <p>Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper.</p>\n                <a href="#" class="more hover link-pink mb-8">See Project</a>\n              </div>\n              <!--/.card-body -->\n              <img class="card-img-bottom" src="/assets/img/photos/f4.png" srcset="/assets/img/photos/f4@2x.png 2x" alt="" />\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(16, 'footer', 'footer', '<footer>\n    <div class="container pt-14 pt-md-18 pb-7">\n      <div class="card bg-soft-primary mb-8">\n        <div class="card-body p-12">\n          <div class="row gx-md-8 gx-xl-12 gy-10">\n            <div class="col-lg-6">\n              <img src="/assets/img/icons/lineal/email.svg" class="svg-inject icon-svg icon-svg-sm mb-4" alt="" />\n              <h2 class="display-4 mb-3 pe-lg-10">If you like what you see, let''s work together.</h2>\n              <p class="lead pe-lg-12 mb-0">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.</p>\n            </div>\n            <!-- /column -->\n            <div class="col-lg-6">\n              <form class="contact-form needs-validation" method="post" action="./assets/php/contact.php" novalidate>\n                <div class="messages"></div>\n                <div class="row gx-4">\n                  <div class="col-md-6">\n                    <div class="form-floating mb-4">\n                      <input id="form_name" type="text" name="name" class="form-control border-0" placeholder="Jane" required="required" data-error="First Name is required.">\n                      <label for="form_name">Name *</label>\n                      <div class="valid-feedback"> Looks good! </div>\n                      <div class="invalid-feedback"> Please enter your name. </div>\n                    </div>\n                  </div>\n                  <!-- /column -->\n                  <div class="col-md-6">\n                    <div class="form-floating mb-4">\n                      <input id="form_email" type="email" name="email" class="form-control border-0" placeholder="jane.doe@example.com" required="required" data-error="Valid email is required.">\n                      <label for="form_email">Email *</label>\n                      <div class="valid-feedback"> Looks good! </div>\n                      <div class="invalid-feedback"> Please provide a valid email address. </div>\n                    </div>\n                  </div>\n                  <!-- /column -->\n                  <div class="col-12">\n                    <div class="form-floating mb-4">\n                      <textarea id="form_message" name="message" class="form-control border-0" placeholder="Your message" style="height: 150px" required></textarea>\n                      <label for="form_message">Message *</label>\n                      <div class="valid-feedback"> Looks good! </div>\n                      <div class="invalid-feedback"> Please enter your messsage. </div>\n                    </div>\n                  </div>\n                  <!-- /column -->\n                  <div class="col-12">\n                    <input type="submit" class="btn btn-outline-primary rounded-pill btn-send mb-3" value="Send message">\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </form>\n              <!-- /form -->\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n        </div>\n        <!--/.card-body -->\n      </div>\n      <!--/.card -->\n      <div class="d-md-flex align-items-center justify-content-between">\n        <p class="mb-2 mb-lg-0">© <script>\n            document.write(new Date().getUTCFullYear());\n          </script> Simeya. All rights reserved.</p>\n        <nav class="nav social social-muted mb-0 text-md-end">\n          <a href="#"><i class="uil uil-twitter"></i></a>\n          <a href="#"><i class="uil uil-facebook-f"></i></a>\n          <a href="#"><i class="uil uil-dribbble"></i></a>\n          <a href="#"><i class="uil uil-instagram"></i></a>\n          <a href="#"><i class="uil uil-youtube"></i></a>\n        </nav>\n        <!-- /.social -->\n      </div>\n    </div>\n    <!-- /.container -->\n  </footer>'),
(16, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(17, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/navy.css">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(17, 'header', 'header', '<header class="wrapper bg-gray">\n      <nav class="navbar navbar-expand-lg fancy navbar-light navbar-bg-light caret-none">\n        <div class="container">\n          <div class="navbar-collapse-wrapper bg-white d-flex flex-row flex-nowrap w-100 justify-content-between align-items-center">\n            <div class="navbar-brand w-100">\n              <a href="/index.html">\n                <img src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n              </a>\n            </div>\n            <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n              <div class="offcanvas-header d-lg-none">\n                <h3 class="text-white fs-30 mb-0">Simeya</h3>\n                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n              </div>\n              <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n                <ul class="navbar-nav">\n                  <li class="nav-item dropdown dropdown-mega">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                    <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                      <li class="mega-menu-content mega-menu-scroll">\n                        <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                              <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>\n                              <span class="d-lg-none">Demo 1</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                              <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>\n                              <span class="d-lg-none">Demo 2</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                              <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>\n                              <span class="d-lg-none">Demo 3</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                              <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>\n                              <span class="d-lg-none">Demo 4</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                              <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>\n                              <span class="d-lg-none">Demo 5</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                              <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>\n                              <span class="d-lg-none">Demo 6</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                              <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>\n                              <span class="d-lg-none">Demo 7</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                              <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>\n                              <span class="d-lg-none">Demo 8</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                              <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>\n                              <span class="d-lg-none">Demo 9</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                              <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>\n                              <span class="d-lg-none">Demo 10</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                              <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>\n                              <span class="d-lg-none">Demo 11</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                              <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>\n                              <span class="d-lg-none">Demo 12</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                              <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>\n                              <span class="d-lg-none">Demo 13</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                              <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>\n                              <span class="d-lg-none">Demo 14</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                              <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>\n                              <span class="d-lg-none">Demo 15</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                              <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>\n                              <span class="d-lg-none">Demo 16</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                              <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>\n                              <span class="d-lg-none">Demo 17</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                              <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>\n                              <span class="d-lg-none">Demo 18</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                              <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>\n                              <span class="d-lg-none">Demo 19</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                              <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>\n                              <span class="d-lg-none">Demo 20</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                              <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>\n                              <span class="d-lg-none">Demo 21</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                              <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>\n                              <span class="d-lg-none">Demo 22</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                              <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>\n                              <span class="d-lg-none">Demo 23</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                              <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>\n                              <span class="d-lg-none">Demo 24</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                              <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>\n                              <span class="d-lg-none">Demo 25</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                              <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>\n                              <span class="d-lg-none">Demo 26</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                              <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>\n                              <span class="d-lg-none">Demo 27</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                              <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>\n                              <span class="d-lg-none">Demo 28</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                              <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>\n                              <span class="d-lg-none">Demo 29</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                              <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>\n                              <span class="d-lg-none">Demo 30</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                              <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>\n                              <span class="d-lg-none">Demo 31</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                              <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>\n                              <span class="d-lg-none">Demo 32</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                              <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>\n                              <span class="d-lg-none">Demo 33</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                              <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>\n                              <span class="d-lg-none">Demo 34</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                              <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>\n                              <span class="d-lg-none">Demo 35</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                              <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>\n                              <span class="d-lg-none">Demo 36</span>\n                            </a>\n                          </li>\n                        </ul>\n                        <!--/.row -->\n                        <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                      </li>\n                      <!--/.mega-menu-content-->\n                    </ul>\n                    <!--/.dropdown-menu -->\n                  </li>\n                  <li class="nav-item dropdown">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                    <ul class="dropdown-menu">\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                        </ul>\n                      </li>\n                      <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                      <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                    </ul>\n                  </li>\n                  <li class="nav-item dropdown">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                    <div class="dropdown-menu dropdown-lg">\n                      <div class="dropdown-lg-content">\n                        <div>\n                          <h6 class="dropdown-header">Project Pages</h6>\n                          <ul class="list-unstyled">\n                            <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                            <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                            <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                            <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                          </ul>\n                        </div>\n                        <!-- /.column -->\n                        <div>\n                          <h6 class="dropdown-header">Single Projects</h6>\n                          <ul class="list-unstyled">\n                            <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                            <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                            <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                            <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                          </ul>\n                        </div>\n                        <!-- /.column -->\n                      </div>\n                      <!-- /auto-column -->\n                    </div>\n                  </li>\n                  <li class="nav-item dropdown">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                    <ul class="dropdown-menu">\n                      <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                      <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                      <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                        </ul>\n                      </li>\n                    </ul>\n                  </li>\n                  <li class="nav-item dropdown dropdown-mega">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                    <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                      <li class="mega-menu-content">\n                        <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                              <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>\n                              <span>About</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                              <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>\n                              <span>Blog</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                              <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>\n                              <span>Call to Action</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                              <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>\n                              <span>Clients</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                              <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>\n                              <span>Contact</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                              <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>\n                              <span>Facts</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                              <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>\n                              <span>FAQ</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                              <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>\n                              <span>Features</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                              <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>\n                              <span>Footer</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                              <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>\n                              <span>Hero</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                              <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>\n                              <span>Misc</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                              <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>\n                              <span>Navbar</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                              <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>\n                              <span>Portfolio</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                              <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>\n                              <span>Pricing</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                              <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>\n                              <span>Process</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                              <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>\n                              <span>Team</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                              <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>\n                              <span>Testimonials</span>\n                            </a>\n                          </li>\n                        </ul>\n                        <!--/.row -->\n                      </li>\n                      <!--/.mega-menu-content-->\n                    </ul>\n                    <!--/.dropdown-menu -->\n                  </li>\n                  <li class="nav-item dropdown dropdown-mega">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                    <ul class="dropdown-menu mega-menu">\n                      <li class="mega-menu-content">\n                        <div class="row gx-0 gx-lg-3">\n                          <div class="col-lg-4">\n                            <h6 class="dropdown-header">Usage</h6>\n                            <ul class="list-unstyled cc-2 pb-lg-1">\n                              <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                              <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                              <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                              <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                              <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                            </ul>\n                            <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                            <ul class="list-unstyled cc-2">\n                              <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                            </ul>\n                          </div>\n                          <!--/column -->\n                          <div class="col-lg-8">\n                            <h6 class="dropdown-header">Elements</h6>\n                            <ul class="list-unstyled cc-3">\n                              <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                            </ul>\n                          </div>\n                          <!--/column -->\n                        </div>\n                        <!--/.row -->\n                      </li>\n                      <!--/.mega-menu-content-->\n                    </ul>\n                    <!--/.dropdown-menu -->\n                  </li>\n                </ul>\n                <!-- /.navbar-nav -->\n                <div class="offcanvas-footer d-lg-none">\n                  <div>\n                    <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                    <br /> 00 (123) 456 78 90 <br />\n                    <nav class="nav social social-white mt-4">\n                      <a href="#"><i class="uil uil-twitter"></i></a>\n                      <a href="#"><i class="uil uil-facebook-f"></i></a>\n                      <a href="#"><i class="uil uil-dribbble"></i></a>\n                      <a href="#"><i class="uil uil-instagram"></i></a>\n                      <a href="#"><i class="uil uil-youtube"></i></a>\n                    </nav>\n                    <!-- /.social -->\n                  </div>\n                </div>\n                <!-- /.offcanvas-footer -->\n              </div>\n              <!-- /.offcanvas-body -->\n            </div>\n            <!-- /.navbar-collapse -->\n            <div class="navbar-other w-100 d-flex ms-auto">\n              <ul class="navbar-nav flex-row align-items-center ms-auto">\n                <li class="nav-item">\n                  <nav class="nav social social-muted justify-content-end text-end">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </li>\n                <li class="nav-item d-lg-none">\n                  <button class="hamburger offcanvas-nav-btn"><span></span></button>\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n            </div>\n            <!-- /.navbar-other -->\n          </div>\n          <!-- /.navbar-collapse-wrapper -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n    </header>'),
(17, 'content', 'section_1', '<section class="wrapper bg-gray">\n      <div class="container pt-12 pt-md-16 text-center">\n        <div class="row">\n          <div class="col-lg-8 col-xxl-7 mx-auto text-center" data-cues="slideInDown" data-group="page-title" data-delay="600">\n            <h2 class="fs-16 text-uppercase ls-xl text-dark mb-4">Hello! This is Simeya</h2>\n            <h1 class="display-1 fs-58 mb-7">We bring rapid solutions for your business.</h1>\n            <div class="d-flex justify-content-center mb-5 mb-md-0" data-cues="slideInDown" data-group="page-title-buttons" data-delay="900">\n              <span><a href="#" class="btn btn-lg btn-primary rounded-pill me-2">Explore Now</a></span>\n              <span><a href="#" class="btn btn-lg btn-outline-primary rounded-pill">Contact Us</a></span>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n      <figure class="position-absoute" style="bottom: 0; left: 0; z-index: 2;"><img src="/assets/img/photos/bg11.jpg" alt="" /></figure>\n    </section>'),
(17, 'content', 'section_2', '<section class="wrapper bg-gray">\n      <div class="container">\n        <div class="card shadow-none my-n13 my-md-n15 my-lg-n17">\n          <div class="card-body py-12 py-lg-14 px-lg-11 py-xl-16 px-xl-13">\n            <div class="row text-center">\n              <div class="col-lg-9 col-xl-8 col-xxl-7 mx-auto">\n                <h2 class="fs-15 text-uppercase text-muted mb-3">What We Do?</h2>\n                <h3 class="display-4 mb-9">The service we offer is specifically designed to meet your needs.</h3>\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n            <div class="row gx-md-8 gx-xl-12 gy-8 mb-14 mb-md-16 text-center">\n              <div class="col-md-4">\n                <div class="icon btn btn-block btn-lg btn-soft-purple pe-none mb-5"> <i class="uil uil-phone-volume"></i> </div>\n                <h4>24/7 Support</h4>\n                <p class="mb-3">Fusce dapibus tellus cursus porta tortor condimentum euismod massa justo vehicula sit amet et risus cras.</p>\n                <a href="#" class="more hover link-purple">Learn More</a>\n              </div>\n              <!--/column -->\n              <div class="col-md-4">\n                <div class="icon btn btn-block btn-lg btn-soft-green pe-none mb-5"> <i class="uil uil-shield-exclamation"></i> </div>\n                <h4>Secure Payments</h4>\n                <p class="mb-3">Fusce dapibus tellus cursus porta tortor condimentum euismod massa justo vehicula sit amet et risus cras.</p>\n                <a href="#" class="more hover link-green">Learn More</a>\n              </div>\n              <!--/column -->\n              <div class="col-md-4">\n                <div class="icon btn btn-block btn-lg btn-soft-orange pe-none mb-5"> <i class="uil uil-laptop-cloud"></i> </div>\n                <h4>Daily Updates</h4>\n                <p class="mb-3">Fusce dapibus tellus cursus porta tortor condimentum euismod massa justo vehicula sit amet et risus cras.</p>\n                <a href="#" class="more hover link-orange">Learn More</a>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n            <div class="row gx-md-8 gx-xl-12 gy-10 align-items-center">\n              <div class="col-lg-6">\n                <h2 class="fs-15 text-uppercase text-muted mb-3">Our Strategy</h2>\n                <h3 class="display-4 mb-5">3 working steps to organize our business projects.</h3>\n                <p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod eget. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus.</p>\n                <p class="mb-6">Nullam id dolor id nibh ultricies vehicula ut id elit. Vestibulum id ligula porta felis euismod semper. Aenean lacinia bibendum consectetur.</p>\n                <a href="#" class="btn btn-primary rounded-pill mb-0">Learn More</a>\n              </div>\n              <!--/column -->\n              <div class="col-lg-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <span class="icon btn btn-block btn-lg btn-soft-purple pe-none mt-1 me-5"><span class="number fs-22">01</span></span>\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Collect Ideas</h4>\n                    <p class="mb-0">Nulla vitae elit libero pharetra augue dapibus. Fusce dapibus, tellus ac cursus commodo.</p>\n                  </div>\n                </div>\n                <div class="d-flex flex-row mt-8 ms-lg-10">\n                  <div>\n                    <span class="icon btn btn-block btn-lg btn-soft-green pe-none mt-1 me-5"><span class="number fs-22">02</span></span>\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Data Analysis</h4>\n                    <p class="mb-0">Vivamus sagittis lacus vel augue laoreet tortor mauris condimentum fermentum.</p>\n                  </div>\n                </div>\n                <div class="d-flex flex-row mt-8">\n                  <div>\n                    <span class="icon btn btn-block btn-lg btn-soft-orange pe-none mt-1 me-5"><span class="number fs-22">03</span></span>\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Finalize Product</h4>\n                    <p class="mb-0">Cras mattis consectetur purus sit amet massa justo sit amet risus consectetur magna elit.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n            <hr class="my-14 my-md-16" />\n            <div class="row gx-lg-8 gx-xl-12 gy-10 gy-lg-0 mb-11 align-items-end">\n              <div class="col-lg-4">\n                <h2 class="fs-15 text-uppercase text-muted mb-3">Company Facts</h2>\n                <h3 class="display-4 mb-0">We are proud of our works</h3>\n              </div>\n              <!-- /column -->\n              <div class="col-lg-8 mt-lg-2">\n                <div class="row align-items-center counter-wrapper gy-6 text-center">\n                  <div class="col-md-4">\n                    <h3 class="counter counter-lg">1000+</h3>\n                    <p>Completed Projects</p>\n                  </div>\n                  <!--/column -->\n                  <div class="col-md-4">\n                    <h3 class="counter counter-lg">500+</h3>\n                    <p>Happy Clients</p>\n                  </div>\n                  <!--/column -->\n                  <div class="col-md-4">\n                    <h3 class="counter counter-lg">150+</h3>\n                    <p>Awards Won</p>\n                  </div>\n                  <!--/column -->\n                </div>\n                <!--/.row -->\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n            <div class="card bg-gray shadow-lg mb-14 mb-md-17">\n              <div class="row gx-0">\n                <div class="col-lg-6 image-wrapper bg-image bg-cover rounded-top rounded-lg-start" data-image-src="/assets/img/photos/tm1.jpg">\n                </div>\n                <!--/column -->\n                <div class="col-lg-6">\n                  <div class="p-10 p-xl-13">\n                    <div class="swiper-container dots-closer mb-6" data-margin="30" data-dots="true">\n                      <div class="swiper">\n                        <div class="swiper-wrapper">\n                          <div class="swiper-slide">\n                            <blockquote class="icon icon-top fs-lg text-center">\n                              <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper.”</p>\n                              <div class="blockquote-details justify-content-center text-center">\n                                <div class="info ps-0">\n                                  <h5 class="mb-1">Coriss Ambady</h5>\n                                  <p class="mb-0">Financial Analyst</p>\n                                </div>\n                              </div>\n                            </blockquote>\n                          </div>\n                          <!--/.swiper-slide -->\n                          <div class="swiper-slide">\n                            <blockquote class="icon icon-top fs-lg text-center">\n                              <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper.”</p>\n                              <div class="blockquote-details justify-content-center text-center">\n                                <div class="info ps-0">\n                                  <h5 class="mb-1">Cory Zamora</h5>\n                                  <p class="mb-0">Marketing Specialist</p>\n                                </div>\n                              </div>\n                            </blockquote>\n                          </div>\n                          <!--/.swiper-slide -->\n                          <div class="swiper-slide">\n                            <blockquote class="icon icon-top fs-lg text-center">\n                              <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper.”</p>\n                              <div class="blockquote-details justify-content-center text-center">\n                                <div class="info ps-0">\n                                  <h5 class="mb-1">Nikolas Brooten</h5>\n                                  <p class="mb-0">Sales Manager</p>\n                                </div>\n                              </div>\n                            </blockquote>\n                          </div>\n                          <!--/.swiper-slide -->\n                        </div>\n                        <!--/.swiper-wrapper -->\n                      </div>\n                      <!-- /.swiper -->\n                    </div>\n                    <!-- /.swiper-container -->\n                  </div>\n                  <!--/div -->\n                </div>\n                <!--/column -->\n              </div>\n              <!--/.row -->\n            </div>\n            <!-- /.card -->\n            <div class="row text-center">\n              <div class="col-lg-10 col-xl-10 col-xxl-8 mx-auto">\n                <h2 class="fs-15 text-uppercase text-muted mb-3">Case Studies</h2>\n                <h3 class="display-4 mb-9">Check out some of our awesome projects with creative ideas and great design.</h3>\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n            <div class="swiper-container blog grid-view mb-18" data-margin="30" data-dots="true" data-items-xl="3" data-items-md="2" data-items-xs="1">\n              <div class="swiper">\n                <div class="swiper-wrapper">\n                  <div class="swiper-slide">\n                    <article>\n                      <figure class="overlay overlay-1 hover-scale rounded mb-6"><a href="#"> <img src="/assets/img/photos/b4.jpg" alt="" /></a>\n                        <figcaption>\n                          <h5 class="from-top mb-0">Read More</h5>\n                        </figcaption>\n                      </figure>\n                      <div class="post-header">\n                        <h2 class="post-title h3 mb-3"><a class="link-dark" href="/blog-post.html">Ligula tristique quis risus</a></h2>\n                      </div>\n                      <!-- /.post-header -->\n                      <div class="post-footer">\n                        <ul class="post-meta">\n                          <li class="post-date"><i class="uil uil-calendar-alt"></i><span>14 Apr 2022</span></li>\n                          <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Coding</a></li>\n                        </ul>\n                        <!-- /.post-meta -->\n                      </div>\n                      <!-- /.post-footer -->\n                    </article>\n                    <!-- /article -->\n                  </div>\n                  <!--/.swiper-slide -->\n                  <div class="swiper-slide">\n                    <article>\n                      <figure class="overlay overlay-1 hover-scale rounded mb-6"><a href="#"> <img src="/assets/img/photos/b5.jpg" alt="" /></a>\n                        <figcaption>\n                          <h5 class="from-top mb-0">Read More</h5>\n                        </figcaption>\n                      </figure>\n                      <div class="post-header">\n                        <h2 class="post-title h3 mb-3"><a class="link-dark" href="/blog-post.html">Nullam id dolor elit id nibh</a></h2>\n                      </div>\n                      <!-- /.post-header -->\n                      <div class="post-footer">\n                        <ul class="post-meta">\n                          <li class="post-date"><i class="uil uil-calendar-alt"></i><span>29 Mar 2022</span></li>\n                          <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Workspace</a></li>\n                        </ul>\n                        <!-- /.post-meta -->\n                      </div>\n                      <!-- /.post-footer -->\n                    </article>\n                    <!-- /article -->\n                  </div>\n                  <!--/.swiper-slide -->\n                  <div class="swiper-slide">\n                    <article>\n                      <figure class="overlay overlay-1 hover-scale rounded mb-6"><a href="#"> <img src="/assets/img/photos/b6.jpg" alt="" /></a>\n                        <figcaption>\n                          <h5 class="from-top mb-0">Read More</h5>\n                        </figcaption>\n                      </figure>\n                      <div class="post-header">\n                        <h2 class="post-title h3 mb-3"><a class="link-dark" href="/blog-post.html">Ultricies fusce porta elit</a></h2>\n                      </div>\n                      <!-- /.post-header -->\n                      <div class="post-footer">\n                        <ul class="post-meta">\n                          <li class="post-date"><i class="uil uil-calendar-alt"></i><span>26 Feb 2022</span></li>\n                          <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Meeting</a></li>\n                        </ul>\n                        <!-- /.post-meta -->\n                      </div>\n                      <!-- /.post-footer -->\n                    </article>\n                    <!-- /article -->\n                  </div>\n                  <!--/.swiper-slide -->\n                  <div class="swiper-slide">\n                    <article>\n                      <figure class="overlay overlay-1 hover-scale rounded mb-6"><a href="#"> <img src="/assets/img/photos/b7.jpg" alt="" /></a>\n                        <figcaption>\n                          <h5 class="from-top mb-0">Read More</h5>\n                        </figcaption>\n                      </figure>\n                      <div class="post-header">\n                        <h2 class="post-title h3 mb-3"><a class="link-dark" href="/blog-post.html">Morbi leo risus porta eget</a></h2>\n                      </div>\n                      <div class="post-footer">\n                        <ul class="post-meta">\n                          <li class="post-date"><i class="uil uil-calendar-alt"></i><span>7 Jan 2022</span></li>\n                          <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Business Tips</a></li>\n                        </ul>\n                        <!-- /.post-meta -->\n                      </div>\n                      <!-- /.post-footer -->\n                    </article>\n                    <!-- /article -->\n                  </div>\n                  <!--/.swiper-slide -->\n                </div>\n                <!--/.swiper-wrapper -->\n              </div>\n              <!-- /.swiper -->\n            </div>\n            <!-- /.swiper-container -->\n            <hr class="my-14 my-md-16" />\n            <div class="row gx-lg-8 gx-xl-12 gy-10 mb-14 mb-md-17 align-items-center">\n              <div class="col-md-8 col-lg-6 order-lg-2">\n                <figure class="rounded"><img src="/assets/img/photos/about24.jpg" srcset="/assets/img/photos/about24@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-lg-6">\n                <h2 class="fs-15 text-uppercase text-muted mb-3">Our Team</h2>\n                <h3 class="display-4 mb-5">Save your time by choosing our professional team.</h3>\n                <p class="mb-6">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.</p>\n                <div class="row gy-3 gx-xl-8">\n                  <div class="col-xl-6">\n                    <ul class="icon-list bullet-bg bullet-soft-primary mb-0">\n                      <li><span><i class="uil uil-check"></i></span><span>Aenean eu leo quam ornare curabitur blandit tempus.</span></li>\n                      <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Nullam quis risus eget urna mollis ornare donec elit.</span></li>\n                    </ul>\n                  </div>\n                  <!--/column -->\n                  <div class="col-xl-6">\n                    <ul class="icon-list bullet-bg bullet-soft-primary mb-0">\n                      <li><span><i class="uil uil-check"></i></span><span>Etiam porta sem malesuada magna mollis euismod.</span></li>\n                      <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Fermentum massa vivamus faucibus amet euismod.</span></li>\n                    </ul>\n                  </div>\n                  <!--/column -->\n                </div>\n                <!--/.row -->\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n            <div class="row gy-10 gx-lg-8 gx-xl-12 mb-14 mb-md-16 align-items-center">\n              <div class="col-md-8 col-lg-6">\n                <figure class="rounded"><img src="/assets/img/photos/about25.jpg" srcset="/assets/img/photos/about25@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-lg-6">\n                <h2 class="fs-15 text-uppercase text-muted mb-3">Why Choose Us?</h2>\n                <h3 class="display-4 mb-7">A few reasons why our valued customers choose us.</h3>\n                <div class="accordion accordion-wrapper" id="accordionExample">\n                  <div class="card plain accordion-item">\n                    <div class="card-header" id="headingOne">\n                      <button class="accordion-button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> Professional Design </button>\n                    </div>\n                    <!--/.card-header -->\n                    <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">\n                      <div class="card-body">\n                        <p>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.</p>\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!--/.accordion-collapse -->\n                  </div>\n                  <!--/.accordion-item -->\n                  <div class="card plain accordion-item">\n                    <div class="card-header" id="headingTwo">\n                      <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> Top-Notch Support </button>\n                    </div>\n                    <!--/.card-header -->\n                    <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">\n                      <div class="card-body">\n                        <p>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.</p>\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!--/.accordion-collapse -->\n                  </div>\n                  <!--/.accordion-item -->\n                  <div class="card plain accordion-item">\n                    <div class="card-header" id="headingThree">\n                      <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> Header and Slider Options </button>\n                    </div>\n                    <!--/.card-header -->\n                    <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">\n                      <div class="card-body">\n                        <p>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.</p>\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!--/.accordion-collapse -->\n                  </div>\n                  <!--/.accordion-item -->\n                </div>\n                <!--/.accordion -->\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n            <div class="wrapper image-wrapper bg-auto no-overlay bg-image text-center bg-map" data-image-src="/assets/img/map.png">\n              <div class="container py-md-16 py-lg-18">\n                <div class="row">\n                  <div class="col-xl-11 col-xxl-9 mx-auto">\n                    <h3 class="display-4 mb-8 px-lg-8">We are trusted by over 5000+ clients. Join them now and grow your business.</h3>\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n                <div class="d-flex justify-content-center">\n                  <span><a class="btn btn-primary rounded-pill">Get Started</a></span>\n                </div>\n              </div>\n              <!-- /.container -->\n            </div>\n            <!-- /.wrapper -->\n          </div>\n          <!--/.card-body -->\n        </div>\n        <!--/.card -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(17, 'footer', 'footer', '<footer class="bg-dark text-inverse">\n    <div class="container pt-20 pt-lg-21 pb-7">\n      <div class="row gy-6 gy-lg-0">\n        <div class="col-lg-4">\n          <div class="widget">\n            <h3 class="h2 mb-3 text-white">Join the Community</h3>\n            <p class="lead mb-5">Let''s make something great together. We are trusted by over 5000+ clients. Join them by using our services and grow your business.</p>\n            <a href="#" class="btn btn-white  rounded-pill">Join Us</a>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-2 offset-lg-2">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Need Help?</h4>\n            <ul class="list-unstyled text-reset mb-0">\n              <li><a href="#">Support</a></li>\n              <li><a href="#">Get Started</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-2">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Learn More</h4>\n            <ul class="list-unstyled  mb-0">\n              <li><a href="#">About Us</a></li>\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Projects</a></li>\n              <li><a href="#">Pricing</a></li>\n              <li><a href="#">Features</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-2">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Get in Touch</h4>\n            <address>Moonshine St. 14/05 Light City, London, United Kingdom</address>\n            <a href="mailto:first.last@email.com">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!--/.row -->\n      <hr class="mt-13 mt-md-15 mb-7" />\n      <div class="d-md-flex align-items-center justify-content-between">\n        <p class="mb-2 mb-lg-0">© <script>\n            document.write(new Date().getUTCFullYear());\n          </script> Simeya. All rights reserved.</p>\n        <nav class="nav social social-white text-md-end">\n          <a href="#"><i class="uil uil-twitter"></i></a>\n          <a href="#"><i class="uil uil-facebook-f"></i></a>\n          <a href="#"><i class="uil uil-dribbble"></i></a>\n          <a href="#"><i class="uil uil-instagram"></i></a>\n          <a href="#"><i class="uil uil-youtube"></i></a>\n        </nav>\n        <!-- /.social -->\n      </div>\n      <!-- /div -->\n    </div>\n    <!-- /.container -->\n  </footer>'),
(17, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(18, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/grape.css">\n  <link rel="preload" href="/assets/css/fonts/urbanist.css" as="style" onload="this.rel=''stylesheet''">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(18, 'header', 'header', '<header class="wrapper">\n      <nav class="navbar navbar-expand-lg center-nav transparent navbar-light caret-none">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <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>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <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>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <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>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <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>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <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>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <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>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <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>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <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>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <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>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <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>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <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>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <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>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <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>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <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>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <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>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <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>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <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>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <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>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <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>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <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>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <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>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <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>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <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>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <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>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <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>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <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>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <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>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <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>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <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>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <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>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <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>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <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>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <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>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <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>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <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>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <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>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <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>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <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>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <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>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <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>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <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>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <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>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <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>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <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>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <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>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <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>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <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>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <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>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <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>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <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>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <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>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <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>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <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>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other w-100 d-flex ms-auto">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item">\n                <nav class="nav social social-muted justify-content-end text-end">\n                  <a href="#"><i class="uil uil-twitter"></i></a>\n                  <a href="#"><i class="uil uil-facebook-f"></i></a>\n                  <a href="#"><i class="uil uil-dribbble"></i></a>\n                  <a href="#"><i class="uil uil-instagram"></i></a>\n                </nav>\n                <!-- /.social -->\n              </li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n    </header>'),
(18, 'content', 'section_1', '<section class="wrapper bg-light">\n      <div class="container-card">\n        <div class="card image-wrapper bg-full bg-image bg-overlay bg-overlay-light-500 mt-2 mb-5" data-image-src="/assets/img/photos/bg22.png">\n          <div class="card-body py-14 px-0">\n            <div class="container">\n              <div class="row gx-md-8 gx-xl-12 gy-10 align-items-center text-center text-lg-start">\n                <div class="col-lg-6" data-cues="slideInDown" data-group="page-title" data-delay="900">\n                  <h1 class="display-2 mb-4 me-xl-5 me-xxl-0">Networking <span class="text-gradient gradient-1">solutions</span> for worldwide communication</h1>\n                  <p class="lead fs-23 lh-sm mb-7 pe-xxl-15">We''re a company that focuses on establishing long-term relationships with customers.</p>\n                  <div><a href="#" class="btn btn-lg btn-gradient gradient-1 rounded">Explore Now</a></div>\n                </div>\n                <!--/column -->\n                <div class="col-lg-6">\n                  <img class="img-fluid mb-n18" src="/assets/img/illustrations/3d6.png" srcset="/assets/img/illustrations/3d6@2x.png 2x" data-cue="fadeIn" data-delay="300" alt="" />\n                </div>\n                <!--/column -->\n              </div>\n              <!-- /.row -->\n            </div>\n            <!-- /.container -->\n          </div>\n          <!--/.card-body -->\n        </div>\n        <!--/.card -->\n      </div>\n      <!-- /.container-card -->\n    </section>'),
(18, 'content', 'section_2', '<section class="wrapper bg-light">\n      <div class="container pt-14 pt-md-17 pb-14 pb-md-18">\n        <div class="row text-center">\n          <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">\n            <h2 class="fs-16 text-uppercase text-gradient gradient-1 mb-3">Our Features</h2>\n            <h3 class="display-4 mb-9 px-xl-11">The service we offer is specifically designed to meet your needs.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gy-8 mb-17">\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/solid/script.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-grape-fuchsia me-4" alt="" />\n              </div>\n              <div>\n                <h3 class="fs-22 mb-1">Software & Integration</h3>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/solid/verify.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-grape-fuchsia me-4" alt="" />\n              </div>\n              <div>\n                <h3 class="fs-22 mb-1">Network Security</h3>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/solid/cloud-network.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-grape-fuchsia me-4" alt="" />\n              </div>\n              <div>\n                <h3 class="fs-22 mb-1">Cloud Services</h3>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/solid/director.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-grape-fuchsia me-4" alt="" />\n              </div>\n              <div>\n                <h3 class="fs-22 mb-1">Wireless Networking</h3>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/solid/setting.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-grape-fuchsia me-4" alt="" />\n              </div>\n              <div>\n                <h3 class="fs-22 mb-1">IT Solutions</h3>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/solid/server.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-grape-fuchsia me-4" alt="" />\n              </div>\n              <div>\n                <h3 class="fs-22 mb-1">Server Configuration</h3>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-3 gy-10 mb-15 mb-md-18 align-items-center">\n          <div class="col-lg-5 offset-lg-1">\n            <figure><img class="w-auto" src="/assets/img/illustrations/3d2.png" srcset="/assets/img/illustrations/3d2@2x.png 2x" alt="" /></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5 offset-lg-1">\n            <h2 class="fs-16 text-uppercase text-gradient gradient-1 mb-3">Have Perfect Control</h2>\n            <h3 class="display-4 mb-4">We bring solutions to make life easier for our customers.</h3>\n            <p class="mb-6">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. Vivamus sagittis lacus vel augue rutrum.</p>\n            <div class="row gy-3">\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-primary mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Aenean quam ornare. Curabitur blandit.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Nullam quis risus eget urna mollis ornare.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-primary mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Etiam porta euismod malesuada mollis.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Vivamus sagittis lacus vel augue rutrum.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-md-8 gy-10 align-items-center">\n          <div class="col-lg-6 offset-lg-1 order-lg-2 position-relative">\n            <figure class="rounded"><img class="img-fluid" src="/assets/img/photos/about27.jpg" srcset="/assets/img/photos/about27@2x.jpg 2x" alt="" /></figure>\n            <div class="card shadow-lg position-absolute d-none d-md-block" style="top: 15%; left: -7%">\n              <div class="card-body py-4 px-5">\n                <div class="d-flex flex-row align-items-center">\n                  <div>\n                    <img src="/assets/img/icons/solid/cloud-group.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-grape-fuchsia me-3" alt="" />\n                  </div>\n                  <div>\n                    <h3 class="fs-25 counter mb-0 text-nowrap">25000+</h3>\n                    <p class="fs-16 lh-sm mb-0 text-nowrap">Happy Clients</p>\n                  </div>\n                </div>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n            <div class="card shadow-lg position-absolute text-center d-none d-md-block" style="bottom: 10%; left: -10%;">\n              <div class="card-body p-6">\n                <div class="progressbar semi-circle fuchsia mb-3" data-value="80"></div>\n                <h4 class="mb-0">Time Saved</h4>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-5">\n            <h2 class="fs-16 text-uppercase text-gradient gradient-1 mb-3">What Makes Us Different?</h2>\n            <h3 class="display-4 mb-4 me-lg-n5">We make spending stress free so you have the perfect control.</h3>\n            <p class="mb-6">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.</p>\n            <ul class="icon-list bullet-bg bullet-soft-primary">\n              <li><i class="uil uil-check"></i>Aenean eu leo quam. Pellentesque ornare.</li>\n              <li><i class="uil uil-check"></i>Nullam quis risus eget urna mollis ornare.</li>\n              <li><i class="uil uil-check"></i>Donec id elit non mi porta gravida at eget.</li>\n            </ul>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(18, 'content', 'section_3', '<section class="wrapper bg-light">\n      <div class="container-card">\n        <div class="card image-wrapper bg-full bg-image bg-overlay bg-overlay-light-500 pb-15" data-image-src="/assets/img/photos/bg22.png">\n          <div class="card-body py-14 px-0">\n            <div class="container">\n              <div class="row gx-lg-8 gx-xl-12 gy-10 gy-lg-0">\n                <div class="col-lg-4 text-center text-lg-start">\n                  <h3 class="display-4 mb-3 pe-xxl-15">We are proud of our works</h3>\n                  <p class="lead fs-lg mb-0 pe-xxl-10">We bring solutions to make life easier for our customers.</p>\n                </div>\n                <!-- /column -->\n                <div class="col-lg-8 mt-lg-2">\n                  <div class="row align-items-center counter-wrapper gy-6 text-center">\n                    <div class="col-md-4">\n                      <img src="/assets/img/icons/solid/target.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-grape-fuchsia mb-3" alt="" />\n                      <h3 class="counter">1000+</h3>\n                      <p class="mb-0">Completed Projects</p>\n                    </div>\n                    <!--/column -->\n                    <div class="col-md-4">\n                      <img src="/assets/img/icons/solid/bar-chart.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-grape-fuchsia mb-3" alt="" />\n                      <h3 class="counter">4x</h3>\n                      <p class="mb-0">Revenue Growth</p>\n                    </div>\n                    <!--/column -->\n                    <div class="col-md-4">\n                      <img src="/assets/img/icons/solid/employees.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-grape-fuchsia mb-3" alt="" />\n                      <h3 class="counter">99.7%</h3>\n                      <p class="mb-0">Customer Satisfaction</p>\n                    </div>\n                    <!--/column -->\n                  </div>\n                  <!--/.row -->\n                </div>\n                <!-- /column -->\n              </div>\n              <!-- /.row -->\n            </div>\n            <!-- /.container -->\n          </div>\n          <!--/.card-body -->\n        </div>\n        <!--/.card -->\n      </div>\n      <!-- /.container-card -->\n      <div class="container">\n        <div class="grid mb-18">\n          <div class="row isotope gy-6 mt-n18">\n            <div class="item col-md-6 col-xl-3">\n              <div class="card shadow-lg card-border-bottom border-soft-primary">\n                <div class="card-body">\n                  <blockquote class="border-0 mb-0">\n                    <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta. Cras mattis consectetur.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\n                        <h5 class="mb-1">Coriss Ambady</h5>\n                        <p class="mb-0">Financial Analyst</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-3">\n              <div class="card shadow-lg card-border-bottom border-soft-primary">\n                <div class="card-body">\n                  <blockquote class="border-0 mb-0">\n                    <p>“Fusce dapibus, tellus ac cursus tortor mauris condimentum fermentum massa justo sit amet purus sit amet fermentum.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\n                        <h5 class="mb-1">Cory Zamora</h5>\n                        <p class="mb-0">Marketing Specialist</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-3">\n              <div class="card shadow-lg card-border-bottom border-soft-primary">\n                <div class="card-body">\n                  <blockquote class="border-0 mb-0">\n                    <p>“Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor eu rutrum. Nulla vitae libero.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\n                        <h5 class="mb-1">Nikolas Brooten</h5>\n                        <p class="mb-0">Sales Manager</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-3">\n              <div class="card shadow-lg card-border-bottom border-soft-primary">\n                <div class="card-body">\n                  <blockquote class="border-0 mb-0">\n                    <p>“Etiam adipiscing tincidunt elit convallis felis suscipit ut. Phasellus rhoncus eu tincidunt auctor nullam rutrum, pharetra augue.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\n                        <h5 class="mb-1">Coriss Ambady</h5>\n                        <p class="mb-0">Financial Analyst</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n          </div>\n          <!-- /.row -->\n        </div>\n        <!-- /.grid-view -->\n        <div class="row text-center">\n          <div class="col-lg-9 col-xl-8 col-xxl-7 mx-auto">\n            <h2 class="fs-16 text-uppercase text-gradient gradient-1 mb-3">Case Studies</h2>\n            <h3 class="display-4 mb-9 me-lg-n5">Check out some of our awesome projects with creative ideas and great design.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="swiper-container blog grid-view mb-17 mb-md-20" data-margin="30" data-dots="true" data-items-xl="3" data-items-md="2" data-items-xs="1">\n          <div class="swiper">\n            <div class="swiper-wrapper">\n              <div class="swiper-slide">\n                <article>\n                  <figure class="overlay overlay-1 hover-scale rounded mb-6"><a href="#"> <img src="/assets/img/photos/b4.jpg" alt="" /></a>\n                    <figcaption>\n                      <h5 class="from-top mb-0">Read More</h5>\n                    </figcaption>\n                  </figure>\n                  <div class="post-header">\n                    <h2 class="post-title h3 mb-3"><a class="link-dark" href="/blog-post.html">Ligula tristique quis risus</a></h2>\n                  </div>\n                  <!-- /.post-header -->\n                  <div class="post-footer">\n                    <ul class="post-meta">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>14 Apr 2022</span></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Coding</a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </div>\n                  <!-- /.post-footer -->\n                </article>\n                <!-- /article -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <article>\n                  <figure class="overlay overlay-1 hover-scale rounded mb-6"><a href="#"> <img src="/assets/img/photos/b5.jpg" alt="" /></a>\n                    <figcaption>\n                      <h5 class="from-top mb-0">Read More</h5>\n                    </figcaption>\n                  </figure>\n                  <div class="post-header">\n                    <h2 class="post-title h3 mb-3"><a class="link-dark" href="/blog-post.html">Nullam id dolor elit id nibh</a></h2>\n                  </div>\n                  <!-- /.post-header -->\n                  <div class="post-footer">\n                    <ul class="post-meta">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>29 Mar 2022</span></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Workspace</a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </div>\n                  <!-- /.post-footer -->\n                </article>\n                <!-- /article -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <article>\n                  <figure class="overlay overlay-1 hover-scale rounded mb-6"><a href="#"> <img src="/assets/img/photos/b6.jpg" alt="" /></a>\n                    <figcaption>\n                      <h5 class="from-top mb-0">Read More</h5>\n                    </figcaption>\n                  </figure>\n                  <div class="post-header">\n                    <h2 class="post-title h3 mb-3"><a class="link-dark" href="/blog-post.html">Ultricies fusce porta elit</a></h2>\n                  </div>\n                  <!-- /.post-header -->\n                  <div class="post-footer">\n                    <ul class="post-meta">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>26 Feb 2022</span></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Meeting</a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </div>\n                  <!-- /.post-footer -->\n                </article>\n                <!-- /article -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <article>\n                  <figure class="overlay overlay-1 hover-scale rounded mb-6"><a href="#"> <img src="/assets/img/photos/b7.jpg" alt="" /></a>\n                    <figcaption>\n                      <h5 class="from-top mb-0">Read More</h5>\n                    </figcaption>\n                  </figure>\n                  <div class="post-header">\n                    <h2 class="post-title h3 mb-3"><a class="link-dark" href="/blog-post.html">Morbi leo risus porta eget</a></h2>\n                  </div>\n                  <div class="post-footer">\n                    <ul class="post-meta">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>7 Jan 2022</span></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Business Tips</a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </div>\n                  <!-- /.post-footer -->\n                </article>\n                <!-- /article -->\n              </div>\n              <!--/.swiper-slide -->\n            </div>\n            <!--/.swiper-wrapper -->\n          </div>\n          <!-- /.swiper -->\n        </div>\n        <!-- /.swiper-container -->\n        <div class="row gy-10 gy-sm-13 gx-md-8 gx-xl-12 align-items-center mb-10 mb-md-12">\n          <div class="col-lg-6">\n            <div class="row gx-md-5 gy-5">\n              <div class="col-md-6">\n                <figure class="rounded"><img src="/assets/img/photos/g12.jpg" srcset="/assets/img/photos/g12@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 align-self-end">\n                <figure class="rounded"><img src="/assets/img/photos/g13.jpg" srcset="/assets/img/photos/g13@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-12">\n                <figure class="rounded mx-md-5"><img src="/assets/img/photos/g11.jpg" srcset="/assets/img/photos/g11@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h2 class="fs-16 text-uppercase text-gradient gradient-1 mb-3">Who Are We?</h2>\n            <h3 class="display-4 mb-4">Company that believes in the power of creative strategy.</h3>\n            <p class="mb-6">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.</p>\n            <div class="row gy-3 gx-xl-8">\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-primary mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Aenean eu leo quam ornare curabitur blandit tempus.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Nullam quis risus eget urna mollis ornare donec elit.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-primary mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Etiam porta sem malesuada magna mollis euismod.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Fermentum massa vivamus faucibus amet euismod.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-6 mb-14 mb-md-17">\n          <div class="col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <div class="icon btn btn-circle pe-none btn-soft-primary me-4"> <span class="number fs-18">1</span> </div>\n              </div>\n              <div>\n                <h4>Our Vision</h4>\n                <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget. Fusce dapibus tellus.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <div class="icon btn btn-circle pe-none btn-soft-primary me-4"> <span class="number fs-18">2</span> </div>\n              </div>\n              <div>\n                <h4>Our Mission</h4>\n                <p class="mb-2">Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet. Sed posuere consectetur.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <div class="icon btn btn-circle pe-none btn-soft-primary me-4"> <span class="number fs-18">3</span> </div>\n              </div>\n              <div>\n                <h4>Our Values</h4>\n                <p class="mb-2">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna scelerisque.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-3 gy-10 mb-15 mb-md-18 align-items-center">\n          <div class="col-lg-6">\n            <figure><img class="w-auto" src="/assets/img/illustrations/3d3.png" srcset="/assets/img/illustrations/3d3@2x.png 2x" alt="" /></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5 offset-lg-1">\n            <h2 class="fs-16 text-uppercase text-gradient gradient-1 mb-3">Contact Us</h2>\n            <h3 class="display-4 mb-8">Got any questions? Don''t hesitate to get in touch.</h3>\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/solid/pin.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-grape-fuchsia mt-1 me-4" style="width: 1.5rem; height: 1.5rem;" alt="" />\n              </div>\n              <div>\n                <h5 class="mb-0">Address</h5>\n                <address>Moonshine St. 14/05 Light City, London</address>\n              </div>\n            </div>\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/solid/rotary.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-grape-fuchsia mt-1 me-4" style="width: 1.5rem; height: 1.5rem;" alt="" />\n              </div>\n              <div>\n                <h5 class="mb-0">Phone</h5>\n                <p>00 (123) 456 78 90</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/solid/emails.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-grape-fuchsia mt-1 me-4" style="width: 1.5rem; height: 1.5rem;" alt="" />\n              </div>\n              <div>\n                <h5 class="mb-0">E-mail</h5>\n                <p class="mb-0"><a href="mailto:sandbox@email.com" class="link-body">sandbox@email.com</a></p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(18, 'footer', 'footer', '<footer class="bg-light">\n    <div class="container-card">\n      <div class="card image-wrapper bg-full bg-image bg-overlay bg-overlay-light-500 mb-14" data-image-src="/assets/img/photos/bg22.png">\n        <div class="card-body py-14 px-0">\n          <div class="container">\n            <div class="row text-center">\n              <div class="col-xl-11 col-xxl-9 mx-auto">\n                <h2 class="fs-16 text-uppercase text-gradient gradient-1 mb-3">Join Our Community</h2>\n                <h3 class="display-4 mb-7 px-lg-17">We are trusted by over 5000+ clients. Join them now and grow your business.</h3>\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n            <div class="d-flex justify-content-center">\n              <span><a class="btn btn-lg btn-gradient gradient-1 rounded">Get Started</a></span>\n            </div>\n          </div>\n          <!--/.container -->\n        </div>\n        <!--/.card-body -->\n      </div>\n      <!--/.card -->\n    </div>\n    <!-- /.container-card -->\n    <div class="container pb-13 pb-md-15"">\n        <div class=" row gy-6 gy-lg-0">\n      <div class="col-md-4 col-lg-3">\n        <div class="widget">\n          <img class="mb-4" src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n          <p class="mb-4">© <script>\n              document.write(new Date().getUTCFullYear());\n            </script> Simeya. <br class="d-none d-lg-block" />All rights reserved.</p>\n          <nav class="nav social ">\n            <a href="#"><i class="uil uil-twitter"></i></a>\n            <a href="#"><i class="uil uil-facebook-f"></i></a>\n            <a href="#"><i class="uil uil-dribbble"></i></a>\n            <a href="#"><i class="uil uil-instagram"></i></a>\n            <a href="#"><i class="uil uil-youtube"></i></a>\n          </nav>\n          <!-- /.social -->\n        </div>\n        <!-- /.widget -->\n      </div>\n      <!-- /column -->\n      <div class="col-md-4 col-lg-3">\n        <div class="widget">\n          <h4 class="widget-title  mb-3">Get in Touch</h4>\n          <address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address>\n          <a href="mailto:#" class="link-body">info@email.com</a><br /> 00 (123) 456 78 90\n        </div>\n        <!-- /.widget -->\n      </div>\n      <!-- /column -->\n      <div class="col-md-4 col-lg-3">\n        <div class="widget">\n          <h4 class="widget-title  mb-3">Learn More</h4>\n          <ul class="list-unstyled text-reset mb-0">\n            <li><a href="#">About Us</a></li>\n            <li><a href="#">Our Story</a></li>\n            <li><a href="#">Projects</a></li>\n            <li><a href="#">Terms of Use</a></li>\n            <li><a href="#">Privacy Policy</a></li>\n          </ul>\n        </div>\n        <!-- /.widget -->\n      </div>\n      <!-- /column -->\n      <div class="col-md-12 col-lg-3">\n        <div class="widget">\n          <h4 class="widget-title  mb-3">Our Newsletter</h4>\n          <p class="mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p>\n          <div class="newsletter-wrapper">\n            <!-- Begin Mailchimp Signup Form -->\n            <div id="mc_embed_signup2">\n              <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate " target="_blank" novalidate>\n                <div id="mc_embed_signup_scroll2">\n                  <div class="mc-field-group input-group form-floating">\n                    <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2">\n                    <label for="mce-EMAIL2">Email Address</label>\n                    <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary btn-gradient gradient-1">\n                  </div>\n                  <div id="mce-responses2" class="clear">\n                    <div class="response" id="mce-error-response2" style="display:none"></div>\n                    <div class="response" id="mce-success-response2" style="display:none"></div>\n                  </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n                  <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>\n                  <div class="clear"></div>\n                </div>\n              </form>\n            </div>\n            <!--End mc_embed_signup-->\n          </div>\n          <!-- /.newsletter-wrapper -->\n        </div>\n        <!-- /.widget -->\n      </div>\n      <!-- /column -->\n    </div>\n    <!--/.row -->\n    </div>\n  </footer>'),
(18, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(19, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/violet.css">\n  <link rel="preload" href="/assets/css/fonts/urbanist.css" as="style" onload="this.rel=''stylesheet''">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(19, 'header', 'header', '<header class="wrapper bg-soft-primary">\n      <nav class="navbar navbar-expand-lg center-logo transparent position-absolute navbar-dark">\n        <div class="container justify-content-between align-items-center">\n          <div class="d-flex flex-row w-100 justify-content-between align-items-center d-lg-none">\n            <div class="navbar-brand"><a href="/index.html">\n                <img class="logo-dark" src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n                <img class="logo-light" src="/assets/img/logo-light.png" srcset="/assets/img/logo-light@2x.png 2x" alt="" />\n              </a></div>\n            <div class="navbar-other ms-auto">\n              <ul class="navbar-nav flex-row align-items-center">\n                <li class="nav-item d-lg-none">\n                  <button class="hamburger offcanvas-nav-btn"><span></span></button>\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n            </div>\n            <!-- /.navbar-other -->\n          </div>\n          <!-- /.d-flex -->\n          <div class="navbar-collapse-wrapper d-flex flex-row align-items-center w-100">\n            <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n              <div class="offcanvas-header mx-lg-auto order-0 order-lg-1 d-lg-flex px-lg-15">\n                <a href="/index.html" class="transition-none d-none d-lg-flex"><img class="logo-dark" src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n                  <img class="logo-light" src="/assets/img/logo-light.png" srcset="/assets/img/logo-light@2x.png 2x" alt="" /></a>\n                <h3 class="text-white fs-30 mb-0 d-lg-none">Simeya</h3>\n                <button type="button" class="btn-close btn-close-white d-lg-none" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n              </div>\n              <div class="w-100 order-1 order-lg-0 d-lg-flex offcanvas-body">\n                <ul class="navbar-nav ms-lg-auto">\n                  <li class="nav-item dropdown dropdown-mega">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                    <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                      <li class="mega-menu-content mega-menu-scroll">\n                        <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                              <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>\n                              <span class="d-lg-none">Demo 1</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                              <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>\n                              <span class="d-lg-none">Demo 2</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                              <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>\n                              <span class="d-lg-none">Demo 3</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                              <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>\n                              <span class="d-lg-none">Demo 4</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                              <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>\n                              <span class="d-lg-none">Demo 5</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                              <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>\n                              <span class="d-lg-none">Demo 6</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                              <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>\n                              <span class="d-lg-none">Demo 7</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                              <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>\n                              <span class="d-lg-none">Demo 8</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                              <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>\n                              <span class="d-lg-none">Demo 9</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                              <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>\n                              <span class="d-lg-none">Demo 10</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                              <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>\n                              <span class="d-lg-none">Demo 11</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                              <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>\n                              <span class="d-lg-none">Demo 12</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                              <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>\n                              <span class="d-lg-none">Demo 13</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                              <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>\n                              <span class="d-lg-none">Demo 14</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                              <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>\n                              <span class="d-lg-none">Demo 15</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                              <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>\n                              <span class="d-lg-none">Demo 16</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                              <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>\n                              <span class="d-lg-none">Demo 17</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                              <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>\n                              <span class="d-lg-none">Demo 18</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                              <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>\n                              <span class="d-lg-none">Demo 19</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                              <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>\n                              <span class="d-lg-none">Demo 20</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                              <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>\n                              <span class="d-lg-none">Demo 21</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                              <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>\n                              <span class="d-lg-none">Demo 22</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                              <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>\n                              <span class="d-lg-none">Demo 23</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                              <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>\n                              <span class="d-lg-none">Demo 24</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                              <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>\n                              <span class="d-lg-none">Demo 25</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                              <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>\n                              <span class="d-lg-none">Demo 26</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                              <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>\n                              <span class="d-lg-none">Demo 27</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                              <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>\n                              <span class="d-lg-none">Demo 28</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                              <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>\n                              <span class="d-lg-none">Demo 29</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                              <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>\n                              <span class="d-lg-none">Demo 30</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                              <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>\n                              <span class="d-lg-none">Demo 31</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                              <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>\n                              <span class="d-lg-none">Demo 32</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                              <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>\n                              <span class="d-lg-none">Demo 33</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                              <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>\n                              <span class="d-lg-none">Demo 34</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                              <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>\n                              <span class="d-lg-none">Demo 35</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                              <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>\n                              <span class="d-lg-none">Demo 36</span>\n                            </a>\n                          </li>\n                        </ul>\n                        <!--/.row -->\n                        <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                      </li>\n                      <!--/.mega-menu-content-->\n                    </ul>\n                    <!--/.dropdown-menu -->\n                  </li>\n                  <li class="nav-item dropdown">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                    <ul class="dropdown-menu">\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                        </ul>\n                      </li>\n                      <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                      <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                    </ul>\n                  </li>\n                  <li class="nav-item dropdown">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                    <div class="dropdown-menu dropdown-lg">\n                      <div class="dropdown-lg-content">\n                        <div>\n                          <h6 class="dropdown-header">Project Pages</h6>\n                          <ul class="list-unstyled">\n                            <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                            <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                            <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                            <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                          </ul>\n                        </div>\n                        <!-- /.column -->\n                        <div>\n                          <h6 class="dropdown-header">Single Projects</h6>\n                          <ul class="list-unstyled">\n                            <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                            <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                            <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                            <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                          </ul>\n                        </div>\n                        <!-- /.column -->\n                      </div>\n                      <!-- /auto-column -->\n                    </div>\n                  </li>\n                </ul>\n                <!-- /.navbar-nav -->\n              </div>\n              <div class="w-100 order-3 order-lg-2 d-lg-flex offcanvas-body">\n                <ul class="navbar-nav me-lg-auto">\n                  <li class="nav-item dropdown">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                    <ul class="dropdown-menu">\n                      <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                      <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                      <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                        </ul>\n                      </li>\n                    </ul>\n                  </li>\n                  <li class="nav-item dropdown dropdown-mega">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                    <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                      <li class="mega-menu-content">\n                        <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                              <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>\n                              <span>About</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                              <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>\n                              <span>Blog</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                              <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>\n                              <span>Call to Action</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                              <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>\n                              <span>Clients</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                              <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>\n                              <span>Contact</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                              <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>\n                              <span>Facts</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                              <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>\n                              <span>FAQ</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                              <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>\n                              <span>Features</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                              <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>\n                              <span>Footer</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                              <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>\n                              <span>Hero</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                              <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>\n                              <span>Misc</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                              <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>\n                              <span>Navbar</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                              <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>\n                              <span>Portfolio</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                              <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>\n                              <span>Pricing</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                              <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>\n                              <span>Process</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                              <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>\n                              <span>Team</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                              <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>\n                              <span>Testimonials</span>\n                            </a>\n                          </li>\n                        </ul>\n                        <!--/.row -->\n                      </li>\n                      <!--/.mega-menu-content-->\n                    </ul>\n                    <!--/.dropdown-menu -->\n                  </li>\n                  <li class="nav-item dropdown dropdown-mega">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                    <ul class="dropdown-menu mega-menu">\n                      <li class="mega-menu-content">\n                        <div class="row gx-0 gx-lg-3">\n                          <div class="col-lg-4">\n                            <h6 class="dropdown-header">Usage</h6>\n                            <ul class="list-unstyled cc-2 pb-lg-1">\n                              <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                              <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                              <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                              <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                              <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                            </ul>\n                            <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                            <ul class="list-unstyled cc-2">\n                              <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                            </ul>\n                          </div>\n                          <!--/column -->\n                          <div class="col-lg-8">\n                            <h6 class="dropdown-header">Elements</h6>\n                            <ul class="list-unstyled cc-3">\n                              <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                            </ul>\n                          </div>\n                          <!--/column -->\n                        </div>\n                        <!--/.row -->\n                      </li>\n                      <!--/.mega-menu-content-->\n                    </ul>\n                    <!--/.dropdown-menu -->\n                  </li>\n                </ul>\n                <!-- /.navbar-nav -->\n              </div>\n              <div class="offcanvas-body d-lg-none order-4 mt-auto">\n                <div class="offcanvas-footer">\n                  <div>\n                    <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                    <br /> 00 (123) 456 78 90 <br />\n                    <nav class="nav social social-white mt-4">\n                      <a href="#"><i class="uil uil-twitter"></i></a>\n                      <a href="#"><i class="uil uil-facebook-f"></i></a>\n                      <a href="#"><i class="uil uil-dribbble"></i></a>\n                      <a href="#"><i class="uil uil-instagram"></i></a>\n                      <a href="#"><i class="uil uil-youtube"></i></a>\n                    </nav>\n                    <!-- /.social -->\n                  </div>\n                </div>\n              </div>\n            </div>\n            <!-- /.navbar-collapse -->\n          </div>\n          <!-- /.navbar-collapse-wrapper -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n    </header>'),
(19, 'content', 'section_1', '<section class="wrapper image-wrapper bg-image bg-overlay bg-overlay-300" data-image-src="/assets/img/photos/bg16.png">\n      <div class="container pt-17 pb-19 pt-md-18 pb-md-17 text-center">\n        <div class="row">\n          <div class="col-lg-8 col-xl-7 col-xxl-6 mx-auto" data-cues="slideInDown" data-group="page-title">\n            <h1 class="display-1 text-white fs-60 mb-4 px-md-15 px-lg-0">We bring solutions to make life <span class="underline-3 style-2 yellow">easier</span></h1>\n            <p class="lead fs-24 text-white lh-sm mb-7 mx-md-13 mx-lg-10">We are a creative company that focuses on long term relationships with customers.</p>\n            <div>\n              <a class="btn btn-white rounded mb-10 mb-xxl-5">Read More</a>\n            </div>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n      <div class="overflow-hidden">\n        <div class="divider text-light mx-n2">\n          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 60">\n            <path fill="currentColor" d="M0,0V60H1440V0A5771,5771,0,0,1,0,0Z" />\n          </svg>\n        </div>\n      </div>\n    </section>'),
(19, 'content', 'section_2', '<section class="wrapper bg-light">\n      <div class="container pb-15 pb-md-17">\n        <div class="row gx-md-5 gy-5 mt-n19 mb-14 mb-md-17">\n          <div class="col-md-6 col-xl-3">\n            <div class="card shadow-lg">\n              <div class="card-body">\n                <img src="/assets/img/icons/solid/edit.svg" class="svg-inject icon-svg icon-svg-sm solid-mono text-fuchsia mb-3" alt="" />\n                <h4>Content Marketing</h4>\n                <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus cras justo.</p>\n                <a href="#" class="more hover link-fuchsia">Learn More</a>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-xl-3">\n            <div class="card shadow-lg">\n              <div class="card-body">\n                <img src="/assets/img/icons/solid/team.svg" class="svg-inject icon-svg icon-svg-sm solid-mono text-violet mb-3" alt="" />\n                <h4>Social Engagement</h4>\n                <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus cras justo.</p>\n                <a href="#" class="more hover link-violet">Learn More</a>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-xl-3">\n            <div class="card shadow-lg">\n              <div class="card-body">\n                <img src="/assets/img/icons/solid/lamp.svg" class="svg-inject icon-svg icon-svg-sm solid-mono text-orange mb-3" alt="" />\n                <h4>Identity & Branding</h4>\n                <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus cras justo.</p>\n                <a href="#" class="more hover link-orange">Learn More</a>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-xl-3">\n            <div class="card shadow-lg">\n              <div class="card-body">\n                <img src="/assets/img/icons/solid/delivery-box.svg" class="svg-inject icon-svg icon-svg-sm solid-mono text-green mb-3" alt="" />\n                <h4>Product Design</h4>\n                <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus cras justo.</p>\n                <a href="#" class="more hover link-green">Learn More</a>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row">\n          <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2 mx-auto text-center">\n            <h2 class="fs-16 text-uppercase text-muted mb-3">Why Choose Simeya?</h2>\n            <h3 class="display-3 mb-10 px-xl-10 px-xxl-15">Here are a few <span class="underline-3 style-2 yellow">reasons</span> why our customers choose Simeya.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <ul class="nav nav-tabs nav-tabs-bg nav-tabs-shadow-lg d-flex justify-content-between nav-justified flex-lg-row flex-column">\n          <li class="nav-item"> <a class="nav-link d-flex flex-row active" data-bs-toggle="tab" href="#tab2-1">\n              <div><img src="/assets/img/icons/solid/bulb.svg" class="svg-inject icon-svg icon-svg-sm solid-mono text-fuchsia me-4" alt="" /></div>\n              <div>\n                <h4>Collect Ideas</h4>\n                <p>Duis mollis commodo luctus cursus commodo tortor mauris.</p>\n              </div>\n            </a> </li>\n          <li class="nav-item"> <a class="nav-link d-flex flex-row" data-bs-toggle="tab" href="#tab2-2">\n              <div><img src="/assets/img/icons/solid/compare.svg" class="svg-inject icon-svg icon-svg-sm solid-mono text-violet me-4" alt="" /></div>\n              <div>\n                <h4>Data Analysis</h4>\n                <p>Vivamus sagittis lacus augue fusce dapibus tellus nibh.</p>\n              </div>\n            </a> </li>\n          <li class="nav-item"> <a class="nav-link d-flex flex-row" data-bs-toggle="tab" href="#tab2-3">\n              <div><img src="/assets/img/icons/solid/delivery-box.svg" class="svg-inject icon-svg icon-svg-sm solid-mono text-green me-4" alt="" /></div>\n              <div>\n                <h4>Finalize Product</h4>\n                <p>Vestibulum ligula porta felis maecenas faucibus mollis.</p>\n              </div>\n            </a> </li>\n        </ul>\n        <!-- /.nav-tabs -->\n        <div class="tab-content mt-6 mt-lg-8">\n          <div class="tab-pane fade show active" id="tab2-1">\n            <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">\n              <div class="col-lg-6">\n                <figure class="rounded shadow-lg"><img src="/assets/img/photos/se5.jpg" srcset="/assets/img/photos/se5@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-lg-6">\n                <h2 class="mb-3">Collect Ideas</h2>\n                <p>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 commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna.</p>\n                <ul class="icon-list bullet-bg bullet-soft-fuchsia">\n                  <li><i class="uil uil-check"></i>Aenean eu leo quam. Pellentesque ornare.</li>\n                  <li><i class="uil uil-check"></i>Nullam quis risus eget urna mollis ornare.</li>\n                  <li><i class="uil uil-check"></i>Donec id elit non mi porta gravida at eget.</li>\n                </ul>\n                <a href="#" class="btn btn-fuchsia mt-2">Learn More</a>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/.tab-pane -->\n          <div class="tab-pane fade" id="tab2-2">\n            <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">\n              <div class="col-lg-6 order-lg-2">\n                <figure class="rounded shadow-lg"><img src="/assets/img/photos/se6.jpg" srcset="/assets/img/photos/se6@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-lg-6">\n                <h2 class="mb-3">Data Analysis</h2>\n                <p>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 commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna.</p>\n                <ul class="icon-list bullet-bg bullet-soft-violet">\n                  <li><i class="uil uil-check"></i>Aenean eu leo quam. Pellentesque ornare.</li>\n                  <li><i class="uil uil-check"></i>Nullam quis risus eget urna mollis ornare.</li>\n                  <li><i class="uil uil-check"></i>Donec id elit non mi porta gravida at eget.</li>\n                </ul>\n                <a href="#" class="btn btn-violet mt-2">Learn More</a>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/.tab-pane -->\n          <div class="tab-pane fade" id="tab2-3">\n            <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">\n              <div class="col-lg-6">\n                <figure class="rounded shadow-lg"><img src="/assets/img/photos/se7.jpg" srcset="/assets/img/photos/se7@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-lg-6">\n                <h2 class="mb-3">Finalize Product</h2>\n                <p>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 commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna.</p>\n                <ul class="icon-list bullet-bg bullet-soft-green">\n                  <li><i class="uil uil-check"></i>Aenean eu leo quam. Pellentesque ornare.</li>\n                  <li><i class="uil uil-check"></i>Nullam quis risus eget urna mollis ornare.</li>\n                  <li><i class="uil uil-check"></i>Donec id elit non mi porta gravida at eget.</li>\n                </ul>\n                <a href="#" class="btn btn-green mt-2">Learn More</a>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/.tab-pane -->\n        </div>\n        <!-- /.tab-content -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(19, 'content', 'section_3', '<section class="wrapper bg-gray">\n      <div class="container py-15 py-md-17 pb-md-19">\n        <div class="row align-items-center gy-8 mb-13">\n          <div class="col-lg-7 text-center text-lg-start">\n            <h2 class="fs-16 text-uppercase text-muted mb-3">Save Time and Money</h2>\n            <h3 class="display-3 mb-0 pe-xl-10 pe-xxl-15">Save your time and money by choosing our <span class="underline-3 style-2 yellow">professional</span> team.</h3>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-5">\n            <div class="row gy-6 text-center">\n              <div class="col-md-6">\n                <div class="progressbar semi-circle fuchsia" data-value="95"></div>\n                <h4 class="mb-0">Customer Satisfaction</h4>\n              </div>\n              <!-- /column -->\n              <div class="col-md-6">\n                <div class="progressbar semi-circle orange" data-value="80"></div>\n                <h4 class="mb-0">Increased Revenue</h4>\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(19, 'content', 'section_4', '<section class="wrapper bg-light">\n      <div class="container py-16 py-md-18">\n        <div class="card shadow-lg mt-n21 mt-md-n23">\n          <div class="row gx-0">\n            <div class="col-lg-6 image-wrapper bg-image bg-cover rounded-top rounded-lg-start" data-image-src="/assets/img/photos/tm2.jpg">\n            </div>\n            <!--/column -->\n            <div class="col-lg-6">\n              <div class="p-10 p-md-11 px-lg-13 py-lg-14">\n                <div class="swiper-container dots-closer mb-6" data-margin="30" data-dots="true">\n                  <div class="swiper">\n                    <div class="swiper-wrapper">\n                      <div class="swiper-slide text-center">\n                        <span class="ratings five mt-4 mb-3"></span>\n                        <blockquote class="border-0 fs-lg text-center">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio.”</p>\n                          <div class="blockquote-details justify-content-center text-center">\n                            <div class="info ps-0">\n                              <h5 class="mb-1">Coriss Ambady</h5>\n                              <p class="mb-0">Financial Analyst</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!--/.swiper-slide -->\n                      <div class="swiper-slide text-center">\n                        <span class="ratings five mt-4 mb-3"></span>\n                        <blockquote class="border-0 fs-lg text-center">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio.”</p>\n                          <div class="blockquote-details justify-content-center text-center">\n                            <div class="info ps-0">\n                              <h5 class="mb-1">Cory Zamora</h5>\n                              <p class="mb-0">Marketing Specialist</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!--/.swiper-slide -->\n                      <div class="swiper-slide text-center">\n                        <span class="ratings five mt-4 mb-3"></span>\n                        <blockquote class="border-0 fs-lg text-center">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio.”</p>\n                          <div class="blockquote-details justify-content-center text-center">\n                            <div class="info ps-0">\n                              <h5 class="mb-1">Nikolas Brooten</h5>\n                              <p class="mb-0">Sales Manager</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!--/.swiper-slide -->\n                    </div>\n                    <!--/.swiper-wrapper -->\n                  </div>\n                  <!-- /.swiper -->\n                </div>\n                <!-- /.swiper-container -->\n              </div>\n              <!--/div -->\n            </div>\n            <!--/column -->\n          </div>\n          <!--/.row -->\n        </div>\n        <!-- /.card -->\n        <div class="row mt-17">\n          <div class="col-lg-10 col-xl-9 col-xxl-8 mx-auto text-center">\n            <h2 class="fs-16 text-uppercase text-muted mb-3">Latest Projects</h2>\n            <h3 class="display-3 mb-10">Check out some of our awesome projects with <span class="underline-3 style-2 yellow">creative</span> ideas and great design.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="swiper-container grid-view" data-margin="30" data-dots="true" data-items-xl="3" data-items-md="2" data-items-xs="1">\n          <div class="swiper">\n            <div class="swiper-wrapper">\n              <div class="swiper-slide">\n                <figure class="rounded mb-6"><img src="/assets/img/photos/pd7.jpg" srcset="/assets/img/photos/pd7@2x.jpg 2x" alt="" /><a class="item-link" href="/assets/img/photos/pd7-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a></figure>\n                <div class="project-details d-flex justify-content-center flex-column">\n                  <div class="post-header">\n                    <h2 class="post-title h3"><a href="/single-project.html" class="link-dark">Cras Fermentum Sem</a></h2>\n                    <div class="post-category text-ash">Stationary</div>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.project-details -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <figure class="rounded mb-6"><img src="/assets/img/photos/pd8.jpg" srcset="/assets/img/photos/pd8@2x.jpg 2x" alt="" /><a class="item-link" href="/assets/img/photos/pd8-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a></figure>\n                <div class="project-details d-flex justify-content-center flex-column">\n                  <div class="post-header">\n                    <h2 class="post-title h3"><a href="/single-project2.html" class="link-dark">Mollis Ipsum Mattis</a></h2>\n                    <div class="post-category text-ash">Magazine, Book</div>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.project-details -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <figure class="rounded mb-6"><img src="/assets/img/photos/pd9.jpg" srcset="/assets/img/photos/pd9@2x.jpg 2x" alt="" /><a class="item-link" href="/assets/img/photos/pd9-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a></figure>\n                <div class="project-details d-flex justify-content-center flex-column">\n                  <div class="post-header">\n                    <h2 class="post-title h3"><a href="/single-project3.html" class="link-dark">Ipsum Ultricies Cursus</a></h2>\n                    <div class="post-category text-ash">Packaging</div>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.project-details -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <figure class="rounded mb-6"><img src="/assets/img/photos/pd10.jpg" srcset="/assets/img/photos/pd10@2x.jpg 2x" alt="" /><a class="item-link" href="/assets/img/photos/pd10-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a></figure>\n                <div class="project-details d-flex justify-content-center flex-column">\n                  <div class="post-header">\n                    <h2 class="post-title h3"><a href="/single-project.html" class="link-dark">Inceptos Euismod Egestas</a></h2>\n                    <div class="post-category text-ash">Stationary, Branding</div>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.project-details -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <figure class="rounded mb-6"><img src="/assets/img/photos/pd11.jpg" srcset="/assets/img/photos/pd11@2x.jpg 2x" alt="" /><a class="item-link" href="/assets/img/photos/pd11-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a></figure>\n                <div class="project-details d-flex justify-content-center flex-column">\n                  <div class="post-header">\n                    <h2 class="post-title h3"><a href="/single-project2.html" class="link-dark">Ipsum Mollis Vulputate</a></h2>\n                    <div class="post-category text-ash">Packaging</div>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.project-details -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <figure class="rounded mb-6"><img src="/assets/img/photos/pd12.jpg" srcset="/assets/img/photos/pd12@2x.jpg 2x" alt="" /><a class="item-link" href="/assets/img/photos/pd12-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a></figure>\n                <div class="project-details d-flex justify-content-center flex-column">\n                  <div class="post-header">\n                    <h2 class="post-title h3"><a href="/single-project3.html" class="link-dark">Porta Ornare Cras</a></h2>\n                    <div class="post-category text-ash">Branding</div>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.project-details -->\n              </div>\n              <!--/.swiper-slide -->\n            </div>\n            <!--/.swiper-wrapper -->\n          </div>\n          <!-- /.swiper -->\n        </div>\n        <!-- /.swiper-container -->\n        <div class="row gy-10 gy-sm-13 gx-md-8 gx-xl-12 align-items-center mt-17">\n          <div class="col-lg-6">\n            <div class="row gx-md-5 gy-5">\n              <div class="col-12">\n                <figure class="rounded mx-md-5"><img src="/assets/img/photos/g8.jpg" srcset="/assets/img/photos/g8@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <figure class="rounded"><img src="/assets/img/photos/g9.jpg" srcset="/assets/img/photos/g9@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <figure class="rounded"><img src="/assets/img/photos/g10.jpg" srcset="/assets/img/photos/g10@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h2 class="fs-16 text-uppercase text-muted mb-3">What Makes Us Different?</h2>\n            <h3 class="display-3 mb-8">We bring <span class="underline-3 style-2 yellow">solutions</span> to make life easier for our customers.</h3>\n            <div class="row gy-6">\n              <div class="col-md-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/solid/lamp.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-fuchsia me-4" alt="" />\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Creativity</h4>\n                    <p class="mb-0">Curabitur blandit lacus porttitor ridiculus mus.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/solid/bulb.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-violet me-4" alt="" />\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Innovative Thinking</h4>\n                    <p class="mb-0">Curabitur blandit lacus porttitor ridiculus mus.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/solid/puzzle.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-orange me-4" alt="" />\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Rapid Solutions</h4>\n                    <p class="mb-0">Curabitur blandit lacus porttitor ridiculus mus.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/solid/headphone.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-green me-4" alt="" />\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Top-Notch Support</h4>\n                    <p class="mb-0">Curabitur blandit lacus porttitor ridiculus mus.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(19, 'footer', 'footer', '<footer class="bg-light">\n    <div class="container pb-13 pb-md-15">\n      <div class="card image-wrapper bg-full bg-image bg-overlay bg-overlay-300 mb-14" data-image-src="/assets/img/photos/bg16.png">\n        <div class="card-body p-10 p-xl-12">\n          <div class="row text-center">\n            <div class="col-xl-11 col-xxl-9 mx-auto">\n              <h2 class="fs-16 text-uppercase text-white mb-3">Join Our Community</h2>\n              <h3 class="display-3 mb-8 px-lg-8 text-white">We are <span class="underline-3 style-2 yellow">trusted</span> by over 5000+ clients. Join them now and grow your business.</h3>\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n          <div class="d-flex justify-content-center">\n            <span><a class="btn btn-white rounded">Get Started</a></span>\n          </div>\n        </div>\n        <!--/.card-body -->\n      </div>\n      <!--/.card -->\n      <div class="row gy-6 gy-lg-0">\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <img class="mb-4" src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n            <p class="mb-4">© <script>\n                document.write(new Date().getUTCFullYear());\n              </script> Simeya. <br class="d-none d-lg-block" />All rights reserved.</p>\n            <nav class="nav social ">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title  mb-3">Get in Touch</h4>\n            <address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address>\n            <a href="mailto:#" class="link-body">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title  mb-3">Learn More</h4>\n            <ul class="list-unstyled text-reset mb-0">\n              <li><a href="#">About Us</a></li>\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Projects</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-12 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title  mb-3">Our Newsletter</h4>\n            <p class="mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p>\n            <div class="newsletter-wrapper">\n              <!-- Begin Mailchimp Signup Form -->\n              <div id="mc_embed_signup2">\n                <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate " target="_blank" novalidate>\n                  <div id="mc_embed_signup_scroll2">\n                    <div class="mc-field-group input-group form-floating">\n                      <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2">\n                      <label for="mce-EMAIL2">Email Address</label>\n                      <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary ">\n                    </div>\n                    <div id="mce-responses2" class="clear">\n                      <div class="response" id="mce-error-response2" style="display:none"></div>\n                      <div class="response" id="mce-success-response2" style="display:none"></div>\n                    </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n                    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>\n                    <div class="clear"></div>\n                  </div>\n                </form>\n              </div>\n              <!--End mc_embed_signup-->\n            </div>\n            <!-- /.newsletter-wrapper -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!--/.row -->\n    </div>\n    <!-- /.container -->\n  </footer>'),
(19, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(2, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="preload" href="/assets/css/fonts/dm.css" as="style" onload="this.rel=''stylesheet''">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(2, 'header', 'header', '<header class="wrapper bg-light">\n      <div class="bg-primary text-white fw-bold fs-15 mb-2">\n        <div class="container py-2 d-md-flex flex-md-row">\n          <div class="d-flex flex-row align-items-center">\n            <div class="icon text-white fs-22 mt-1 me-2"> <i class="uil uil-location-pin-alt"></i></div>\n            <address class="mb-0">Moonshine St. 14/05 Light City</address>\n          </div>\n          <div class="d-flex flex-row align-items-center me-6 ms-auto">\n            <div class="icon text-white fs-22 mt-1 me-2"> <i class="uil uil-phone-volume"></i></div>\n            <p class="mb-0">00 (123) 456 78 90</p>\n          </div>\n          <div class="d-flex flex-row align-items-center">\n            <div class="icon text-white fs-22 mt-1 me-2"> <i class="uil uil-message"></i></div>\n            <p class="mb-0"><a href="mailto:sandbox@email.com" class="link-white hover">sandbox@email.com</a></p>\n          </div>\n        </div>\n        <!-- /.container -->\n      </div>\n      \n      \n      <nav class="navbar navbar-expand-lg center-nav transparent navbar-light">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img src="/assets/img/logo.png" srcset="/assets/img/logo@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              \n              \n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <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>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <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>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <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>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <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>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <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>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <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>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <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>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <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>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <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>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <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>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <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>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <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>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <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>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <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>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <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>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <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>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <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>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <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>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <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>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <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>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <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>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <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>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <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>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <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>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <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>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <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>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <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>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <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>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <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>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <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>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <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>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <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>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <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>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <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>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <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>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <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>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <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>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <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>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <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>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <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>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <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>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <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>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <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>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <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>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <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>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <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>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <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>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <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>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <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>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <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>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <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>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <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>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <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>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other w-100 d-flex ms-auto">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item dropdown language-select text-uppercase">\n                <a class="nav-link dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">En</a>\n                <ul class="dropdown-menu">\n                  <li class="nav-item"><a class="dropdown-item" href="#">En</a></li>\n                  <li class="nav-item"><a class="dropdown-item" href="#">De</a></li>\n                  <li class="nav-item"><a class="dropdown-item" href="#">Es</a></li>\n                </ul>\n              </li>\n              <li class="nav-item d-none d-md-block">\n                <a href="/contact.html" class="btn btn-sm btn-primary rounded-pill">Contact</a>\n              </li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n    </header>'),
(2, 'content', 'section_1', '<section class="wrapper bg-light">\n      <div class="container pt-8 pt-md-14">\n        <div class="row gx-lg-0 gx-xl-8 gy-10 gy-md-13 gy-lg-0 mb-7 mb-md-10 mb-lg-16 align-items-center">\n          <div class="col-md-8 offset-md-2 col-lg-6 offset-lg-1 position-relative order-lg-2" data-cue="zoomIn">\n            <div class="shape bg-dot primary rellax w-17 h-19" data-rellax-speed="1" style="top: -1.7rem; left: -1.5rem;"></div>\n            <div class="shape rounded bg-soft-primary rellax d-md-block" data-rellax-speed="0" style="bottom: -1.8rem; right: -0.8rem; width: 85%; height: 90%;"></div>\n            <figure class="rounded"><img src="/assets/img/photos/about7.jpg" srcset="/assets/img/photos/about7@2x.jpg 2x" alt="" /></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5 mt-lg-n10 text-center text-lg-start" data-cues="slideInDown" data-group="page-title" data-delay="600">\n            <h1 class="display-1 mb-5">We bring solutions to make life easier for our customers.</h1>\n            <p class="lead fs-25 lh-sm mb-7 px-md-10 px-lg-0">We have considered our solutions to support every stage of your growth.</p>\n            <div class="d-flex justify-content-center justify-content-lg-start" data-cues="slideInDown" data-group="page-title-buttons" data-delay="900">\n              <span><a href="#" class="btn btn-lg btn-primary rounded-pill me-2">Explore Now</a></span>\n              <span><a href="#" class="btn btn-lg btn-outline-primary rounded-pill">Free Trial</a></span>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!-- /.row -->\n        <div class="px-lg-5 mb-14 mb-md-17">\n          <div class="row gx-0 gx-md-8 gx-xl-12 gy-8 align-items-center">\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c1.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c2.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c3.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c4.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c5.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c6.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n          </div>\n          <!--/.row -->\n        </div>\n        <!-- /div -->\n        <div class="row">\n          <div class="col-md-10 col-lg-8 col-xl-7 col-xxl-6 mx-auto text-center">\n            <h2 class="fs-15 text-uppercase text-muted mb-3">What We Do?</h2>\n            <h3 class="display-4 mb-10">The service we offer is specifically designed to meet your needs.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gx-md-8 gy-8 text-center mb-14 mb-md-17">\n          <div class="col-md-6 col-lg-3">\n            <div class="icon btn btn-circle btn-lg btn-primary pe-none mb-5"> <i class="uil uil-phone-volume"></i> </div>\n            <h4>24/7 Support</h4>\n            <p class="mb-3">Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.</p>\n            <a href="#" class="more hover">Learn More</a>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="icon btn btn-circle btn-lg btn-primary pe-none mb-5"> <i class="uil uil-shield-exclamation"></i> </div>\n            <h4>Secure Payments</h4>\n            <p class="mb-3">Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.</p>\n            <a href="#" class="more hover">Learn More</a>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="icon btn btn-circle btn-lg btn-primary pe-none mb-5"> <i class="uil uil-laptop-cloud"></i> </div>\n            <h4>Daily Updates</h4>\n            <p class="mb-3">Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.</p>\n            <a href="#" class="more hover">Learn More</a>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="icon btn btn-circle btn-lg btn-primary pe-none mb-5"> <i class="uil uil-chart-line"></i> </div>\n            <h4>Market Research</h4>\n            <p class="mb-3">Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.</p>\n            <a href="#" class="more hover">Learn More</a>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gy-10 gy-sm-13 gx-lg-3 align-items-center mb-14 mb-md-17 mb-lg-19">\n          <div class="col-md-8 col-lg-6 position-relative">\n            <div class="shape bg-line red rounded-circle rellax w-18 h-18" data-rellax-speed="1" style="top: -2.2rem; left: -2.4rem;"></div>\n            <div class="shape rounded bg-soft-primary rellax d-md-block" data-rellax-speed="0" style="bottom: -1.8rem; right: -1.5rem; width: 85%; height: 90%; "></div>\n            <figure class="rounded"><img src="/assets/img/photos/about9.jpg" srcset="/assets/img/photos/about9@2x.jpg 2x" alt="" /></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5 col-xl-4 offset-lg-1">\n            <h2 class="display-4 mb-3">How It Works?</h2>\n            <p class="lead fs-lg mb-6">So here are three working steps why our valued customers choose us.</p>\n            <div class="d-flex flex-row mb-6">\n              <div>\n                <span class="icon btn btn-circle btn-primary pe-none me-5"><span class="number fs-18">1</span></span>\n              </div>\n              <div>\n                <h4 class="mb-1">Collect Ideas</h4>\n                <p class="mb-0">Nulla vitae elit libero pharetra augue dapibus. Praesent commodo cursus.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row mb-6">\n              <div>\n                <span class="icon btn btn-circle btn-primary pe-none me-5"><span class="number fs-18">2</span></span>\n              </div>\n              <div>\n                <h4 class="mb-1">Data Analysis</h4>\n                <p class="mb-0">Vivamus sagittis lacus vel augue laoreet. Etiam porta sem malesuada magna.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row">\n              <div>\n                <span class="icon btn btn-circle btn-primary pe-none me-5"><span class="number fs-18">3</span></span>\n              </div>\n              <div>\n                <h4 class="mb-1">Finalize Product</h4>\n                <p class="mb-0">Cras mattis consectetur purus sit amet. Aenean lacinia bibendum nulla sed.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row">\n          <div class="col-lg-9 col-xl-8 col-xxl-7 mx-auto text-center">\n            <h2 class="fs-15 text-uppercase text-muted mb-3">Latest Projects</h2>\n            <h3 class="display-4 mb-10">Check out some of our awesome projects with creative ideas and great design.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n      <div class="container-fluid px-md-6">\n        <div class="swiper-container blog grid-view mb-17 mb-md-19" data-margin="30" data-nav="true" data-dots="true" data-items-xxl="3" data-items-md="2" data-items-xs="1">\n          <div class="swiper">\n            <div class="swiper-wrapper">\n              <div class="swiper-slide">\n                <figure class="rounded"><img src="/assets/img/photos/pp10.jpg" alt="" /></figure>\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <figure class="rounded"><img src="/assets/img/photos/pp11.jpg" alt="" /></figure>\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <figure class="rounded"><img src="/assets/img/photos/pp12.jpg" alt="" /></figure>\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <figure class="rounded"><img src="/assets/img/photos/pp13.jpg" alt="" /></figure>\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <figure class="rounded"><img src="/assets/img/photos/pp14.jpg" alt="" /></figure>\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <figure class="rounded"><img src="/assets/img/photos/pp15.jpg" alt="" /></figure>\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <figure class="rounded"><img src="/assets/img/photos/pp16.jpg" alt="" /></figure>\n              </div>\n              <!--/.swiper-slide -->\n            </div>\n            <!--/.swiper-wrapper -->\n          </div>\n          <!-- /.swiper -->\n        </div>\n        <!-- /.swiper-container -->\n      </div>\n      <!-- /.container-fluid -->\n      <div class="container">\n        <div class="row gy-10 gy-sm-13 gx-lg-3 align-items-center mb-14 mb-md-17 mb-lg-19">\n          <div class="col-md-8 col-lg-6 position-relative">\n            <a href="/assets/media/movie.mp4" class="btn btn-circle btn-primary btn-play ripple mx-auto mb-5 position-absolute" style="top:50%; left: 50%; transform: translate(-50%,-50%); z-index:3;" data-glightbox><i class="icn-caret-right"></i></a>\n            <div class="shape rounded bg-soft-primary rellax d-md-block" data-rellax-speed="0" style="bottom: -1.8rem; right: -1.5rem; width: 85%; height: 90%; "></div>\n            <figure class="rounded"><img src="/assets/img/photos/about12.jpg" srcset="/assets/img/photos/about12@2x.jpg 2x" alt=""></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5 offset-lg-1">\n            <h2 class="fs-15 text-uppercase text-muted mb-3">Who Are We?</h2>\n            <h3 class="display-4 mb-6">Company that believes in the power of creative strategy.</h3>\n            <p class="mb-6">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.</p>\n            <div class="row gy-3 gx-xl-8">\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-primary mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Aenean eu leo quam ornare curabitur blandit tempus.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Nullam quis risus eget urna mollis ornare donec elit.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-primary mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Etiam porta sem malesuada magna mollis euismod.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Fermentum massa vivamus faucibus amet euismod.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-10 mb-16 mb-md-17 mb-xl-20 align-items-center">\n          <div class="col-lg-4">\n            <h2 class="fs-15 text-uppercase text-muted mb-3">Meet the Team</h2>\n            <h3 class="display-5 mb-5">Save your time and money by choosing our professional team.</h3>\n            <p>Donec id elit non mi porta gravida at eget metus. Morbi leo risus, porta ac consectetur ac, vestibulum at eros tempus porttitor.</p>\n            <a href="#" class="btn btn-primary rounded-pill mt-3">See All Members</a>\n          </div>\n          <!--/column -->\n          <div class="col-lg-8">\n            <div class="swiper-container text-center mb-6" data-margin="30" data-dots="true" data-items-xl="3" data-items-md="2" data-items-xs="1">\n              <div class="swiper">\n                <div class="swiper-wrapper">\n                  <div class="swiper-slide">\n                    <img class="rounded-circle w-20 mx-auto mb-4" src="/assets/img/avatars/t1.jpg" srcset="/assets/img/avatars/t1@2x.jpg 2x" alt="" />\n                    <h4 class="mb-1">Cory Zamora</h4>\n                    <div class="meta mb-2">Marketing Specialist</div>\n                    <p class="mb-2">Etiam porta sem magna malesuada mollis.</p>\n                    <nav class="nav social justify-content-center text-center mb-0">\n                      <a href="#"><i class="uil uil-twitter"></i></a>\n                      <a href="#"><i class="uil uil-slack"></i></a>\n                      <a href="#"><i class="uil uil-linkedin"></i></a>\n                    </nav>\n                    <!-- /.social -->\n                  </div>\n                  <!--/.swiper-slide -->\n                  <div class="swiper-slide">\n                    <img class="rounded-circle w-20 mx-auto mb-4" src="/assets/img/avatars/t2.jpg" srcset="/assets/img/avatars/t2@2x.jpg 2x" alt="" />\n                    <h4 class="mb-1">Coriss Ambady</h4>\n                    <div class="meta mb-2">Financial Analyst</div>\n                    <p class="mb-2">Aenean eu leo quam. Pellentesque ornare lacinia.</p>\n                    <nav class="nav social justify-content-center text-center mb-0">\n                      <a href="#"><i class="uil uil-youtube"></i></a>\n                      <a href="#"><i class="uil uil-facebook-f"></i></a>\n                      <a href="#"><i class="uil uil-dribbble"></i></a>\n                    </nav>\n                    <!-- /.social -->\n                  </div>\n                  <!--/.swiper-slide -->\n                  <div class="swiper-slide">\n                    <img class="rounded-circle w-20 mx-auto mb-4" src="/assets/img/avatars/t3.jpg" srcset="/assets/img/avatars/t3@2x.jpg 2x" alt="" />\n                    <h4 class="mb-1">Nikolas Brooten</h4>\n                    <div class="meta mb-2">Sales Manager</div>\n                    <p class="mb-2">Donec ornare elit quam porta gravida at eget.</p>\n                    <nav class="nav social justify-content-center text-center mb-0">\n                      <a href="#"><i class="uil uil-linkedin"></i></a>\n                      <a href="#"><i class="uil uil-tumblr-square"></i></a>\n                      <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    </nav>\n                    <!-- /.social -->\n                  </div>\n                  <!--/.swiper-slide -->\n                  <div class="swiper-slide">\n                    <img class="rounded-circle w-20 mx-auto mb-4" src="/assets/img/avatars/t4.jpg" srcset="/assets/img/avatars/t4@2x.jpg 2x" alt="" />\n                    <h4 class="mb-1">Jackie Sanders</h4>\n                    <div class="meta mb-2">Investment Planner</div>\n                    <p class="mb-2">Nullam risus eget urna mollis ornare vel eu leo.</p>\n                    <nav class="nav social justify-content-center text-center mb-0">\n                      <a href="#"><i class="uil uil-twitter"></i></a>\n                      <a href="#"><i class="uil uil-facebook-f"></i></a>\n                      <a href="#"><i class="uil uil-dribbble"></i></a>\n                    </nav>\n                    <!-- /.social -->\n                  </div>\n                  <!--/.swiper-slide -->\n                  <div class="swiper-slide">\n                    <img class="rounded-circle w-20 mx-auto mb-4" src="/assets/img/avatars/t5.jpg" srcset="/assets/img/avatars/t5@2x.jpg 2x" alt="" />\n                    <h4 class="mb-1">Tina Geller</h4>\n                    <div class="meta mb-2">Assistant Buyer</div>\n                    <p class="mb-2">Vivamus sagittis lacus vel augue laoreet rutrum.</p>\n                    <nav class="nav social justify-content-center text-center mb-0">\n                      <a href="#"><i class="uil uil-facebook-f"></i></a>\n                      <a href="#"><i class="uil uil-slack"></i></a>\n                      <a href="#"><i class="uil uil-dribbble"></i></a>\n                    </nav>\n                    <!-- /.social -->\n                  </div>\n                  <!--/.swiper-slide -->\n                </div>\n                <!--/.swiper-wrapper -->\n              </div>\n              <!-- /.swiper -->\n            </div>\n            <!-- /.swiper-container -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="card bg-soft-primary">\n          <div class="card-body p-md-10 py-xxl-16 position-relative">\n            <div class="position-absolute d-none d-lg-block" style="bottom:0; left:10%; width: 28%; z-index:2">\n              <figure><img src="/assets/img/photos/co2.png" srcset="/assets/img/photos/co2@2x.png 2x" alt=""></figure>\n            </div>\n            <div class="row gx-md-0 gx-xl-12 text-center">\n              <div class="col-lg-7 offset-lg-5 col-xl-6">\n                <span class="ratings five mb-3"></span>\n                <blockquote class="border-0 fs-lg mb-0">\n                  <p>“Fusce dapibus tellus ac cursus commodo, tortor mauris condimentum nibh ut fermentum massa, justo sit amet vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed”</p>\n                  <div class="blockquote-details justify-content-center text-center">\n                    <div class="info p-0">\n                      <h5 class="mb-1">Coriss Ambady</h5>\n                      <div class="meta mb-0">Financial Analyst</div>\n                    </div>\n                  </div>\n                </blockquote>\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!--/.card-body -->\n        </div>\n        <!--/.card -->\n      </div>\n      <!--/.container -->\n    </section>'),
(2, 'footer', 'footer', '<footer class="bg-light">\n    <div class="container py-13 py-md-15">\n      <div class="row gy-6 gy-lg-0">\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <img class="mb-4" src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n            <p class="mb-4">© <script>\n                document.write(new Date().getUTCFullYear());\n              </script> Simeya. <br class="d-none d-lg-block" />All rights reserved.</p>\n            <nav class="nav social ">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title  mb-3">Get in Touch</h4>\n            <address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address>\n            <a href="mailto:#" class="link-body">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title  mb-3">Learn More</h4>\n            <ul class="list-unstyled text-reset mb-0">\n              <li><a href="#">About Us</a></li>\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Projects</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-12 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title  mb-3">Our Newsletter</h4>\n            <p class="mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p>\n            <div class="newsletter-wrapper">\n              <!-- Begin Mailchimp Signup Form -->\n              <div id="mc_embed_signup2">\n                <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate " target="_blank" novalidate>\n                  <div id="mc_embed_signup_scroll2">\n                    <div class="mc-field-group input-group form-floating">\n                      <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2">\n                      <label for="mce-EMAIL2">Email Address</label>\n                      <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary ">\n                    </div>\n                    <div id="mce-responses2" class="clear">\n                      <div class="response" id="mce-error-response2" style="display:none"></div>\n                      <div class="response" id="mce-success-response2" style="display:none"></div>\n                    </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n                    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>\n                    <div class="clear"></div>\n                  </div>\n                </form>\n              </div>\n              <!--End mc_embed_signup-->\n            </div>\n            <!-- /.newsletter-wrapper -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!--/.row -->\n    </div>\n    <!-- /.container -->\n  </footer>'),
(2, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(20, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/purple.css">\n  <link rel="preload" href="/assets/css/fonts/urbanist.css" as="style" onload="this.rel=''stylesheet''">\n</head>\n\n<body>\n  <div class="page-frame bg-pale-primary">\n    <div class="content-wrapper">\n      <header'),
(20, 'header', 'header', '<header class="wrapper">\n        <nav class="navbar navbar-expand-lg classic transparent position-absolute navbar-dark">\n          <div class="container flex-lg-row flex-nowrap align-items-center">\n            <div class="navbar-brand w-100">\n              <a href="/index.html">\n                <img class="logo-dark" src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n                <img class="logo-light" src="/assets/img/logo-light.png" srcset="/assets/img/logo-light@2x.png 2x" alt="" />\n              </a>\n            </div>\n            <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n              <div class="offcanvas-header d-lg-none">\n                <h3 class="text-white fs-30 mb-0">Simeya</h3>\n                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n              </div>\n              <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n                <ul class="navbar-nav">\n                  <li class="nav-item dropdown dropdown-mega">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                    <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                      <li class="mega-menu-content mega-menu-scroll">\n                        <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                              <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>\n                              <span class="d-lg-none">Demo 1</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                              <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>\n                              <span class="d-lg-none">Demo 2</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                              <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>\n                              <span class="d-lg-none">Demo 3</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                              <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>\n                              <span class="d-lg-none">Demo 4</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                              <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>\n                              <span class="d-lg-none">Demo 5</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                              <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>\n                              <span class="d-lg-none">Demo 6</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                              <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>\n                              <span class="d-lg-none">Demo 7</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                              <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>\n                              <span class="d-lg-none">Demo 8</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                              <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>\n                              <span class="d-lg-none">Demo 9</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                              <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>\n                              <span class="d-lg-none">Demo 10</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                              <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>\n                              <span class="d-lg-none">Demo 11</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                              <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>\n                              <span class="d-lg-none">Demo 12</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                              <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>\n                              <span class="d-lg-none">Demo 13</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                              <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>\n                              <span class="d-lg-none">Demo 14</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                              <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>\n                              <span class="d-lg-none">Demo 15</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                              <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>\n                              <span class="d-lg-none">Demo 16</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                              <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>\n                              <span class="d-lg-none">Demo 17</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                              <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>\n                              <span class="d-lg-none">Demo 18</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                              <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>\n                              <span class="d-lg-none">Demo 19</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                              <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>\n                              <span class="d-lg-none">Demo 20</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                              <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>\n                              <span class="d-lg-none">Demo 21</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                              <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>\n                              <span class="d-lg-none">Demo 22</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                              <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>\n                              <span class="d-lg-none">Demo 23</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                              <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>\n                              <span class="d-lg-none">Demo 24</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                              <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>\n                              <span class="d-lg-none">Demo 25</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                              <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>\n                              <span class="d-lg-none">Demo 26</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                              <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>\n                              <span class="d-lg-none">Demo 27</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                              <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>\n                              <span class="d-lg-none">Demo 28</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                              <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>\n                              <span class="d-lg-none">Demo 29</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                              <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>\n                              <span class="d-lg-none">Demo 30</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                              <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>\n                              <span class="d-lg-none">Demo 31</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                              <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>\n                              <span class="d-lg-none">Demo 32</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                              <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>\n                              <span class="d-lg-none">Demo 33</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                              <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>\n                              <span class="d-lg-none">Demo 34</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                              <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>\n                              <span class="d-lg-none">Demo 35</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                              <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>\n                              <span class="d-lg-none">Demo 36</span>\n                            </a>\n                          </li>\n                        </ul>\n                        <!--/.row -->\n                        <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                      </li>\n                      <!--/.mega-menu-content-->\n                    </ul>\n                    <!--/.dropdown-menu -->\n                  </li>\n                  <li class="nav-item dropdown">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                    <ul class="dropdown-menu">\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                        </ul>\n                      </li>\n                      <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                      <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                    </ul>\n                  </li>\n                  <li class="nav-item dropdown">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                    <div class="dropdown-menu dropdown-lg">\n                      <div class="dropdown-lg-content">\n                        <div>\n                          <h6 class="dropdown-header">Project Pages</h6>\n                          <ul class="list-unstyled">\n                            <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                            <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                            <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                            <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                          </ul>\n                        </div>\n                        <!-- /.column -->\n                        <div>\n                          <h6 class="dropdown-header">Single Projects</h6>\n                          <ul class="list-unstyled">\n                            <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                            <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                            <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                            <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                          </ul>\n                        </div>\n                        <!-- /.column -->\n                      </div>\n                      <!-- /auto-column -->\n                    </div>\n                  </li>\n                  <li class="nav-item dropdown">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                    <ul class="dropdown-menu">\n                      <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                      <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                      <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                        </ul>\n                      </li>\n                    </ul>\n                  </li>\n                  <li class="nav-item dropdown dropdown-mega">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                    <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                      <li class="mega-menu-content">\n                        <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                              <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>\n                              <span>About</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                              <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>\n                              <span>Blog</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                              <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>\n                              <span>Call to Action</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                              <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>\n                              <span>Clients</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                              <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>\n                              <span>Contact</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                              <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>\n                              <span>Facts</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                              <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>\n                              <span>FAQ</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                              <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>\n                              <span>Features</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                              <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>\n                              <span>Footer</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                              <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>\n                              <span>Hero</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                              <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>\n                              <span>Misc</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                              <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>\n                              <span>Navbar</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                              <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>\n                              <span>Portfolio</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                              <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>\n                              <span>Pricing</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                              <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>\n                              <span>Process</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                              <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>\n                              <span>Team</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                              <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>\n                              <span>Testimonials</span>\n                            </a>\n                          </li>\n                        </ul>\n                        <!--/.row -->\n                      </li>\n                      <!--/.mega-menu-content-->\n                    </ul>\n                    <!--/.dropdown-menu -->\n                  </li>\n                  <li class="nav-item dropdown dropdown-mega">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                    <ul class="dropdown-menu mega-menu">\n                      <li class="mega-menu-content">\n                        <div class="row gx-0 gx-lg-3">\n                          <div class="col-lg-4">\n                            <h6 class="dropdown-header">Usage</h6>\n                            <ul class="list-unstyled cc-2 pb-lg-1">\n                              <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                              <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                              <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                              <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                              <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                            </ul>\n                            <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                            <ul class="list-unstyled cc-2">\n                              <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                            </ul>\n                          </div>\n                          <!--/column -->\n                          <div class="col-lg-8">\n                            <h6 class="dropdown-header">Elements</h6>\n                            <ul class="list-unstyled cc-3">\n                              <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                            </ul>\n                          </div>\n                          <!--/column -->\n                        </div>\n                        <!--/.row -->\n                      </li>\n                      <!--/.mega-menu-content-->\n                    </ul>\n                    <!--/.dropdown-menu -->\n                  </li>\n                </ul>\n                <!-- /.navbar-nav -->\n                <div class="offcanvas-footer d-lg-none">\n                  <div>\n                    <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                    <br /> 00 (123) 456 78 90 <br />\n                    <nav class="nav social social-white mt-4">\n                      <a href="#"><i class="uil uil-twitter"></i></a>\n                      <a href="#"><i class="uil uil-facebook-f"></i></a>\n                      <a href="#"><i class="uil uil-dribbble"></i></a>\n                      <a href="#"><i class="uil uil-instagram"></i></a>\n                      <a href="#"><i class="uil uil-youtube"></i></a>\n                    </nav>\n                    <!-- /.social -->\n                  </div>\n                </div>\n                <!-- /.offcanvas-footer -->\n              </div>\n              <!-- /.offcanvas-body -->\n            </div>\n            <!-- /.navbar-collapse -->\n            <div class="navbar-other w-100 d-flex ms-auto">\n              <ul class="navbar-nav flex-row align-items-center ms-auto">\n                <li class="nav-item dropdown language-select text-uppercase">\n                  <a class="nav-link dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">En</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="#">En</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="#">De</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="#">Es</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item"><a class="nav-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-info"><i class="uil uil-info-circle"></i></a></li>\n                <li class="nav-item d-lg-none">\n                  <button class="hamburger offcanvas-nav-btn"><span></span></button>\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n            </div>\n            <!-- /.navbar-other -->\n          </div>\n          <!-- /.container -->\n        </nav>\n        <!-- /.navbar -->\n        <div class="offcanvas offcanvas-end text-inverse" id="offcanvas-info" data-bs-scroll="true">\n          <div class="offcanvas-header">\n            <h3 class="text-white fs-30 mb-0">Simeya</h3>\n            <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n          </div>\n          <div class="offcanvas-body pb-6">\n            <div class="widget mb-8">\n              <p>Simeya is a multipurpose HTML5 template with various layouts which will be a great solution for your business.</p>\n            </div>\n            <!-- /.widget -->\n            <div class="widget mb-8">\n              <h4 class="widget-title text-white mb-3">Contact Info</h4>\n              <address> Moonshine St. 14/05 <br /> Light City, London </address>\n              <a href="mailto:first.last@email.com">info@email.com</a><br /> 00 (123) 456 78 90\n            </div>\n            <!-- /.widget -->\n            <div class="widget mb-8">\n              <h4 class="widget-title text-white mb-3">Learn More</h4>\n              <ul class="list-unstyled">\n                <li><a href="#">Our Story</a></li>\n                <li><a href="#">Terms of Use</a></li>\n                <li><a href="#">Privacy Policy</a></li>\n                <li><a href="#">Contact Us</a></li>\n              </ul>\n            </div>\n            <!-- /.widget -->\n            <div class="widget">\n              <h4 class="widget-title text-white mb-3">Follow Us</h4>\n              <nav class="nav social social-white">\n                <a href="#"><i class="uil uil-twitter"></i></a>\n                <a href="#"><i class="uil uil-facebook-f"></i></a>\n                <a href="#"><i class="uil uil-dribbble"></i></a>\n                <a href="#"><i class="uil uil-instagram"></i></a>\n                <a href="#"><i class="uil uil-youtube"></i></a>\n              </nav>\n              <!-- /.social -->\n            </div>\n            <!-- /.widget -->\n          </div>\n          <!-- /.offcanvas-body -->\n        </div>\n        <!-- /.offcanvas -->\n      </header>'),
(20, 'content', 'section_1', '<section class="video-wrapper bg-overlay bg-overlay-gradient px-0 mt-0 min-vh-80">\n        <video poster="/assets/img/photos/movie2.jpg" src="/assets/media/movie2.mp4" autoplay loop playsinline muted></video>\n        <div class="video-content">\n          <div class="container text-center">\n            <div class="row">\n              <div class="col-lg-8 col-xl-6 text-center text-white mx-auto">\n                <h1 class="display-1 fs-54 text-white mb-5"><span class="rotator-zoom">Rapid Solutions,Innovative Thinking,Top-Notch Support</span></h1>\n                <p class="lead fs-24 mb-0 mx-xxl-8">We are a digital agency specializing in web design, mobile development and seo optimization.</p>\n              </div>\n              <!-- /column -->\n            </div>\n          </div>\n          <!-- /.video-content -->\n        </div>\n        <!-- /.content-overlay -->\n      </section>'),
(20, 'content', 'section_2', '<section class="wrapper bg-light">\n        <div class="container py-15 py-md-17">\n          <div class="row text-center mb-10">\n            <div class="col-md-10 col-lg-9 col-xxl-8 mx-auto">\n              <h2 class="fs-16 text-uppercase text-muted mb-3">What We Do?</h2>\n              <h3 class="display-3 px-xl-10 mb-0">The service we offer is specifically designed to meet your needs.</h3>\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n          <div class="row gx-lg-0 gy-10 mb-15 mb-md-17 align-items-center">\n            <div class="col-lg-6">\n              <figure class="rounded mb-0"><img class="img-fluid" src="/assets/img/illustrations/ui4.png" srcset="/assets/img/illustrations/ui4@2x.png 2x" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-lg-5 ms-auto">\n              <h3 class="fs-28 mb-3">Web Design</h3>\n              <p>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 risus varius.</p>\n              <ul class="icon-list bullet-bg bullet-soft-primary">\n                <li><span><i class="uil uil-check"></i></span><span>Aenean quam ornare curabitur blandit.</span></li>\n                <li><span><i class="uil uil-check"></i></span><span>Nullam quis risus eget urna mollis ornare leo.</span></li>\n                <li><span><i class="uil uil-check"></i></span><span>Etiam porta euismod mollis natoque ornare.</span></li>\n              </ul>\n              <a href="#" class="btn btn-soft-primary rounded-pill mt-2 mb-0">More Details</a>\n            </div>\n            <!--/column -->\n          </div>\n          <!--/.row -->\n          <div class="row gx-lg-0 gy-10 mb-15 mb-md-17 align-items-center">\n            <div class="col-lg-6 order-lg-2 ms-auto">\n              <figure class="rounded mb-0"><img class="img-fluid" src="/assets/img/illustrations/ui1.png" srcset="/assets/img/illustrations/ui1@2x.png 2x" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-lg-5">\n              <h3 class="fs-28 mb-3">Mobile Development</h3>\n              <p>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 risus varius.</p>\n              <ul class="icon-list bullet-bg bullet-soft-primary">\n                <li><span><i class="uil uil-check"></i></span><span>Aenean quam ornare curabitur blandit.</span></li>\n                <li><span><i class="uil uil-check"></i></span><span>Nullam quis risus eget urna mollis ornare leo.</span></li>\n                <li><span><i class="uil uil-check"></i></span><span>Etiam porta euismod mollis natoque ornare.</span></li>\n              </ul>\n              <a href="#" class="btn btn-soft-primary rounded-pill mt-2 mb-0">More Details</a>\n            </div>\n            <!--/column -->\n          </div>\n          <!--/.row -->\n          <div class="row gx-lg-0 gy-10 align-items-center">\n            <div class="col-lg-6">\n              <figure class="rounded mb-0"><img class="img-fluid" src="/assets/img/illustrations/ui5.png" srcset="/assets/img/illustrations/ui5@2x.png 2x" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-lg-5 ms-auto">\n              <h3 class="fs-28 mb-3">SEO Optimization</h3>\n              <p>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 risus varius.</p>\n              <ul class="icon-list bullet-bg bullet-soft-primary">\n                <li><span><i class="uil uil-check"></i></span><span>Aenean quam ornare curabitur blandit.</span></li>\n                <li><span><i class="uil uil-check"></i></span><span>Nullam quis risus eget urna mollis ornare leo.</span></li>\n                <li><span><i class="uil uil-check"></i></span><span>Etiam porta euismod mollis natoque ornare.</span></li>\n              </ul>\n              <a href="#" class="btn btn-soft-primary rounded-pill mt-2 mb-0">More Details</a>\n            </div>\n            <!--/column -->\n          </div>\n          <!--/.row -->\n        </div>\n        <!-- /.container -->\n      </section>'),
(20, 'content', 'section_3', '<section class="wrapper bg-light">\n        <div class="container py-15 py-md-17">\n          <div class="row text-center">\n            <div class="col-lg-10 mx-auto position-relative">\n              <div class="position-relative">\n                <div class="shape pale-pink rellax w-18 h-18" data-rellax-speed="1" style="top: 1rem; left: -4.2rem;">\n                  <img src="/assets/img/svg/hex.svg" class="svg-inject icon-svg w-100 h-100" alt="" />\n                </div>\n                <div class="shape pale-primary rellax w-18 h-18" data-rellax-speed="1" style="bottom: 2rem; right: -3.5rem;">\n                  <img src="/assets/img/svg/circle.svg" class="svg-inject icon-svg w-100 h-100" alt="" />\n                </div>\n                <video poster="/assets/img/photos/movie.jpg" class="player" playsinline controls preload="none">\n                  <source src="/assets/media/movie.mp4" type="video/mp4">\n                  <source src="/assets/media/movie.webm" type="video/webm">\n                </video>\n              </div>\n            </div>\n            <!--/column -->\n          </div>\n          <!--/.row -->\n          <div class="row text-center mt-12">\n            <div class="col-lg-10 mx-auto">\n              <h2 class="fs-16 text-uppercase text-muted mb-3">Our Working Process</h2>\n              <h3 class="display-3 text-center px-xl-10 px-xxl-15 mb-10">Find out everything you need to know about creating a business process model</h3>\n              <div class="row gx-lg-8 gx-xl-12 process-wrapper arrow text-center">\n                <div class="col-md-4"> <img src="/assets/img/icons/solid/bulb.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-purple-pink mb-4" alt="" />\n                  <h3 class="fs-22">1. Collect Ideas</h3>\n                  <p>Etiam porta malesuada magna mollis euismod consectetur leo elit.</p>\n                </div>\n                <!--/column -->\n                <div class="col-md-4"> <img src="/assets/img/icons/solid/compare.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-purple-pink mb-4" alt="" />\n                  <h3 class="fs-22">2. Data Analysis</h3>\n                  <p>Etiam porta malesuada magna mollis euismod consectetur leo elit.</p>\n                </div>\n                <!--/column -->\n                <div class="col-md-4"> <img src="/assets/img/icons/solid/delivery-box.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-purple-pink mb-4" alt="" />\n                  <h3 class="fs-22">3. Finalize Product</h3>\n                  <p>Etiam porta malesuada magna mollis euismod consectetur leo elit.</p>\n                </div>\n                <!--/column -->\n              </div>\n              <!--/.row -->\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n        </div>\n        <!-- /.container -->\n      </section>'),
(20, 'content', 'section_4', '<section class="wrapper bg-light">\n        <div class="container py-15 py-md-17">\n          <div class="row">\n            <div class="col-lg-11 col-xl-10 mx-auto mb-10">\n              <h2 class="fs-16 text-uppercase text-muted text-center mb-3">Our Projects</h2>\n              <h3 class="display-3 text-center px-lg-5 px-xl-10 px-xxl-16 mb-0">Check out some of our awesome projects with creative ideas and great design.</h3>\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n          <div class="grid grid-view projects-masonry">\n            <div class="row gx-md-8 gy-10 gy-md-13 isotope">\n              <div class="project item col-md-6 col-xl-4">\n                <figure class="rounded mb-6"><img src="/assets/img/photos/pd7.jpg" srcset="/assets/img/photos/pd7@2x.jpg 2x" alt="" /><a class="item-link" href="/assets/img/photos/pd7-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a></figure>\n                <div class="project-details d-flex justify-content-center flex-column">\n                  <div class="post-header">\n                    <h2 class="post-title h3 fs-22"><a href="/single-project.html" class="link-dark">Cras Fermentum Sem</a></h2>\n                    <div class="post-category text-ash">Stationary</div>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.project-details -->\n              </div>\n              <!-- /.item -->\n              <div class="project item col-md-6 col-xl-4">\n                <figure class="rounded mb-6"><img src="/assets/img/photos/pd8.jpg" srcset="/assets/img/photos/pd8@2x.jpg 2x" alt="" /><a class="item-link" href="/assets/img/photos/pd8-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a></figure>\n                <div class="project-details d-flex justify-content-center flex-column">\n                  <div class="post-header">\n                    <h2 class="post-title h3 fs-22"><a href="/single-project2.html" class="link-dark">Mollis Ipsum Mattis</a></h2>\n                    <div class="post-category text-ash">Magazine, Book</div>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.project-details -->\n              </div>\n              <!-- /.item -->\n              <div class="project item col-md-6 col-xl-4">\n                <figure class="rounded mb-6"><img src="/assets/img/photos/pd9.jpg" srcset="/assets/img/photos/pd9@2x.jpg 2x" alt="" /><a class="item-link" href="/assets/img/photos/pd9-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a></figure>\n                <div class="project-details d-flex justify-content-center flex-column">\n                  <div class="post-header">\n                    <h2 class="post-title h3 fs-22"><a href="/single-project3.html" class="link-dark">Ipsum Ultricies Cursus</a></h2>\n                    <div class="post-category text-ash">Packaging</div>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.project-details -->\n              </div>\n              <!-- /.item -->\n              <div class="project item col-md-6 col-xl-4">\n                <figure class="rounded mb-6"><img src="/assets/img/photos/pd10.jpg" srcset="/assets/img/photos/pd10@2x.jpg 2x" alt="" /><a class="item-link" href="/assets/img/photos/pd10-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a></figure>\n                <div class="project-details d-flex justify-content-center flex-column">\n                  <div class="post-header">\n                    <h2 class="post-title h3 fs-22"><a href="/single-project.html" class="link-dark">Inceptos Euismod Egestas</a></h2>\n                    <div class="post-category text-ash">Stationary, Branding</div>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.project-details -->\n              </div>\n              <!-- /.item -->\n              <div class="project item col-md-6 col-xl-4">\n                <figure class="rounded mb-6"><img src="/assets/img/photos/pd11.jpg" srcset="/assets/img/photos/pd11@2x.jpg 2x" alt="" /><a class="item-link" href="/assets/img/photos/pd11-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a></figure>\n                <div class="project-details d-flex justify-content-center flex-column">\n                  <div class="post-header">\n                    <h2 class="post-title h3 fs-22"><a href="/single-project2.html" class="link-dark">Ipsum Mollis Vulputate</a></h2>\n                    <div class="post-category text-ash">Packaging</div>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.project-details -->\n              </div>\n              <!-- /.item -->\n              <div class="project item col-md-6 col-xl-4">\n                <figure class="rounded mb-6"><img src="/assets/img/photos/pd12.jpg" srcset="/assets/img/photos/pd12@2x.jpg 2x" alt="" /><a class="item-link" href="/assets/img/photos/pd12-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a></figure>\n                <div class="project-details d-flex justify-content-center flex-column">\n                  <div class="post-header">\n                    <h2 class="post-title h3 fs-22"><a href="/single-project3.html" class="link-dark">Porta Ornare Cras</a></h2>\n                    <div class="post-category text-ash">Branding</div>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.project-details -->\n              </div>\n              <!-- /.item -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!-- /.grid -->\n          <div class="text-center mt-10">\n            <a href="#" class="btn btn-lg btn-primary rounded-pill">Start a Project</a>\n          </div>\n        </div>\n        <!-- /.container -->\n      </section>'),
(20, 'content', 'section_5', '<section class="wrapper bg-light">\n        <div class="container py-15 py-md-17">\n          <div class="row gx-lg-8 gx-xl-12 gy-10 gy-lg-0">\n            <div class="col-lg-4 mt-lg-2">\n              <h2 class="fs-16 text-uppercase text-muted mb-3">Our Clients</h2>\n              <h3 class="display-3 mb-3 pe-xxl-5">Trusted by over 300+ clients</h3>\n              <p class="lead fs-lg mb-0 pe-xxl-7">We bring solutions to make life easier for our customers.</p>\n            </div>\n            <!-- /column -->\n            <div class="col-lg-8">\n              <div class="row row-cols-2 row-cols-md-4 gx-0 gx-md-8 gx-xl-12 gy-12">\n                <div class="col">\n                  <figure class="px-3 px-md-0 px-xxl-2"><img src="/assets/img/brands/z1.png" alt="" /></figure>\n                </div>\n                <!--/column -->\n                <div class="col">\n                  <figure class="px-3 px-md-0 px-xxl-2"><img src="/assets/img/brands/z2.png" alt="" /></figure>\n                </div>\n                <!--/column -->\n                <div class="col">\n                  <figure class="px-3 px-md-0 px-xxl-2"><img src="/assets/img/brands/z3.png" alt="" /></figure>\n                </div>\n                <!--/column -->\n                <div class="col">\n                  <figure class="px-3 px-md-0 px-xxl-2"><img src="/assets/img/brands/z4.png" alt="" /></figure>\n                </div>\n                <!--/column -->\n                <div class="col">\n                  <figure class="px-3 px-md-0 px-xxl-2"><img src="/assets/img/brands/z5.png" alt="" /></figure>\n                </div>\n                <!--/column -->\n                <div class="col">\n                  <figure class="px-3 px-md-0 px-xxl-2"><img src="/assets/img/brands/z6.png" alt="" /></figure>\n                </div>\n                <!--/column -->\n                <div class="col">\n                  <figure class="px-3 px-md-0 px-xxl-2"><img src="/assets/img/brands/z7.png" alt="" /></figure>\n                </div>\n                <!--/column -->\n                <div class="col">\n                  <figure class="px-3 px-md-0 px-xxl-2"><img src="/assets/img/brands/z8.png" alt="" /></figure>\n                </div>\n                <!--/column -->\n              </div>\n              <!--/.row -->\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n        </div>\n        <!-- /.container -->\n      </section>'),
(20, 'content', 'section_6', '<section class="wrapper bg-light">\n        <div class="container pt-15 pt-md-17">\n          <div class="row gy-10 gy-sm-13 gx-md-8 gx-xl-12 align-items-center mb-15 mb-md-17">\n            <div class="col-lg-6 position-relative">\n              <a href="/assets/media/movie.mp4" class="btn btn-circle btn-white btn-play ripple mx-auto mb-5 position-absolute" style="top:50%; left: 50%; transform: translate(-50%,-50%); z-index:3;" data-glightbox><i class="icn-caret-right"></i></a>\n              <figure class="rounded"><img src="/assets/img/photos/about12.jpg" srcset="/assets/img/photos/about12@2x.jpg 2x" alt=""></figure>\n            </div>\n            <!--/column -->\n            <div class="col-lg-6">\n              <h2 class="fs-16 text-uppercase text-muted mb-3">What Makes Us Different?</h2>\n              <h3 class="display-3 mb-8">We make spending stress free so you have the perfect control.</h3>\n              <div class="row gy-6">\n                <div class="col-md-6">\n                  <div class="d-flex flex-row">\n                    <div>\n                      <img src="/assets/img/icons/solid/lamp.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-purple-pink me-4" alt="" />\n                    </div>\n                    <div>\n                      <h4 class="mb-1">Creativity</h4>\n                      <p class="mb-0">Curabitur blandit lacus porttitor ridiculus mus.</p>\n                    </div>\n                  </div>\n                </div>\n                <!--/column -->\n                <div class="col-md-6">\n                  <div class="d-flex flex-row">\n                    <div>\n                      <img src="/assets/img/icons/solid/bulb.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-purple-pink me-4" alt="" />\n                    </div>\n                    <div>\n                      <h4 class="mb-1">Innovative Thinking</h4>\n                      <p class="mb-0">Curabitur blandit lacus porttitor ridiculus mus.</p>\n                    </div>\n                  </div>\n                </div>\n                <!--/column -->\n                <div class="col-md-6">\n                  <div class="d-flex flex-row">\n                    <div>\n                      <img src="/assets/img/icons/solid/puzzle.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-purple-pink me-4" alt="" />\n                    </div>\n                    <div>\n                      <h4 class="mb-1">Rapid Solutions</h4>\n                      <p class="mb-0">Curabitur blandit lacus porttitor ridiculus mus.</p>\n                    </div>\n                  </div>\n                </div>\n                <!--/column -->\n                <div class="col-md-6">\n                  <div class="d-flex flex-row">\n                    <div>\n                      <img src="/assets/img/icons/solid/headphone.svg" class="svg-inject icon-svg icon-svg-xs solid-duo text-purple-pink me-4" alt="" />\n                    </div>\n                    <div>\n                      <h4 class="mb-1">Top-Notch Support</h4>\n                      <p class="mb-0">Curabitur blandit lacus porttitor ridiculus mus.</p>\n                    </div>\n                  </div>\n                </div>\n                <!--/column -->\n              </div>\n              <!--/.row -->\n            </div>\n            <!--/column -->\n          </div>\n          <!--/.row -->\n          <div class="row text-center mb-7">\n            <div class="col-lg-11 col-xl-10 col-xxl-9 mx-auto">\n              <h2 class="fs-16 text-uppercase text-muted mb-3">Join Our Community</h2>\n              <h3 class="display-3 px-lg-12 px-xxl-14">We are trusted by over 5000+ clients. Join them now and grow your business.</h3>\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n          <div class="row mb-6">\n            <div class="col-md-10 col-lg-9 col-xl-7 mx-auto">\n              <div class="row align-items-center counter-wrapper gy-4 gy-md-0">\n                <div class="col-md-4 text-center">\n                  <h3 class="counter counter-lg text-primary">1000+</h3>\n                  <p>Completed Projects</p>\n                </div>\n                <!--/column -->\n                <div class="col-md-4 text-center">\n                  <h3 class="counter counter-lg text-primary">50K+</h3>\n                  <p>Happy Customers</p>\n                </div>\n                <!--/column -->\n                <div class="col-md-4 text-center">\n                  <h3 class="counter counter-lg text-primary">4x</h3>\n                  <p>Revenue Growth</p>\n                </div>\n                <!--/column -->\n              </div>\n              <!--/.row -->\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n          <figure><img src="/assets/img/photos/about26.png" srcset="/assets/img/photos/about26@2x.png 2x" alt="" /></figure>\n        </div>\n        <!-- /.container -->\n      </section>'),
(20, 'footer', 'footer', '<footer class="bg-dark text-inverse">\n      <div class="container py-13 py-md-15">\n        <div class="row gy-6 gy-lg-0">\n          <div class="col-md-4 col-lg-3">\n            <div class="widget">\n              <img class="mb-4" src="/assets/img/logo-light.png" srcset="/assets/img/logo-light@2x.png 2x" alt="" />\n              <p class="mb-4">© <script>\n                  document.write(new Date().getUTCFullYear());\n                </script> Simeya. <br class="d-none d-lg-block" />All rights reserved.</p>\n              <nav class="nav social social-white">\n                <a href="#"><i class="uil uil-twitter"></i></a>\n                <a href="#"><i class="uil uil-facebook-f"></i></a>\n                <a href="#"><i class="uil uil-dribbble"></i></a>\n                <a href="#"><i class="uil uil-instagram"></i></a>\n                <a href="#"><i class="uil uil-youtube"></i></a>\n              </nav>\n              <!-- /.social -->\n            </div>\n            <!-- /.widget -->\n          </div>\n          <!-- /column -->\n          <div class="col-md-4 col-lg-3">\n            <div class="widget">\n              <h4 class="widget-title text-white mb-3">Get in Touch</h4>\n              <address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address>\n              <a href="mailto:#">info@email.com</a><br /> 00 (123) 456 78 90\n            </div>\n            <!-- /.widget -->\n          </div>\n          <!-- /column -->\n          <div class="col-md-4 col-lg-3">\n            <div class="widget">\n              <h4 class="widget-title text-white mb-3">Learn More</h4>\n              <ul class="list-unstyled  mb-0">\n                <li><a href="#">About Us</a></li>\n                <li><a href="#">Our Story</a></li>\n                <li><a href="#">Projects</a></li>\n                <li><a href="#">Terms of Use</a></li>\n                <li><a href="#">Privacy Policy</a></li>\n              </ul>\n            </div>\n            <!-- /.widget -->\n          </div>\n          <!-- /column -->\n          <div class="col-md-12 col-lg-3">\n            <div class="widget">\n              <h4 class="widget-title text-white mb-3">Our Newsletter</h4>\n              <p class="mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p>\n              <div class="newsletter-wrapper">\n                <!-- Begin Mailchimp Signup Form -->\n                <div id="mc_embed_signup2">\n                  <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate dark-fields" target="_blank" novalidate>\n                    <div id="mc_embed_signup_scroll2">\n                      <div class="mc-field-group input-group form-floating">\n                        <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2">\n                        <label for="mce-EMAIL2">Email Address</label>\n                        <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary ">\n                      </div>\n                      <div id="mce-responses2" class="clear">\n                        <div class="response" id="mce-error-response2" style="display:none"></div>\n                        <div class="response" id="mce-success-response2" style="display:none"></div>\n                      </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n                      <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>\n                      <div class="clear"></div>\n                    </div>\n                  </form>\n                </div>\n                <!--End mc_embed_signup-->\n              </div>\n              <!-- /.newsletter-wrapper -->\n            </div>\n            <!-- /.widget -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </footer>'),
(20, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(21, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/sky.css">\n  <link rel="preload" href="/assets/css/fonts/urbanist.css" as="style" onload="this.rel=''stylesheet''">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(21, 'header', 'header', '<header class="wrapper bg-light">\n      <nav class="navbar navbar-expand-lg classic transparent navbar-light">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <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>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <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>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <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>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <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>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <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>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <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>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <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>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <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>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <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>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <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>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <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>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <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>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <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>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <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>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <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>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <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>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <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>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <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>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <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>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <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>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <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>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <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>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <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>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <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>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <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>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <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>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <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>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <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>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <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>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <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>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <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>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <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>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <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>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <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>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <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>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <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>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <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>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <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>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <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>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <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>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <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>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <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>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <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>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <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>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <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>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <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>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <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>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <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>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <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>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <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>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <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>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <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>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <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>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other ms-lg-4">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item d-none d-md-block">\n                <a href="/contact.html" class="btn btn-sm btn-primary rounded-pill">Contact</a>\n              </li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n    </header>'),
(21, 'content', 'section_1', '<section class="wrapper bg-light">\n      <div class="container pt-10 pt-md-14 pb-14 pb-md-16 text-center">\n        <div class="row gx-lg-8 gx-xl-12 gy-10 gy-xl-0 mb-14 align-items-center">\n          <div class="col-lg-7 order-lg-2">\n            <figure><img class="img-auto" src="/assets/img/illustrations/i21.png" srcset="/assets/img/illustrations/i21@2x.png 2x" alt="" /></figure>\n          </div>\n          <!-- /column -->\n          <div class="col-md-10 offset-md-1 offset-lg-0 col-lg-5 text-center text-lg-start">\n            <h1 class="display-1 fs-54 mb-5 mx-md-n5 mx-lg-0 mt-7">A digital agency <br class="d-md-none">specializing on <br class="d-md-none"><span class="rotator-fade text-primary">mobile design,web design,3D animation</span></h1>\n            <p class="lead fs-lg mb-7">We are an award winning design agency that strongly believes in the power of creative ideas.</p>\n            <span><a class="btn btn-lg btn-primary rounded-pill me-2">Get Started</a></span>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <p class="text-center mb-8">Trusted by over 2K+ clients across the world</p>\n        <div class="row row-cols-4 row-cols-md-4 row-cols-lg-7 row-cols-xl-7 gy-10 mb-2 d-flex align-items-center justify-content-center">\n          <div class="col"><img class="img-fluid px-md-3 px-lg-0 px-xl-2 px-xxl-5" src="/assets/img/brands/c1.png" alt="" /></div>\n          <div class="col"><img class="img-fluid px-md-3 px-lg-0 px-xl-2 px-xxl-5" src="/assets/img/brands/c2.png" alt="" /></div>\n          <div class="col"><img class="img-fluid px-md-3 px-lg-0 px-xl-2 px-xxl-5" src="/assets/img/brands/c3.png" alt="" /></div>\n          <div class="col"><img class="img-fluid px-md-3 px-lg-0 px-xl-2 px-xxl-5" src="/assets/img/brands/c4.png" alt="" /></div>\n          <div class="col"><img class="img-fluid px-md-3 px-lg-0 px-xl-2 px-xxl-5" src="/assets/img/brands/c5.png" alt="" /></div>\n          <div class="col"><img class="img-fluid px-md-3 px-lg-0 px-xl-2 px-xxl-5" src="/assets/img/brands/c6.png" alt="" /></div>\n          <div class="col"><img class="img-fluid px-md-3 px-lg-0 px-xl-2 px-xxl-5" src="/assets/img/brands/c7.png" alt="" /></div>\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n      <div class="overflow-hidden">\n        <div class="divider text-soft-primary mx-n2">\n          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100">\n            <path fill="currentColor" d="M1260,1.65c-60-5.07-119.82,2.47-179.83,10.13s-120,11.48-180,9.57-120-7.66-180-6.42c-60,1.63-120,11.21-180,16a1129.52,1129.52,0,0,1-180,0c-60-4.78-120-14.36-180-19.14S60,7,30,7H0v93H1440V30.89C1380.07,23.2,1319.93,6.15,1260,1.65Z" />\n          </svg>\n        </div>\n      </div>\n      <!-- /.overflow-hidden -->\n    </section>'),
(21, 'content', 'section_2', '<section class="wrapper bg-gradient-primary">\n      <div class="container pt-12 pt-lg-8 pb-14 pb-md-17">\n        <div class="row text-center">\n          <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">\n            <h2 class="fs-16 text-uppercase text-primary mb-3">What We Do?</h2>\n            <h3 class="display-3 mb-10 px-xxl-10">The service we offer is specifically designed to meet your needs.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-11 px-xxl-5 text-center d-flex align-items-end">\n          <div class="col-lg-4">\n            <div class="px-md-15 px-lg-3">\n              <figure class="mb-6"><img class="img-fluid" src="/assets/img/illustrations/i24.png" srcset="/assets/img/illustrations/i24@2x.png 2x" alt="" /></figure>\n              <h3>Web Design</h3>\n              <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget. Fusce dapibus tellus.</p>\n              <a href="#" class="more hover">Learn More</a>\n            </div>\n            <!--/.px -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-4">\n            <div class="px-md-15 px-lg-3">\n              <figure class="mb-6"><img class="img-fluid" src="/assets/img/illustrations/i19.png" srcset="/assets/img/illustrations/i19@2x.png 2x" alt="" /></figure>\n              <h3>Graphic Design</h3>\n              <p class="mb-2">Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet. Sed posuere consectetur.</p>\n              <a href="#" class="more hover">Learn More</a>\n            </div>\n            <!--/.px -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-4">\n            <div class="px-md-15 px-lg-3">\n              <figure class="mb-6"><img class="img-fluid" src="/assets/img/illustrations/i18.png" srcset="/assets/img/illustrations/i18@2x.png 2x" alt="" /></figure>\n              <h3>3D Animation</h3>\n              <p class="mb-2">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna scelerisque.</p>\n              <a href="#" class="more hover">Learn More</a>\n            </div>\n            <!--/.px -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(21, 'content', 'section_3', '<section class="wrapper bg-light">\n      <div class="container pb-14 pb-md-17">\n        <div class="row gx-md-8 gx-xl-12 gy-10 align-items-center">\n          <div class="col-lg-6 order-lg-2">\n            <div class="card shadow-lg me-lg-6">\n              <div class="card-body p-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <span class="icon btn btn-circle btn-lg btn-soft-primary pe-none me-4"><span class="number">01</span></span>\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Collect Ideas</h4>\n                    <p class="mb-0">Nulla vitae elit libero pharetra augue dapibus.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n            <div class="card shadow-lg ms-lg-13 mt-6">\n              <div class="card-body p-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <span class="icon btn btn-circle btn-lg btn-soft-primary pe-none me-4"><span class="number">02</span></span>\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Data Analysis</h4>\n                    <p class="mb-0">Vivamus sagittis lacus vel augue laoreet.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n            <div class="card shadow-lg mx-lg-6 mt-6">\n              <div class="card-body p-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <span class="icon btn btn-circle btn-lg btn-soft-primary pe-none me-4"><span class="number">03</span></span>\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Finalize Product</h4>\n                    <p class="mb-0">Cras mattis consectetur purus sit amet.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h2 class="fs-16 text-uppercase text-primary mb-3">Our Strategy</h2>\n            <h3 class="display-3 mb-4">Here are 3 working steps to organize our projects.</h3>\n            <p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis.</p>\n            <p class="mb-6">Nullam id dolor id nibh ultricies vehicula ut id elit. Vestibulum id ligula porta felis euismod semper. Aenean lacinia bibendum nulla sed consectetur.</p>\n            <a href="#" class="btn btn-primary rounded-pill mb-0">Learn More</a>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(21, 'content', 'section_4', '<section class="wrapper bg-gradient-reverse-primary">\n      <div class="container pb-14 pb-md-16">\n        <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">\n          <div class="col-lg-7">\n            <figure><img class="img-auto" src="/assets/img/illustrations/i22.png" srcset="/assets/img/illustrations/i22@2x.png 2x" alt="" /></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5">\n            <h2 class="fs-15 text-uppercase text-primary mb-3">Why Choose Us?</h2>\n            <h3 class="display-3 mb-7">We bring solutions to make life easier.</h3>\n            <div class="accordion accordion-wrapper" id="accordionExample">\n              <div class="card plain accordion-item">\n                <div class="card-header" id="headingOne">\n                  <button class="accordion-button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> Professional Design </button>\n                </div>\n                <!--/.card-header -->\n                <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">\n                  <div class="card-body">\n                    <p>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.</p>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.accordion-collapse -->\n              </div>\n              <!--/.accordion-item -->\n              <div class="card plain accordion-item">\n                <div class="card-header" id="headingTwo">\n                  <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> Top-Notch Support </button>\n                </div>\n                <!--/.card-header -->\n                <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">\n                  <div class="card-body">\n                    <p>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.</p>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.accordion-collapse -->\n              </div>\n              <!--/.accordion-item -->\n              <div class="card plain accordion-item">\n                <div class="card-header" id="headingThree">\n                  <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> Header and Slider Options </button>\n                </div>\n                <!--/.card-header -->\n                <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">\n                  <div class="card-body">\n                    <p>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.</p>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.accordion-collapse -->\n              </div>\n              <!--/.accordion-item -->\n            </div>\n            <!--/.accordion -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n      <div class="overflow-hidden">\n        <div class="divider text-light mx-n2">\n          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100">\n            <path fill="currentColor" d="M1260,1.65c-60-5.07-119.82,2.47-179.83,10.13s-120,11.48-180,9.57-120-7.66-180-6.42c-60,1.63-120,11.21-180,16a1129.52,1129.52,0,0,1-180,0c-60-4.78-120-14.36-180-19.14S60,7,30,7H0v93H1440V30.89C1380.07,23.2,1319.93,6.15,1260,1.65Z" />\n          </svg>\n        </div>\n      </div>\n      <!-- /.overflow-hidden -->\n    </section>'),
(21, 'content', 'section_5', '<section class="wrapper bg-light">\n      <div class="container pt-12 pt-lg-8 pb-14 pb-md-16">\n        <div class="row gx-lg-8 gx-xl-12 gy-10 gy-lg-0 mb-11">\n          <div class="col-lg-4 text-center text-lg-start">\n            <h2 class="fs-16 text-uppercase text-primary mb-3">Company Facts</h2>\n            <h3 class="display-3 mb-4 pe-xxl-5">We are proud of our design team</h3>\n            <p class="mb-0 pe-xxl-11">Just sit back and relax while we take care of your business needs for you.</p>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-8 mt-lg-2">\n            <div class="row align-items-center counter-wrapper gy-6 text-center">\n              <div class="col-md-4">\n                <div class="icon btn btn-circle btn-lg btn-soft-primary pe-none mb-4"> <i class="uil uil-presentation-check"></i> </div>\n                <h3 class="counter">1000+</h3>\n                <p>Completed Projects</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4">\n                <div class="icon btn btn-circle btn-lg btn-soft-primary pe-none mb-4"> <i class="uil uil-user-check"></i> </div>\n                <h3 class="counter">50K+</h3>\n                <p>Happy Customers</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4">\n                <div class="icon btn btn-circle btn-lg btn-soft-primary pe-none mb-4"> <i class="uil uil-trophy"></i> </div>\n                <h3 class="counter">20+</h3>\n                <p>Awards Won</p>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row grid-view gy-6 gy-xl-0">\n          <div class="col-md-6 col-xl-3">\n            <div class="card shadow-lg">\n              <div class="card-body">\n                <img class="rounded-circle w-15 mb-4" src="/assets/img/avatars/te1.jpg" srcset="/assets/img/avatars/te1@2x.jpg 2x" alt="" />\n                <h4 class="mb-1">Coriss Ambady</h4>\n                <div class="meta mb-2">Financial Analyst</div>\n                <p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p>\n                <nav class="nav social mb-0">\n                  <a href="#"><i class="uil uil-twitter"></i></a>\n                  <a href="#"><i class="uil uil-facebook-f"></i></a>\n                  <a href="#"><i class="uil uil-dribbble"></i></a>\n                </nav>\n                <!-- /.social -->\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!-- /.card -->\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-xl-3">\n            <div class="card shadow-lg">\n              <div class="card-body">\n                <img class="rounded-circle w-15 mb-4" src="/assets/img/avatars/te2.jpg" srcset="/assets/img/avatars/te2@2x.jpg 2x" alt="" />\n                <h4 class="mb-1">Cory Zamora</h4>\n                <div class="meta mb-2">Marketing Specialist</div>\n                <p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p>\n                <nav class="nav social mb-0">\n                  <a href="#"><i class="uil uil-twitter"></i></a>\n                  <a href="#"><i class="uil uil-facebook-f"></i></a>\n                  <a href="#"><i class="uil uil-dribbble"></i></a>\n                </nav>\n                <!-- /.social -->\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!-- /.card -->\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-xl-3">\n            <div class="card shadow-lg">\n              <div class="card-body">\n                <img class="rounded-circle w-15 mb-4" src="/assets/img/avatars/te3.jpg" srcset="/assets/img/avatars/te3@2x.jpg 2x" alt="" />\n                <h4 class="mb-1">Nikolas Brooten</h4>\n                <div class="meta mb-2">Sales Manager</div>\n                <p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p>\n                <nav class="nav social mb-0">\n                  <a href="#"><i class="uil uil-twitter"></i></a>\n                  <a href="#"><i class="uil uil-facebook-f"></i></a>\n                  <a href="#"><i class="uil uil-dribbble"></i></a>\n                </nav>\n                <!-- /.social -->\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!-- /.card -->\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-xl-3">\n            <div class="card shadow-lg">\n              <div class="card-body">\n                <img class="rounded-circle w-15 mb-4" src="/assets/img/avatars/te4.jpg" srcset="/assets/img/avatars/te4@2x.jpg 2x" alt="" />\n                <h4 class="mb-1">Jackie Sanders</h4>\n                <div class="meta mb-2">Investment Planner</div>\n                <p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p>\n                <nav class="nav social mb-0">\n                  <a href="#"><i class="uil uil-twitter"></i></a>\n                  <a href="#"><i class="uil uil-facebook-f"></i></a>\n                  <a href="#"><i class="uil uil-dribbble"></i></a>\n                </nav>\n                <!-- /.social -->\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!-- /.card -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n      <div class="overflow-hidden">\n        <div class="container pt-12 pt-lg-7 pb-14 pb-md-16">\n          <div class="row">\n            <div class="col-lg-10 col-xl-9 col-xxl-8 mx-auto text-center">\n              <h2 class="fs-16 text-uppercase text-primary mb-3">Latest Projects</h2>\n              <h3 class="display-3 mb-10">Check out some of our awesome projects with creative ideas and great design.</h3>\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n          <div class="swiper-container grid-view nav-bottom nav-color mb-14" data-margin="30" data-dots="false" data-nav="true" data-items-md="2" data-items-xs="1">\n            <div class="swiper overflow-visible">\n              <div class="swiper-wrapper">\n                <div class="swiper-slide">\n                  <figure class="rounded mb-7"><a href="/single-project.html"><img src="/assets/img/photos/sp1.jpg" srcset="/assets/img/photos/sp1@2x.jpg 2x" alt="" /></a></figure>\n                  <div class="project-details d-flex justify-content-center flex-column">\n                    <div class="post-header">\n                      <h2 class="post-title h3"><a href="/single-project.html" class="link-dark">Cras Fermentum Sem</a></h2>\n                      <div class="post-category text-ash">Mobile Design</div>\n                    </div>\n                    <!-- /.post-header -->\n                  </div>\n                  <!-- /.project-details -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <figure class="rounded mb-7"><a href="/single-project.html"><img src="/assets/img/photos/sp2.jpg" srcset="/assets/img/photos/sp2@2x.jpg 2x" alt="" /></a></figure>\n                  <div class="project-details d-flex justify-content-center flex-column">\n                    <div class="post-header">\n                      <h2 class="post-title h3"><a href="/single-project.html" class="link-dark">Venenatis Euismod Vehicula</a></h2>\n                      <div class="post-category text-ash">Web Design</div>\n                    </div>\n                    <!-- /.post-header -->\n                  </div>\n                  <!-- /.project-details -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <figure class="rounded mb-7"><a href="/single-project.html"><img src="/assets/img/photos/sp3.jpg" srcset="/assets/img/photos/sp3@2x.jpg 2x" alt="" /></a></figure>\n                  <div class="project-details d-flex justify-content-center flex-column">\n                    <div class="post-header">\n                      <h2 class="post-title h3"><a href="/single-project.html" class="link-dark">Tortor Tellus Cursus</a></h2>\n                      <div class="post-category text-ash">Stationary</div>\n                    </div>\n                    <!-- /.post-header -->\n                  </div>\n                  <!-- /.project-details -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <figure class="rounded mb-7"><a href="/single-project.html"><img src="/assets/img/photos/sp4.jpg" srcset="/assets/img/photos/sp4@2x.jpg 2x" alt="" /></a></figure>\n                  <div class="project-details d-flex justify-content-center flex-column">\n                    <div class="post-header">\n                      <h2 class="post-title h3"><a href="/single-project.html" class="link-dark">Ridiculus Sem Parturient</a></h2>\n                      <div class="post-category text-ash">Web Application</div>\n                    </div>\n                    <!-- /.post-header -->\n                  </div>\n                  <!-- /.project-details -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <figure class="rounded mb-7"><a href="/single-project.html"><img src="/assets/img/photos/sp5.jpg" srcset="/assets/img/photos/sp5@2x.jpg 2x" alt="" /></a></figure>\n                  <div class="project-details d-flex justify-content-center flex-column">\n                    <div class="post-header">\n                      <h2 class="post-title h3"><a href="/single-project.html" class="link-dark">Cursus Sollicitudin Adipiscing</a></h2>\n                      <div class="post-category text-ash">Web Design</div>\n                    </div>\n                    <!-- /.post-header -->\n                  </div>\n                  <!-- /.project-details -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <figure class="rounded mb-7"><a href="/single-project.html"><img src="/assets/img/photos/sp6.jpg" srcset="/assets/img/photos/sp6@2x.jpg 2x" alt="" /></a></figure>\n                  <div class="project-details d-flex justify-content-center flex-column">\n                    <div class="post-header">\n                      <h2 class="post-title h3"><a href="/single-project.html" class="link-dark">Fringilla Quam Vulputate</a></h2>\n                      <div class="post-category text-ash">Stationary</div>\n                    </div>\n                    <!-- /.post-header -->\n                  </div>\n                  <!-- /.project-details -->\n                </div>\n                <!--/.swiper-slide -->\n              </div>\n              <!--/.swiper-wrapper -->\n            </div>\n            <!-- /.swiper -->\n          </div>\n          <!-- /.swiper-container -->\n        </div>\n        <!-- /.container -->\n        <div class="divider text-soft-primary mx-n2">\n          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100">\n            <path fill="currentColor" d="M1260,1.65c-60-5.07-119.82,2.47-179.83,10.13s-120,11.48-180,9.57-120-7.66-180-6.42c-60,1.63-120,11.21-180,16a1129.52,1129.52,0,0,1-180,0c-60-4.78-120-14.36-180-19.14S60,7,30,7H0v93H1440V30.89C1380.07,23.2,1319.93,6.15,1260,1.65Z" />\n          </svg>\n        </div>\n      </div>\n      <!-- /.overflow-hidden -->\n    </section>'),
(21, 'content', 'section_6', '<section class="wrapper bg-gradient-primary">\n      <div class="container pt-12 pt-lg-8 pb-14 pb-md-17">\n        <div class="row text-center">\n          <div class="col-lg-8 offset-lg-2">\n            <h2 class="fs-16 text-uppercase text-primary mb-3">Happy Customers</h2>\n            <h3 class="display-3 mb-10 px-xxl-10">Don''t take our word for it. See what customers are saying about us.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="grid">\n          <div class="row isotope gy-6">\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <span class="ratings five mb-2"></span>\n                  <blockquote class="border-0 mb-0">\n                    <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque penatibus.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te1.jpg" srcset="/assets/img/avatars/te1@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Coriss Ambady</h5>\n                        <p class="mb-0">Financial Analyst</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <span class="ratings five mb-2"></span>\n                  <blockquote class="border-0 mb-0">\n                    <p>“Fusce dapibus, tellus ac cursus tortor mauris condimentum fermentum massa justo sit amet. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te2.jpg" srcset="/assets/img/avatars/te2@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Cory Zamora</h5>\n                        <p class="mb-0">Marketing Specialist</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <span class="ratings five mb-2"></span>\n                  <blockquote class="border-0 mb-0">\n                    <p>“Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nullam quis risus eget porta ac consectetur vestibulum. Donec sed odio dui consectetur adipiscing elit.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te3.jpg" srcset="/assets/img/avatars/te3@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Nikolas Brooten</h5>\n                        <p class="mb-0">Sales Manager</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <span class="ratings five mb-2"></span>\n                  <blockquote class="border-0 mb-0">\n                    <p>“Etiam adipiscing tincidunt elit convallis felis suscipit ut. Phasellus rhoncus tincidunt auctor. Nullam eu sagittis mauris. Donec non dolor ac elit aliquam tincidunt at at sapien. Aenean tortor libero condimentum ac laoreet vitae.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te4.jpg" srcset="/assets/img/avatars/te4@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Coriss Ambady</h5>\n                        <p class="mb-0">Financial Analyst</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <span class="ratings five mb-2"></span>\n                  <blockquote class="border-0 mb-0">\n                    <p>“Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus magnis dis montes, nascetur ridiculus mus. Donec sed odio dui. Nulla vitae elit libero.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te5.jpg" srcset="/assets/img/avatars/te5@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Jackie Sanders</h5>\n                        <p class="mb-0">Investment Planner</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <span class="ratings five mb-2"></span>\n                  <blockquote class="border-0 mb-0">\n                    <p>“Donec id elit non mi porta gravida at eget metus. Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te6.jpg" srcset="/assets/img/avatars/te6@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Laura Widerski</h5>\n                        <p class="mb-0">Sales Specialist</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n          </div>\n          <!-- /.row -->\n        </div>\n        <!-- /.grid-view -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(21, 'content', 'section_7', '<section class="wrapper bg-light">\n      <div class="container pt-6 pb-14 pb-md-16">\n        <div class="row gx-lg-8 gx-xl-12 gy-10">\n          <div class="col-lg-6 mb-0">\n            <h2 class="fs-16 text-uppercase text-primary mb-4">FAQ</h2>\n            <h3 class="display-3 mb-4">If you don''t see an answer to your question, you can send us an email from our contact form.</h3>\n            <p class="mb-6">Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nullam quis risus eget urna mollis ornare.</p>\n            <a href="#" class="btn btn-primary rounded-pill">All FAQ</a>\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <div id="accordion-3" class="accordion-wrapper">\n              <div class="card accordion-item shadow-lg">\n                <div class="card-header" id="accordion-heading-3-1">\n                  <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-3-1" aria-expanded="false" aria-controls="accordion-collapse-3-1">How do I get my subscription receipt?</button>\n                </div>\n                <!-- /.card-header -->\n                <div id="accordion-collapse-3-1" class="collapse" aria-labelledby="accordion-heading-3-1" data-bs-target="#accordion-3">\n                  <div class="card-body">\n                    <p>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 scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui. Cras justo odio, dapibus ac facilisis.</p>\n                  </div>\n                  <!-- /.card-body -->\n                </div>\n                <!-- /.collapse -->\n              </div>\n              <!-- /.card -->\n              <div class="card accordion-item shadow-lg">\n                <div class="card-header" id="accordion-heading-3-2">\n                  <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-3-2" aria-expanded="false" aria-controls="accordion-collapse-3-2">Are there any discounts for people in need?</button>\n                </div>\n                <!-- /.card-header -->\n                <div id="accordion-collapse-3-2" class="collapse" aria-labelledby="accordion-heading-3-2" data-bs-target="#accordion-3">\n                  <div class="card-body">\n                    <p>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 scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui. Cras justo odio, dapibus ac facilisis.</p>\n                  </div>\n                  <!-- /.card-body -->\n                </div>\n                <!-- /.collapse -->\n              </div>\n              <!-- /.card -->\n              <div class="card accordion-item shadow-lg">\n                <div class="card-header" id="accordion-heading-3-3">\n                  <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-3-3" aria-expanded="false" aria-controls="accordion-collapse-3-3">Do you offer a free trial edit?</button>\n                </div>\n                <!-- /.card-header -->\n                <div id="accordion-collapse-3-3" class="collapse" aria-labelledby="accordion-heading-3-3" data-bs-target="#accordion-3">\n                  <div class="card-body">\n                    <p>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 scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui. Cras justo odio, dapibus ac facilisis.</p>\n                  </div>\n                  <!-- /.card-body -->\n                </div>\n                <!-- /.collapse -->\n              </div>\n              <!-- /.card -->\n              <div class="card accordion-item shadow-lg">\n                <div class="card-header" id="accordion-heading-3-4">\n                  <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-3-4" aria-expanded="false" aria-controls="accordion-collapse-3-4">How do I reset my Account password?</button>\n                </div>\n                <!-- /.card-header -->\n                <div id="accordion-collapse-3-4" class="collapse" aria-labelledby="accordion-heading-3-4" data-bs-target="#accordion-3">\n                  <div class="card-body">\n                    <p>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 scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui. Cras justo odio, dapibus ac facilisis.</p>\n                  </div>\n                  <!-- /.card-body -->\n                </div>\n                <!-- /.collapse -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!-- /.accordion-wrapper -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n      <div class="overflow-hidden">\n        <div class="divider text-navy mx-n2">\n          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100">\n            <path fill="currentColor" d="M1260,1.65c-60-5.07-119.82,2.47-179.83,10.13s-120,11.48-180,9.57-120-7.66-180-6.42c-60,1.63-120,11.21-180,16a1129.52,1129.52,0,0,1-180,0c-60-4.78-120-14.36-180-19.14S60,7,30,7H0v93H1440V30.89C1380.07,23.2,1319.93,6.15,1260,1.65Z" />\n          </svg>\n        </div>\n      </div>\n      <!-- /.overflow-hidden -->\n    </section>'),
(21, 'footer', 'footer', '<footer class="bg-navy text-inverse">\n    <div class="container pt-12 pt-lg-6 pb-13 pb-md-15">\n      <div class="d-lg-flex flex-row align-items-lg-center">\n        <h3 class="display-3 mb-6 mb-lg-0 pe-lg-20 pe-xl-22 pe-xxl-25 text-white">Join our community by using our services and grow your business.</h3>\n        <a href="#" class="btn btn-primary rounded-pill mb-0 text-nowrap">Try It For Free</a>\n      </div>\n      <!--/div -->\n      <hr class="mt-11 mb-12" />\n      <div class="row gy-6 gy-lg-0">\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <img class="mb-4" src="/assets/img/logo-light.png" srcset="/assets/img/logo-light@2x.png 2x" alt="" />\n            <p class="mb-4">© <script>\n                document.write(new Date().getUTCFullYear());\n              </script> Simeya. <br class="d-none d-lg-block" />All rights reserved.</p>\n            <nav class="nav social social-white">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Get in Touch</h4>\n            <address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address>\n            <a href="mailto:#">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Learn More</h4>\n            <ul class="list-unstyled  mb-0">\n              <li><a href="#">About Us</a></li>\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Projects</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-12 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Our Newsletter</h4>\n            <p class="mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p>\n            <div class="newsletter-wrapper">\n              <!-- Begin Mailchimp Signup Form -->\n              <div id="mc_embed_signup2">\n                <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate dark-fields" target="_blank" novalidate>\n                  <div id="mc_embed_signup_scroll2">\n                    <div class="mc-field-group input-group form-floating">\n                      <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2">\n                      <label for="mce-EMAIL2">Email Address</label>\n                      <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary ">\n                    </div>\n                    <div id="mce-responses2" class="clear">\n                      <div class="response" id="mce-error-response2" style="display:none"></div>\n                      <div class="response" id="mce-success-response2" style="display:none"></div>\n                    </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n                    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>\n                    <div class="clear"></div>\n                  </div>\n                </form>\n              </div>\n              <!--End mc_embed_signup-->\n            </div>\n            <!-- /.newsletter-wrapper -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!--/.row -->\n    </div>\n    <!-- /.container -->\n  </footer>'),
(21, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(22, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/purple.css">\n  <link rel="preload" href="/assets/css/fonts/urbanist.css" as="style" onload="this.rel=''stylesheet''">\n</head>\n\n<body>\n  <div class="py-md-6">\n    <div class="content-wrapper">\n      <header'),
(22, 'header', 'header', '<header class="wrapper">\n        <nav class="navbar navbar-expand-lg center-nav transparent position-absolute navbar-dark px-md-10 px-xxl-0">\n          <div class="container flex-lg-row flex-nowrap align-items-center">\n            <div class="navbar-brand w-100">\n              <a href="/index.html">\n                <img class="logo-dark" src="/assets/img/logo-purple.png" srcset="/assets/img/logo-purple@2x.png 2x" alt="" />\n                <img class="logo-light" src="/assets/img/logo-light.png" srcset="/assets/img/logo-light@2x.png 2x" alt="" />\n              </a>\n            </div>\n            <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n              <div class="offcanvas-header d-lg-none">\n                <h3 class="text-white fs-30 mb-0">Simeya</h3>\n                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n              </div>\n              <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n                <ul class="navbar-nav">\n                  <li class="nav-item dropdown dropdown-mega">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                    <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                      <li class="mega-menu-content mega-menu-scroll">\n                        <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                              <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>\n                              <span class="d-lg-none">Demo 1</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                              <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>\n                              <span class="d-lg-none">Demo 2</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                              <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>\n                              <span class="d-lg-none">Demo 3</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                              <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>\n                              <span class="d-lg-none">Demo 4</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                              <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>\n                              <span class="d-lg-none">Demo 5</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                              <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>\n                              <span class="d-lg-none">Demo 6</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                              <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>\n                              <span class="d-lg-none">Demo 7</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                              <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>\n                              <span class="d-lg-none">Demo 8</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                              <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>\n                              <span class="d-lg-none">Demo 9</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                              <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>\n                              <span class="d-lg-none">Demo 10</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                              <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>\n                              <span class="d-lg-none">Demo 11</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                              <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>\n                              <span class="d-lg-none">Demo 12</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                              <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>\n                              <span class="d-lg-none">Demo 13</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                              <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>\n                              <span class="d-lg-none">Demo 14</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                              <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>\n                              <span class="d-lg-none">Demo 15</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                              <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>\n                              <span class="d-lg-none">Demo 16</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                              <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>\n                              <span class="d-lg-none">Demo 17</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                              <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>\n                              <span class="d-lg-none">Demo 18</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                              <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>\n                              <span class="d-lg-none">Demo 19</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                              <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>\n                              <span class="d-lg-none">Demo 20</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                              <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>\n                              <span class="d-lg-none">Demo 21</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                              <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>\n                              <span class="d-lg-none">Demo 22</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                              <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>\n                              <span class="d-lg-none">Demo 23</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                              <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>\n                              <span class="d-lg-none">Demo 24</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                              <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>\n                              <span class="d-lg-none">Demo 25</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                              <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>\n                              <span class="d-lg-none">Demo 26</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                              <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>\n                              <span class="d-lg-none">Demo 27</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                              <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>\n                              <span class="d-lg-none">Demo 28</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                              <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>\n                              <span class="d-lg-none">Demo 29</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                              <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>\n                              <span class="d-lg-none">Demo 30</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                              <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>\n                              <span class="d-lg-none">Demo 31</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                              <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>\n                              <span class="d-lg-none">Demo 32</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                              <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>\n                              <span class="d-lg-none">Demo 33</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                              <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>\n                              <span class="d-lg-none">Demo 34</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                              <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>\n                              <span class="d-lg-none">Demo 35</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                              <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>\n                              <span class="d-lg-none">Demo 36</span>\n                            </a>\n                          </li>\n                        </ul>\n                        <!--/.row -->\n                        <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                      </li>\n                      <!--/.mega-menu-content-->\n                    </ul>\n                    <!--/.dropdown-menu -->\n                  </li>\n                  <li class="nav-item dropdown">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                    <ul class="dropdown-menu">\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                        </ul>\n                      </li>\n                      <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                      <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                    </ul>\n                  </li>\n                  <li class="nav-item dropdown">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                    <div class="dropdown-menu dropdown-lg">\n                      <div class="dropdown-lg-content">\n                        <div>\n                          <h6 class="dropdown-header">Project Pages</h6>\n                          <ul class="list-unstyled">\n                            <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                            <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                            <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                            <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                          </ul>\n                        </div>\n                        <!-- /.column -->\n                        <div>\n                          <h6 class="dropdown-header">Single Projects</h6>\n                          <ul class="list-unstyled">\n                            <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                            <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                            <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                            <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                          </ul>\n                        </div>\n                        <!-- /.column -->\n                      </div>\n                      <!-- /auto-column -->\n                    </div>\n                  </li>\n                  <li class="nav-item dropdown">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                    <ul class="dropdown-menu">\n                      <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                      <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                      <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                        </ul>\n                      </li>\n                    </ul>\n                  </li>\n                  <li class="nav-item dropdown dropdown-mega">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                    <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                      <li class="mega-menu-content">\n                        <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                              <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>\n                              <span>About</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                              <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>\n                              <span>Blog</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                              <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>\n                              <span>Call to Action</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                              <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>\n                              <span>Clients</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                              <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>\n                              <span>Contact</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                              <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>\n                              <span>Facts</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                              <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>\n                              <span>FAQ</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                              <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>\n                              <span>Features</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                              <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>\n                              <span>Footer</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                              <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>\n                              <span>Hero</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                              <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>\n                              <span>Misc</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                              <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>\n                              <span>Navbar</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                              <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>\n                              <span>Portfolio</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                              <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>\n                              <span>Pricing</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                              <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>\n                              <span>Process</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                              <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>\n                              <span>Team</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                              <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>\n                              <span>Testimonials</span>\n                            </a>\n                          </li>\n                        </ul>\n                        <!--/.row -->\n                      </li>\n                      <!--/.mega-menu-content-->\n                    </ul>\n                    <!--/.dropdown-menu -->\n                  </li>\n                  <li class="nav-item dropdown dropdown-mega">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                    <ul class="dropdown-menu mega-menu">\n                      <li class="mega-menu-content">\n                        <div class="row gx-0 gx-lg-3">\n                          <div class="col-lg-4">\n                            <h6 class="dropdown-header">Usage</h6>\n                            <ul class="list-unstyled cc-2 pb-lg-1">\n                              <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                              <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                              <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                              <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                              <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                            </ul>\n                            <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                            <ul class="list-unstyled cc-2">\n                              <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                            </ul>\n                          </div>\n                          <!--/column -->\n                          <div class="col-lg-8">\n                            <h6 class="dropdown-header">Elements</h6>\n                            <ul class="list-unstyled cc-3">\n                              <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                            </ul>\n                          </div>\n                          <!--/column -->\n                        </div>\n                        <!--/.row -->\n                      </li>\n                      <!--/.mega-menu-content-->\n                    </ul>\n                    <!--/.dropdown-menu -->\n                  </li>\n                </ul>\n                <!-- /.navbar-nav -->\n                <div class="offcanvas-footer d-lg-none">\n                  <div>\n                    <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                    <br /> 00 (123) 456 78 90 <br />\n                    <nav class="nav social social-white mt-4">\n                      <a href="#"><i class="uil uil-twitter"></i></a>\n                      <a href="#"><i class="uil uil-facebook-f"></i></a>\n                      <a href="#"><i class="uil uil-dribbble"></i></a>\n                      <a href="#"><i class="uil uil-instagram"></i></a>\n                      <a href="#"><i class="uil uil-youtube"></i></a>\n                    </nav>\n                    <!-- /.social -->\n                  </div>\n                </div>\n                <!-- /.offcanvas-footer -->\n              </div>\n              <!-- /.offcanvas-body -->\n            </div>\n            <!-- /.navbar-collapse -->\n            <div class="navbar-other w-100 d-flex ms-auto">\n              <ul class="navbar-nav flex-row align-items-center ms-auto">\n                <li class="nav-item"><a class="nav-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-info"><i class="uil uil-info-circle"></i></a></li>\n                <li class="nav-item"><a class="nav-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-search"><i class="uil uil-search"></i></a></li>\n                <li class="nav-item d-lg-none">\n                  <button class="hamburger offcanvas-nav-btn"><span></span></button>\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n            </div>\n            <!-- /.navbar-other -->\n          </div>\n          <!-- /.container -->\n        </nav>\n        <!-- /.navbar -->\n        <div class="offcanvas offcanvas-end text-inverse" id="offcanvas-info" data-bs-scroll="true">\n          <div class="offcanvas-header">\n            <h3 class="text-white fs-30 mb-0">Simeya</h3>\n            <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n          </div>\n          <div class="offcanvas-body pb-6">\n            <div class="widget mb-8">\n              <p>Simeya is a multipurpose HTML5 template with various layouts which will be a great solution for your business.</p>\n            </div>\n            <!-- /.widget -->\n            <div class="widget mb-8">\n              <h4 class="widget-title text-white mb-3">Contact Info</h4>\n              <address> Moonshine St. 14/05 <br /> Light City, London </address>\n              <a href="mailto:first.last@email.com">info@email.com</a><br /> 00 (123) 456 78 90\n            </div>\n            <!-- /.widget -->\n            <div class="widget mb-8">\n              <h4 class="widget-title text-white mb-3">Learn More</h4>\n              <ul class="list-unstyled">\n                <li><a href="#">Our Story</a></li>\n                <li><a href="#">Terms of Use</a></li>\n                <li><a href="#">Privacy Policy</a></li>\n                <li><a href="#">Contact Us</a></li>\n              </ul>\n            </div>\n            <!-- /.widget -->\n            <div class="widget">\n              <h4 class="widget-title text-white mb-3">Follow Us</h4>\n              <nav class="nav social social-white">\n                <a href="#"><i class="uil uil-twitter"></i></a>\n                <a href="#"><i class="uil uil-facebook-f"></i></a>\n                <a href="#"><i class="uil uil-dribbble"></i></a>\n                <a href="#"><i class="uil uil-instagram"></i></a>\n                <a href="#"><i class="uil uil-youtube"></i></a>\n              </nav>\n              <!-- /.social -->\n            </div>\n            <!-- /.widget -->\n          </div>\n          <!-- /.offcanvas-body -->\n        </div>\n        <!-- /.offcanvas -->\n        <div class="offcanvas offcanvas-top bg-light" id="offcanvas-search" data-bs-scroll="true">\n          <div class="container d-flex flex-row py-6">\n            <form class="search-form w-100">\n              <input id="search-form" type="text" class="form-control" placeholder="Type keyword and hit enter">\n            </form>\n            <!-- /.search-form -->\n            <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n          </div>\n          <!-- /.container -->\n        </div>\n        <!-- /.offcanvas -->\n      </header>'),
(22, 'content', 'section_1', '<section class="section-frame br-fix overflow-hidden">\n        <div class="wrapper image-wrapper bg-cover bg-image bg-overlay bg-overlay-500" data-image-src="/assets/img/photos/bg26.jpg">\n          <div class="container pt-18 pt-lg-21 pb-17 pb-lg-19 text-center">\n            <div class="row">\n              <div class="col-md-9 col-lg-8 col-xl-7 col-xxl-6 mx-auto" data-cues="zoomIn" data-group="page-title" data-interval="-200" data-delay="500">\n                <h2 class="h6 text-uppercase ls-xl text-white mb-5">Hello! We are Simeya</h2>\n                <h3 class="display-1 fs-54 text-white mb-7">Grow your business with our marketing solutions</h3>\n                <a href="/assets/media/movie.mp4" class="btn btn-circle btn-white btn-play ripple mx-auto" data-glightbox><i class="icn-caret-right"></i></a>\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!-- /.container -->\n          <div class="overflow-hidden">\n            <div class="divider text-white mx-n2">\n              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 60">\n                <path fill="currentColor" d="M0,0V60H1440V0A5771,5771,0,0,1,0,0Z" />\n              </svg>\n            </div>\n          </div>\n          <!-- /.overflow-hidden -->\n        </div>\n        <!-- /.wrapper -->\n      </section>'),
(22, 'content', 'section_2', '<section class="wrapper bg-light">\n        <div class="container pt-14 pt-md-16 pb-15 pb-md-17">\n          <div class="row text-center">\n            <div class="col-lg-9 col-xl-8 mx-auto">\n              <h2 class="fs-16 text-uppercase text-muted mb-3">What We Do?</h2>\n              <h3 class="display-4 mb-10 px-xxl-10">The full service we are offering is specifically designed to meet your needs.</h3>\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n          <div class="row">\n            <div class="col-xxl-11 mx-auto">\n              <div class="row gx-lg-8 gx-xl-12 gy-11 text-center d-flex align-items-end">\n                <div class="col-sm-8 col-md-6 col-lg-4 mx-auto">\n                  <div class="px-md-3 px-lg-0 px-xl-3">\n                    <div class="icon btn btn-block btn-lg btn-soft-purple pe-none mb-5"> <i class="uil uil-monitor"></i> </div>\n                    <h3 class="fs-22">Web Design</h3>\n                    <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget. Fusce dapibus tellus.</p>\n                    <a href="#" class="more hover link-purple">Learn More</a>\n                  </div>\n                  <!--/.px -->\n                </div>\n                <!--/column -->\n                <div class="col-sm-8 col-md-6 col-lg-4 mx-auto">\n                  <div class="px-md-3 px-lg-0 px-xl-3">\n                    <div class="icon btn btn-block btn-lg btn-soft-leaf pe-none mb-5"> <i class="uil uil-swatchbook"></i> </div>\n                    <h3 class="fs-22">Graphic Design</h3>\n                    <p class="mb-2">Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet. Sed posuere consectetur.</p>\n                    <a href="#" class="more hover link-leaf">Learn More</a>\n                  </div>\n                  <!--/.px -->\n                </div>\n                <!--/column -->\n                <div class="col-sm-8 col-md-6 col-lg-4 mx-auto">\n                  <div class="px-md-3 px-lg-0 px-xl-3">\n                    <div class="icon btn btn-block btn-lg btn-soft-pink pe-none mb-5"> <i class="uil uil-presentation-play"></i> </div>\n                    <h3 class="fs-22">3D Animation</h3>\n                    <p class="mb-2">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna scelerisque.</p>\n                    <a href="#" class="more hover link-pink">Learn More</a>\n                  </div>\n                  <!--/.px -->\n                </div>\n                <!--/column -->\n              </div>\n              <!--/.row -->\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n          <hr class="dark my-14 my-md-17" />\n          <div class="row gx-lg-8 gx-xl-12 gy-10 mb-15 mb-md-17 align-items-center">\n            <div class="col-lg-7">\n              <figure><img class="w-auto" src="/assets/img/illustrations/i9.png" srcset="/assets/img/illustrations/i9@2x.png 2x" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-lg-5">\n              <h3 class="fs-16 text-uppercase text-muted mb-3">How It Works?</h3>\n              <h3 class="display-4 mb-6">Find out everything about creating a business model.</h3>\n              <div class="row gy-4">\n                <div class="col-md-6">\n                  <h4><span class="text-primary">1.</span> Creative Ideas</h4>\n                  <p class="mb-0">Nulla vitae elit libero a augue donec id elit non mi porta.</p>\n                </div>\n                <div class="col-md-6">\n                  <h4><span class="text-primary">2.</span> Magic Touch</h4>\n                  <p class="mb-0">Nulla vitae elit libero a augue donec id elit non mi porta.</p>\n                </div>\n                <div class="col-md-6">\n                  <h4><span class="text-primary">3.</span> Data Analysis</h4>\n                  <p class="mb-0">Nulla vitae elit libero a augue donec id elit non mi porta.</p>\n                </div>\n                <div class="col-md-6">\n                  <h4><span class="text-primary">4.</span> Finalize Product</h4>\n                  <p class="mb-0">Nulla vitae elit libero a augue donec id elit non mi porta.</p>\n                </div>\n                <!--/column -->\n              </div>\n              <!--/.row -->\n            </div>\n            <!--/column -->\n          </div>\n          <!--/.row -->\n          <div class="row gx-lg-8 gx-xl-12 gy-10">\n            <div class="col-lg-7 order-lg-2">\n              <figure><img class="w-auto" src="/assets/img/illustrations/i12.png" srcset="/assets/img/illustrations/i12@2x.png 2x" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-lg-5">\n              <h3 class="fs-16 text-uppercase text-muted mt-xxl-8 mb-3">Why Choose Us?</h3>\n              <h3 class="display-4 mb-6">We bring solutions to make life easier for our clients.</h3>\n              <div class="accordion accordion-wrapper" id="accordionExample">\n                <div class="card plain accordion-item">\n                  <div class="card-header" id="headingOne">\n                    <button class="accordion-button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> Professional Design </button>\n                  </div>\n                  <!--/.card-header -->\n                  <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">\n                    <div class="card-body">\n                      <p>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.</p>\n                    </div>\n                    <!--/.card-body -->\n                  </div>\n                  <!--/.accordion-collapse -->\n                </div>\n                <!--/.accordion-item -->\n                <div class="card plain accordion-item">\n                  <div class="card-header" id="headingTwo">\n                    <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> Top-Notch Support </button>\n                  </div>\n                  <!--/.card-header -->\n                  <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">\n                    <div class="card-body">\n                      <p>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.</p>\n                    </div>\n                    <!--/.card-body -->\n                  </div>\n                  <!--/.accordion-collapse -->\n                </div>\n                <!--/.accordion-item -->\n                <div class="card plain accordion-item">\n                  <div class="card-header" id="headingThree">\n                    <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> Header and Slider Options </button>\n                  </div>\n                  <!--/.card-header -->\n                  <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">\n                    <div class="card-body">\n                      <p>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.</p>\n                    </div>\n                    <!--/.card-body -->\n                  </div>\n                  <!--/.accordion-collapse -->\n                </div>\n                <!--/.accordion-item -->\n              </div>\n              <!--/.accordion -->\n            </div>\n            <!--/column -->\n          </div>\n          <!--/.row -->\n        </div>\n        <!-- /.container -->\n      </section>'),
(22, 'content', 'section_3', '<section class="section-frame overflow-hidden">\n        <div class="wrapper bg-soft-primary" style="border-radius: 1rem;">\n          <div class="container py-17">\n            <div class="row text-center">\n              <div class="col-xl-11 col-xxl-10 mx-auto">\n                <h2 class="fs-16 text-uppercase text-muted mb-3">Company Facts</h2>\n                <h3 class="display-4 mb-10 px-lg-20 px-xl-20">Save your time and money by choosing our professional team.</h3>\n                <div class="row gy-6 text-center">\n                  <div class="col-md-6 col-lg-3">\n                    <div class="progressbar semi-circle purple" data-value="75"></div>\n                    <h4>New Visitors</h4>\n                    <p class="mb-0">Maecenas faucibus mollis interdum. Aenean eu leo.</p>\n                  </div>\n                  <!-- /column -->\n                  <div class="col-md-6 col-lg-3">\n                    <div class="progressbar semi-circle leaf" data-value="80"></div>\n                    <h4>Social Media</h4>\n                    <p class="mb-0">Maecenas faucibus mollis interdum. Aenean eu leo.</p>\n                  </div>\n                  <!-- /column -->\n                  <div class="col-md-6 col-lg-3">\n                    <div class="progressbar semi-circle pink" data-value="60"></div>\n                    <h4>Referrals</h4>\n                    <p class="mb-0">Maecenas faucibus mollis interdum. Aenean eu leo.</p>\n                  </div>\n                  <!-- /column -->\n                  <div class="col-md-6 col-lg-3">\n                    <div class="progressbar semi-circle yellow" data-value="90"></div>\n                    <h4>Search Engines</h4>\n                    <p class="mb-0">Maecenas faucibus mollis interdum. Aenean eu leo.</p>\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!-- /.container -->\n        </div>\n        <!-- /.wrapper -->\n      </section>'),
(22, 'content', 'section_4', '<section class="wrapper bg-light">\n        <div class="container py-15 py-md-17">\n          <div class="row">\n            <div class="col-lg-10 col-xl-8 mx-auto text-center">\n              <h2 class="fs-16 text-uppercase text-muted mb-3">Latest Projects</h2>\n              <h3 class="display-4 mb-10 px-xxl-10">Check out some of our awesome projects with creative ideas and great design.</h3>\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n          <div class="swiper-container grid-view mb-19" data-margin="30" data-dots="true" data-items-xl="3" data-items-md="2" data-items-xs="1">\n            <div class="swiper">\n              <div class="swiper-wrapper">\n                <div class="swiper-slide">\n                  <figure class="rounded mb-6"><img src="/assets/img/photos/pd7.jpg" srcset="/assets/img/photos/pd7@2x.jpg 2x" alt="" /><a class="item-link" href="/assets/img/photos/pd7-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a></figure>\n                  <div class="project-details d-flex justify-content-center flex-column">\n                    <div class="post-header">\n                      <h2 class="post-title h3"><a href="/single-project.html" class="link-dark">Cras Fermentum Sem</a></h2>\n                      <div class="post-category text-ash">Stationary</div>\n                    </div>\n                    <!-- /.post-header -->\n                  </div>\n                  <!-- /.project-details -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <figure class="rounded mb-6"><img src="/assets/img/photos/pd8.jpg" srcset="/assets/img/photos/pd8@2x.jpg 2x" alt="" /><a class="item-link" href="/assets/img/photos/pd8-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a></figure>\n                  <div class="project-details d-flex justify-content-center flex-column">\n                    <div class="post-header">\n                      <h2 class="post-title h3"><a href="/single-project2.html" class="link-dark">Mollis Ipsum Mattis</a></h2>\n                      <div class="post-category text-ash">Magazine, Book</div>\n                    </div>\n                    <!-- /.post-header -->\n                  </div>\n                  <!-- /.project-details -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <figure class="rounded mb-6"><img src="/assets/img/photos/pd9.jpg" srcset="/assets/img/photos/pd9@2x.jpg 2x" alt="" /><a class="item-link" href="/assets/img/photos/pd9-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a></figure>\n                  <div class="project-details d-flex justify-content-center flex-column">\n                    <div class="post-header">\n                      <h2 class="post-title h3"><a href="/single-project3.html" class="link-dark">Ipsum Ultricies Cursus</a></h2>\n                      <div class="post-category text-ash">Packaging</div>\n                    </div>\n                    <!-- /.post-header -->\n                  </div>\n                  <!-- /.project-details -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <figure class="rounded mb-6"><img src="/assets/img/photos/pd10.jpg" srcset="/assets/img/photos/pd10@2x.jpg 2x" alt="" /><a class="item-link" href="/assets/img/photos/pd10-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a></figure>\n                  <div class="project-details d-flex justify-content-center flex-column">\n                    <div class="post-header">\n                      <h2 class="post-title h3"><a href="/single-project.html" class="link-dark">Inceptos Euismod Egestas</a></h2>\n                      <div class="post-category text-ash">Stationary, Branding</div>\n                    </div>\n                    <!-- /.post-header -->\n                  </div>\n                  <!-- /.project-details -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <figure class="rounded mb-6"><img src="/assets/img/photos/pd11.jpg" srcset="/assets/img/photos/pd11@2x.jpg 2x" alt="" /><a class="item-link" href="/assets/img/photos/pd11-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a></figure>\n                  <div class="project-details d-flex justify-content-center flex-column">\n                    <div class="post-header">\n                      <h2 class="post-title h3"><a href="/single-project2.html" class="link-dark">Ipsum Mollis Vulputate</a></h2>\n                      <div class="post-category text-ash">Packaging</div>\n                    </div>\n                    <!-- /.post-header -->\n                  </div>\n                  <!-- /.project-details -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <figure class="rounded mb-6"><img src="/assets/img/photos/pd12.jpg" srcset="/assets/img/photos/pd12@2x.jpg 2x" alt="" /><a class="item-link" href="/assets/img/photos/pd12-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a></figure>\n                  <div class="project-details d-flex justify-content-center flex-column">\n                    <div class="post-header">\n                      <h2 class="post-title h3"><a href="/single-project3.html" class="link-dark">Porta Ornare Cras</a></h2>\n                      <div class="post-category text-ash">Branding</div>\n                    </div>\n                    <!-- /.post-header -->\n                  </div>\n                  <!-- /.project-details -->\n                </div>\n                <!--/.swiper-slide -->\n              </div>\n              <!--/.swiper-wrapper -->\n            </div>\n            <!-- /.swiper -->\n          </div>\n          <!-- /.swiper-container -->\n          <hr class="dark my-14 my-md-17" />\n          <div class="row text-center">\n            <div class="col-md-11 col-lg-9 col-xl-8 mx-auto">\n              <h2 class="fs-16 text-uppercase text-muted mb-3">Our Pricing</h2>\n              <h3 class="display-4 mb-10 px-xxl-10">We offer great prices, premium products and quality service for your business.</h3>\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n          <div class="row">\n            <div class="col-xl-11 mx-auto">\n              <div class="pricing-wrapper mb-10 mb-md-14">\n                <div class="pricing-switcher-wrapper switcher">\n                  <p class="mb-0 pe-3">Monthly</p>\n                  <div class="pricing-switchers">\n                    <div class="pricing-switcher pricing-switcher-active"></div>\n                    <div class="pricing-switcher"></div>\n                    <div class="switcher-button bg-primary"></div>\n                  </div>\n                  <p class="mb-0 ps-3">Yearly</p>\n                </div>\n                <div class="row gy-6 mt-3 mt-md-5">\n                  <div class="col-md-6 col-lg-4">\n                    <div class="pricing card shadow-lg">\n                      <div class="card-body">\n                        <div class="prices text-dark">\n                          <div class="price price-show justify-content-start"><span class="price-currency">$</span><span class="price-value">9</span> <span class="price-duration">mo</span></div>\n                          <div class="price price-hide price-hidden justify-content-start"><span class="price-currency">$</span><span class="price-value">99</span> <span class="price-duration">yr</span></div>\n                        </div>\n                        <!--/.prices -->\n                        <h4 class="card-title mt-2">Basic Plan</h4>\n                        <ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8 text-start">\n                          <li><i class="uil uil-check"></i><span><strong>1</strong> Project </span></li>\n                          <li><i class="uil uil-check"></i><span><strong>100K</strong> API Access </span></li>\n                          <li><i class="uil uil-check"></i><span><strong>100MB</strong> Storage </span></li>\n                          <li><i class="uil uil-check"></i><span> Weekly <strong>Reports</strong> </span></li>\n                          <li><i class="uil uil-check"></i><span> 7/24 <strong>Support</strong></span></li>\n                        </ul>\n                        <a href="#" class="btn btn-primary rounded">Choose Plan</a>\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!--/.pricing -->\n                  </div>\n                  <!--/column -->\n                  <div class="col-md-6 col-lg-4 popular">\n                    <div class="pricing card shadow-lg">\n                      <div class="card-body">\n                        <div class="prices text-dark">\n                          <div class="price price-show justify-content-start"><span class="price-currency">$</span><span class="price-value">19</span> <span class="price-duration">mo</span></div>\n                          <div class="price price-hide price-hidden justify-content-start"><span class="price-currency">$</span><span class="price-value">199</span> <span class="price-duration">yr</span></div>\n                        </div>\n                        <!--/.prices -->\n                        <h4 class="card-title mt-2">Premium Plan</h4>\n                        <ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8 text-start">\n                          <li><i class="uil uil-check"></i><span><strong>5</strong> Projects </span></li>\n                          <li><i class="uil uil-check"></i><span><strong>100K</strong> API Access </span></li>\n                          <li><i class="uil uil-check"></i><span><strong>200MB</strong> Storage </span></li>\n                          <li><i class="uil uil-check"></i><span> Weekly <strong>Reports</strong></span></li>\n                          <li><i class="uil uil-check"></i><span> 7/24 <strong>Support</strong></span></li>\n                        </ul>\n                        <a href="#" class="btn btn-primary rounded">Choose Plan</a>\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!--/.pricing -->\n                  </div>\n                  <!--/column -->\n                  <div class="col-md-6 offset-md-3 col-lg-4 offset-lg-0">\n                    <div class="pricing card shadow-lg">\n                      <div class="card-body">\n                        <div class="prices text-dark">\n                          <div class="price price-show justify-content-start"><span class="price-currency">$</span><span class="price-value">49</span> <span class="price-duration">mo</span></div>\n                          <div class="price price-hide price-hidden justify-content-start"><span class="price-currency">$</span><span class="price-value">499</span> <span class="price-duration">yr</span></div>\n                        </div>\n                        <!--/.prices -->\n                        <h4 class="card-title mt-2">Corporate Plan</h4>\n                        <ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8 text-start">\n                          <li><i class="uil uil-check"></i><span><strong>20</strong> Projects </span></li>\n                          <li><i class="uil uil-check"></i><span><strong>300K</strong> API Access </span></li>\n                          <li><i class="uil uil-check"></i><span><strong>500MB</strong> Storage </span></li>\n                          <li><i class="uil uil-check"></i><span> Weekly <strong>Reports</strong></span></li>\n                          <li><i class="uil uil-check"></i><span> 7/24 <strong>Support</strong></span></li>\n                        </ul>\n                        <a href="#" class="btn btn-primary rounded">Choose Plan</a>\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!--/.pricing -->\n                  </div>\n                  <!--/column -->\n                </div>\n                <!--/.row -->\n              </div>\n              <!--/.pricing-wrapper -->\n              <div class="row gx-md-8 gx-xl-12 gy-10 mb-15">\n                <div class="col-lg-6">\n                  <div class="d-flex flex-row">\n                    <div>\n                      <span class="icon btn btn-sm btn-circle btn-primary pe-none me-5"><i class="uil uil-comment-exclamation"></i></span>\n                    </div>\n                    <div>\n                      <h4>Can I cancel my subscription?</h4>\n                      <p class="mb-0">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod maecenas.</p>\n                    </div>\n                  </div>\n                </div>\n                <!-- /column -->\n                <div class="col-lg-6">\n                  <div class="d-flex flex-row">\n                    <div>\n                      <span class="icon btn btn-sm btn-circle btn-primary pe-none me-5"><i class="uil uil-comment-exclamation"></i></span>\n                    </div>\n                    <div>\n                      <h4>Which payment methods do you accept?</h4>\n                      <p class="mb-0">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod maecenas.</p>\n                    </div>\n                  </div>\n                </div>\n                <!-- /column -->\n                <div class="col-lg-6">\n                  <div class="d-flex flex-row">\n                    <div>\n                      <span class="icon btn btn-sm btn-circle btn-primary pe-none me-5"><i class="uil uil-comment-exclamation"></i></span>\n                    </div>\n                    <div>\n                      <h4>How can I manage my Account?</h4>\n                      <p class="mb-0">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod maecenas.</p>\n                    </div>\n                  </div>\n                </div>\n                <!-- /column -->\n                <div class="col-lg-6">\n                  <div class="d-flex flex-row">\n                    <div>\n                      <span class="icon btn btn-sm btn-circle btn-primary pe-none me-5"><i class="uil uil-comment-exclamation"></i></span>\n                    </div>\n                    <div>\n                      <h4>Is my credit card information secure?</h4>\n                      <p class="mb-0">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod maecenas.</p>\n                    </div>\n                  </div>\n                </div>\n                <!-- /column -->\n              </div>\n              <!-- /.row -->\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n        </div>\n        <!-- /.container -->\n      </section>'),
(22, 'footer', 'footer', '<footer class="bg-dark section-frame">\n      <div class="container pb-13 pb-md-15">\n        <div class="card image-wrapper bg-full bg-image bg-overlay mt-n50p mx-md-5" data-image-src="/assets/img/photos/bg27.jpg">\n          <div class="card-body p-6 p-md-11 d-lg-flex flex-row align-items-lg-center justify-content-md-between text-center text-lg-start">\n            <h3 class="display-4 mb-6 mb-lg-0 pe-lg-10 pe-xl-5 pe-xxl-18 text-white">We are trusted by over 5000+ clients. Join them by using our services and grow your business.</h3>\n            <a href="#" class="btn btn-lg btn-white rounded mb-0 text-nowrap">Join Us</a>\n          </div>\n          <!--/.card-body -->\n        </div>\n        <!--/.card -->\n        <div class="text-inverse mx-md-5 mt-n15 mt-lg-0">\n          <div class="row gy-6 gy-lg-0">\n            <div class="col-md-4 col-lg-3">\n              <div class="widget">\n                <img class="mb-4" src="/assets/img/logo-light.png" srcset="/assets/img/logo-light@2x.png 2x" alt="" />\n                <p class="mb-4">© <script>\n                    document.write(new Date().getUTCFullYear());\n                  </script> Simeya. <br class="d-none d-lg-block" />All rights reserved.</p>\n                <nav class="nav social social-white">\n                  <a href="#"><i class="uil uil-twitter"></i></a>\n                  <a href="#"><i class="uil uil-facebook-f"></i></a>\n                  <a href="#"><i class="uil uil-dribbble"></i></a>\n                  <a href="#"><i class="uil uil-instagram"></i></a>\n                  <a href="#"><i class="uil uil-youtube"></i></a>\n                </nav>\n                <!-- /.social -->\n              </div>\n              <!-- /.widget -->\n            </div>\n            <!-- /column -->\n            <div class="col-md-4 col-lg-3">\n              <div class="widget">\n                <h4 class="widget-title text-white mb-3">Get in Touch</h4>\n                <address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address>\n                <a href="mailto:#">info@email.com</a><br /> 00 (123) 456 78 90\n              </div>\n              <!-- /.widget -->\n            </div>\n            <!-- /column -->\n            <div class="col-md-4 col-lg-3">\n              <div class="widget">\n                <h4 class="widget-title text-white mb-3">Learn More</h4>\n                <ul class="list-unstyled  mb-0">\n                  <li><a href="#">About Us</a></li>\n                  <li><a href="#">Our Story</a></li>\n                  <li><a href="#">Projects</a></li>\n                  <li><a href="#">Terms of Use</a></li>\n                  <li><a href="#">Privacy Policy</a></li>\n                </ul>\n              </div>\n              <!-- /.widget -->\n            </div>\n            <!-- /column -->\n            <div class="col-md-12 col-lg-3">\n              <div class="widget">\n                <h4 class="widget-title text-white mb-3">Our Newsletter</h4>\n                <p class="mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p>\n                <div class="newsletter-wrapper">\n                  <!-- Begin Mailchimp Signup Form -->\n                  <div id="mc_embed_signup2">\n                    <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate dark-fields" target="_blank" novalidate>\n                      <div id="mc_embed_signup_scroll2">\n                        <div class="mc-field-group input-group form-floating">\n                          <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2">\n                          <label for="mce-EMAIL2">Email Address</label>\n                          <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary ">\n                        </div>\n                        <div id="mce-responses2" class="clear">\n                          <div class="response" id="mce-error-response2" style="display:none"></div>\n                          <div class="response" id="mce-success-response2" style="display:none"></div>\n                        </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n                        <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>\n                        <div class="clear"></div>\n                      </div>\n                    </form>\n                  </div>\n                  <!--End mc_embed_signup-->\n                </div>\n                <!-- /.newsletter-wrapper -->\n              </div>\n              <!-- /.widget -->\n            </div>\n            <!-- /column -->\n          </div>\n          <!--/.row -->\n        </div>\n      </div>\n      <!-- /.container -->\n    </footer>'),
(22, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(23, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/leaf.css">\n  <link rel="preload" href="/assets/css/fonts/urbanist.css" as="style" onload="this.rel=''stylesheet''">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(23, 'header', 'header', '<header class="wrapper bg-soft-primary">\n      <nav class="navbar navbar-expand-lg center-nav transparent position-absolute navbar-dark caret-none">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img class="logo-dark" src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n              <img class="logo-light" src="/assets/img/logo-light.png" srcset="/assets/img/logo-light@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <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>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <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>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <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>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <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>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <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>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <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>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <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>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <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>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <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>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <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>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <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>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <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>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <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>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <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>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <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>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <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>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <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>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <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>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <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>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <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>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <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>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <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>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <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>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <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>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <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>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <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>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <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>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <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>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <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>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <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>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <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>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <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>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <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>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <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>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <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>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <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>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <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>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <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>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <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>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <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>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <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>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <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>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <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>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <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>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <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>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <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>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <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>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <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>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <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>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <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>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <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>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <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>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <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>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other w-100 d-flex ms-auto">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item"><a class="nav-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-info"><i class="uil uil-info-circle"></i></a></li>\n              <li class="nav-item"><a class="nav-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-search"><i class="uil uil-search"></i></a></li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n      <div class="offcanvas offcanvas-end text-inverse" id="offcanvas-info" data-bs-scroll="true">\n        <div class="offcanvas-header">\n          <h3 class="text-white fs-30 mb-0">Simeya</h3>\n          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n        </div>\n        <div class="offcanvas-body pb-6">\n          <div class="widget mb-8">\n            <p>Simeya is a multipurpose HTML5 template with various layouts which will be a great solution for your business.</p>\n          </div>\n          <!-- /.widget -->\n          <div class="widget mb-8">\n            <h4 class="widget-title text-white mb-3">Contact Info</h4>\n            <address> Moonshine St. 14/05 <br /> Light City, London </address>\n            <a href="mailto:first.last@email.com">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n          <div class="widget mb-8">\n            <h4 class="widget-title text-white mb-3">Learn More</h4>\n            <ul class="list-unstyled">\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n              <li><a href="#">Contact Us</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Follow Us</h4>\n            <nav class="nav social social-white">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /.offcanvas-body -->\n      </div>\n      <!-- /.offcanvas -->\n      <div class="offcanvas offcanvas-top bg-light" id="offcanvas-search" data-bs-scroll="true">\n        <div class="container d-flex flex-row py-6">\n          <form class="search-form w-100">\n            <input id="search-form" type="text" class="form-control" placeholder="Type keyword and hit enter">\n          </form>\n          <!-- /.search-form -->\n          <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n        </div>\n        <!-- /.container -->\n      </div>\n      <!-- /.offcanvas -->\n    </header>'),
(23, 'content', 'section_1', '<section class="wrapper bg-dark">\n      <div class="swiper-container swiper-thumbs-container swiper-fullscreen nav-dark" data-margin="0" data-autoplay="true" data-autoplaytime="7000" data-nav="true" data-dots="false" data-items="1" data-thumbs="true">\n        <div class="swiper">\n          <div class="swiper-wrapper">\n            <div class="swiper-slide bg-overlay bg-overlay-400 bg-dark bg-image" data-image-src="/assets/img/photos/bg28.jpg"></div>\n            <div class="swiper-slide bg-overlay bg-overlay-400 bg-dark bg-image" data-image-src="/assets/img/photos/bg29.jpg"></div>\n            <div class="swiper-slide bg-overlay bg-overlay-400 bg-dark bg-image" data-image-src="/assets/img/photos/bg30.jpg"></div>\n            <div class="swiper-slide bg-overlay bg-overlay-400 bg-dark bg-image" data-image-src="/assets/img/photos/bg31.jpg"></div>\n          </div>\n          <!--/.swiper-wrapper -->\n        </div>\n        <!-- /.swiper -->\n        <div class="swiper swiper-thumbs">\n          <div class="swiper-wrapper">\n            <div class="swiper-slide"><img src="/assets/img/photos/bg28-th.jpg" srcset="/assets/img/photos/bg28-th@2x.jpg 2x" alt="" /></div>\n            <div class="swiper-slide"><img src="/assets/img/photos/bg29-th.jpg" srcset="/assets/img/photos/bg29-th@2x.jpg 2x" alt="" /></div>\n            <div class="swiper-slide"><img src="/assets/img/photos/bg30-th.jpg" srcset="/assets/img/photos/bg30-th@2x.jpg 2x" alt="" /></div>\n            <div class="swiper-slide"><img src="/assets/img/photos/bg31-th.jpg" srcset="/assets/img/photos/bg31-th@2x.jpg 2x" alt="" /></div>\n          </div>\n          <!--/.swiper-wrapper -->\n        </div>\n        <!-- /.swiper -->\n        <div class="swiper-static">\n          <div class="container h-100 d-flex align-items-center justify-content-center">\n            <div class="row">\n              <div class="col-lg-8 mx-auto mt-n10 text-center">\n                <h1 class="fs-19 text-uppercase ls-xl text-white mb-3 animate__animated animate__zoomIn animate__delay-1s">I''m Julia Simeya</h1>\n                <h2 class="display-1 fs-60 text-white mb-0 animate__animated animate__zoomIn animate__delay-2s">couples & wedding photographer</h2>\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!-- /.container -->\n        </div>\n        <!-- /.swiper-static -->\n      </div>\n      <!-- /.swiper-container -->\n    </section>'),
(23, 'content', 'section_2', '<section class="wrapper bg-light">\n      <div class="container py-14 py-md-16">\n        <div class="row">\n          <div class="col-lg-12 col-xl-10 col-xxl-7 mx-auto text-center">\n            <i class="icn-flower text-leaf fs-30 opacity-25"></i>\n            <h2 class="display-5 text-center mt-2 mb-10">I absolutely love shooting weddings and couples because there are so many feelings to capture.</h2>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row grid-view gx-md-8 gx-xl-10 gy-8 gy-lg-0 text-center">\n          <div class="col-sm-8 col-md-6 col-lg-4 mx-auto">\n            <div class="card shadow-lg">\n              <figure class="card-img-top overlay overlay-1">\n                <a href="#"><img class="img-fluid" src="/assets/img/photos/fs1.jpg" srcset="/assets/img/photos/fs1@2x.jpg 2x" alt="" /></a>\n                <figcaption>\n                  <h5 class="from-top mb-0">View Gallery</h5>\n                </figcaption>\n              </figure>\n              <div class="card-body p-6">\n                <h3 class="fs-21 mb-0">Wedding</h3>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!-- /.card -->\n          </div>\n          <!--/column -->\n          <div class="col-sm-8 col-md-6 col-lg-4 mx-auto">\n            <div class="card shadow-lg">\n              <figure class="card-img-top overlay overlay-1">\n                <a href="#"><img class="img-fluid" src="/assets/img/photos/fs2.jpg" srcset="/assets/img/photos/fs2@2x.jpg 2x" alt="" /></a>\n                <figcaption>\n                  <h5 class="from-top mb-0">View Gallery</h5>\n                </figcaption>\n              </figure>\n              <div class="card-body p-6">\n                <h3 class="fs-21 mb-0">Couples</h3>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!-- /.card -->\n          </div>\n          <!--/column -->\n          <div class="col-sm-8 col-md-6 col-lg-4 mx-auto">\n            <div class="card shadow-lg">\n              <figure class="card-img-top overlay overlay-1">\n                <a href="#"><img class="img-fluid" src="/assets/img/photos/fs3.jpg" srcset="/assets/img/photos/fs3@2x.jpg 2x" alt="" /></a>\n                <figcaption>\n                  <h5 class="from-top mb-0">View Gallery</h5>\n                </figcaption>\n              </figure>\n              <div class="card-body p-6">\n                <h3 class="fs-21 mb-0">Engagement</h3>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!-- /.card -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(23, 'content', 'section_3', '<section class="wrapper image-wrapper bg-image bg-overlay text-white" data-image-src="/assets/img/photos/bg32.jpg">\n      <div class="container py-14 py-md-17 text-center">\n        <i class="icn-flower text-white fs-30 opacity-50"></i>\n        <div class="row mt-3">\n          <div class="col-xl-9 col-xxl-8 mx-auto">\n            <div class="swiper-container dots-light dots-closer mb-6" data-margin="30" data-dots="true">\n              <div class="swiper">\n                <div class="swiper-wrapper">\n                  <div class="swiper-slide">\n                    <blockquote class="border-0 fs-24 mb-0">\n                      <p>“Fusce dapibus tellus ac cursus commodo, tortor mauris condimentum nibh fermentum massa, justo sit amet vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras mattis consectetur purus.”</p>\n                      <div class="blockquote-details justify-content-center">\n                        <div class="info p-0">\n                          <h6 class="mb-0 text-white">Julia & David</h6>\n                        </div>\n                      </div>\n                    </blockquote>\n                  </div>\n                  <!--/.swiper-slide -->\n                  <div class="swiper-slide">\n                    <blockquote class="border-0 fs-24 mb-0">\n                      <p>“Fusce dapibus tellus ac cursus commodo, tortor mauris condimentum nibh fermentum massa, justo sit amet vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras mattis consectetur purus.”</p>\n                      <div class="blockquote-details justify-content-center">\n                        <div class="info p-0">\n                          <h6 class="mb-0 text-white">Jolene & Andrea</h6>\n                        </div>\n                      </div>\n                    </blockquote>\n                  </div>\n                  <!--/.swiper-slide -->\n                  <div class="swiper-slide">\n                    <blockquote class="border-0 fs-24 mb-0">\n                      <p>“Fusce dapibus tellus ac cursus commodo, tortor mauris condimentum nibh fermentum massa, justo sit amet vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras mattis consectetur purus.”</p>\n                      <div class="blockquote-details justify-content-center">\n                        <div class="info p-0">\n                          <h6 class="mb-0 text-white">Eve & Will</h6>\n                        </div>\n                      </div>\n                    </blockquote>\n                  </div>\n                  <!--/.swiper-slide -->\n                </div>\n                <!--/.swiper-wrapper -->\n              </div>\n              <!--/.swiper -->\n            </div>\n            <!-- /.swiper-container -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(23, 'content', 'section_4', '<section class="wrapper bg-soft-primary">\n      <div class="container py-14 py-md-16">\n        <div class="row">\n          <div class="col-xl-9 col-xxl-7 mx-auto text-center">\n            <i class="icn-flower text-leaf fs-30 opacity-25"></i>\n            <h2 class="display-5 text-center mt-2 mb-10">I would like to give you a unique photography and video experience, built to serve you best.</h2>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row text-center">\n          <div class="col-xl-9 mx-auto">\n            <div class="player" data-plyr-provider="vimeo" data-plyr-embed-id="142109573"></div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(23, 'content', 'section_5', '<section class="wrapper bg-light">\n      <div class="overflow-hidden">\n        <div class="container py-14 py-md-16">\n          <div class="row">\n            <div class="col-lg-9 col-xl-8 col-xxl-7 mx-auto text-center">\n              <i class="icn-flower text-leaf fs-30 opacity-25"></i>\n              <h2 class="display-5 text-center mt-2 mb-10">Some of wonderful love stories <br class="d-none d-md-block"> I witnessed and had the chance to capture</h2>\n            </div>\n            <!--/column -->\n          </div>\n          <!--/.row -->\n          <div class="swiper-container grid-view nav-bottom nav-color mb-14 text-center" data-margin="30" data-dots="false" data-nav="true" data-items-md="2" data-items-xs="1">\n            <div class="swiper overflow-visible pb-2">\n              <div class="swiper-wrapper">\n                <div class="swiper-slide">\n                  <div class="card shadow-lg">\n                    <figure class="card-img-top overlay overlay-1">\n                      <a href="#"><img class="img-fluid" src="/assets/img/photos/fc1.jpg" srcset="/assets/img/photos/fc1@2x.jpg 2x" alt="" /></a>\n                      <figcaption>\n                        <h5 class="from-top mb-0">View Gallery</h5>\n                      </figcaption>\n                    </figure>\n                    <div class="card-body p-6">\n                      <h3 class="fs-21 mb-1">Lucy & David</h3>\n                      <ul class="post-meta fs-16 mb-0">\n                        <li>5 Photos</li>\n                        <li>Wedding</li>\n                      </ul>\n                    </div>\n                    <!--/.card-body -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="card shadow-lg">\n                    <figure class="card-img-top overlay overlay-1">\n                      <a href="#"><img class="img-fluid" src="/assets/img/photos/fc2.jpg" srcset="/assets/img/photos/fc2@2x.jpg 2x" alt="" /></a>\n                      <figcaption>\n                        <h5 class="from-top mb-0">View Gallery</h5>\n                      </figcaption>\n                    </figure>\n                    <div class="card-body p-6">\n                      <h3 class="fs-21 mb-1">Stacy & Thomas</h3>\n                      <ul class="post-meta fs-16 mb-0">\n                        <li>8 Photos</li>\n                        <li>Wedding</li>\n                      </ul>\n                    </div>\n                    <!--/.card-body -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="card shadow-lg">\n                    <figure class="card-img-top overlay overlay-1">\n                      <a href="#"><img class="img-fluid" src="/assets/img/photos/fc3.jpg" srcset="/assets/img/photos/fc3@2x.jpg 2x" alt="" /></a>\n                      <figcaption>\n                        <h5 class="from-top mb-0">View Gallery</h5>\n                      </figcaption>\n                    </figure>\n                    <div class="card-body p-6">\n                      <h3 class="fs-21 mb-1">Katherine & Jack</h3>\n                      <ul class="post-meta fs-16 mb-0">\n                        <li>7 Photos</li>\n                        <li>Couples</li>\n                      </ul>\n                    </div>\n                    <!--/.card-body -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="card shadow-lg">\n                    <figure class="card-img-top overlay overlay-1">\n                      <a href="#"><img class="img-fluid" src="/assets/img/photos/fc4.jpg" srcset="/assets/img/photos/fc4@2x.jpg 2x" alt="" /></a>\n                      <figcaption>\n                        <h5 class="from-top mb-0">View Gallery</h5>\n                      </figcaption>\n                    </figure>\n                    <div class="card-body p-6">\n                      <h3 class="fs-21 mb-1">Jolene & William</h3>\n                      <ul class="post-meta fs-16 mb-0">\n                        <li>9 Photos</li>\n                        <li>Wedding</li>\n                      </ul>\n                    </div>\n                    <!--/.card-body -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="card shadow-lg">\n                    <figure class="card-img-top overlay overlay-1">\n                      <a href="#"><img class="img-fluid" src="/assets/img/photos/fc5.jpg" srcset="/assets/img/photos/fc5@2x.jpg 2x" alt="" /></a>\n                      <figcaption>\n                        <h5 class="from-top mb-0">View Gallery</h5>\n                      </figcaption>\n                    </figure>\n                    <div class="card-body p-6">\n                      <h3 class="fs-21 mb-1">Jenn & Richard</h3>\n                      <ul class="post-meta fs-16 mb-0">\n                        <li>6 Photos</li>\n                        <li>Engagement</li>\n                      </ul>\n                    </div>\n                    <!--/.card-body -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="card shadow-lg">\n                    <figure class="card-img-top overlay overlay-1">\n                      <a href="#"><img class="img-fluid" src="/assets/img/photos/fc6.jpg" srcset="/assets/img/photos/fc6@2x.jpg 2x" alt="" /></a>\n                      <figcaption>\n                        <h5 class="from-top mb-0">View Gallery</h5>\n                      </figcaption>\n                    </figure>\n                    <div class="card-body p-6">\n                      <h3 class="fs-21 mb-1">Gloria & Leo</h3>\n                      <ul class="post-meta fs-16 mb-0">\n                        <li>8 Photos</li>\n                        <li>Wedding</li>\n                      </ul>\n                    </div>\n                    <!--/.card-body -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="card shadow-lg">\n                    <figure class="card-img-top overlay overlay-1">\n                      <a href="#"><img class="img-fluid" src="/assets/img/photos/fc7.jpg" srcset="/assets/img/photos/fc7@2x.jpg 2x" alt="" /></a>\n                      <figcaption>\n                        <h5 class="from-top mb-0">View Gallery</h5>\n                      </figcaption>\n                    </figure>\n                    <div class="card-body p-6">\n                      <h3 class="fs-21 mb-1">Grace & Finn</h3>\n                      <ul class="post-meta fs-16 mb-0">\n                        <li>7 Photos</li>\n                        <li>Engagement</li>\n                      </ul>\n                    </div>\n                    <!--/.card-body -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!--/.swiper-slide -->\n              </div>\n              <!--/.swiper-wrapper -->\n            </div>\n            <!-- /.swiper -->\n          </div>\n          <!-- /.swiper-container -->\n        </div>\n        <!-- /.container -->\n      </div>\n      <!-- /.overflow-hidden -->\n    </section>'),
(23, 'content', 'section_6', '<section class="wrapper image-wrapper bg-image bg-overlay text-white" data-image-src="/assets/img/photos/bg33.jpg">\n      <div class="container py-14 py-md-17 text-center">\n        <div class="row">\n          <div class="col-xl-10 col-xxl-8 mx-auto text-center">\n            <i class="icn-flower text-white fs-30 opacity-50"></i>\n            <h2 class="display-4 text-white mt-2 mb-7">I''m here to capture your moments. Looking for a caring, fun, passionate photographer?</h2>\n            <a href="#" class="btn btn-white rounded-pill mb-5">Contact Me</a>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(23, 'content', 'section_7', '<section class="wrapper bg-light">\n      <div class="container pt-12 pt-md-14 pb-14 pb-md-16">\n        <div class="row gx-md-8 gx-xl-12 gy-6 align-items-center">\n          <div class="col-md-8 col-lg-6 mx-auto">\n            <div class="img-mask mask-1"><img src="/assets/img/photos/about29.jpg" srcset="/assets/img/photos/about29@2x.jpg 2x" alt="" /></div>\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h2 class="display-5 mb-5">Hi, I''m Julia, a documentary wedding and couples photographer currently working from and based in London.</h2>\n            <p class="mb-6">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.</p>\n            <div class="row counter-wrapper gy-6">\n              <div class="col-md-4">\n                <h3 class="counter">500K+</h3>\n                <p>Shots Taken</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4">\n                <h3 class="counter">500+</h3>\n                <p>Happy Clients</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4">\n                <h3 class="counter">25</h3>\n                <p>Awards Won</p>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gx-md-8 gx-xl-12 gy-6 mt-8">\n          <div class="col-lg-4">\n            <h3>My Skills</h3>\n            <p>Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna vel consectetur purus sit amet fermentum.</p>\n            <ul class="progress-list">\n              <li>\n                <p>Photoshop</p>\n                <div class="progressbar line soft-primary" data-value="100"></div>\n              </li>\n              <li>\n                <p>Final Cut</p>\n                <div class="progressbar line soft-primary" data-value="80"></div>\n              </li>\n              <li>\n                <p>Motion Video</p>\n                <div class="progressbar line soft-primary" data-value="85"></div>\n              </li>\n              <li>\n                <p>Manupilation</p>\n                <div class="progressbar line soft-primary" data-value="75"></div>\n              </li>\n            </ul>\n            <!-- /.progress-list -->\n          </div>\n          <!-- /column -->\n          <div class="col-lg-4">\n            <h3>Why Choose Me?</h3>\n            <p>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.</p>\n            <ul class="icon-list bullet-bg bullet-soft-primary">\n              <li><i class="uil uil-check"></i>Aenean eu leo quam pellentesque.</li>\n              <li><i class="uil uil-check"></i>Nullam quis risus eget urna mollis.</li>\n              <li><i class="uil uil-check"></i>Donec id elit non mi porta gravida.</li>\n              <li><i class="uil uil-check"></i>Fusce dapibus tellus ac commodo.</li>\n              <li><i class="uil uil-check"></i>Cras justo odio dapibus ac facilisis in.</li>\n            </ul>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-4">\n            <h3>My Process</h3>\n            <div class="d-flex flex-row mb-5">\n              <div>\n                <span class="icon btn btn-circle btn-soft-primary pe-none mt-1 me-5"><span class="number fs-18">1</span></span>\n              </div>\n              <div>\n                <h5 class="mb-1">Collect Ideas</h5>\n                <p class="mb-0">Nulla vitae elit libero pharetra augue dapibus. Praesent commodo cursus.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row mb-5">\n              <div>\n                <span class="icon btn btn-circle btn-soft-primary pe-none mt-1 me-5"><span class="number fs-18">2</span></span>\n              </div>\n              <div>\n                <h5 class="mb-1">Data Analysis</h5>\n                <p class="mb-0">Vivamus sagittis lacus vel augue laoreet. Etiam porta sem malesuada magna.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row">\n              <div>\n                <span class="icon btn btn-circle btn-soft-primary pe-none mt-1 me-5"><span class="number fs-18">3</span></span>\n              </div>\n              <div>\n                <h5 class="mb-1">Finalize Product</h5>\n                <p class="mb-0">Cras mattis consectetur purus sit amet. Aenean lacinia bibendum nulla sed.</p>\n              </div>\n            </div>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(23, 'content', 'section_8', '<section class="wrapper bg-soft-primary">\n      <div class="overflow-hidden">\n        <div class="container py-14 py-md-16">\n          <div class="row">\n            <div class="col-xl-7 col-xxl-6 mx-auto text-center">\n              <i class="icn-flower text-leaf fs-30 opacity-25"></i>\n              <h2 class="display-5 text-center mt-2 mb-10">Here are the latest posts from my blog that grabbed the most attention.</h2>\n            </div>\n            <!--/column -->\n          </div>\n          <!--/.row -->\n          <div class="swiper-container nav-bottom nav-color mb-14" data-margin="30" data-dots="false" data-nav="true" data-items-lg="3" data-items-md="2" data-items-xs="1">\n            <div class="swiper overflow-visible pb-2">\n              <div class="swiper-wrapper">\n                <div class="swiper-slide">\n                  <article>\n                    <div class="card shadow-lg">\n                      <figure class="card-img-top overlay overlay-1"><a href="#"> <img src="/assets/img/photos/b12.jpg" srcset="/assets/img/photos/b12@2x.jpg 2x" alt="" /></a>\n                        <figcaption>\n                          <h5 class="from-top mb-0">Read More</h5>\n                        </figcaption>\n                      </figure>\n                      <div class="card-body p-6">\n                        <div class="post-header">\n                          <div class="post-category">\n                            <a href="#" class="hover" rel="category">Wedding</a>\n                          </div>\n                          <!-- /.post-category -->\n                          <h2 class="post-title h3 mt-1 mb-3"><a class="link-dark" href="/blog-post.html">Ligula tristique quis risus</a></h2>\n                        </div>\n                        <!-- /.post-header -->\n                        <div class="post-footer">\n                          <ul class="post-meta d-flex mb-0">\n                            <li class="post-date"><i class="uil uil-calendar-alt"></i><span>14 Apr 2022</span></li>\n                            <li class="post-comments"><a href="#"><i class="uil uil-comment"></i>4</a></li>\n                          </ul>\n                          <!-- /.post-meta -->\n                        </div>\n                        <!-- /.post-footer -->\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </article>\n                  <!-- /article -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <article>\n                    <div class="card shadow-lg">\n                      <figure class="card-img-top overlay overlay-1"><a href="#"> <img src="/assets/img/photos/b13.jpg" srcset="/assets/img/photos/b13@2x.jpg 2x" alt="" /></a>\n                        <figcaption>\n                          <h5 class="from-top mb-0">Read More</h5>\n                        </figcaption>\n                      </figure>\n                      <div class="card-body p-6">\n                        <div class="post-header">\n                          <div class="post-category">\n                            <a href="#" class="hover" rel="category">Engagement</a>\n                          </div>\n                          <!-- /.post-category -->\n                          <h2 class="post-title h3 mt-1 mb-3"><a class="link-dark" href="/blog-post.html">Nullam id dolor elit id nibh</a></h2>\n                        </div>\n                        <!-- /.post-header -->\n                        <div class="post-footer">\n                          <ul class="post-meta d-flex mb-0">\n                            <li class="post-date"><i class="uil uil-calendar-alt"></i><span>29 Mar 2022</span></li>\n                            <li class="post-comments"><a href="#"><i class="uil uil-comment"></i>3</a></li>\n                          </ul>\n                          <!-- /.post-meta -->\n                        </div>\n                        <!-- /.post-footer -->\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </article>\n                  <!-- /article -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <article>\n                    <div class="card shadow-lg">\n                      <figure class="card-img-top overlay overlay-1"><a href="#"> <img src="/assets/img/photos/b14.jpg" srcset="/assets/img/photos/b14@2x.jpg 2x" alt="" /></a>\n                        <figcaption>\n                          <h5 class="from-top mb-0">Read More</h5>\n                        </figcaption>\n                      </figure>\n                      <div class="card-body p-6">\n                        <div class="post-header">\n                          <div class="post-category">\n                            <a href="#" class="hover" rel="category">Couples</a>\n                          </div>\n                          <!-- /.post-category -->\n                          <h2 class="post-title h3 mt-1 mb-3"><a class="link-dark" href="/blog-post.html">Ultricies fusce porta elit</a></h2>\n                        </div>\n                        <!-- /.post-header -->\n                        <div class="post-footer">\n                          <ul class="post-meta d-flex mb-0">\n                            <li class="post-date"><i class="uil uil-calendar-alt"></i><span>26 Feb 2022</span></li>\n                            <li class="post-comments"><a href="#"><i class="uil uil-comment"></i>6</a></li>\n                          </ul>\n                          <!-- /.post-meta -->\n                        </div>\n                        <!-- /.post-footer -->\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </article>\n                  <!-- /article -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <article>\n                    <div class="card shadow-lg">\n                      <figure class="card-img-top overlay overlay-1"><a href="#"> <img src="/assets/img/photos/b15.jpg" srcset="/assets/img/photos/b15@2x.jpg 2x" alt="" /></a>\n                        <figcaption>\n                          <h5 class="from-top mb-0">Read More</h5>\n                        </figcaption>\n                      </figure>\n                      <div class="card-body p-6">\n                        <div class="post-header">\n                          <div class="post-category">\n                            <a href="#" class="hover" rel="category">Engagement</a>\n                          </div>\n                          <!-- /.post-category -->\n                          <h2 class="post-title h3 mt-1 mb-3"><a class="link-dark" href="/blog-post.html">Morbi leo risus porta eget</a></h2>\n                        </div>\n                        <!-- /.post-header -->\n                        <div class="post-footer">\n                          <ul class="post-meta d-flex mb-0">\n                            <li class="post-date"><i class="uil uil-calendar-alt"></i><span>17 Jan 2022</span></li>\n                            <li class="post-comments"><a href="#"><i class="uil uil-comment"></i>3</a></li>\n                          </ul>\n                          <!-- /.post-meta -->\n                        </div>\n                        <!-- /.post-footer -->\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </article>\n                  <!-- /article -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <article>\n                    <div class="card shadow-lg">\n                      <figure class="card-img-top overlay overlay-1"><a href="#"> <img src="/assets/img/photos/b16.jpg" srcset="/assets/img/photos/b16@2x.jpg 2x" alt="" /></a>\n                        <figcaption>\n                          <h5 class="from-top mb-0">Read More</h5>\n                        </figcaption>\n                      </figure>\n                      <div class="card-body p-6">\n                        <div class="post-header">\n                          <div class="post-category">\n                            <a href="#" class="hover" rel="category">Couples</a>\n                          </div>\n                          <!-- /.post-category -->\n                          <h2 class="post-title h3 mt-1 mb-3"><a class="link-dark" href="/blog-post.html">Nulla vitae elit libero</a></h2>\n                        </div>\n                        <!-- /.post-header -->\n                        <div class="post-footer">\n                          <ul class="post-meta d-flex mb-0">\n                            <li class="post-date"><i class="uil uil-calendar-alt"></i><span>7 Jan 2022</span></li>\n                            <li class="post-comments"><a href="#"><i class="uil uil-comment"></i>1</a></li>\n                          </ul>\n                          <!-- /.post-meta -->\n                        </div>\n                        <!-- /.post-footer -->\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </article>\n                  <!-- /article -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <article>\n                    <div class="card shadow-lg">\n                      <figure class="card-img-top overlay overlay-1"><a href="#"> <img src="/assets/img/photos/b17.jpg" srcset="/assets/img/photos/b17@2x.jpg 2x" alt="" /></a>\n                        <figcaption>\n                          <h5 class="from-top mb-0">Read More</h5>\n                        </figcaption>\n                      </figure>\n                      <div class="card-body p-6">\n                        <div class="post-header">\n                          <div class="post-category">\n                            <a href="#" class="hover" rel="category">Wedding</a>\n                          </div>\n                          <!-- /.post-category -->\n                          <h2 class="post-title h3 mt-1 mb-3"><a class="link-dark" href="/blog-post.html">Pharetra augue elit sem</a></h2>\n                        </div>\n                        <!-- /.post-header -->\n                        <div class="post-footer">\n                          <ul class="post-meta d-flex mb-0">\n                            <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2 Jan 2022</span></li>\n                            <li class="post-comments"><a href="#"><i class="uil uil-comment"></i>2</a></li>\n                          </ul>\n                          <!-- /.post-meta -->\n                        </div>\n                        <!-- /.post-footer -->\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </article>\n                  <!-- /article -->\n                </div>\n                <!--/.swiper-slide -->\n              </div>\n              <!--/.swiper-wrapper -->\n            </div>\n            <!-- /.swiper -->\n          </div>\n          <!-- /.swiper-container -->\n        </div>\n        <!-- /.container -->\n      </div>\n      <!-- /.overflow-hidden -->\n    </section>'),
(23, 'footer', 'footer', '<footer class="bg-dark text-inverse">\n    <div class="container py-13 py-md-15">\n      <div class="row gy-6 gy-lg-0">\n        <div class="col-lg-4">\n          <div class="widget">\n            <img class="mb-4" src="/assets/img/logo-light.png" srcset="/assets/img/logo-light@2x.png 2x" alt="" />\n            <p class="mb-4">© <script>\n                document.write(new Date().getUTCFullYear());\n              </script> Simeya. All rights reserved.</p>\n            <nav class="nav social social-white">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-2 offset-lg-2">\n          <div class="widget">\n            <h4 class="widget-title mb-3 text-white">Need Help?</h4>\n            <ul class="list-unstyled mb-0">\n              <li><a href="#">Support</a></li>\n              <li><a href="#">Get Started</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-2">\n          <div class="widget">\n            <h4 class="widget-title mb-3 text-white">Learn More</h4>\n            <ul class="list-unstyled mb-0">\n              <li><a href="#">About Us</a></li>\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Projects</a></li>\n              <li><a href="#">Pricing</a></li>\n              <li><a href="#">Features</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-2">\n          <div class="widget">\n            <h4 class="widget-title mb-3 text-white">Get in Touch</h4>\n            <address>Moonshine St. 14/05 Light City, London, United Kingdom</address>\n            <a href="mailto:first.last@email.com">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!--/.row -->\n    </div>\n    <!-- /.container -->\n  </footer>'),
(23, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(24, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/yellow.css">\n  <link rel="preload" href="/assets/css/fonts/urbanist.css" as="style" onload="this.rel=''stylesheet''">\n  <style>\n    @media (min-width: 992px) {\n      .navbar-collapse .navbar-nav>.nav-item>.nav-link {\n        position: relative;\n      }\n\n      .navbar-collapse .navbar-nav>.nav-item+.nav-item>.nav-link:before {\n        content: "";\n        display: block;\n        position: absolute;\n        width: 3px;\n        height: 3px;\n        top: 50%;\n        left: -2px;\n        background: rgba(0, 0, 0, 0.25);\n        border-radius: 50%;\n      }\n    }\n  </style>\n</head>\n\n<body class="onepage">\n  <div class="content-wrapper">\n    <header'),
(24, 'header', 'header', '<header class="wrapper bg-gray">\n      <nav class="navbar navbar-expand-lg extended extended-alt navbar-light navbar-bg-light">\n        <div class="container flex-lg-column">\n          <div class="topbar d-flex flex-row justify-content-lg-center align-items-center">\n            <div class="navbar-brand"><a href="/index.html"><img src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" /></a></div>\n          </div>\n          <!-- /.d-flex -->\n          <div class="navbar-collapse-wrapper bg-white d-flex flex-row align-items-center justify-content-between">\n            <div class="navbar-other w-100 d-none d-lg-block">\n              <nav class="nav social social-muted">\n                <a href="#"><i class="uil uil-twitter"></i></a>\n                <a href="#"><i class="uil uil-facebook-f"></i></a>\n                <a href="#"><i class="uil uil-instagram"></i></a>\n              </nav>\n              <!-- /.social -->\n            </div>\n            <!-- /.navbar-other -->\n            <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n              <div class="offcanvas-header d-lg-none">\n                <h3 class="text-white fs-30 mb-0">Simeya</h3>\n                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n              </div>\n              <div class="offcanvas-body d-flex flex-column h-100">\n                <ul class="navbar-nav">\n                  <li class="nav-item"><a class="nav-link scroll active" href="#home">Home</a></li>\n                  <li class="nav-item"><a class="nav-link scroll" href="#services">Services</a></li>\n                  <li class="nav-item"><a class="nav-link scroll" href="#portfolio">Portfolio</a></li>\n                  <li class="nav-item"><a class="nav-link scroll" href="#testimonials">Testimonials</a></li>\n                  <li class="nav-item"><a class="nav-link scroll" href="#about">About</a></li>\n                  <li class="nav-item"><a class="nav-link scroll" href="#pricing">Pricing</a></li>\n                </ul>\n                <!-- /.navbar-nav -->\n                <div class="offcanvas-footer d-lg-none">\n                  <div>\n                    <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                    <br /> 00 (123) 456 78 90 <br />\n                    <nav class="nav social social-white mt-4">\n                      <a href="#"><i class="uil uil-twitter"></i></a>\n                      <a href="#"><i class="uil uil-facebook-f"></i></a>\n                      <a href="#"><i class="uil uil-dribbble"></i></a>\n                      <a href="#"><i class="uil uil-instagram"></i></a>\n                      <a href="#"><i class="uil uil-youtube"></i></a>\n                    </nav>\n                    <!-- /.social -->\n                  </div>\n                </div>\n                <!-- /.offcanvas-footer -->\n              </div>\n            </div>\n            <!-- /.navbar-collapse -->\n            <div class="navbar-other w-100 d-flex">\n              <ul class="navbar-nav flex-row align-items-center ms-auto">\n                <li class="nav-item"><a class="nav-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-info"><i class="uil uil-info-circle"></i></a></li>\n                <li class="nav-item"><a class="nav-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-search"><i class="uil uil-search"></i></a></li>\n                <li class="nav-item d-lg-none">\n                  <button class="hamburger offcanvas-nav-btn"><span></span></button>\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n            </div>\n            <!-- /.navbar-other -->\n          </div>\n          <!-- /.navbar-collapse-wrapper -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n      <div class="offcanvas offcanvas-end text-inverse" id="offcanvas-info" data-bs-scroll="true">\n        <div class="offcanvas-header">\n          <h3 class="text-white fs-30 mb-0">Simeya</h3>\n          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n        </div>\n        <div class="offcanvas-body pb-6">\n          <div class="widget mb-8">\n            <p>Simeya is a multipurpose HTML5 template with various layouts which will be a great solution for your business.</p>\n          </div>\n          <!-- /.widget -->\n          <div class="widget mb-8">\n            <h4 class="widget-title text-white mb-3">Contact Info</h4>\n            <address> Moonshine St. 14/05 <br /> Light City, London </address>\n            <a href="mailto:first.last@email.com">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n          <div class="widget mb-8">\n            <h4 class="widget-title text-white mb-3">Learn More</h4>\n            <ul class="list-unstyled">\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n              <li><a href="#">Contact Us</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Follow Us</h4>\n            <nav class="nav social social-white">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /.offcanvas-body -->\n      </div>\n      <!-- /.offcanvas -->\n      <div class="offcanvas offcanvas-top bg-light" id="offcanvas-search" data-bs-scroll="true">\n        <div class="container d-flex flex-row py-6">\n          <form class="search-form w-100">\n            <input id="search-form" type="text" class="form-control" placeholder="Type keyword and hit enter">\n          </form>\n          <!-- /.search-form -->\n          <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n        </div>\n        <!-- /.container -->\n      </div>\n      <!-- /.offcanvas -->\n    </header>'),
(24, 'content', 'section_1', '<section id="home">\n      <div class="wrapper bg-gray overflow-hidden">\n        <div class="container-fluid px-xl-0 pt-6 pb-10">\n          <div class="swiper-container swiper-auto" data-margin="30" data-dots="true" data-nav="true" data-centered="true" data-loop="true" data-items-auto="true">\n            <div class="swiper overflow-visible">\n              <div class="swiper-wrapper">\n                <div class="swiper-slide">\n                  <figure class="rounded"><img src="/assets/img/photos/cf1.jpg" alt="" /><a class="item-link" href="/assets/img/photos/cf1.jpg" data-glightbox data-gallery="gallery-group"><i class="uil uil-focus-add"></i></a></figure>\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <figure class="rounded"><img src="/assets/img/photos/cf2.jpg" alt="" /><a class="item-link" href="/assets/img/photos/cf2.jpg" data-glightbox data-gallery="gallery-group"><i class="uil uil-focus-add"></i></a></figure>\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <figure class="rounded"><img src="/assets/img/photos/cf3.jpg" alt="" /><a class="item-link" href="/assets/img/photos/cf3.jpg" data-glightbox data-gallery="gallery-group"><i class="uil uil-focus-add"></i></a></figure>\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <figure class="rounded"><img src="/assets/img/photos/cf4.jpg" alt="" /><a class="item-link" href="/assets/img/photos/cf4.jpg" data-glightbox data-gallery="gallery-group"><i class="uil uil-focus-add"></i></a></figure>\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <figure class="rounded"><img src="/assets/img/photos/cf5.jpg" alt="" /><a class="item-link" href="/assets/img/photos/cf5.jpg" data-glightbox data-gallery="gallery-group"><i class="uil uil-focus-add"></i></a></figure>\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <figure class="rounded"><img src="/assets/img/photos/cf6.jpg" alt="" /><a class="item-link" href="/assets/img/photos/cf6.jpg" data-glightbox data-gallery="gallery-group"><i class="uil uil-focus-add"></i></a></figure>\n                </div>\n                <!--/.swiper-slide -->\n              </div>\n              <!--/.swiper-wrapper -->\n            </div>\n            <!-- /.swiper -->\n          </div>\n          <!-- /.swiper-container -->\n        </div>\n        <!-- /.cotnainer -->\n      </div>\n      <!-- /.overflow-hidden -->\n    </section>'),
(24, 'content', 'section_2', '<section id="services">\n      <div class="wrapper bg-gray">\n        <div class="container py-15 py-md-17">\n          <div class="row gx-lg-0 gy-10 align-items-center">\n            <div class="col-lg-6">\n              <div class="row g-6 text-center">\n                <div class="col-md-6">\n                  <div class="card shadow-lg mb-6">\n                    <figure class="card-img-top overlay overlay-1">\n                      <a href="#"><img class="img-fluid" src="/assets/img/photos/fs4.jpg" alt="" /></a>\n                      <figcaption>\n                        <h5 class="from-top mb-0">View Gallery</h5>\n                      </figcaption>\n                    </figure>\n                    <div class="card-body p-4">\n                      <h3 class="h4 mb-0">Products</h3>\n                    </div>\n                    <!--/.card-body -->\n                  </div>\n                  <!-- /.card -->\n                  <div class="card shadow-lg">\n                    <figure class="card-img-top overlay overlay-1">\n                      <a href="#"><img class="img-fluid" src="/assets/img/photos/fs6.jpg" alt="" /></a>\n                      <figcaption>\n                        <h5 class="from-top mb-0">View Gallery</h5>\n                      </figcaption>\n                    </figure>\n                    <div class="card-body p-4">\n                      <h3 class="h4 mb-0">Recipes</h3>\n                    </div>\n                    <!--/.card-body -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!-- /column -->\n                <div class="col-md-6">\n                  <div class="card shadow-lg mt-md-6 mb-6">\n                    <figure class="card-img-top overlay overlay-1">\n                      <a href="#"><img class="img-fluid" src="/assets/img/photos/fs5.jpg" alt="" /></a>\n                      <figcaption>\n                        <h5 class="from-top mb-0">View Gallery</h5>\n                      </figcaption>\n                    </figure>\n                    <div class="card-body p-4">\n                      <h3 class="h4 mb-0">Restaurants</h3>\n                    </div>\n                    <!--/.card-body -->\n                  </div>\n                  <!-- /.card -->\n                  <div class="card shadow-lg">\n                    <figure class="card-img-top overlay overlay-1">\n                      <a href="#"><img class="img-fluid" src="/assets/img/photos/fs7.jpg" alt="" /></a>\n                      <figcaption>\n                        <h5 class="from-top mb-0">View Gallery</h5>\n                      </figcaption>\n                    </figure>\n                    <div class="card-body p-4">\n                      <h3 class="h4 mb-0">Still Life</h3>\n                    </div>\n                    <!--/.card-body -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!-- /column -->\n              </div>\n              <!-- /.row -->\n            </div>\n            <!-- /column -->\n            <div class="col-lg-5 offset-lg-1">\n              <h2 class="display-5 mb-3">My Services</h2>\n              <p class="lead fs-lg">I would like to give you a unique photography experience, capture your products with excellent composition and lighting skills.</p>\n              <p>Donec ullamcorper nulla non metus auctor fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas faucibus mollis elit interdum. Duis mollis, est non commodo luctus, nisi erat ligula mollis metus auctor fringilla.</p>\n              <a href="#" class="btn btn-primary rounded-pill mt-2">More Details</a>\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n        </div>\n        <!-- /.container -->\n      </div>\n      <!-- /.wrapper -->\n    </section>'),
(24, 'content', 'section_3', '<section id="portfolio">\n      <div class="wrapper bg-gray">\n        <div class="container py-15 py-md-17 text-center">\n          <div class="row">\n            <div class="col-lg-10 col-xl-8 col-xxl-7 mx-auto mb-8">\n              <h2 class="display-5 mb-3">My Selected Shots</h2>\n              <p class="lead fs-lg">Photography is my passion and I love to turn ideas into beautiful things.</p>\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n          <div class="grid grid-view projects-masonry">\n            <div class="isotope-filter filter mb-10">\n              <ul>\n                <li><a class="filter-item active" data-filter="*">All</a></li>\n                <li><a class="filter-item" data-filter=".foods">Foods</a></li>\n                <li><a class="filter-item" data-filter=".drinks">Drinks</a></li>\n                <li><a class="filter-item" data-filter=".events">Events</a></li>\n                <li><a class="filter-item" data-filter=".pastries">Pastries</a></li>\n              </ul>\n            </div>\n            <div class="row gx-md-6 gy-6 isotope">\n              <div class="project item col-md-6 col-xl-4 drinks events">\n                <figure class="overlay overlay-1 rounded"><a href="/assets/img/photos/pf1-full.jpg" data-glightbox data-gallery="shots-group"> <img src="/assets/img/photos/pf1.jpg" alt="" /></a>\n                  <figcaption>\n                    <h5 class="from-top mb-0">Fringilla Nullam</h5>\n                  </figcaption>\n                </figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 events">\n                <figure class="overlay overlay-1 rounded"><a href="/assets/img/photos/pf2-full.jpg" data-glightbox data-gallery="shots-group"> <img src="/assets/img/photos/pf2.jpg" alt="" /></a>\n                  <figcaption>\n                    <h5 class="from-top mb-0">Ridiculus Parturient</h5>\n                  </figcaption>\n                </figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 drinks foods">\n                <figure class="overlay overlay-1 rounded"><a href="/assets/img/photos/pf3-full.jpg" data-glightbox data-gallery="shots-group"> <img src="/assets/img/photos/pf3.jpg" alt="" /></a>\n                  <figcaption>\n                    <h5 class="from-top mb-0">Ornare Ipsum</h5>\n                  </figcaption>\n                </figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 events">\n                <figure class="overlay overlay-1 rounded"><a href="/assets/img/photos/pf4-full.jpg" data-glightbox data-gallery="shots-group"> <img src="/assets/img/photos/pf4.jpg" alt="" /></a>\n                  <figcaption>\n                    <h5 class="from-top mb-0">Nullam Mollis</h5>\n                  </figcaption>\n                </figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 pastries events">\n                <figure class="overlay overlay-1 rounded"><a href="/assets/img/photos/pf5-full.jpg" data-glightbox data-gallery="shots-group"> <img src="/assets/img/photos/pf5.jpg" alt="" /></a>\n                  <figcaption>\n                    <h5 class="from-top mb-0">Euismod Risus</h5>\n                  </figcaption>\n                </figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 foods">\n                <figure class="overlay overlay-1 rounded"><a href="/assets/img/photos/pf6-full.jpg" data-glightbox data-gallery="shots-group"> <img src="/assets/img/photos/pf6.jpg" alt="" /></a>\n                  <figcaption>\n                    <h5 class="from-top mb-0">Ridiculus Tristique</h5>\n                  </figcaption>\n                </figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 foods drinks">\n                <figure class="overlay overlay-1 rounded"><a href="/assets/img/photos/pf7-full.jpg" data-glightbox data-gallery="shots-group"> <img src="/assets/img/photos/pf7.jpg" alt="" /></a>\n                  <figcaption>\n                    <h5 class="from-top mb-0">Sollicitudin Pharetra</h5>\n                  </figcaption>\n                </figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 pastries">\n                <figure class="overlay overlay-1 rounded"><a href="/assets/img/photos/pf8-full.jpg" data-glightbox data-gallery="shots-group"> <img src="/assets/img/photos/pf8.jpg" alt="" /></a>\n                  <figcaption>\n                    <h5 class="from-top mb-0">Tristique Venenatis</h5>\n                  </figcaption>\n                </figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 events">\n                <figure class="overlay overlay-1 rounded"><a href="/assets/img/photos/pf9-full.jpg" data-glightbox data-gallery="shots-group"> <img src="/assets/img/photos/pf9.jpg" alt="" /></a>\n                  <figcaption>\n                    <h5 class="from-top mb-0">Cursus Fusce</h5>\n                  </figcaption>\n                </figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 foods">\n                <figure class="overlay overlay-1 rounded"><a href="/assets/img/photos/pf10-full.jpg" data-glightbox data-gallery="shots-group"> <img src="/assets/img/photos/pf10.jpg" alt="" /></a>\n                  <figcaption>\n                    <h5 class="from-top mb-0">Consectetur Malesuada</h5>\n                  </figcaption>\n                </figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 drinks">\n                <figure class="overlay overlay-1 rounded"><a href="/assets/img/photos/pf11-full.jpg" data-glightbox data-gallery="shots-group"> <img src="/assets/img/photos/pf11.jpg" alt="" /></a>\n                  <figcaption>\n                    <h5 class="from-top mb-0">Ultricies Aenean</h5>\n                  </figcaption>\n                </figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 foods">\n                <figure class="overlay overlay-1 rounded"><a href="/assets/img/photos/pf12-full.jpg" data-glightbox data-gallery="shots-group"> <img src="/assets/img/photos/pf12.jpg" alt="" /></a>\n                  <figcaption>\n                    <h5 class="from-top mb-0">Pellentesque Commodo</h5>\n                  </figcaption>\n                </figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 drinks">\n                <figure class="overlay overlay-1 rounded"><a href="/assets/img/photos/pf13-full.jpg" data-glightbox data-gallery="shots-group"> <img src="/assets/img/photos/pf13.jpg" alt="" /></a>\n                  <figcaption>\n                    <h5 class="from-top mb-0">Ultricies Aenean</h5>\n                  </figcaption>\n                </figure>\n              </div>\n              <!-- /.project -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!-- /.grid -->\n        </div>\n        <!-- /.container -->\n      </div>\n      <!-- /.wrapper -->\n    </section>'),
(24, 'content', 'section_4', '<section id="testimonials">\n      <div class="wrapper image-wrapper bg-image bg-overlay" data-image-src="/assets/img/photos/bg35.jpg">\n        <div class="container py-15 py-md-17">\n          <h2 class="display-5 mb-4 text-center text-white">Happy Customers</h2>\n          <div class="swiper-container dots-closer dots-light dots-light-75" data-margin="0" data-dots="true" data-items-xl="3" data-items-md="2" data-items-xs="1">\n            <div class="swiper">\n              <div class="swiper-wrapper">\n                <div class="swiper-slide">\n                  <div class="item-inner">\n                    <div class="card border-0 bg-white-900">\n                      <div class="card-body">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="border-0 mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque penatibus.”</p>\n                          <div class="blockquote-details">\n                            <div class="info p-0">\n                              <h5 class="mb-0">Coriss Ambady</h5>\n                              <p class="mb-0">Financial Analyst</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </div>\n                  <!-- /.item-inner -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="item-inner">\n                    <div class="card border-0 bg-white-900">\n                      <div class="card-body">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="border-0 mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque penatibus.”</p>\n                          <div class="blockquote-details">\n                            <div class="info p-0">\n                              <h5 class="mb-0">Cory Zamora</h5>\n                              <p class="mb-0">Marketing Specialist</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </div>\n                  <!-- /.item-inner -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="item-inner">\n                    <div class="card border-0 bg-white-900">\n                      <div class="card-body">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="border-0 mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque penatibus.”</p>\n                          <div class="blockquote-details">\n                            <div class="info p-0">\n                              <h5 class="mb-0">Nikolas Brooten</h5>\n                              <p class="mb-0">Sales Manager</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </div>\n                  <!-- /.item-inner -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="item-inner">\n                    <div class="card border-0 bg-white-900">\n                      <div class="card-body">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="border-0 mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque penatibus.”</p>\n                          <div class="blockquote-details">\n                            <div class="info p-0">\n                              <h5 class="mb-0">Coriss Ambady</h5>\n                              <p class="mb-0">Financial Analyst</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </div>\n                  <!-- /.item-inner -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="item-inner">\n                    <div class="card border-0 bg-white-900">\n                      <div class="card-body">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="border-0 mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque penatibus.”</p>\n                          <div class="blockquote-details">\n                            <div class="info p-0">\n                              <h5 class="mb-0">Jackie Sanders</h5>\n                              <p class="mb-0">Investment Planner</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </div>\n                  <!-- /.item-inner -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="item-inner">\n                    <div class="card border-0 bg-white-900">\n                      <div class="card-body">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="border-0 mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque penatibus.”</p>\n                          <div class="blockquote-details">\n                            <div class="info p-0">\n                              <h5 class="mb-0">Laura Widerski</h5>\n                              <p class="mb-0">Sales Specialist</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </div>\n                  <!-- /.item-inner -->\n                </div>\n                <!--/.swiper-slide -->\n              </div>\n              <!--/.swiper-wrapper -->\n            </div>\n            <!-- /.swiper -->\n          </div>\n          <!-- /.swiper-container -->\n        </div>\n        <!-- /.container -->\n      </div>\n      <!-- /.wrapper -->\n    </section>'),
(24, 'content', 'section_5', '<section id="about">\n      <div class="wrapper bg-gray">\n        <div class="container py-14 py-md-16">\n          <div class="row gx-md-8 gx-xl-12 gy-6 align-items-center">\n            <div class="col-md-8 col-lg-6 order-lg-2 mx-auto">\n              <div class="img-mask mask-2"><img src="/assets/img/photos/about30.jpg" alt="" /></div>\n            </div>\n            <!--/column -->\n            <div class="col-lg-6">\n              <h2 class="display-5 mb-3">About Me</h2>\n              <p class="lead fs-lg">I''m Caitlyn Simeya, a photographer specializing in food, drink and product photography.</p>\n              <p>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.</p>\n              <p>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.</p>\n              <a href="#" class="btn btn-primary rounded-pill mt-2">Learn More</a>\n            </div>\n            <!--/column -->\n          </div>\n          <!-- /.row -->\n          <div class="row gx-md-8 gx-xl-12 mt-10 mt-md-13">\n            <div class="col-lg-4">\n              <h2 class="display-5 mb-3">My Working Process</h2>\n              <p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Fusce dapibus, tellus ac cursus. Aenean eu leo quam.</p>\n            </div>\n            <!-- /column -->\n            <div class="col-lg-8">\n              <div class="row gy-6 gx-md-8 gx-xl-12">\n                <div class="col-md-6">\n                  <div class="d-flex flex-row">\n                    <div>\n                      <span class="icon btn btn-circle btn-primary pe-none me-4"><span class="number fs-18">1</span></span>\n                    </div>\n                    <div>\n                      <h4 class="mb-1">Concept</h4>\n                      <p class="mb-0">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.</p>\n                    </div>\n                  </div>\n                </div>\n                <!--/column -->\n                <div class="col-md-6">\n                  <div class="d-flex flex-row">\n                    <div>\n                      <span class="icon btn btn-circle btn-primary pe-none me-4"><span class="number fs-18">2</span></span>\n                    </div>\n                    <div>\n                      <h4 class="mb-1">Prepare</h4>\n                      <p class="mb-0">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.</p>\n                    </div>\n                  </div>\n                </div>\n                <!--/column -->\n                <div class="col-md-6">\n                  <div class="d-flex flex-row">\n                    <div>\n                      <span class="icon btn btn-circle btn-primary pe-none me-4"><span class="number fs-18">3</span></span>\n                    </div>\n                    <div>\n                      <h4 class="mb-1">Retouch</h4>\n                      <p class="mb-0">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.</p>\n                    </div>\n                  </div>\n                </div>\n                <!--/column -->\n                <div class="col-md-6">\n                  <div class="d-flex flex-row">\n                    <div>\n                      <span class="icon btn btn-circle btn-primary pe-none me-4"><span class="number fs-18">4</span></span>\n                    </div>\n                    <div>\n                      <h4 class="mb-1">Finalize</h4>\n                      <p class="mb-0">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.</p>\n                    </div>\n                  </div>\n                </div>\n                <!--/column -->\n              </div>\n              <!--/.row -->\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n        </div>\n        <!-- /.container -->\n      </div>\n      <!-- /.wrapper -->\n    </section>'),
(24, 'content', 'section_6', '<section id="pricing">\n      <div class="wrapper image-wrapper bg-image bg-overlay" data-image-src="/assets/img/photos/bg36.jpg">\n        <div class="container py-15 py-md-17">\n          <div class="row">\n            <div class="col-xl-9 mx-auto">\n              <div class="card border-0 bg-white-900">\n                <div class="card-body py-lg-13 px-lg-16">\n                  <h2 class="display-5 mb-3 text-center">Request Photography Pricing</h2>\n                  <p class="lead fs-lg text-center mb-10">For more information please get in touch using the form below:</p>\n                  <form class="contact-form needs-validation" method="post" action="./assets/php/contact.php" novalidate>\n                    <div class="messages"></div>\n                    <div class="row gx-4">\n                      <div class="col-md-6">\n                        <div class="form-floating mb-4">\n                          <input id="form_name" type="text" name="name" class="form-control bg-white-700 border-0" placeholder="Name" required>\n                          <label for="form_name">Name *</label>\n                          <div class="valid-feedback"> Looks good! </div>\n                          <div class="invalid-feedback"> Please enter your name. </div>\n                        </div>\n                      </div>\n                      <!-- /column -->\n                      <div class="col-md-6">\n                        <div class="form-floating mb-4">\n                          <input id="form_email" type="email" name="email" class="form-control bg-white-700 border-0" placeholder="jane.doe@example.com" required>\n                          <label for="form_email">Email *</label>\n                          <div class="valid-feedback"> Looks good! </div>\n                          <div class="invalid-feedback"> Please provide a valid email address. </div>\n                        </div>\n                      </div>\n                      <!-- /column -->\n                      <div class="col-12">\n                        <div class="form-floating mb-4">\n                          <textarea id="form_message" name="message" class="form-control bg-white-700 border-0" placeholder="Your message" style="height: 150px" required></textarea>\n                          <label for="form_message">Message *</label>\n                          <div class="valid-feedback"> Looks good! </div>\n                          <div class="invalid-feedback"> Please enter your messsage. </div>\n                        </div>\n                      </div>\n                      <!-- /column -->\n                      <div class="col-12 text-center">\n                        <input type="submit" class="btn btn-primary rounded-pill btn-send" value="Send message">\n                      </div>\n                      <!-- /column -->\n                    </div>\n                    <!-- /.row -->\n                  </form>\n                  <!-- /form -->\n                </div>\n                <!--/.card-body -->\n              </div>\n              <!--/.card -->\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n        </div>\n        <!-- /.container -->\n      </div>\n      <!-- /.wrapper -->\n    </section>'),
(24, 'footer', 'footer', '<footer class="bg-gray">\n    <div class="container pt-13 pb-7">\n      <div class="row gx-lg-0 gy-6">\n        <div class="col-lg-4">\n          <div class="widget">\n            <img class="mb-4" src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n            <p class="lead mb-0">I''m Caitlyn Simeya, a photographer specializing in food, drink and product photography.</p>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-lg-3 offset-lg-2">\n          <div class="widget">\n            <div class="d-flex flex-row">\n              <div>\n                <div class="icon text-primary fs-28 me-4 mt-n1"> <i class="uil uil-phone-volume"></i> </div>\n              </div>\n              <div>\n                <h5 class="mb-1">Phone</h5>\n                <p class="mb-0">00 (123) 456 78 90 <br />00 (987) 654 32 10</p>\n              </div>\n            </div>\n            <!--/div -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-lg-3">\n          <div class="widget">\n            <div class="d-flex flex-row">\n              <div>\n                <div class="icon text-primary fs-28 me-4 mt-n1"> <i class="uil uil-location-pin-alt"></i> </div>\n              </div>\n              <div class="align-self-start justify-content-start">\n                <h5 class="mb-1">Address</h5>\n                <address>Moonshine St. 14/05 Light City, London, United Kingdom</address>\n              </div>\n            </div>\n            <!--/div -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!--/.row -->\n      <hr class="mt-11 mt-md-12 mb-7" />\n      <div class="d-md-flex align-items-center justify-content-between">\n        <p class="mb-2 mb-lg-0">© <script>\n            document.write(new Date().getUTCFullYear());\n          </script> Simeya. All rights reserved.</p>\n        <nav class="nav social social-muted mb-0 text-md-end">\n          <a href="#"><i class="uil uil-twitter"></i></a>\n          <a href="#"><i class="uil uil-facebook-f"></i></a>\n          <a href="#"><i class="uil uil-dribbble"></i></a>\n          <a href="#"><i class="uil uil-instagram"></i></a>\n          <a href="#"><i class="uil uil-youtube"></i></a>\n        </nav>\n        <!-- /.social -->\n      </div>\n    </div>\n    <!-- /.container -->\n  </footer>'),
(24, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(25, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/pink.css">\n  <link rel="preload" href="/assets/css/fonts/urbanist.css" as="style" onload="this.rel=''stylesheet''">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(25, 'header', 'header', '<header class="wrapper bg-gray">\n      <nav class="navbar navbar-expand-lg center-nav navbar-light navbar-bg-light">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <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>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <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>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <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>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <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>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <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>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <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>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <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>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <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>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <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>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <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>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <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>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <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>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <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>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <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>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <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>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <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>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <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>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <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>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <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>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <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>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <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>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <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>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <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>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <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>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <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>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <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>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <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>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <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>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <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>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <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>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <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>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <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>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <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>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <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>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <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>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <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>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <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>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <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>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <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>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <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>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <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>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <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>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <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>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <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>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <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>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <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>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <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>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <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>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <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>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <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>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <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>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <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>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <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>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other w-100 d-flex ms-auto">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item">\n                <nav class="nav social social-muted justify-content-end text-end">\n                  <a href="#"><i class="uil uil-twitter"></i></a>\n                  <a href="#"><i class="uil uil-facebook-f"></i></a>\n                  <a href="#"><i class="uil uil-dribbble"></i></a>\n                  <a href="#"><i class="uil uil-instagram"></i></a>\n                </nav>\n                <!-- /.social -->\n              </li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n    </header>'),
(25, 'content', 'section_1', '<section class="wrapper bg-gray">\n      <div class="container pt-10 pb-14 pb-md-16">\n        <div class="swiper-container blog grid-view mb-16" data-margin="30" data-dots="true" data-items-lg="2" data-items-md="1" data-items-xs="1">\n          <div class="swiper">\n            <div class="swiper-wrapper">\n              <div class="swiper-slide">\n                <figure class="overlay caption caption-overlay rounded mb-0"><a href="#"> <img src="/assets/img/photos/tb1.jpg" alt="" /></a>\n                  <figcaption>\n                    <span class="badge badge-lg bg-white text-uppercase mb-3">Places</span>\n                    <h2 class="post-title h3 mt-1 mb-3"><a href="/blog-post.html">The Best Moments in Venice</a></h2>\n                    <ul class="post-meta text-white mb-0">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>8 Aug 2022</span></li>\n                      <li class="post-author"><a href="#"><i class="uil uil-user"></i><span>By Simeya</span></a></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-comment"></i>3<span> Comments</span></a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </figcaption>\n                  <!-- /figcaption -->\n                </figure>\n                <!-- /figure -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <figure class="overlay caption caption-overlay rounded mb-0"><a href="#"> <img src="/assets/img/photos/tb2.jpg" alt="" /></a>\n                  <figcaption>\n                    <span class="badge badge-lg bg-white text-uppercase mb-3">Restaurants</span>\n                    <h2 class="post-title h3 mt-1 mb-3"><a href="/blog-post.html">10 Great Places in Belgium</a></h2>\n                    <ul class="post-meta text-white mb-0">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>5 Jul 2022</span></li>\n                      <li class="post-author"><a href="#"><i class="uil uil-user"></i><span>By Simeya</span></a></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-comment"></i>5<span> Comments</span></a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </figcaption>\n                  <!-- /figcaption -->\n                </figure>\n                <!-- /figure -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <figure class="overlay caption caption-overlay rounded mb-0"><a href="#"> <img src="/assets/img/photos/tb3.jpg" alt="" /></a>\n                  <figcaption>\n                    <span class="badge badge-lg bg-white text-uppercase mb-3">Roadtrip</span>\n                    <h2 class="post-title h3 mt-1 mb-3"><a href="/blog-post.html">A Dreamy Roadtrip in Australia</a></h2>\n                    <ul class="post-meta text-white mb-0">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>23 Jun 2022</span></li>\n                      <li class="post-author"><a href="#"><i class="uil uil-user"></i><span>By Simeya</span></a></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-comment"></i>8<span> Comments</span></a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </figcaption>\n                  <!-- /figcaption -->\n                </figure>\n                <!-- /figure -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <figure class="overlay caption caption-overlay rounded mb-0"><a href="#"> <img src="/assets/img/photos/tb4.jpg" alt="" /></a>\n                  <figcaption>\n                    <span class="badge badge-lg bg-white text-uppercase mb-3">Historic</span>\n                    <h2 class="post-title h3 mt-1 mb-3"><a href="/blog-post.html">My Love Affair with Cappadocia</a></h2>\n                    <ul class="post-meta text-white mb-0">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>15 Apr 2022</span></li>\n                      <li class="post-author"><a href="#"><i class="uil uil-user"></i><span>By Simeya</span></a></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-comment"></i>9<span> Comments</span></a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </figcaption>\n                  <!-- /figcaption -->\n                </figure>\n                <!-- /figure -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <figure class="overlay caption caption-overlay rounded mb-0"><a href="#"> <img src="/assets/img/photos/tb5.jpg" alt="" /></a>\n                  <figcaption>\n                    <span class="badge badge-lg bg-white text-uppercase mb-3">Nature</span>\n                    <h2 class="post-title h3 mt-1 mb-3"><a href="/blog-post.html">24 Hours in a Village of Valencia</a></h2>\n                    <ul class="post-meta text-white mb-0">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>14 Feb 2022</span></li>\n                      <li class="post-author"><a href="#"><i class="uil uil-user"></i><span>By Simeya</span></a></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-comment"></i>11<span> Comments</span></a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </figcaption>\n                  <!-- /figcaption -->\n                </figure>\n                <!-- /figure -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <figure class="overlay caption caption-overlay rounded mb-0"><a href="#"> <img src="/assets/img/photos/tb6.jpg" alt="" /></a>\n                  <figcaption>\n                    <span class="badge badge-lg bg-white text-uppercase mb-3">Architecture</span>\n                    <h2 class="post-title h3 mt-1 mb-3"><a href="/blog-post.html">The Largest Train Station in Europe</a></h2>\n                    <ul class="post-meta text-white mb-0">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>22 Jan 2022</span></li>\n                      <li class="post-author"><a href="#"><i class="uil uil-user"></i><span>By Simeya</span></a></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-comment"></i>8<span> Comments</span></a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </figcaption>\n                  <!-- /figcaption -->\n                </figure>\n                <!-- /figure -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <figure class="overlay caption caption-overlay rounded mb-0"><a href="#"> <img src="/assets/img/photos/tb7.jpg" alt="" /></a>\n                  <figcaption>\n                    <span class="badge badge-lg bg-white text-uppercase mb-3">Nature</span>\n                    <h2 class="post-title h3 mt-1 mb-3"><a href="/blog-post.html">The Natural Places in Brazil</a></h2>\n                    <ul class="post-meta text-white mb-0">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2 Jan 2022</span></li>\n                      <li class="post-author"><a href="#"><i class="uil uil-user"></i><span>By Simeya</span></a></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-comment"></i>14<span> Comments</span></a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </figcaption>\n                  <!-- /figcaption -->\n                </figure>\n                <!-- /figure -->\n              </div>\n              <!--/.swiper-slide -->\n            </div>\n            <!--/.swiper-wrapper -->\n          </div>\n          <!-- /.swiper -->\n        </div>\n        <!-- /.swiper-container -->\n        <div class="row">\n          <div class="col-lg-12 col-xl-10 col-xxl-8 mx-auto text-center">\n            <h2 class="display-5 text-center mt-4 mb-10">Hello! I''m Caitlyn. Welcome to my blog. Here on this blog you will be able to find travel diary with traveling tips.</h2>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row grid-view gx-md-8 gx-xl-10 gy-8 gy-lg-0 text-center">\n          <div class="col-md-6 col-lg-4 mx-auto">\n            <div class="card shadow-lg">\n              <figure class="card-img-top overlay overlay-1">\n                <a href="#"><img class="img-fluid" src="/assets/img/photos/f1.jpg" alt="" /></a>\n                <figcaption>\n                  <h5 class="from-top mb-0">Read Details</h5>\n                </figcaption>\n              </figure>\n              <div class="card-body p-5">\n                <h4 class="mb-0">About Me</h4>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!-- /.card -->\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4 mx-auto">\n            <div class="card shadow-lg">\n              <figure class="card-img-top overlay overlay-1">\n                <a href="#"><img class="img-fluid" src="/assets/img/photos/f2.jpg" alt="" /></a>\n                <figcaption>\n                  <h5 class="from-top mb-0">See Destinations</h5>\n                </figcaption>\n              </figure>\n              <div class="card-body p-5">\n                <h4 class="mb-0">Destinations</h4>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!-- /.card -->\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4 mx-auto">\n            <div class="card shadow-lg">\n              <figure class="card-img-top overlay overlay-1">\n                <a href="#"><img class="img-fluid" src="/assets/img/photos/f3.jpg" alt="" /></a>\n                <figcaption>\n                  <h5 class="from-top mb-0">Follow Me</h5>\n                </figcaption>\n              </figure>\n              <div class="card-body p-5">\n                <h4 class="mb-0">Instagram</h4>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!-- /.card -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-lg-8 gx-xl-12 mt-17">\n          <div class="col-lg-8">\n            <div class="blog classic-view">\n              <article class="post">\n                <div class="card shadow-lg">\n                  <figure class="card-img-top overlay overlay-1"><a href="/blog-post.html"><img src="/assets/img/photos/tb8.jpg" alt="" /></a>\n                    <figcaption>\n                      <h5 class="from-top mb-0">Read More</h5>\n                    </figcaption>\n                  </figure>\n                  <div class="card-body">\n                    <div class="post-header">\n                      <div class="post-category">\n                        <a href="#" class="hover link-grape" rel="category">Architecture</a>\n                      </div>\n                      <!-- /.post-category -->\n                      <h2 class="post-title mt-1 mb-0"><a class="link-navy" href="/blog-post.html">Amet Dolor Bibendum Parturient Cursus</a></h2>\n                    </div>\n                    <!-- /.post-header -->\n                    <div class="post-content">\n                      <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nullam quis risus eget urna mollis ornare vel. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh. Cras mattis consectetur purus.</p>\n                    </div>\n                    <!-- /.post-content -->\n                  </div>\n                  <!--/.card-body -->\n                  <div class="card-footer">\n                    <ul class="post-meta d-flex mb-0">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>5 Jul 2022</span></li>\n                      <li class="post-author"><a href="#"><i class="uil uil-user"></i><span>By Simeya</span></a></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-comment"></i>3<span> Comments</span></a></li>\n                      <li class="post-likes ms-auto"><a href="#"><i class="uil uil-heart-alt"></i>3</a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </div>\n                  <!-- /.card-footer -->\n                </div>\n                <!-- /.card -->\n              </article>\n              <!-- /.post -->\n              <article class="post">\n                <div class="card shadow-lg">\n                  <figure class="card-img-top overlay overlay-1"><a href="/blog-post.html"><img src="/assets/img/photos/tb9.jpg" alt="" /></a>\n                    <figcaption>\n                      <h5 class="from-top mb-0">Read More</h5>\n                    </figcaption>\n                  </figure>\n                  <div class="card-body">\n                    <div class="post-header">\n                      <div class="post-category">\n                        <a href="#" class="hover link-fuchsia" rel="category">Restaurants</a>\n                      </div>\n                      <!-- /.post-category -->\n                      <h2 class="post-title mt-1 mb-0"><a class="link-navy" href="/blog-post.html">Fringilla Ligula Pharetra Amet</a></h2>\n                    </div>\n                    <!-- /.post-header -->\n                    <div class="post-content">\n                      <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nullam quis risus eget urna mollis ornare vel. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh. Cras mattis consectetur purus.</p>\n                    </div>\n                    <!-- /.post-content -->\n                  </div>\n                  <!--/.card-body -->\n                  <div class="card-footer">\n                    <ul class="post-meta d-flex mb-0">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>25 Jun 2022</span></li>\n                      <li class="post-author"><a href="#"><i class="uil uil-user"></i><span>By Simeya</span></a></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-comment"></i>5<span> Comments</span></a></li>\n                      <li class="post-likes ms-auto"><a href="#"><i class="uil uil-heart-alt"></i>4</a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </div>\n                  <!-- /.card-footer -->\n                </div>\n                <!-- /.card -->\n              </article>\n              <!-- /.post -->\n              <article class="post">\n                <div class="card shadow-lg">\n                  <div class="card-img-top">\n                    <div class="player" data-plyr-provider="youtube" data-plyr-embed-id="hxeITyt_XfU"></div>\n                  </div>\n                  <div class="card-body">\n                    <div class="post-header">\n                      <div class="post-category">\n                        <a href="#" class="hover link-sky" rel="category">Nature</a>\n                      </div>\n                      <!-- /.post-category -->\n                      <h2 class="post-title mt-1 mb-0"><a class="link-navy" href="/blog-post.html">Consectetur Bibendum Sollicitudin Vulputate</a></h2>\n                    </div>\n                    <!-- /.post-header -->\n                    <div class="post-content">\n                      <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nullam quis risus eget urna mollis ornare vel. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh. Cras mattis consectetur purus.</p>\n                    </div>\n                    <!-- /.post-content -->\n                  </div>\n                  <!--/.card-body -->\n                  <div class="card-footer">\n                    <ul class="post-meta d-flex mb-0">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>18 May 2022</span></li>\n                      <li class="post-author"><a href="#"><i class="uil uil-user"></i><span>By Simeya</span></a></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-comment"></i>8<span> Comments</span></a></li>\n                      <li class="post-likes ms-auto"><a href="#"><i class="uil uil-heart-alt"></i>6</a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </div>\n                  <!-- /.card-footer -->\n                </div>\n                <!-- /.card -->\n              </article>\n              <!-- /.post -->\n            </div>\n            <!-- /.blog -->\n            <div class="blog grid grid-view">\n              <div class="row isotope gx-md-8 gy-8 mb-8">\n                <article class="item post col-md-6">\n                  <div class="card shadow-lg">\n                    <figure class="card-img-top overlay overlay-1"><a href="#"> <img src="/assets/img/photos/tb10.jpg" alt="" /></a>\n                      <figcaption>\n                        <h5 class="from-top mb-0">Read More</h5>\n                      </figcaption>\n                    </figure>\n                    <div class="card-body">\n                      <div class="post-header">\n                        <div class="post-category">\n                          <a href="#" class="hover link-yellow" rel="category">Roadtrip</a>\n                        </div>\n                        <!-- /.post-category -->\n                        <h2 class="post-title h3 mt-1 mb-3"><a class="link-navy" href="/blog-post.html">Ligula tristique quis risus</a></h2>\n                      </div>\n                      <!-- /.post-header -->\n                      <div class="post-content">\n                        <p>Mauris convallis non ligula non interdum. Gravida vulputate convallis tempus vestibulum cras imperdiet nun eu dolor. Aenean lacinia bibendum nulla sed.</p>\n                      </div>\n                      <!-- /.post-content -->\n                    </div>\n                    <!--/.card-body -->\n                    <div class="card-footer">\n                      <ul class="post-meta d-flex mb-0">\n                        <li class="post-date"><i class="uil uil-calendar-alt"></i><span>14 Apr 2022</span></li>\n                        <li class="post-comments"><a href="#"><i class="uil uil-comment"></i>4</a></li>\n                        <li class="post-likes ms-auto"><a href="#"><i class="uil uil-heart-alt"></i>5</a></li>\n                      </ul>\n                      <!-- /.post-meta -->\n                    </div>\n                    <!-- /.card-footer -->\n                  </div>\n                  <!-- /.card -->\n                </article>\n                <!-- /.post -->\n                <article class="item post col-md-6">\n                  <div class="card shadow-lg">\n                    <figure class="card-img-top overlay overlay-1"><a href="#"> <img src="/assets/img/photos/tb11.jpg" alt="" /></a>\n                      <figcaption>\n                        <h5 class="from-top mb-0">Read More</h5>\n                      </figcaption>\n                    </figure>\n                    <div class="card-body">\n                      <div class="post-header">\n                        <div class="post-category">\n                          <a href="#" class="hover link-aqua" rel="category">Historic</a>\n                        </div>\n                        <!-- /.post-category -->\n                        <h2 class="post-title h3 mt-1 mb-3"><a class="link-navy" href="/blog-post.html">Nullam id dolor elit id nibh</a></h2>\n                      </div>\n                      <!-- /.post-header -->\n                      <div class="post-content">\n                        <p>Mauris convallis non ligula non interdum. Gravida vulputate convallis tempus vestibulum cras imperdiet nun eu dolor. Aenean lacinia bibendum nulla sed.</p>\n                      </div>\n                      <!-- /.post-content -->\n                    </div>\n                    <!--/.card-body -->\n                    <div class="card-footer">\n                      <ul class="post-meta d-flex mb-0">\n                        <li class="post-date"><i class="uil uil-calendar-alt"></i><span>29 Mar 2022</span></li>\n                        <li class="post-comments"><a href="#"><i class="uil uil-comment"></i>3</a></li>\n                        <li class="post-likes ms-auto"><a href="#"><i class="uil uil-heart-alt"></i>3</a></li>\n                      </ul>\n                      <!-- /.post-meta -->\n                    </div>\n                    <!-- /.card-footer -->\n                  </div>\n                  <!-- /.card -->\n                </article>\n                <!-- /.post -->\n                <article class="item post col-md-6">\n                  <div class="card shadow-lg">\n                    <figure class="card-img-top overlay overlay-1"><a href="#"> <img src="/assets/img/photos/tb12.jpg" alt="" /></a>\n                      <figcaption>\n                        <h5 class="from-top mb-0">Read More</h5>\n                      </figcaption>\n                    </figure>\n                    <div class="card-body">\n                      <div class="post-header">\n                        <div class="post-category">\n                          <a href="#" class="hover link-orange" rel="category">Cities</a>\n                        </div>\n                        <!-- /.post-category -->\n                        <h2 class="post-title h3 mt-1 mb-3"><a class="link-navy" href="/blog-post.html">Ultricies fusce porta elit</a></h2>\n                      </div>\n                      <!-- /.post-header -->\n                      <div class="post-content">\n                        <p>Mauris convallis non ligula non interdum. Gravida vulputate convallis tempus vestibulum cras imperdiet nun eu dolor. Aenean lacinia bibendum nulla sed.</p>\n                      </div>\n                      <!-- /.post-content -->\n                    </div>\n                    <!--/.card-body -->\n                    <div class="card-footer">\n                      <ul class="post-meta d-flex mb-0">\n                        <li class="post-date"><i class="uil uil-calendar-alt"></i><span>26 Feb 2022</span></li>\n                        <li class="post-comments"><a href="#"><i class="uil uil-comment"></i>6</a></li>\n                        <li class="post-likes ms-auto"><a href="#"><i class="uil uil-heart-alt"></i>3</a></li>\n                      </ul>\n                      <!-- /.post-meta -->\n                    </div>\n                    <!-- /.card-footer -->\n                  </div>\n                  <!-- /.card -->\n                </article>\n                <!-- /.post -->\n                <article class="item post col-md-6">\n                  <div class="card shadow-lg">\n                    <figure class="card-img-top overlay overlay-1"><a href="#"> <img src="/assets/img/photos/tb13.jpg" alt="" /></a>\n                      <figcaption>\n                        <h5 class="from-top mb-0">Read More</h5>\n                      </figcaption>\n                    </figure>\n                    <div class="card-body">\n                      <div class="post-header">\n                        <div class="post-category">\n                          <a href="#" class="hover link-leaf" rel="category">Beaches</a>\n                        </div>\n                        <!-- /.post-category -->\n                        <h2 class="post-title h3 mt-1 mb-3"><a class="link-navy" href="/blog-post.html">Morbi leo risus porta eget</a></h2>\n                      </div>\n                      <div class="post-content">\n                        <p>Mauris convallis non ligula non interdum. Gravida vulputate convallis tempus vestibulum cras imperdiet nun eu dolor. Aenean lacinia bibendum nulla sed.</p>\n                      </div>\n                      <!-- /.post-content -->\n                    </div>\n                    <!--/.card-body -->\n                    <div class="card-footer">\n                      <ul class="post-meta d-flex mb-0">\n                        <li class="post-date"><i class="uil uil-calendar-alt"></i><span>7 Jan 2022</span></li>\n                        <li class="post-comments"><a href="#"><i class="uil uil-comment"></i>2</a></li>\n                        <li class="post-likes ms-auto"><a href="#"><i class="uil uil-heart-alt"></i>5</a></li>\n                      </ul>\n                      <!-- /.post-meta -->\n                    </div>\n                    <!-- /.card-footer -->\n                  </div>\n                  <!-- /.card -->\n                </article>\n                <!-- /.post -->\n              </div>\n              <!-- /.row -->\n            </div>\n            <!-- /.blog -->\n            <nav class="d-flex" aria-label="pagination">\n              <ul class="pagination pagination-alt">\n                <li class="page-item disabled">\n                  <a class="page-link" href="#" aria-label="Previous">\n                    <span aria-hidden="true"><i class="uil uil-arrow-left"></i></span>\n                  </a>\n                </li>\n                <li class="page-item active"><a class="page-link" href="#">1</a></li>\n                <li class="page-item"><a class="page-link" href="#">2</a></li>\n                <li class="page-item"><a class="page-link" href="#">3</a></li>\n                <li class="page-item">\n                  <a class="page-link" href="#" aria-label="Next">\n                    <span aria-hidden="true"><i class="uil uil-arrow-right"></i></span>\n                  </a>\n                </li>\n              </ul>\n              <!-- /.pagination -->\n            </nav>\n            <!-- /nav -->\n          </div>\n          <!-- /column -->\n          <aside class="col-lg-4 sidebar mt-8 mt-lg-0">\n            <div class="widget">\n              <h4 class="widget-title mb-3">About Me</h4>\n              <figure class="rounded mb-4"><img class="img-fluid" src="/assets/img/photos/f1.jpg" alt="" /></figure>\n              <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum. Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus.</p>\n              <nav class="nav social">\n                <a href="#"><i class="uil uil-twitter"></i></a>\n                <a href="#"><i class="uil uil-facebook-f"></i></a>\n                <a href="#"><i class="uil uil-dribbble"></i></a>\n                <a href="#"><i class="uil uil-instagram"></i></a>\n                <a href="#"><i class="uil uil-youtube"></i></a>\n              </nav>\n              <!-- /.social -->\n            </div>\n            <!-- /.widget -->\n            <div class="widget">\n              <h4 class="widget-title mb-3">Popular Posts</h4>\n              <ul class="image-list">\n                <li>\n                  <figure class="rounded"><a href="/blog-post.html"><img src="/assets/img/photos/a4.jpg" alt="" /></a></figure>\n                  <div class="post-content">\n                    <h6 class="mb-2"> <a class="link-dark" href="/blog-post.html">Magna Mollis Ultricies</a> </h6>\n                    <ul class="post-meta">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>26 Mar 2022</span></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-comment"></i>3</a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </div>\n                </li>\n                <li>\n                  <figure class="rounded"> <a href="/blog-post.html"><img src="/assets/img/photos/a5.jpg" alt="" /></a></figure>\n                  <div class="post-content">\n                    <h6 class="mb-2"> <a class="link-dark" href="/blog-post.html">Ornare Nullam Risus</a> </h6>\n                    <ul class="post-meta">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>16 Feb 2022</span></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-comment"></i>6</a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </div>\n                </li>\n                <li>\n                  <figure class="rounded"><a href="/blog-post.html"><img src="/assets/img/photos/a6.jpg" alt="" /></a></figure>\n                  <div class="post-content">\n                    <h6 class="mb-2"> <a class="link-dark" href="/blog-post.html">Euismod Nullam Fusce</a> </h6>\n                    <ul class="post-meta">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>8 Jan 2022</span></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-comment"></i>5</a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </div>\n                </li>\n              </ul>\n              <!-- /.image-list -->\n            </div>\n            <!-- /.widget -->\n            <div class="widget">\n              <h4 class="widget-title mb-3">Categories</h4>\n              <ul class="unordered-list bullet-primary text-reset">\n                <li><a href="#">Lifestyle (21)</a></li>\n                <li><a href="#">Photography (19)</a></li>\n                <li><a href="#">Journal (16)</a></li>\n                <li><a href="#">Works (7)</a></li>\n                <li><a href="#">Conceptual (12)</a></li>\n                <li><a href="#">Videography (14)</a></li>\n              </ul>\n            </div>\n            <!-- /.widget -->\n            <div class="widget">\n              <h4 class="widget-title mb-3">Tags</h4>\n              <ul class="list-unstyled tag-list">\n                <li><a href="#" class="btn btn-soft-ash btn-sm rounded-pill">Still Life</a></li>\n                <li><a href="#" class="btn btn-soft-ash btn-sm rounded-pill">Urban</a></li>\n                <li><a href="#" class="btn btn-soft-ash btn-sm rounded-pill">Nature</a></li>\n                <li><a href="#" class="btn btn-soft-ash btn-sm rounded-pill">Landscape</a></li>\n                <li><a href="#" class="btn btn-soft-ash btn-sm rounded-pill">Macro</a></li>\n                <li><a href="#" class="btn btn-soft-ash btn-sm rounded-pill">Fun</a></li>\n                <li><a href="#" class="btn btn-soft-ash btn-sm rounded-pill">Workshop</a></li>\n                <li><a href="#" class="btn btn-soft-ash btn-sm rounded-pill">Photography</a></li>\n              </ul>\n            </div>\n            <!-- /.widget -->\n            <div class="widget">\n              <h4 class="widget-title mb-3">Archive</h4>\n              <ul class="unordered-list bullet-primary text-reset">\n                <li><a href="#">February 2019</a></li>\n                <li><a href="#">January 2019</a></li>\n                <li><a href="#">December 2018</a></li>\n                <li><a href="#">November 2018</a></li>\n                <li><a href="#">October 2018</a></li>\n              </ul>\n            </div>\n            <!-- /.widget -->\n          </aside>\n          <!-- /column .sidebar -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(25, 'footer', 'footer', '<footer class="bg-dark text-inverse">\n    <div class="container py-13 py-md-15">\n      <div class="row gy-6 gy-lg-0">\n        <div class="col-md-4 col-lg-3">\n          <h4 class="widget-title text-white mb-3">Popular Posts</h4>\n          <ul class="image-list">\n            <li>\n              <figure class="rounded"><a href="/blog-post.html"><img src="/assets/img/photos/a4.jpg" alt="" /></a></figure>\n              <div class="post-content">\n                <h6 class="mb-2"> <a class="link-dark" href="/blog-post.html">Magna Mollis Ultricies</a> </h6>\n                <ul class="post-meta">\n                  <li class="post-date"><i class="uil uil-calendar-alt"></i><span>26 Mar 2022</span></li>\n                </ul>\n                <!-- /.post-meta -->\n              </div>\n            </li>\n            <li class="mt-5">\n              <figure class="rounded"> <a href="/blog-post.html"><img src="/assets/img/photos/a5.jpg" alt="" /></a></figure>\n              <div class="post-content">\n                <h6 class="mb-2"> <a class="link-dark" href="/blog-post.html">Ornare Nullam Risus</a> </h6>\n                <ul class="post-meta">\n                  <li class="post-date"><i class="uil uil-calendar-alt"></i><span>16 Feb 2022</span></li>\n                </ul>\n                <!-- /.post-meta -->\n              </div>\n            </li>\n            <li class="mt-5">\n              <figure class="rounded"><a href="/blog-post.html"><img src="/assets/img/photos/a6.jpg" alt="" /></a></figure>\n              <div class="post-content">\n                <h6 class="mb-2"> <a class="link-dark" href="/blog-post.html">Euismod Nullam Fusce</a> </h6>\n                <ul class="post-meta">\n                  <li class="post-date"><i class="uil uil-calendar-alt"></i><span>8 Jan 2022</span></li>\n                </ul>\n                <!-- /.post-meta -->\n              </div>\n            </li>\n          </ul>\n          <!-- /.image-list -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Tags</h4>\n            <ul class="list-unstyled tag-list">\n              <li><a href="#" class="btn btn-soft-ash text-white  btn-sm rounded-pill">Still Life</a></li>\n              <li><a href="#" class="btn btn-soft-ash text-white  btn-sm rounded-pill">Urban</a></li>\n              <li><a href="#" class="btn btn-soft-ash text-white  btn-sm rounded-pill">Nature</a></li>\n              <li><a href="#" class="btn btn-soft-ash text-white  btn-sm rounded-pill">Landscape</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Categories</h4>\n            <ul class="unordered-list text-reset bullet-white ">\n              <li><a href="#">Lifestyle (21)</a></li>\n              <li><a href="#">Photography (19)</a></li>\n              <li><a href="#">Journal (16)</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Get in Touch</h4>\n            <address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address>\n            <a href="mailto:#">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Elsewhere</h4>\n            <nav class="nav social social-white">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Learn More</h4>\n            <ul class="list-unstyled text-reset mb-0">\n              <li><a href="#">About Us</a></li>\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Projects</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Need Help?</h4>\n            <ul class="list-unstyled text-reset mb-0">\n              <li><a href="#">Support</a></li>\n              <li><a href="#">Get Started</a></li>\n              <li><a href="#">Contact Us</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!--/.row -->\n      <p class="mt-6 mb-0 text-center">© <script>\n          document.write(new Date().getUTCFullYear());\n        </script> Simeya. All rights reserved.</p>\n    </div>\n    <!-- /.container -->\n  </footer>'),
(25, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(26, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/grape.css">\n  <link rel="preload" href="/assets/css/fonts/urbanist.css" as="style" onload="this.rel=''stylesheet''">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(26, 'header', 'header', '<header class="wrapper bg-soft-primary">\n      <nav class="navbar navbar-expand-lg center-nav transparent navbar-light">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <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>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <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>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <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>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <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>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <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>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <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>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <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>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <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>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <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>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <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>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <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>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <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>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <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>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <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>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <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>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <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>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <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>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <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>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <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>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <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>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <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>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <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>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <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>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <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>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <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>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <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>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <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>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <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>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <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>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <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>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <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>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <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>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <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>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <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>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <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>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <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>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <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>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <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>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <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>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <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>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <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>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <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>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <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>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <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>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <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>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <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>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <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>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <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>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <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>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <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>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <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>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <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>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <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>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other w-100 d-flex ms-auto">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item d-none d-md-block">\n                <a href="#" class="btn btn-sm btn-primary rounded">Free Trial</a>\n              </li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n    </header>'),
(26, 'content', 'section_1', '<section class="wrapper bg-soft-primary">\n      <div class="container pt-10 pt-lg-12 pt-xl-12 pt-xxl-10 pb-lg-10 pb-xl-10 pb-xxl-0">\n        <div class="row gx-md-8 gx-xl-12 gy-10 align-items-center text-center text-lg-start">\n          <div class="col-lg-6" data-cues="slideInDown" data-group="page-title" data-delay="900">\n            <h1 class="display-1 mb-4 me-xl-5 mt-lg-n10">Grow Your Business with <br class="d-none d-md-block d-lg-none" /><span class="text-primary">Our Marketing Solutions</span></h1>\n            <p class="lead fs-24 lh-sm mb-7 pe-xxl-15">We help our clients to increase their website <br class="d-none d-md-block d-lg-none" /> traffic, rankings and visibility in search results.</p>\n            <div class="d-inline-flex me-2"><a href="#" class="btn btn-lg btn-grape rounded">Try it for Free</a></div>\n            <div class="d-inline-flex"><a href="#" class="btn btn-lg btn-outline-grape rounded">Explore Now</a></div>\n          </div>\n          <!--/column -->\n          <div class="col-10 col-md-7 mx-auto col-lg-6 col-xl-5 ms-xl-5">\n            <img class="img-fluid mb-n12 mb-md-n14 mb-lg-n19" src="/assets/img/illustrations/3d11.png" srcset="/assets/img/illustrations/3d11@2x.png 2x" data-cue="fadeIn" data-delay="300" alt="" />\n          </div>\n          <!--/column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n      <figure><img src="/assets/img/photos/clouds.png" alt=""></figure>\n    </section>'),
(26, 'content', 'section_2', '<section class="wrapper bg-white">\n      <div class="container pt-15 pb-15 pb-md-17">\n        <div class="row text-center">\n          <div class="col-md-10 offset-md-1 col-xxl-8 offset-xxl-2">\n            <h2 class="fs-16 text-uppercase text-primary mb-3">What We Do?</h2>\n            <h3 class="display-4 mb-9">The full service we are offering is specifically designed to meet your business needs.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gx-md-8 gy-8 mb-15 mb-md-17 text-center">\n          <div class="col-md-6 col-lg-3">\n            <div class="px-md-3 px-lg-0 px-xl-3">\n              <img src="/assets/img/icons/solid/globe-2.svg" class="svg-inject icon-svg icon-svg-md solid-mono text-grape mb-5" alt="" />\n              <h4>SEO Services</h4>\n              <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida eget metus cras justo.</p>\n              <a href="#" class="more hover">Learn More</a>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="px-md-3 px-lg-0 px-xl-3">\n              <img src="/assets/img/icons/solid/code.svg" class="svg-inject icon-svg icon-svg-md solid-mono text-grape mb-5" alt="" />\n              <h4>Web Design</h4>\n              <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida eget metus cras justo.</p>\n              <a href="#" class="more hover">Learn More</a>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="px-md-3 px-lg-0 px-xl-3">\n              <img src="/assets/img/icons/solid/team.svg" class="svg-inject icon-svg icon-svg-md solid-mono text-grape mb-5" alt="" />\n              <h4>Social Engagement</h4>\n              <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida eget metus cras justo.</p>\n              <a href="#" class="more hover">Learn More</a>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="px-md-3 px-lg-0 px-xl-3">\n              <img src="/assets/img/icons/solid/devices.svg" class="svg-inject icon-svg icon-svg-md solid-mono text-grape mb-5" alt="" />\n              <h4>App Development</h4>\n              <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida eget metus cras justo.</p>\n              <a href="#" class="more hover">Learn More</a>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-3 gy-10 mb-14 mb-md-16 align-items-center">\n          <div class="col-lg-6">\n            <figure><img class="w-auto" src="/assets/img/illustrations/3d8.png" srcset="/assets/img/illustrations/3d8@2x.png 2x" alt="" /></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5 ms-auto">\n            <h2 class="fs-16 text-uppercase text-grape mb-3">Why Choose Us?</h2>\n            <h3 class="display-4 mb-8">So here a few reasons why our valued customers choose us.</h3>\n            <div class="row gy-6">\n              <div class="col-md-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/solid/lamp.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-grape me-4" alt="" />\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Creativity</h4>\n                    <p class="mb-0">Curabitur blandit lacus porttitor ridiculus mus.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/solid/bulb.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-grape me-4" alt="" />\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Innovative Thinking</h4>\n                    <p class="mb-0">Curabitur blandit lacus porttitor ridiculus mus.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/solid/puzzle.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-grape me-4" alt="" />\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Rapid Solutions</h4>\n                    <p class="mb-0">Curabitur blandit lacus porttitor ridiculus mus.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/solid/headphone.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-grape me-4" alt="" />\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Top-Notch Support</h4>\n                    <p class="mb-0">Curabitur blandit lacus porttitor ridiculus mus.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-3 gy-10 gy-lg-0 mb-15 mb-md-17 align-items-center">\n          <div class="col-lg-5 mx-auto order-lg-2">\n            <figure><img class="w-auto" src="/assets/img/illustrations/3d5.png" srcset="/assets/img/illustrations/3d5@2x.png 2x" alt="" /></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5 me-auto">\n            <h2 class="fs-16 text-uppercase text-grape mb-3">Our Solutions</h2>\n            <h3 class="display-4 mb-5 pe-xxl-5">Just sit & relax while we take care of your business needs.</h3>\n            <p class="mb-6">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.</p>\n            <div class="row align-items-center counter-wrapper gy-6">\n              <div class="col-md-6">\n                <h3 class="counter counter-lg mb-1">99.7%</h3>\n                <h6 class="fs-17 mb-1">Customer Satisfaction</h6>\n                <span class="ratings five"></span>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <h3 class="counter counter-lg mb-1">4x</h3>\n                <h6 class="fs-17 mb-1">New Visitors</h6>\n                <span class="ratings five"></span>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="card bg-soft-primary rounded-4 mb-15 mb-md-17">\n          <div class="card-body py-14 px-lg-0">\n            <div class="row text-center">\n              <div class="col-lg-8 offset-lg-2">\n                <h2 class="fs-16 text-uppercase text-primary mb-3">Happy Customers</h2>\n                <h3 class="display-4 mb-10 px-xxl-10">Don''t take our word for it. See what customers are saying about us.</h3>\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n            <div class="row gx-lg-8 gx-xl-12 align-items-center">\n              <div class="col-lg-5 ms-auto col-xl-4 d-none d-lg-flex">\n                <div class="img-mask mask-3"><img src="/assets/img/photos/about28.jpg" srcset="/assets/img/photos/about28@2x.jpg 2x" alt="" /></div>\n              </div>\n              <!--/column -->\n              <div class="col-lg-6 col-xl-6 col-xxl-5 me-auto">\n                <div class="swiper-container dots-start dots-closer mb-6" data-margin="30" data-dots="true">\n                  <div class="swiper">\n                    <div class="swiper-wrapper">\n                      <div class="swiper-slide">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="border-0 fs-lg mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur nulla dapibus curabitur blandit faucibus.”</p>\n                          <div class="blockquote-details">\n                            <div class="info ps-0">\n                              <h5 class="mb-1">Coriss Ambady</h5>\n                              <p class="mb-0">Financial Analyst</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!--/.swiper-slide -->\n                      <div class="swiper-slide">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="border-0 fs-lg mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur nulla dapibus curabitur blandit faucibus.”</p>\n                          <div class="blockquote-details">\n                            <div class="info ps-0">\n                              <h5 class="mb-1">Cory Zamora</h5>\n                              <p class="mb-0">Marketing Specialist</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!--/.swiper-slide -->\n                      <div class="swiper-slide">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="border-0 fs-lg mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur nulla dapibus curabitur blandit faucibus.”</p>\n                          <div class="blockquote-details">\n                            <div class="info ps-0">\n                              <h5 class="mb-1">Nikolas Brooten</h5>\n                              <p class="mb-0">Sales Manager</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!--/.swiper-slide -->\n                    </div>\n                    <!--/.swiper-wrapper -->\n                  </div>\n                  <!-- /.swiper -->\n                </div>\n                <!-- /.swiper-container -->\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/.card-body -->\n        </div>\n        <!--/.card -->\n        <div class="row gy-6 mb-15 mb-md-17">\n          <div class="col-lg-4">\n            <h2 class="fs-16 text-uppercase text-primary mt-lg-18 mb-3">Our Pricing</h2>\n            <h3 class="display-4 mb-3">We offer great and premium prices.</h3>\n            <p>Enjoy a <a href="#" class="hover">free 30-day trial</a> and experience the full service. No credit card required!</p>\n            <a href="#" class="btn btn-primary rounded mt-2">See All Prices</a>\n          </div>\n          <!--/column -->\n          <div class="col-lg-7 offset-lg-1 pricing-wrapper">\n            <div class="pricing-switcher-wrapper switcher justify-content-start justify-content-lg-end">\n              <p class="mb-0 pe-3">Monthly</p>\n              <div class="pricing-switchers">\n                <div class="pricing-switcher pricing-switcher-active"></div>\n                <div class="pricing-switcher"></div>\n                <div class="switcher-button bg-primary"></div>\n              </div>\n              <p class="mb-0 ps-3">Yearly <span class="text-red">(Save 30%)</span></p>\n            </div>\n            <div class="row gy-6 mt-5">\n              <div class="col-md-6">\n                <div class="pricing card shadow-lg card-border-top border-soft-primary">\n                  <div class="card-body pb-12">\n                    <div class="prices text-dark text-center">\n                      <div class="price price-show justify-content-start"><span class="price-currency">$</span><span class="price-value">19</span> <span class="price-duration">mo</span></div>\n                      <div class="price price-hide price-hidden justify-content-start"><span class="price-currency">$</span><span class="price-value">199</span> <span class="price-duration">yr</span></div>\n                    </div>\n                    <!--/.prices -->\n                    <h4 class="card-title mt-2">Premium Plan</h4>\n                    <ul class="icon-list bullet-primary mt-7 mb-8">\n                      <li><i class="uil uil-check fs-21"></i><span><strong>5</strong> Projects </span></li>\n                      <li><i class="uil uil-check fs-21"></i><span><strong>100K</strong> API Access </span></li>\n                      <li><i class="uil uil-check fs-21"></i><span><strong>200MB</strong> Storage </span></li>\n                      <li><i class="uil uil-check fs-21"></i><span> Weekly <strong>Reports</strong></span></li>\n                      <li><i class="uil uil-check fs-21"></i><span> 7/24 <strong>Support</strong></span></li>\n                    </ul>\n                    <a href="#" class="btn btn-primary rounded">Choose Plan</a>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.pricing -->\n              </div>\n              <!--/column -->\n              <div class="col-md-6 popular">\n                <div class="pricing card shadow-lg card-border-top border-soft-primary">\n                  <div class="card-body pb-12">\n                    <div class="prices text-dark text-center">\n                      <div class="price price-show justify-content-start"><span class="price-currency">$</span><span class="price-value">49</span> <span class="price-duration">mo</span></div>\n                      <div class="price price-hide price-hidden justify-content-start"><span class="price-currency">$</span><span class="price-value">499</span> <span class="price-duration">yr</span></div>\n                    </div>\n                    <!--/.prices -->\n                    <h4 class="card-title mt-2">Corporate Plan</h4>\n                    <ul class="icon-list bullet-primary mt-7 mb-8">\n                      <li><i class="uil uil-check fs-21"></i><span><strong>20</strong> Projects </span></li>\n                      <li><i class="uil uil-check fs-21"></i><span><strong>300K</strong> API Access </span></li>\n                      <li><i class="uil uil-check fs-21"></i><span><strong>500MB</strong> Storage </span></li>\n                      <li><i class="uil uil-check fs-21"></i><span> Weekly <strong>Reports</strong></span></li>\n                      <li><i class="uil uil-check fs-21"></i><span> 7/24 <strong>Support</strong></span></li>\n                    </ul>\n                    <a href="#" class="btn btn-primary rounded">Choose Plan</a>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.pricing -->\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-3 gy-10 gy-lg-0 align-items-center">\n          <div class="col-lg-6">\n            <figure><img class="w-auto" src="/assets/img/illustrations/3d3.png" srcset="/assets/img/illustrations/3d3@2x.png 2x" alt="" /></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5 ms-auto">\n            <h2 class="fs-16 text-uppercase text-primary mb-3">Let’s Talk</h2>\n            <h3 class="display-4 mb-3">Let''s make something great together. We are trusted by over 5000+ clients.</h3>\n            <p>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.</p>\n            <a href="#" class="btn btn-primary rounded mt-2">Join Us</a>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(26, 'content', 'section_3', '<section class="wrapper bg-soft-primary">\n      <div class="container py-14 py-md-16">\n        <div class="row mb-8">\n          <div class="col-lg-8 mx-auto text-center">\n            <h2 class="fs-16 text-uppercase text-primary mb-3">Analyze Now</h2>\n            <h3 class="display-4 mb-0">Wonder how much faster your website can go? Easily check your SEO Score now.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row">\n          <div class="col-lg-5 mx-auto">\n            <form action="#">\n              <div class="form-floating input-group">\n                <input type="url" class="form-control border-0" placeholder="Enter Website URL" id="analyze">\n                <label for="analyze">Enter Website URL</label>\n                <button class="btn btn-primary" type="button">Analyze</button>\n              </div>\n            </form>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n      <figure><img src="/assets/img/photos/clouds.png" alt=""></figure>\n    </section>'),
(26, 'footer', 'footer', '<footer class="bg-white">\n    <div class="container pt-8 pt-md-10 pb-7">\n      <div class="row gx-lg-0 gy-6">\n        <div class="col-lg-4">\n          <div class="widget">\n            <img class="mb-4" src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n            <p class="lead mb-0">We are trusted by over 5000+ clients. Join them by using our services and grow your business.</p>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-lg-3 offset-lg-2">\n          <div class="widget">\n            <div class="d-flex flex-row">\n              <div>\n                <div class="icon text-primary fs-28 me-4 mt-n1"> <i class="uil uil-phone-volume"></i> </div>\n              </div>\n              <div>\n                <h5 class="mb-1">Phone</h5>\n                <p class="mb-0">00 (123) 456 78 90 <br />00 (987) 654 32 10</p>\n              </div>\n            </div>\n            <!--/div -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-lg-3">\n          <div class="widget">\n            <div class="d-flex flex-row">\n              <div>\n                <div class="icon text-primary fs-28 me-4 mt-n1"> <i class="uil uil-location-pin-alt"></i> </div>\n              </div>\n              <div class="align-self-start justify-content-start">\n                <h5 class="mb-1">Address</h5>\n                <address>Moonshine St. 14/05 Light City, London, United Kingdom</address>\n              </div>\n            </div>\n            <!--/div -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!--/.row -->\n      <hr class="mt-13 mt-md-14 mb-7" />\n      <div class="d-md-flex align-items-center justify-content-between">\n        <p class="mb-2 mb-lg-0">© <script>\n            document.write(new Date().getUTCFullYear());\n          </script> Simeya. All rights reserved.</p>\n        <nav class="nav social social-muted mb-0 text-md-end">\n          <a href="#"><i class="uil uil-twitter"></i></a>\n          <a href="#"><i class="uil uil-facebook-f"></i></a>\n          <a href="#"><i class="uil uil-dribbble"></i></a>\n          <a href="#"><i class="uil uil-instagram"></i></a>\n          <a href="#"><i class="uil uil-youtube"></i></a>\n        </nav>\n        <!-- /.social -->\n      </div>\n    </div>\n    <!-- /.container -->\n  </footer>'),
(26, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(27, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/navy.css">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(27, 'header', 'header', '<header class="wrapper bg-light">\n      <nav class="navbar navbar-expand-lg classic transparent position-absolute navbar-light">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <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>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <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>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <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>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <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>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <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>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <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>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <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>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <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>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <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>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <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>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <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>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <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>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <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>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <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>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <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>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <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>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <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>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <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>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <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>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <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>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <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>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <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>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <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>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <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>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <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>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <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>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <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>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <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>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <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>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <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>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <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>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <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>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <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>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <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>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <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>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <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>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <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>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <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>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <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>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <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>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <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>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <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>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <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>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <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>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <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>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <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>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <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>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <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>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <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>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <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>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <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>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <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>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <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>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other ms-lg-4">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item"><a class="nav-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-info"><i class="uil uil-info-circle"></i></a></li>\n              <li class="nav-item"><a class="nav-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-search"><i class="uil uil-search"></i></a></li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n      <div class="offcanvas offcanvas-end text-inverse" id="offcanvas-info" data-bs-scroll="true">\n        <div class="offcanvas-header">\n          <h3 class="text-white fs-30 mb-0">Simeya</h3>\n          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n        </div>\n        <div class="offcanvas-body pb-6">\n          <div class="widget mb-8">\n            <p>Simeya is a multipurpose HTML5 template with various layouts which will be a great solution for your business.</p>\n          </div>\n          <!-- /.widget -->\n          <div class="widget mb-8">\n            <h4 class="widget-title text-white mb-3">Contact Info</h4>\n            <address> Moonshine St. 14/05 <br /> Light City, London </address>\n            <a href="mailto:first.last@email.com">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n          <div class="widget mb-8">\n            <h4 class="widget-title text-white mb-3">Learn More</h4>\n            <ul class="list-unstyled">\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n              <li><a href="#">Contact Us</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Follow Us</h4>\n            <nav class="nav social social-white">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /.offcanvas-body -->\n      </div>\n      <!-- /.offcanvas -->\n      <div class="offcanvas offcanvas-top bg-light" id="offcanvas-search" data-bs-scroll="true">\n        <div class="container d-flex flex-row py-6">\n          <form class="search-form w-100">\n            <input id="search-form" type="text" class="form-control" placeholder="Type keyword and hit enter">\n          </form>\n          <!-- /.search-form -->\n          <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n        </div>\n        <!-- /.container -->\n      </div>\n      <!-- /.offcanvas -->\n    </header>'),
(27, 'content', 'section_1', '<section class="wrapper image-wrapper bg-cover bg-image bg-xs-none bg-gray" data-image-src="/assets/img/photos/bg37.jpg">\n      <div class="container pt-17 pb-15 py-sm-17 py-xxl-20">\n        <div class="row">\n          <div class="col-sm-6 col-xxl-5 text-center text-sm-start" data-cues="slideInDown" data-group="page-title" data-interval="-200" data-delay="500">\n            <h2 class="display-1 fs-56 mb-4 mt-0 mt-lg-5 ls-xs pe-xl-5 pe-xxl-0">We bring solutions to make life <span class="underline-3 style-3 yellow">easier</span></h2>\n            <p class="lead fs-23 lh-sm mb-7 pe-lg-5 pe-xl-5 pe-xxl-0">We are a creative company that focuses on long term relationships with customers.</p>\n            <div><a href="#" class="btn btn-lg btn-primary rounded">Read More</a></div>\n          </div>\n          <!--/column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(27, 'content', 'section_2', '<section class="wrapper bg-light">\n      <div class="container py-15 py-md-17">\n        <div class="row text-center">\n          <div class="col-md-10 col-lg-9 col-xxl-8 mx-auto">\n            <h2 class="fs-15 text-uppercase text-muted mb-3">What We Do?</h2>\n            <h3 class="display-3 ls-sm mb-9 px-xl-11">The service we offer is specifically designed to meet your needs.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-8">\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/lineal/telephone-3.svg" class="svg-inject icon-svg icon-svg-md text-blue me-5 mt-1" alt="" />\n              </div>\n              <div>\n                <h4 class="fs-20 ls-sm">24/7 Support</h4>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/lineal/shield.svg" class="svg-inject icon-svg icon-svg-md text-yellow me-5 mt-1" alt="" />\n              </div>\n              <div>\n                <h4 class="fs-20 ls-sm">Secure Payments</h4>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/lineal/cloud-computing-2.svg" class="svg-inject icon-svg icon-svg-md text-orange me-5" alt="" />\n              </div>\n              <div>\n                <h4 class="fs-20 ls-sm">Daily Updates</h4>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/lineal/analytics.svg" class="svg-inject icon-svg icon-svg-md text-pink me-5" alt="" />\n              </div>\n              <div>\n                <h4 class="fs-20 ls-sm">Market Research</h4>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/lineal/chat-2.svg" class="svg-inject icon-svg icon-svg-md text-green me-5 mt-1" alt="" />\n              </div>\n              <div>\n                <h4 class="fs-20 ls-sm">Social Engagement</h4>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/lineal/megaphone.svg" class="svg-inject icon-svg icon-svg-md text-purple me-5 mt-1" alt="" />\n              </div>\n              <div>\n                <h4 class="fs-20 ls-sm">Content Marketing</h4>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(27, 'content', 'section_3', '<section class="wrapper bg-gray position-relative min-vh-60 d-lg-flex align-items-center">\n      <div class="col-lg-6 position-lg-absolute top-0 start-0 image-wrapper bg-image bg-cover h-100" data-image-src="/assets/img/photos/bg38.jpg">\n        <div class="divider text-gray divider-v-end d-none d-lg-block">\n          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 1200">\n            <g />\n            <g>\n              <g>\n                <polygon fill="currentColor" points="48 0 0 0 48 1200 54 1200 54 0 48 0" />\n              </g>\n            </g>\n          </svg>\n        </div>\n      </div>\n      <!--/column -->\n      <div class="container">\n        <div class="row gx-0">\n          <div class="col-lg-6 ms-auto">\n            <div class="pt-13 pb-15 pb-md-17 py-lg-16 ps-lg-15 pe-xxl-16">\n              <h2 class="fs-15 text-uppercase text-muted mb-3">How It Works?</h2>\n              <h3 class="display-3 ls-sm mb-7">Here are the 3 working steps on success.</h3>\n              <div class="d-flex flex-row mb-5">\n                <div>\n                  <img src="/assets/img/icons/lineal/light-bulb.svg" class="svg-inject icon-svg icon-svg-md text-blue me-5 mt-1" alt="" />\n                </div>\n                <div>\n                  <h4 class="fs-20 ls-sm">Collect Ideas</h4>\n                  <p class="mb-0">Nulla vitae elit libero pharetra augue dapibus. Praesent commodo cursus.</p>\n                </div>\n              </div>\n              <div class="d-flex flex-row mb-5">\n                <div>\n                  <img src="/assets/img/icons/lineal/pie-chart-2.svg" class="svg-inject icon-svg icon-svg-md text-green me-5 mt-1" alt="" />\n                </div>\n                <div>\n                  <h4 class="fs-20 ls-sm">Data Analysis</h4>\n                  <p class="mb-0">Vivamus sagittis lacus vel augue laoreet. Etiam porta sem malesuada magna.</p>\n                </div>\n              </div>\n              <div class="d-flex flex-row">\n                <div>\n                  <img src="/assets/img/icons/lineal/design.svg" class="svg-inject icon-svg icon-svg-md text-yellow me-5 mt-1" alt="" />\n                </div>\n                <div>\n                  <h4 class="fs-20 ls-sm">Magic Touch</h4>\n                  <p class="mb-0">Cras mattis consectetur purus sit amet. Aenean lacinia bibendum nulla sed.</p>\n                </div>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(27, 'content', 'section_4', '<section class="wrapper bg-white">\n      <div class="container py-15 py-md-17">\n        <div class="row text-center">\n          <div class="col-lg-10 col-xl-7 col-xxl-6 mx-auto">\n            <h2 class="fs-15 text-uppercase text-muted mb-3">Case Studies</h2>\n            <h3 class="display-3 ls-sm mb-10">Our awesome projects with creative ideas and great design.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="swiper-container blog grid-view mb-10" data-margin="30" data-dots="true" data-items-xl="3" data-items-md="2" data-items-xs="1">\n          <div class="swiper">\n            <div class="swiper-wrapper">\n              <div class="swiper-slide">\n                <article>\n                  <figure class="overlay overlay-1 hover-scale rounded mb-6"><a href="#"> <img src="/assets/img/photos/b4.jpg" alt="" /></a>\n                    <figcaption>\n                      <h5 class="from-top mb-0">Read More</h5>\n                    </figcaption>\n                  </figure>\n                  <div class="post-header">\n                    <h2 class="post-title h3 ls-sm mb-3"><a class="link-dark" href="/blog-post.html">Ligula tristique quis risus</a></h2>\n                  </div>\n                  <!-- /.post-header -->\n                  <div class="post-footer">\n                    <ul class="post-meta">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>14 Apr 2022</span></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Coding</a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </div>\n                  <!-- /.post-footer -->\n                </article>\n                <!-- /article -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <article>\n                  <figure class="overlay overlay-1 hover-scale rounded mb-6"><a href="#"> <img src="/assets/img/photos/b5.jpg" alt="" /></a>\n                    <figcaption>\n                      <h5 class="from-top mb-0">Read More</h5>\n                    </figcaption>\n                  </figure>\n                  <div class="post-header">\n                    <h2 class="post-title h3 ls-sm mb-3"><a class="link-dark" href="/blog-post.html">Nullam id dolor elit id nibh</a></h2>\n                  </div>\n                  <!-- /.post-header -->\n                  <div class="post-footer">\n                    <ul class="post-meta">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>29 Mar 2022</span></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Workspace</a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </div>\n                  <!-- /.post-footer -->\n                </article>\n                <!-- /article -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <article>\n                  <figure class="overlay overlay-1 hover-scale rounded mb-6"><a href="#"> <img src="/assets/img/photos/b6.jpg" alt="" /></a>\n                    <figcaption>\n                      <h5 class="from-top mb-0">Read More</h5>\n                    </figcaption>\n                  </figure>\n                  <div class="post-header">\n                    <h2 class="post-title h3 ls-sm mb-3"><a class="link-dark" href="/blog-post.html">Ultricies fusce porta elit</a></h2>\n                  </div>\n                  <!-- /.post-header -->\n                  <div class="post-footer">\n                    <ul class="post-meta">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>26 Feb 2022</span></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Meeting</a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </div>\n                  <!-- /.post-footer -->\n                </article>\n                <!-- /article -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <article>\n                  <figure class="overlay overlay-1 hover-scale rounded mb-6"><a href="#"> <img src="/assets/img/photos/b7.jpg" alt="" /></a>\n                    <figcaption>\n                      <h5 class="from-top mb-0">Read More</h5>\n                    </figcaption>\n                  </figure>\n                  <div class="post-header">\n                    <h2 class="post-title h3 ls-sm mb-3"><a class="link-dark" href="/blog-post.html">Morbi leo risus porta eget</a></h2>\n                  </div>\n                  <div class="post-footer">\n                    <ul class="post-meta">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>7 Jan 2022</span></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Business Tips</a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </div>\n                  <!-- /.post-footer -->\n                </article>\n                <!-- /article -->\n              </div>\n              <!--/.swiper-slide -->\n            </div>\n            <!--/.swiper-wrapper -->\n          </div>\n          <!-- /.swiper -->\n        </div>\n        <!-- /.swiper-container -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(27, 'content', 'section_5', '<section class="wrapper bg-gray position-relative min-vh-60 d-lg-flex align-items-center">\n      <div class="col-lg-6 position-lg-absolute top-0 end-0 image-wrapper bg-image bg-cover h-100" data-image-src="/assets/img/photos/bg39.jpg">\n        <div class="divider text-gray divider-v-start d-none d-lg-block">\n          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 1200">\n            <g />\n            <g>\n              <g>\n                <polygon fill="currentColor" points="6 0 0 0 0 1200 6 1200 54 0 6 0" />\n              </g>\n            </g>\n          </svg>\n        </div>\n      </div>\n      <!--/column -->\n      <div class="container">\n        <div class="row gx-0">\n          <div class="col-lg-6">\n            <div class="pt-13 pb-15 pb-md-17 py-lg-16 pe-lg-15">\n              <h2 class="fs-16 text-uppercase text-muted mb-3">Our Solutions</h2>\n              <h3 class="display-3 ls-sm mb-5">Just sit & relax while we take care of your business needs.</h3>\n              <p class="mb-6">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.</p>\n              <div class="row align-items-center counter-wrapper gy-6">\n                <div class="col-md-6">\n                  <h3 class="counter counter-lg mb-1">99.7%</h3>\n                  <h6 class="fs-17 ls-sm mb-1">Customer Satisfaction</h6>\n                  <span class="ratings five"></span>\n                </div>\n                <!--/column -->\n                <div class="col-md-6">\n                  <h3 class="counter counter-lg mb-1">4x</h3>\n                  <h6 class="fs-17 ls-sm mb-1">New Visitors</h6>\n                  <span class="ratings five"></span>\n                </div>\n                <!--/column -->\n              </div>\n              <!--/.row -->\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(27, 'content', 'section_6', '<section class="wrapper bg-white">\n      <div class="container py-15 py-md-17">\n        <div class="row gy-10 gy-sm-13 gx-md-8 gx-xl-12 align-items-center mb-10 mb-md-12">\n          <div class="col-lg-6">\n            <div class="row gx-md-5 gy-5">\n              <div class="col-md-6">\n                <figure class="rounded"><img src="/assets/img/photos/g14.jpg" srcset="/assets/img/photos/g14@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 align-self-end">\n                <figure class="rounded"><img src="/assets/img/photos/g15.jpg" srcset="/assets/img/photos/g15@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-12">\n                <figure class="rounded mx-md-5"><img src="/assets/img/photos/g16.jpg" srcset="/assets/img/photos/g16@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h2 class="fs-15 text-uppercase text-muted mb-3">Who Are We?</h2>\n            <h3 class="display-3 ls-sm mb-5">Company that believes in the power of creative strategy.</h3>\n            <p class="mb-6">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.</p>\n            <div class="row gy-3 gx-xl-8">\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-primary mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Aenean eu leo quam ornare curabitur blandit tempus.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Nullam quis risus eget urna mollis ornare donec elit.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-primary mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Etiam porta sem malesuada magna mollis euismod.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Fermentum massa vivamus faucibus amet euismod.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-6 mb-15 mb-md-18">\n          <div class="col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/lineal/target.svg" class="svg-inject icon-svg icon-svg-md text-blue me-5" alt="" />\n              </div>\n              <div>\n                <h4 class="fs-20 ls-sm">Our Vision</h4>\n                <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget. Fusce dapibus tellus.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/lineal/award-2.svg" class="svg-inject icon-svg icon-svg-md text-green me-5" alt="" />\n              </div>\n              <div>\n                <h4 class="fs-20 ls-sm">Our Mission</h4>\n                <p class="mb-2">Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet. Sed posuere consectetur.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/lineal/loyalty.svg" class="svg-inject icon-svg icon-svg-md text-yellow me-5" alt="" />\n              </div>\n              <div>\n                <h4 class="fs-20 ls-sm">Our Values</h4>\n                <p class="mb-2">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna scelerisque.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row position-relative mb-15 mb-md-17">\n          <figure class="rounded position-absolute d-none d-lg-block" style="top: 50%; right:0; width: 45%; height: auto; transform: translateY(-50%); z-index:2"><img src="/assets/img/photos/tei1.jpg" srcset="/assets/img/photos/tei1@2x.jpg 2x" alt=""></figure>\n          <div class="col-lg-9 text-center">\n            <div class="card bg-gray">\n              <div class="card-body p-md-10 py-xxl-16">\n                <div class="row gx-0">\n                  <div class="col-lg-8 ps-xl-10">\n                    <span class="ratings five fs-20 mb-3"></span>\n                    <blockquote class="border-0 fs-lg mb-0">\n                      <p>“Donec id elit non mi porta gravida at eget metus. Vivamus mollis est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Duis mollis porta est non commodo luctus.”</p>\n                      <div class="blockquote-details justify-content-center text-center">\n                        <div class="info p-0">\n                          <h4 class="ls-sm mb-1">Coriss Ambady</h4>\n                          <p class="mb-0">Financial Analyst</p>\n                        </div>\n                      </div>\n                    </blockquote>\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row text-center">\n          <div class="col-md-10 col-lg-8 col-xl-9 col-xxl-8 mx-auto">\n            <h2 class="fs-15 text-uppercase text-muted mb-3">Our Pricing</h2>\n            <h3 class="display-3 ls-sm mb-10 px-xl-15">We offer great prices and quality service for your business.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="pricing-wrapper mb-10 mb-md-14">\n          <div class="row gx-0 gy-6">\n            <div class="col-md-6 col-lg-3">\n              <div class="pricing card shadow-none">\n                <div class="card-body">\n                  <h4 class="card-title ls-sm">Basic Plan</h4>\n                  <div class="prices text-dark">\n                    <div class="price justify-content-start"><span class="price-currency">$</span><span class="price-value">9</span> <span class="price-duration">mo</span></div>\n                  </div>\n                  <!--/.prices -->\n                  <ul class="icon-list bullet-green mt-7 mb-8">\n                    <li><i class="uil uil-check"></i><span><strong>1</strong> Project </span></li>\n                    <li><i class="uil uil-check"></i><span><strong>100K</strong> API Access </span></li>\n                    <li><i class="uil uil-check"></i><span><strong>100MB</strong> Storage </span></li>\n                    <li><i class="uil uil-times text-red"></i><span> Weekly <strong>Reports</strong> </span></li>\n                    <li><i class="uil uil-times text-red"></i><span> 7/24 <strong>Support</strong></span></li>\n                  </ul>\n                  <a href="#" class="btn btn-soft-primary rounded">Choose Plan</a>\n                </div>\n                <!--/.card-body -->\n              </div>\n              <!--/.pricing -->\n            </div>\n            <!--/column -->\n            <div class="col-md-6 col-lg-3">\n              <div class="pricing card shadow-none">\n                <div class="card-body">\n                  <h4 class="card-title ls-sm">Premium Plan</h4>\n                  <div class="prices text-dark">\n                    <div class="price justify-content-start"><span class="price-currency">$</span><span class="price-value">19</span> <span class="price-duration">mo</span></div>\n                  </div>\n                  <!--/.prices -->\n                  <ul class="icon-list bullet-green mt-7 mb-8">\n                    <li><i class="uil uil-check"></i><span><strong>5</strong> Projects </span></li>\n                    <li><i class="uil uil-check"></i><span><strong>100K</strong> API Access </span></li>\n                    <li><i class="uil uil-check"></i><span><strong>200MB</strong> Storage </span></li>\n                    <li><i class="uil uil-check"></i><span> Weekly <strong>Reports</strong></span></li>\n                    <li><i class="uil uil-times text-red"></i><span> 7/24 <strong>Support</strong></span></li>\n                  </ul>\n                  <a href="#" class="btn btn-soft-primary rounded">Choose Plan</a>\n                </div>\n                <!--/.card-body -->\n              </div>\n              <!--/.pricing -->\n            </div>\n            <!--/column -->\n            <div class="col-md-6 col-lg-3">\n              <div class="pricing card bg-gray">\n                <div class="card-body">\n                  <h4 class="card-title ls-sm">Corporate Plan</h4>\n                  <div class="prices text-dark">\n                    <div class="price justify-content-start"><span class="price-currency">$</span><span class="price-value">29</span> <span class="price-duration">mo</span></div>\n                  </div>\n                  <!--/.prices -->\n                  <ul class="icon-list bullet-green mt-7 mb-8">\n                    <li><i class="uil uil-check"></i><span><strong>20</strong> Projects </span></li>\n                    <li><i class="uil uil-check"></i><span><strong>300K</strong> API Access </span></li>\n                    <li><i class="uil uil-check"></i><span><strong>500MB</strong> Storage </span></li>\n                    <li><i class="uil uil-check"></i><span> Weekly <strong>Reports</strong></span></li>\n                    <li><i class="uil uil-check"></i><span> 7/24 <strong>Support</strong></span></li>\n                  </ul>\n                  <a href="#" class="btn btn-primary rounded">Choose Plan</a>\n                </div>\n                <!--/.card-body -->\n              </div>\n              <!--/.pricing -->\n            </div>\n            <!--/column -->\n            <div class="col-md-6 col-lg-3">\n              <div class="pricing card shadow-none">\n                <div class="card-body">\n                  <h4 class="card-title ls-sm">Community Plan</h4>\n                  <div class="prices text-dark">\n                    <div class="price justify-content-start"><span class="price-currency">$</span><span class="price-value">49</span> <span class="price-duration">mo</span></div>\n                  </div>\n                  <!--/.prices -->\n                  <ul class="icon-list bullet-green mt-7 mb-8">\n                    <li><i class="uil uil-check"></i><span><strong>90</strong> Projects </span></li>\n                    <li><i class="uil uil-check"></i><span><strong>900K</strong> API Access </span></li>\n                    <li><i class="uil uil-check"></i><span><strong>900MB</strong> Storage </span></li>\n                    <li><i class="uil uil-check"></i><span> Weekly <strong>Reports</strong> </span></li>\n                    <li><i class="uil uil-check"></i><span> 7/24 <strong>Support</strong></span></li>\n                  </ul>\n                  <a href="#" class="btn btn-soft-primary rounded">Choose Plan</a>\n                </div>\n                <!--/.card-body -->\n              </div>\n              <!--/.pricing -->\n            </div>\n          </div>\n          <!--/.row -->\n        </div>\n        <!--/.pricing-wrapper -->\n        <div class="row">\n          <div class="col-xl-11 mx-auto">\n            <div class="row gx-md-8 gx-xl-12 gy-10 px-lg-5">\n              <div class="col-lg-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/lineal/check-list.svg" class="svg-inject icon-svg icon-svg-sm text-blue me-5 mt-1" alt="" />\n                  </div>\n                  <div>\n                    <h4 class="fs-20 ls-sm">Can I cancel my subscription?</h4>\n                    <p class="mb-0">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod.</p>\n                  </div>\n                </div>\n              </div>\n              <!-- /column -->\n              <div class="col-lg-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/lineal/wallet.svg" class="svg-inject icon-svg icon-svg-sm text-yellow me-5 mt-1" alt="" />\n                  </div>\n                  <div>\n                    <h4 class="fs-20 ls-sm">Which payment methods do you accept?</h4>\n                    <p class="mb-0">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod.</p>\n                  </div>\n                </div>\n              </div>\n              <!-- /column -->\n              <div class="col-lg-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/lineal/insurance.svg" class="svg-inject icon-svg icon-svg-sm text-pink me-5 mt-1" alt="" />\n                  </div>\n                  <div>\n                    <h4 class="fs-20 ls-sm">How can I manage my Account?</h4>\n                    <p class="mb-0">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod.</p>\n                  </div>\n                </div>\n              </div>\n              <!-- /column -->\n              <div class="col-lg-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/lineal/padlock.svg" class="svg-inject icon-svg icon-svg-sm text-green me-5 mt-1" alt="" />\n                  </div>\n                  <div>\n                    <h4 class="fs-20 ls-sm">Is my credit card information secure?</h4>\n                    <p class="mb-0">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod.</p>\n                  </div>\n                </div>\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(27, 'footer', 'footer', '<footer class="bg-gray">\n    <div class="container py-13 py-md-15">\n      <div class="d-lg-flex flex-row align-items-lg-center">\n        <h3 class="display-3 ls-sm mb-6 mb-lg-0 pe-lg-20 pe-xl-22 pe-xxl-25">Join our community by using our services and grow your business.</h3>\n        <a href="#" class="btn btn-lg btn-primary rounded mb-0 text-nowrap">Try It For Free</a>\n      </div>\n      <!--/div -->\n      <hr class="mt-11 mb-12" />\n      <div class="row gy-6 gy-lg-0">\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <img class="mb-4" src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n            <p class="mb-4">© <script>\n                document.write(new Date().getUTCFullYear());\n              </script> Simeya. <br class="d-none d-lg-block" />All rights reserved.</p>\n            <nav class="nav social social-muted">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title ls-sm mb-3">Get in Touch</h4>\n            <address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address>\n            <a href="mailto:#" class="link-body">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title ls-sm mb-3">Learn More</h4>\n            <ul class="list-unstyled text-reset mb-0">\n              <li><a href="#">About Us</a></li>\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Projects</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-12 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title ls-sm mb-3">Our Newsletter</h4>\n            <p class="mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p>\n            <div class="newsletter-wrapper">\n              <!-- Begin Mailchimp Signup Form -->\n              <div id="mc_embed_signup2">\n                <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate " target="_blank" novalidate>\n                  <div id="mc_embed_signup_scroll2">\n                    <div class="mc-field-group input-group form-floating">\n                      <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2">\n                      <label for="mce-EMAIL2">Email Address</label>\n                      <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary ">\n                    </div>\n                    <div id="mce-responses2" class="clear">\n                      <div class="response" id="mce-error-response2" style="display:none"></div>\n                      <div class="response" id="mce-success-response2" style="display:none"></div>\n                    </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n                    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>\n                    <div class="clear"></div>\n                  </div>\n                </form>\n              </div>\n              <!--End mc_embed_signup-->\n            </div>\n            <!-- /.newsletter-wrapper -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!--/.row -->\n    </div>\n    <!-- /.container -->\n  </footer>'),
(27, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(28, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/purple.css">\n  <link rel="preload" href="/assets/css/fonts/space.css" as="style" onload="this.rel=''stylesheet''">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(28, 'header', 'header', '<header class="wrapper">\n      <nav class="navbar navbar-expand-lg center-nav transparent position-absolute navbar-light">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <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>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <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>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <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>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <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>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <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>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <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>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <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>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <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>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <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>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <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>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <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>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <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>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <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>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <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>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <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>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <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>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <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>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <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>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <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>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <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>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <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>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <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>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <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>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <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>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <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>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <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>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <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>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <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>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <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>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <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>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <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>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <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>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <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>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <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>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <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>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <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>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <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>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <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>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <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>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <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>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <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>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <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>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <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>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <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>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <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>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <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>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <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>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <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>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <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>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <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>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <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>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <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>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <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>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other w-100 d-flex ms-auto">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item">\n                <nav class="nav social social-muted justify-content-end text-end">\n                  <a href="#"><i class="uil uil-twitter"></i></a>\n                  <a href="#"><i class="uil uil-facebook-f"></i></a>\n                  <a href="#"><i class="uil uil-dribbble"></i></a>\n                  <a href="#"><i class="uil uil-instagram"></i></a>\n                </nav>\n                <!-- /.social -->\n              </li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n    </header>'),
(28, 'content', 'section_1', '<section class="wrapper bg-gradient-blend">\n      <div class="container pt-16 pt-md-18 pb-12 pb-md-18 pb-lg-20">\n        <div class="row">\n          <div class="col-lg-3 mx-auto">\n            <div class="img-mask mask-2"><img src="/assets/img/photos/about28.jpg" srcset="/assets/img/photos/about28@2x.jpg 2x" alt="" /></div>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row mt-10">\n          <div class="col-md-10 col-lg-9 col-xxl-8 mx-auto text-center">\n            <h2 class="fs-17 text-uppercase text-muted mb-3">Hello! I''m Julia</h2>\n            <h3 class="display-1 mb-5 px-xl-12">I’m a corporate <em>brand designer</em> based in New York City.</h3>\n            <p class="lead fs-22">I’m very passionate about the work that I do, and if you are curious you can find my works on <a href="#" class="hover" style="color: var(--bs-dribbble);">Dribbble</a>, my portfolio on <a href="#" class="hover" style="color: var(--bs-behance);">Behance</a>, and my shots on <a href="#" class="hover" style="color: var(--bs-instagram);">Instagram</a>.</p>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n      <div class="overflow-hidden">\n        <div class="divider text-light mx-n2">\n          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 92.26">\n            <path fill="currentColor" d="M1206,21.2c-60-5-119-36.92-291-5C772,51.11,768,48.42,708,43.13c-60-5.68-108-29.92-168-30.22-60,.3-147,27.93-207,28.23-60-.3-122-25.94-182-36.91S30,5.93,0,16.2V92.26H1440v-87l-30,5.29C1348.94,22.29,1266,26.19,1206,21.2Z" />\n          </svg>\n        </div>\n      </div>\n      <!-- /.overflow-hidden -->\n    </section>'),
(28, 'content', 'section_2', '<section class="wrapper">\n      <div class="container pt-12 pt-md-0 pb-16 pb-md-18">\n        <div class="grid grid-view projects-masonry mt-md-n20 mt-lg-n22 mb-20">\n          <div class="row g-8 g-lg-10 isotope">\n            <div class="project item col-md-6 col-xl-4 workshop">\n              <div class="card shadow-lg">\n                <figure class="card-img-top itooltip itooltip-aqua" title=''<h5 class="mb-0">Click to see the project</h5>''><a href="/single-project3.html"> <img src="/assets/img/photos/pd6.jpg" alt="" /></a></figure>\n                <div class="card-body p-7">\n                  <div class="post-header">\n                    <div class="post-category text-line mb-2 text-aqua">Workshop</div>\n                    <h3 class="mb-0">Ipsum Mollis Vulputate</h3>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!-- /.project -->\n            <div class="project item col-md-6 col-xl-4 product">\n              <div class="card shadow-lg">\n                <figure class="card-img-top itooltip itooltip-purple" title=''<h5 class="mb-0">Click to see the project</h5>''><a href="/single-project2.html"> <img src="/assets/img/photos/pd4.jpg" alt="" /></a></figure>\n                <div class="card-body p-7">\n                  <div class="post-header">\n                    <div class="post-category text-line mb-2 text-purple">Product</div>\n                    <h3 class="mb-0">Inceptos Euismod Egestas</h3>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!-- /.project -->\n            <div class="project item col-md-6 col-xl-4 product">\n              <div class="card shadow-lg">\n                <figure class="card-img-top itooltip itooltip-yellow" title=''<h5 class="mb-0">Click to see the project</h5>''><a href="/single-project.html"> <img src="/assets/img/photos/pd1.jpg" alt="" /></a></figure>\n                <div class="card-body p-7">\n                  <div class="post-header">\n                    <div class="post-category text-line mb-2 text-yellow">Coffee</div>\n                    <h3 class="mb-0">Cras Fermentum Sem</h3>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!-- /.project -->\n            <div class="project item col-md-6 col-xl-4 workshop">\n              <div class="card shadow-lg">\n                <figure class="card-img-top itooltip itooltip-red" title=''<h5 class="mb-0">Click to see the project</h5>''><a href="/single-project2.html"> <img src="/assets/img/photos/pd2.jpg" alt="" /></a></figure>\n                <div class="card-body p-7">\n                  <div class="post-header">\n                    <div class="post-category text-line mb-2 text-red">Stationary</div>\n                    <h3 class="mb-0">Mollis Ipsum Mattis</h3>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!-- /.project -->\n            <div class="project item col-md-6 col-xl-4 still-life">\n              <div class="card shadow-lg">\n                <figure class="card-img-top itooltip itooltip-orange" title=''<h5 class="mb-0">Click to see the project</h5>''><a href="/single-project3.html"> <img src="/assets/img/photos/pd3.jpg" alt="" /></a></figure>\n                <div class="card-body p-7">\n                  <div class="post-header">\n                    <div class="post-category text-line mb-2 text-orange">Branding</div>\n                    <h3 class="mb-0">Ipsum Ultricies Cursus</h3>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!-- /.project -->\n            <div class="project item col-md-6 col-xl-4 product">\n              <div class="card shadow-lg">\n                <figure class="card-img-top itooltip itooltip-leaf" title=''<h5 class="mb-0">Click to see the project</h5>''><a href="/single-project.html"> <img src="/assets/img/photos/pd5.jpg" alt="" /></a></figure>\n                <div class="card-body p-7">\n                  <div class="post-header">\n                    <div class="post-category text-line mb-2 text-leaf">Print</div>\n                    <h3 class="mb-0">Sollicitudin Ornare Porta</h3>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!-- /.project -->\n          </div>\n          <!-- /.row -->\n        </div>\n        <!-- /.grid -->\n        <div class="row gx-lg-0 gy-10 align-items-center">\n          <div class="col-lg-5 offset-lg-1 order-lg-2">\n            <h2 class="display-3 mb-3">My areas of <em>expertise</em></h2>\n            <p class="lead fs-lg">The full service I am offering is specifically designed to meet your business needs.</p>\n            <p>Donec ullamcorper nulla non metus auctor fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas faucibus mollis elit interdum. Duis mollis, est non commodo luctus, nisi erat ligula magna mollis.</p>\n            <a href="#" class="btn btn-primary rounded-pill mt-3">More Details</a>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-6">\n            <div class="row g-6 text-center">\n              <div class="col-md-6">\n                <div class="row">\n                  <div class="col-lg-12">\n                    <div class="card shadow-lg mb-6">\n                      <div class="card-body">\n                        <img src="/assets/img/icons/solid/edit.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-purple-aqua mb-3" alt="" />\n                        <h3>Content Marketing</h3>\n                        <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.</p>\n                        <a href="#" class="more hover link-primary">Learn More</a>\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!--/.card -->\n                  </div>\n                  <!-- /column -->\n                  <div class="col-lg-12">\n                    <div class="card shadow-lg">\n                      <div class="card-body">\n                        <img src="/assets/img/icons/solid/team.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-purple-aqua mb-3" alt="" />\n                        <h3>Social Engagement</h3>\n                        <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.</p>\n                        <a href="#" class="more hover link-primary">Learn More</a>\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!--/.card -->\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </div>\n              <!-- /column -->\n              <div class="col-md-6">\n                <div class="row">\n                  <div class="col-lg-12 order-md-2">\n                    <div class="card shadow-lg mb-6 mb-md-0">\n                      <div class="card-body">\n                        <img src="/assets/img/icons/solid/lamp.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-purple-aqua mb-3" alt="" />\n                        <h3>Identity & Branding</h3>\n                        <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.</p>\n                        <a href="#" class="more hover link-primary">Learn More</a>\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!--/.card -->\n                  </div>\n                  <!-- /column -->\n                  <div class="col-lg-12">\n                    <div class="card shadow-lg mb-md-6 mt-lg-6">\n                      <div class="card-body">\n                        <img src="/assets/img/icons/solid/delivery-box.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-purple-aqua mb-3" alt="" />\n                        <h3>Product Design</h3>\n                        <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.</p>\n                        <a href="#" class="more hover link-primary">Learn More</a>\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!--/.card -->\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(28, 'content', 'section_3', '<section class="wrapper bg-gradient-blend">\n      <div class="container pt-15 pt-md-17 pb-12 pb-md-18">\n        <div class="row gx-lg-8 gx-xl-12 gy-10 gy-lg-0">\n          <div class="col-lg-4 text-center text-lg-start">\n            <h3 class="display-3 mb-3 pe-xxl-15">I am <em>proud</em> of my results</h3>\n            <p class="lead fs-lg mb-0 pe-xxl-10">I bring solutions to make life easier for our customers.</p>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-8 mt-lg-2">\n            <div class="row align-items-center counter-wrapper gy-6 text-center">\n              <div class="col-md-4">\n                <img src="/assets/img/icons/solid/target.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-purple-aqua mb-3" alt="" />\n                <h3 class="counter">1000+</h3>\n                <p class="mb-0">Completed Projects</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4">\n                <img src="/assets/img/icons/solid/medal.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-purple-aqua mb-3" alt="" />\n                <h3 class="counter">12</h3>\n                <p class="mb-0">Awards Won</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4">\n                <img src="/assets/img/icons/solid/employees.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-purple-aqua mb-3" alt="" />\n                <h3 class="counter">99.7%</h3>\n                <p class="mb-0">Customer Satisfaction</p>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n      <div class="overflow-hidden">\n        <div class="divider text-light mx-n2">\n          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 92.26">\n            <path fill="currentColor" d="M1206,21.2c-60-5-119-36.92-291-5C772,51.11,768,48.42,708,43.13c-60-5.68-108-29.92-168-30.22-60,.3-147,27.93-207,28.23-60-.3-122-25.94-182-36.91S30,5.93,0,16.2V92.26H1440v-87l-30,5.29C1348.94,22.29,1266,26.19,1206,21.2Z" />\n          </svg>\n        </div>\n      </div>\n      <!-- /.overflow-hidden -->\n    </section>'),
(28, 'content', 'section_4', '<section class="wrapper">\n      <div class="container pt-12 pt-md-0 pb-15 pb-md-17">\n        <div class="grid mt-md-n19 mt-xl-n20 mt-xxl-n21 mb-20">\n          <div class="row isotope gy-6">\n            <div class="item col-md-6 col-xl-3">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <blockquote class="icon mb-0">\n                    <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta. Cras mattis consectetur.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\n                        <h5 class="mb-1">Coriss Ambady</h5>\n                        <p class="mb-0">Financial Analyst</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-3">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <blockquote class="icon mb-0">\n                    <p>“Fusce dapibus, tellus ac cursus tortor mauris condimentum fermentum massa justo sit amet purus sit amet fermentum.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\n                        <h5 class="mb-1">Cory Zamora</h5>\n                        <p class="mb-0">Marketing Specialist</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-3">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <blockquote class="icon mb-0">\n                    <p>“Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor eu rutrum. Nulla vitae libero.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\n                        <h5 class="mb-1">Nikolas Brooten</h5>\n                        <p class="mb-0">Sales Manager</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-3">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <blockquote class="icon mb-0">\n                    <p>“Etiam adipiscing tincidunt elit convallis felis suscipit ut. Phasellus rhoncus eu tincidunt auctor nullam rutrum, pharetra augue.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\n                        <h5 class="mb-1">Coriss Ambady</h5>\n                        <p class="mb-0">Financial Analyst</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n          </div>\n          <!-- /.row -->\n        </div>\n        <!-- /.grid -->\n        <div class="row gx-md-8 gx-xl-12 gy-6 align-items-center">\n          <div class="col-md-8 col-lg-6 order-lg-2 mx-auto">\n            <div class="img-mask mask-2 px-xxl-8"><img src="/assets/img/photos/about28.jpg" srcset="/assets/img/photos/about28@2x.jpg 2x" alt="" /></div>\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h2 class="display-3 mb-3">More <em>about</em> me</h2>\n            <p class="lead fs-lg">I''m Julia Simeya, a corporate brand designer based in New York City. I’m very passionate about the work that I do.</p>\n            <p>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.</p>\n            <p>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.</p>\n            <a href="#" class="btn btn-primary rounded-pill mt-2">Learn More</a>\n          </div>\n          <!--/column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gx-md-8 gx-xl-12 mt-10 mt-md-13">\n          <div class="col-lg-4">\n            <h2 class="display-3 mb-3">My <em>working</em> process</h2>\n            <p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Fusce dapibus, tellus ac cursus. Aenean eu leo quam.</p>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-8">\n            <div class="row gy-8 gx-md-8 gx-xl-12">\n              <div class="col-md-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/solid/lamp.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-purple-aqua mt-1 me-4" alt="" />\n                  </div>\n                  <div>\n                    <h3 class="mb-1">Concept</h3>\n                    <p class="mb-0">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/solid/puzzle.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-purple-aqua mt-1 me-4" alt="" />\n                  </div>\n                  <div>\n                    <h3 class="mb-1">Prepare</h3>\n                    <p class="mb-0">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/solid/pen-tool.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-purple-aqua mt-1 me-4" alt="" />\n                  </div>\n                  <div>\n                    <h3 class="mb-1">Retouch</h3>\n                    <p class="mb-0">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/solid/delivery-box.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-purple-aqua mt-1 me-4" alt="" />\n                  </div>\n                  <div>\n                    <h3 class="mb-1">Finalize</h3>\n                    <p class="mb-0">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(28, 'content', 'section_5', '<section class="wrapper bg-gradient-blend">\n      <div class="container pt-15 pt-md-17 pb-13 pb-md-15">\n        <div class="row gx-md-8 gx-xl-12 gy-10">\n          <div class="col-lg-6">\n            <img src="/assets/img/icons/solid/email-2.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-purple-aqua mb-3" alt="" />\n            <h2 class="display-3 mb-3 pe-xl-14 pe-xxl-16">If you like what you see, <em>let''s work</em> together.</h2>\n            <p class="lead fs-lg pe-xxl-12 mb-0">Have any questions? Reach out to me from this contact form and I will get back to you shortly.</p>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-6">\n            <form class="contact-form needs-validation" method="post" action="./assets/php/contact.php" novalidate>\n              <div class="messages"></div>\n              <div class="row gx-4">\n                <div class="col-md-6">\n                  <div class="form-floating mb-4">\n                    <input id="form_name" type="text" name="name" class="form-control border-0" placeholder="Jane" required="required" data-error="First Name is required.">\n                    <label for="form_name">Name *</label>\n                    <div class="valid-feedback"> Looks good! </div>\n                    <div class="invalid-feedback"> Please enter your name. </div>\n                  </div>\n                </div>\n                <!-- /column -->\n                <div class="col-md-6">\n                  <div class="form-floating mb-4">\n                    <input id="form_email" type="email" name="email" class="form-control border-0" placeholder="jane.doe@example.com" required="required" data-error="Valid email is required.">\n                    <label for="form_email">Email *</label>\n                    <div class="valid-feedback"> Looks good! </div>\n                    <div class="invalid-feedback"> Please provide a valid email address. </div>\n                  </div>\n                </div>\n                <!-- /column -->\n                <div class="col-12">\n                  <div class="form-floating mb-4">\n                    <textarea id="form_message" name="message" class="form-control border-0" placeholder="Your message" style="height: 150px" required></textarea>\n                    <label for="form_message">Message *</label>\n                    <div class="valid-feedback"> Looks good! </div>\n                    <div class="invalid-feedback"> Please enter your messsage. </div>\n                  </div>\n                </div>\n                <!-- /column -->\n                <div class="col-12">\n                  <input type="submit" class="btn btn-primary rounded-pill btn-send mb-3" value="Send message">\n                </div>\n                <!-- /column -->\n              </div>\n              <!-- /.row -->\n            </form>\n            <!-- /form -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n      <div class="overflow-hidden">\n        <div class="divider text-light mx-n2">\n          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 92.26">\n            <path fill="currentColor" d="M1206,21.2c-60-5-119-36.92-291-5C772,51.11,768,48.42,708,43.13c-60-5.68-108-29.92-168-30.22-60,.3-147,27.93-207,28.23-60-.3-122-25.94-182-36.91S30,5.93,0,16.2V92.26H1440v-87l-30,5.29C1348.94,22.29,1266,26.19,1206,21.2Z" />\n          </svg>\n        </div>\n      </div>\n      <!-- /.overflow-hidden -->\n    </section>'),
(28, 'footer', 'footer', '<footer class="pt-12">\n    <div class="container pb-12 text-center">\n      <div class="row mt-n10 mt-lg-0">\n        <div class="col-xl-10 mx-auto">\n          <div class="row mb-3">\n            <div class="col-md-4">\n              <div class="widget">\n                <h4 class="widget-title">Address</h4>\n                <address>Moonshine St. 14/05 <br class="d-none d-md-block" /> Light City, London, UK</address>\n              </div>\n              <!-- /.widget -->\n            </div>\n            <!--/column -->\n            <div class="col-md-4">\n              <div class="widget">\n                <h4 class="widget-title">Phone</h4>\n                <p>00 (123) 456 78 90 <br />00 (987) 654 32 10</p>\n              </div>\n              <!-- /.widget -->\n            </div>\n            <!--/column -->\n            <div class="col-md-4">\n              <div class="widget">\n                <h4 class="widget-title">E-mail</h4>\n                <p><a href="mailto:sandbox@email.com" class="link-body">sandbox@email.com</a> <br class="d-none d-md-block" /><a href="mailto:help@sandbox.com" class="link-body">help@sandbox.com</a></p>\n              </div>\n              <!-- /.widget -->\n            </div>\n            <!--/column -->\n          </div>\n          <!--/.row -->\n          <p>© <script>\n              document.write(new Date().getUTCFullYear());\n            </script> Simeya. All rights reserved.</p>\n          <nav class="nav social justify-content-center">\n            <a href="#"><i class="uil uil-twitter"></i></a>\n            <a href="#"><i class="uil uil-facebook-f"></i></a>\n            <a href="#"><i class="uil uil-dribbble"></i></a>\n            <a href="#"><i class="uil uil-instagram"></i></a>\n            <a href="#"><i class="uil uil-youtube"></i></a>\n          </nav>\n          <!-- /.social -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!-- /.row -->\n    </div>\n    <!-- /.container -->\n  </footer>'),
(28, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(29, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/grape.css">\n  <link rel="preload" href="/assets/css/fonts/space.css" as="style" onload="this.rel=''stylesheet''">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(29, 'header', 'header', '<header>\n      <nav class="navbar navbar-expand-lg center-nav transparent position-absolute navbar-light caret-none">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <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>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <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>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <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>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <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>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <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>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <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>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <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>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <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>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <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>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <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>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <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>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <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>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <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>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <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>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <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>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <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>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <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>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <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>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <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>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <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>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <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>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <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>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <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>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <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>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <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>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <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>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <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>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <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>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <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>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <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>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <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>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <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>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <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>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <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>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <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>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <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>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <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>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <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>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <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>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <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>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <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>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <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>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <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>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <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>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <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>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <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>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <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>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <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>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <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>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <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>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <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>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <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>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <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>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other w-100 d-flex ms-auto">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item dropdown language-select text-uppercase">\n                <a class="nav-link dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">En</a>\n                <ul class="dropdown-menu">\n                  <li class="nav-item"><a class="dropdown-item" href="#">En</a></li>\n                  <li class="nav-item"><a class="dropdown-item" href="#">De</a></li>\n                  <li class="nav-item"><a class="dropdown-item" href="#">Es</a></li>\n                </ul>\n              </li>\n              <li class="nav-item"><a class="nav-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-info"><i class="uil uil-info-circle"></i></a></li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n      <div class="offcanvas offcanvas-end text-inverse" id="offcanvas-info" data-bs-scroll="true">\n        <div class="offcanvas-header">\n          <h3 class="text-white fs-30 mb-0">Simeya</h3>\n          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n        </div>\n        <div class="offcanvas-body pb-6">\n          <div class="widget mb-8">\n            <p>Simeya is a multipurpose HTML5 template with various layouts which will be a great solution for your business.</p>\n          </div>\n          <!-- /.widget -->\n          <div class="widget mb-8">\n            <h4 class="widget-title text-white mb-3">Contact Info</h4>\n            <address> Moonshine St. 14/05 <br /> Light City, London </address>\n            <a href="mailto:first.last@email.com">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n          <div class="widget mb-8">\n            <h4 class="widget-title text-white mb-3">Learn More</h4>\n            <ul class="list-unstyled">\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n              <li><a href="#">Contact Us</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Follow Us</h4>\n            <nav class="nav social social-white">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /.offcanvas-body -->\n      </div>\n      <!-- /.offcanvas -->\n    </header>'),
(29, 'content', 'section_1', '<section class="wrapper image-wrapper bg-full bg-image bg-overlay bg-overlay-light-600" data-image-src="/assets/img/photos/bg23.png">\n      <div class="container pt-16 pt-md-18 pb-9">\n        <div class="row gx-0 gy-10 align-items-center text-center text-lg-start">\n          <div class="col-lg-6 col-xxl-5 position-relative" data-cues="slideInDown" data-group="page-title" data-delay="700">\n            <img src="/assets/img/svg/doodle1.svg" class="h-9 position-absolute d-none d-lg-block" data-cue="fadeIn" data-delay="3000" style="top: -9%; left: -6%" alt="">\n            <img src="/assets/img/svg/doodle2.svg" class="h-15 position-absolute d-none d-lg-block" data-cue="fadeIn" data-delay="3000" style="bottom: 9%; right: -22%" alt="">\n            <h1 class="display-1 fs-50 mb-4">Manage all your bills, accounts and budgets in <span class="text-gradient gradient-7">one place.</span></h1>\n            <p class="lead fs-24 lh-sm mb-7">Simeya is available to download from both App Store and Google Play Store.</p>\n            <div class="d-flex justify-content-center justify-content-lg-start" data-cues="slideInDown" data-group="page-title-buttons" data-delay="1800">\n              <span><a href="#" class="me-2"><img src="/assets/img/photos/button-appstore.svg" class="h-11 rounded-xl" alt=""></a></span>\n              <span><a href="#"><img src="/assets/img/photos/button-google-play.svg" class="h-11 rounded-xl" alt=""></a></span>\n            </div>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-6 ms-auto mb-n20 mb-xxl-n22" data-cues="slideInDown" data-delay="600">\n            <figure><img src="/assets/img/photos/devices3.png" srcset="/assets/img/photos/devices3@2x.png 2x" alt=""></figure>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n      <div class="overflow-hidden" style="z-index:1;">\n        <div class="divider text-light mx-n2">\n          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100">\n            <g fill="currentColor">\n              <polygon points="1440 100 0 100 0 85 1440 0 1440 100" />\n            </g>\n          </svg>\n        </div>\n      </div>\n      <!-- /.overflow-hidden -->\n    </section>'),
(29, 'content', 'section_2', '<section class="wrapper bg-light">\n      <div class="container pt-18 pt-md-20 pb-14 pb-md-16">\n        <div class="row text-center">\n          <div class="col-lg-10 col-xl-9 col-xxl-8 mx-auto position-relative">\n            <img src="/assets/img/svg/doodle3.svg" class="h-11 position-absolute d-none d-lg-block" style="top: -45%; left: 23%" alt="">\n            <img src="/assets/img/svg/doodle4.svg" class="h-8 position-absolute d-none d-lg-block" style="top: 6%; right: 2%" alt="">\n            <h2 class="fs-16 text-uppercase text-muted mb-3">App Features</h2>\n            <h3 class="display-3 mb-11 px-lg-5 px-xl-0 px-xxl-6">Simeya makes your spending <span class="text-gradient gradient-7">stress-free</span> for you to have the perfect control.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row mb-20">\n          <div class="col-xxl-11 mx-auto">\n            <div class="row gx-md-8 gy-10 text-center">\n              <div class="col-md-6 col-lg-3">\n                <div class="svg-bg svg-bg-lg bg-pale-yellow rounded-xl mb-4"> <img src="/assets/img/icons/solid/cloud-network-2.svg" class="svg-inject icon-svg solid text-navy" alt="" /> </div>\n                <h4 class="fs-20">Always up to Date</h4>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 col-lg-3">\n                <div class="svg-bg svg-bg-lg bg-pale-green rounded-xl mb-4"> <img src="/assets/img/icons/solid/touchscreen.svg" class="svg-inject icon-svg solid text-navy" alt="" /> </div>\n                <h4 class="fs-20">Easy Usage</h4>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 col-lg-3">\n                <div class="svg-bg svg-bg-lg bg-pale-purple rounded-xl mb-4"> <img src="/assets/img/icons/solid/lock.svg" class="svg-inject icon-svg solid text-navy" alt="" /> </div>\n                <h4 class="fs-20">Secure Payments</h4>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 col-lg-3">\n                <div class="svg-bg svg-bg-lg bg-pale-pink rounded-xl mb-4"> <img src="/assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg solid text-navy" alt="" /> </div>\n                <h4 class="fs-20">Fast Transactions</h4>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 col-lg-3">\n                <div class="svg-bg svg-bg-lg bg-pale-violet rounded-xl mb-4"> <img src="/assets/img/icons/solid/bar-chart.svg" class="svg-inject icon-svg solid text-navy" alt="" /> </div>\n                <h4 class="fs-20">Reports & Forecasting</h4>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 col-lg-3">\n                <div class="svg-bg svg-bg-lg bg-pale-orange rounded-xl mb-4"> <img src="/assets/img/icons/solid/safe.svg" class="svg-inject icon-svg solid text-navy" alt="" /> </div>\n                <h4 class="fs-20">Online Banking</h4>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 col-lg-3">\n                <div class="svg-bg svg-bg-lg bg-pale-blue rounded-xl mb-4"> <img src="/assets/img/icons/solid/controls.svg" class="svg-inject icon-svg solid text-navy" alt="" /> </div>\n                <h4 class="fs-20">Configurable Fields</h4>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 col-lg-3">\n                <div class="svg-bg svg-bg-lg bg-pale-leaf rounded-xl mb-4"> <img src="/assets/img/icons/solid/checked.svg" class="svg-inject icon-svg solid text-navy" alt="" /> </div>\n                <h4 class="fs-20">List of Transactions</h4>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row text-center">\n          <div class="col-md-10 col-lg-7 mx-auto position-relative">\n            <img src="/assets/img/svg/doodle5.svg" class="w-15 position-absolute d-none d-lg-block" data-delay="1800" style="bottom: -60%; right: 10%" alt="">\n            <img src="/assets/img/svg/doodle6.svg" class="h-15 position-absolute d-none d-lg-block" data-delay="1800" style="top: -40%; left: -5%" alt="">\n            <h2 class="fs-16 text-uppercase text-muted mb-3">How It Works</h2>\n            <h3 class="display-3 mb-8 px-xl-6">Download the app, create your profile and <span class="text-gradient gradient-7">voilà</span>, you''re all set!</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row mb-lg-20 mb-xl-23">\n          <div class="col-xxl-11 mx-auto">\n            <div class="row gy-10 gy-lg-0 text-center d-flex align-items-center">\n              <div class="col-md-6 col-lg-4 mx-auto mb-n10 mb-lg-0">\n                <figure class="mx-auto"><img src="/assets/img/photos/devices4.png" srcset="/assets/img/photos/devices4@2x.png 2x" alt=""></figure>\n              </div>\n              <!-- /column -->\n              <div class="w-100 d-lg-none"></div>\n              <div class="col-md-6 col-lg-4 order-lg-first">\n                <div class="mb-8">\n                  <span class="fs-60 lh-1 mb-3 fw-normal text-gradient gradient-7">01</span>\n                  <h4 class="fs-20">Download Application</h4>\n                  <p class="mb-0 px-xl-7">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus.</p>\n                </div>\n                <!-- /div -->\n                <div>\n                  <span class="fs-60 lh-1 mb-3 fw-normal text-gradient gradient-7">02</span>\n                  <h4 class="fs-20">Quick Registration</h4>\n                  <p class="mb-0 px-xl-7">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus.</p>\n                </div>\n                <!-- /div -->\n              </div>\n              <!-- /column -->\n              <div class="col-md-6 col-lg-4">\n                <div class="mb-8">\n                  <span class="fs-60 lh-1 mb-3 fw-normal text-gradient gradient-7">03</span>\n                  <h4 class="fs-20">Track Your Spending</h4>\n                  <p class="mb-0 px-xl-7">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus.</p>\n                </div>\n                <!-- /div -->\n                <div>\n                  <span class="fs-60 lh-1 mb-3 fw-normal text-gradient gradient-7">04</span>\n                  <h4 class="fs-20">Have Total Control</h4>\n                  <p class="mb-0 px-xl-7">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus.</p>\n                </div>\n                <!-- /div -->\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(29, 'content', 'section_3', '<section class="wrapper image-wrapper bg-full bg-image bg-overlay bg-overlay-light-600 bg-content" data-image-src="/assets/img/photos/bg23.png">\n      <div class="container py-14 pt-md-16 pt-lg-0 pb-md-17 position-relative" style="z-index: 2;">\n        <div class="row">\n          <div class="col-xl-11 col-xxl-10 mx-auto">\n            <div class="mt-lg-n20 mt-xl-n22 mb-14 mb-md-16 rounded-xl">\n              <div class="player" data-plyr-provider="vimeo" data-plyr-embed-id="165101721"></div>\n            </div>\n            <div class="position-relative">\n              <img src="/assets/img/svg/doodle7.svg" class="h-7 position-absolute d-none d-lg-block" data-delay="1800" style="top: -90%; right: -3%" alt="">\n              <img src="/assets/img/svg/doodle8.svg" class="h-14 position-absolute d-none d-lg-block" data-delay="1800" style="top: -20%; left: -12%" alt="">\n              <h2 class="fs-16 text-uppercase text-muted mb-3 text-center">FAQ</h2>\n              <h3 class="display-3 mb-11 px-lg-8 px-xl-11 text-center">If you don''t see an <span class="text-gradient gradient-7">answer</span> to your question, you can send us an email from our contact form.</h3>\n            </div>\n            <div class="row">\n              <div class="col-lg-6 mb-0">\n                <div id="accordion-1" class="accordion-wrapper">\n                  <div class="card accordion-item shadow-lg">\n                    <div class="card-header" id="accordion-heading-1-1">\n                      <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-1-1" aria-expanded="false" aria-controls="accordion-collapse-1-1">Can I cancel my subscription?</button>\n                    </div>\n                    <!-- /.card-header -->\n                    <div id="accordion-collapse-1-1" class="collapse" aria-labelledby="accordion-heading-1-1" data-bs-target="#accordion-1">\n                      <div class="card-body">\n                        <p>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 scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui. Cras justo odio, dapibus ac facilisis.</p>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.collapse -->\n                  </div>\n                  <!-- /.card -->\n                  <div class="card accordion-item shadow-lg">\n                    <div class="card-header" id="accordion-heading-1-2">\n                      <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-1-2" aria-expanded="false" aria-controls="accordion-collapse-1-2">Which payment methods do you accept?</button>\n                    </div>\n                    <!-- /.card-header -->\n                    <div id="accordion-collapse-1-2" class="collapse" aria-labelledby="accordion-heading-1-2" data-bs-target="#accordion-1">\n                      <div class="card-body">\n                        <p>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 scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui. Cras justo odio, dapibus ac facilisis.</p>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.collapse -->\n                  </div>\n                  <!-- /.card -->\n                  <div class="card accordion-item shadow-lg">\n                    <div class="card-header" id="accordion-heading-1-3">\n                      <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-1-3" aria-expanded="false" aria-controls="accordion-collapse-1-3">How can I manage my Account?</button>\n                    </div>\n                    <!-- /.card-header -->\n                    <div id="accordion-collapse-1-3" class="collapse" aria-labelledby="accordion-heading-1-3" data-bs-target="#accordion-1">\n                      <div class="card-body">\n                        <p>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 scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui. Cras justo odio, dapibus ac facilisis.</p>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.collapse -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!-- /.accordion-wrapper -->\n              </div>\n              <!--/column -->\n              <div class="col-lg-6">\n                <div id="accordion-2" class="accordion-wrapper">\n                  <div class="card accordion-item shadow-lg">\n                    <div class="card-header" id="accordion-heading-2-1">\n                      <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-2-1" aria-expanded="false" aria-controls="accordion-collapse-2-1">How do I get my subscription receipt?</button>\n                    </div>\n                    <!-- /.card-header -->\n                    <div id="accordion-collapse-2-1" class="collapse" aria-labelledby="accordion-heading-2-1" data-bs-target="#accordion-2">\n                      <div class="card-body">\n                        <p>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 scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui. Cras justo odio, dapibus ac facilisis.</p>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.collapse -->\n                  </div>\n                  <!-- /.card -->\n                  <div class="card accordion-item shadow-lg">\n                    <div class="card-header" id="accordion-heading-2-2">\n                      <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-2-2" aria-expanded="false" aria-controls="accordion-collapse-2-2">Are there any discounts for people in need?</button>\n                    </div>\n                    <!-- /.card-header -->\n                    <div id="accordion-collapse-2-2" class="collapse" aria-labelledby="accordion-heading-2-2" data-bs-target="#accordion-2">\n                      <div class="card-body">\n                        <p>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 scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui. Cras justo odio, dapibus ac facilisis.</p>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.collapse -->\n                  </div>\n                  <!-- /.card -->\n                  <div class="card accordion-item shadow-lg">\n                    <div class="card-header" id="accordion-heading-2-3">\n                      <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-2-3" aria-expanded="false" aria-controls="accordion-collapse-2-3">Do you offer a free trial edit?</button>\n                    </div>\n                    <!-- /.card-header -->\n                    <div id="accordion-collapse-2-3" class="collapse" aria-labelledby="accordion-heading-2-3" data-bs-target="#accordion-2">\n                      <div class="card-body">\n                        <p>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 scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui. Cras justo odio, dapibus ac facilisis.</p>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.collapse -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!-- /.accordion-wrapper -->\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(29, 'content', 'section_4', '<section class="wrapper bg-light">\n      <div class="container py-16 py-md-18">\n        <div class="row text-center">\n          <div class="col-md-11 col-lg-9 col-xl-8 col-xxl-7 mx-auto position-relative">\n            <img src="/assets/img/svg/doodle3.svg" class="h-11 position-absolute d-none d-lg-block" style="top: -20%; right: -12%" alt="">\n            <img src="/assets/img/svg/doodle9.svg" class="h-17 position-absolute d-none d-lg-block" style="bottom: 5%; left: -17%" alt="">\n            <h2 class="fs-16 text-uppercase text-muted mb-3 text-center">Why Choose Simeya?</h2>\n            <h3 class="display-3 mb-12 text-center">Here are a few <span class="text-gradient gradient-7">reasons why</span> our customers choose the Simeya app.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row d-flex align-items-start mb-19">\n          <div class="col-lg-6 position-lg-sticky" style="top: 8rem;">\n            <figure><img src="/assets/img/photos/devices5.png" srcset="/assets/img/photos/devices5@2x.png 2x" alt=""></figure>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-5 ms-auto">\n            <div class="d-flex flex-row mb-8">\n              <div>\n                <div class="svg-bg svg-bg-lg bg-pale-grape rounded-xl me-5"><img src="/assets/img/icons/solid/calendar.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>\n              </div>\n              <div>\n                <h4 class="fs-20">Scheduled Transactions</h4>\n                <p>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.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row mb-8">\n              <div>\n                <div class="svg-bg svg-bg-lg bg-pale-green rounded-xl me-5"><img src="/assets/img/icons/solid/currency.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>\n              </div>\n              <div>\n                <h4 class="fs-20">Multiple Currencies</h4>\n                <p>Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row mb-8">\n              <div>\n                <div class="svg-bg svg-bg-lg bg-pale-pink rounded-xl me-5"><img src="/assets/img/icons/solid/server.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>\n              </div>\n              <div>\n                <h4 class="fs-20">Database Management</h4>\n                <p>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.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row mb-8">\n              <div>\n                <div class="svg-bg svg-bg-lg bg-pale-yellow rounded-xl me-5"><img src="/assets/img/icons/solid/devices.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>\n              </div>\n              <div>\n                <h4 class="fs-20">Sync Between Devices</h4>\n                <p>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.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row mb-8">\n              <div>\n                <div class="svg-bg svg-bg-lg bg-pale-blue rounded-xl me-5"><img src="/assets/img/icons/solid/search.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>\n              </div>\n              <div>\n                <h4 class="fs-20">Smart Search</h4>\n                <p>Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row mb-8">\n              <div>\n                <div class="svg-bg svg-bg-lg bg-pale-leaf rounded-xl me-5"><img src="/assets/img/icons/solid/compare.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>\n              </div>\n              <div>\n                <h4 class="fs-20">Detailed Reports</h4>\n                <p>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.</p>\n              </div>\n            </div>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row">\n          <div class="col-md-11 col-lg-10 col-xl-9 col-xxl-8 mx-auto text-center position-relative">\n            <img src="/assets/img/svg/doodle1.svg" class="h-9 position-absolute d-none d-lg-block" style="top: 2%; left: 9%" alt="">\n            <img src="/assets/img/svg/doodle10.svg" class="h-7 position-absolute d-none d-lg-block" style="top: -45%; left: -17%" alt="">\n            <img src="/assets/img/svg/doodle11.svg" class="h-13 position-absolute d-none d-lg-block" style="top: -40%; right: -15%" alt="">\n            <h2 class="fs-16 text-uppercase text-muted mb-3">Happy Customers</h2>\n            <h3 class="display-3 mb-11 px-xl-10 px-xxl-13">Don''t take our word for it. See what <span class="text-gradient gradient-7">customers</span> are saying about us.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="grid mb-12">\n          <div class="row isotope gy-6">\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-none rounded-xl bg-soft-grape">\n                <div class="card-body">\n                  <blockquote class="icon mb-0">\n                    <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque penatibus.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\n                        <h5 class="mb-1">Coriss Ambady</h5>\n                        <p class="mb-0">Financial Analyst</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-none rounded-xl bg-soft-green">\n                <div class="card-body">\n                  <blockquote class="icon mb-0">\n                    <p>“Fusce dapibus, tellus ac cursus tortor mauris condimentum fermentum massa justo sit amet. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\n                        <h5 class="mb-1">Cory Zamora</h5>\n                        <p class="mb-0">Marketing Specialist</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-none rounded-xl bg-soft-orange">\n                <div class="card-body">\n                  <blockquote class="icon mb-0">\n                    <p>“Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nullam quis risus eget porta ac consectetur vestibulum. Donec sed odio dui consectetur adipiscing elit.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\n                        <h5 class="mb-1">Nikolas Brooten</h5>\n                        <p class="mb-0">Sales Manager</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-none rounded-xl bg-soft-pink">\n                <div class="card-body">\n                  <blockquote class="icon mb-0">\n                    <p>“Etiam adipiscing tincidunt elit convallis felis suscipit ut. Phasellus rhoncus tincidunt auctor. Nullam eu sagittis mauris. Donec non dolor ac elit aliquam tincidunt at at sapien. Aenean tortor libero condimentum ac laoreet vitae.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\n                        <h5 class="mb-1">Coriss Ambady</h5>\n                        <p class="mb-0">Financial Analyst</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-none rounded-xl bg-soft-blue">\n                <div class="card-body">\n                  <blockquote class="icon mb-0">\n                    <p>“Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus magnis dis montes, nascetur ridiculus mus. Donec sed odio dui. Nulla vitae elit libero a pharetra.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\n                        <h5 class="mb-1">Jackie Sanders</h5>\n                        <p class="mb-0">Investment Planner</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-none rounded-xl bg-soft-yellow">\n                <div class="card-body">\n                  <blockquote class="icon mb-0">\n                    <p>“Donec id elit non mi porta gravida at eget metus. Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\n                        <h5 class="mb-1">Laura Widerski</h5>\n                        <p class="mb-0">Sales Specialist</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n          </div>\n          <!-- /.row -->\n        </div>\n        <!-- /.grid-view -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(29, 'content', 'section_5', '<section class="wrapper image-wrapper bg-full bg-image bg-overlay bg-overlay-light-600" data-image-src="/assets/img/photos/bg23.png">\n      <div class="overflow-hidden" style="z-index:1;">\n        <div class="divider divider-alt text-light mx-n2">\n          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100">\n            <g fill="currentColor">\n              <polygon points="1440 100 0 15 0 0 1440 0 1440 100" />\n            </g>\n          </svg>\n        </div>\n      </div>\n      <!-- /.overflow-hidden -->\n      <div class="container pt-10 pt-lg-10 pt-md-13 pb-8 pb-md-10 text-center text-lg-start">\n        <div class="row gx-0 gy-10">\n          <div class="col-md-10 offset-md-1 offset-lg-0 col-lg-6 col-xl-5 position-relative">\n            <img src="/assets/img/svg/doodle2.svg" class="h-15 position-absolute d-none d-lg-block" style="bottom: 36%; right: -25%" alt="">\n            <img src="/assets/img/svg/doodle6.svg" class="h-14 position-absolute d-none d-lg-block" data-delay="1800" style="top: -20%; left: -25%" alt="">\n            <h2 class="display-3 mb-4">Manage all your bills, accounts & budgets in <span class="text-gradient gradient-7">one place.</span></h2>\n            <p class="lead fs-24 lh-sm mb-7">Simeya is available to download from both App Store and Google Play Store.</p>\n            <div class="d-flex justify-content-center justify-content-lg-start">\n              <span><a href="#" class="me-2"><img src="/assets/img/photos/button-appstore.svg" class="h-11 rounded-xl" alt=""></a></span>\n              <span><a href="#"><img src="/assets/img/photos/button-google-play.svg" class="h-11 rounded-xl" alt=""></a></span>\n            </div>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-6 ms-auto mt-lg-n15 mt-xl-n20">\n            <figure><img src="/assets/img/photos/devices6.png" srcset="/assets/img/photos/devices6@2x.png 2x" alt=""></figure>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(29, 'footer', 'footer', '<footer class="bg-light">\n    <div class="container py-13 py-md-15">\n      <div class="row gy-6 gy-lg-0">\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <img class="mb-4" src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="">\n            <p class="mb-4">© 2022 Simeya. <br class="d-none d-lg-block">All rights reserved.</p>\n            <nav class="nav social ">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title  mb-3">Get in Touch</h4>\n            <address class="pe-xl-13 pe-xxl-15">Moonshine St. 14/05 Light City, London, United Kingdom</address>\n            <a href="mailto:#" class="link-body">info@email.com</a><br> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title  mb-3">Learn More</h4>\n            <ul class="list-unstyled text-reset mb-0">\n              <li><a href="#">About Us</a></li>\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Projects</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-12 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title  mb-3">Our Newsletter</h4>\n            <p class="mb-5">Subscribe to our newsletter to get our news &amp; deals delivered to you.</p>\n            <div class="newsletter-wrapper">\n              <!-- Begin Mailchimp Signup Form -->\n              <div id="mc_embed_signup2">\n                <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate " target="_blank" novalidate="">\n                  <div id="mc_embed_signup_scroll2">\n                    <div class="mc-field-group input-group form-floating">\n                      <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2">\n                      <label for="mce-EMAIL2">Email Address</label>\n                      <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary ">\n                    </div>\n                    <div id="mce-responses2" class="clear">\n                      <div class="response" id="mce-error-response2" style="display:none"></div>\n                      <div class="response" id="mce-success-response2" style="display:none"></div>\n                    </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n                    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>\n                    <div class="clear"></div>\n                  </div>\n                </form>\n              </div>\n              <!--End mc_embed_signup-->\n            </div>\n            <!-- /.newsletter-wrapper -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!--/.row -->\n    </div>\n    <!-- /.container -->\n  </footer>'),
(29, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(3, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/aqua.css">\n  <link rel="preload" href="/assets/css/fonts/thicccboi.css" as="style" onload="this.rel=''stylesheet''">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(3, 'header', 'header', '<header class="wrapper bg-dark">\n      <nav class="navbar navbar-expand-lg center-nav transparent navbar-dark">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img class="logo-dark" src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n              <img class="logo-light" src="/assets/img/logo-light.png" srcset="/assets/img/logo-light@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <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>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <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>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <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>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <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>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <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>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <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>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <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>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <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>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <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>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <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>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <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>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <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>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <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>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <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>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <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>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <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>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <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>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <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>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <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>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <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>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <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>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <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>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <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>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <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>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <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>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <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>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <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>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <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>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <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>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <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>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <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>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <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>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <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>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <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>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <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>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <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>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <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>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <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>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <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>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <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>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <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>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <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>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <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>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <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>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <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>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <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>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <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>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <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>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <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>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <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>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <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>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <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>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <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>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other w-100 d-flex ms-auto">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item"><a class="nav-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-search"><i class="uil uil-search"></i></a></li>\n              <li class="nav-item d-none d-md-block">\n                <a href="/contact.html" class="btn btn-sm btn-primary rounded">Contact</a>\n              </li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n      <div class="offcanvas offcanvas-top bg-light" id="offcanvas-search" data-bs-scroll="true">\n        <div class="container d-flex flex-row py-6">\n          <form class="search-form w-100">\n            <input id="search-form" type="text" class="form-control" placeholder="Type keyword and hit enter">\n          </form>\n          <!-- /.search-form -->\n          <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n        </div>\n        <!-- /.container -->\n      </div>\n      <!-- /.offcanvas -->\n    </header>'),
(3, 'content', 'section_1', '<section class="wrapper bg-dark angled lower-start">\n      <div class="container pt-7 pt-md-11 pb-8">\n        <div class="row gx-0 gy-10 align-items-center">\n          <div class="col-lg-6" data-cues="slideInDown" data-group="page-title" data-delay="600">\n            <h1 class="display-1 text-white mb-4">Simeya focuses on <br /><span class="typer text-primary text-nowrap" data-delay="100" data-words="customer satisfaction,business needs,creative ideas"></span><span class="cursor text-primary" data-owner="typer"></span></h1>\n            <p class="lead fs-24 lh-sm text-white mb-7 pe-md-18 pe-lg-0 pe-xxl-15">We carefully consider our solutions to support each and every stage of your growth.</p>\n            <div>\n              <a class="btn btn-lg btn-primary rounded">Get Started</a>\n            </div>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-5 offset-lg-1 mb-n18" data-cues="slideInDown">\n            <div class="position-relative">\n              <a href="/assets/media/movie.mp4" class="btn btn-circle btn-primary btn-play ripple mx-auto mb-6 position-absolute" style="top:50%; left: 50%; transform: translate(-50%,-50%); z-index:3;" data-glightbox><i class="icn-caret-right"></i></a>\n              <figure class="rounded shadow-lg"><img src="/assets/img/photos/about13.jpg" srcset="/assets/img/photos/about13@2x.jpg 2x" alt=""></figure>\n            </div>\n            <!-- /div -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(3, 'content', 'section_2', '<section class="wrapper bg-light">\n      <div class="container pt-19 pt-md-21 pb-16 pb-md-18">\n        <div class="row">\n          <div class="col-lg-8 col-xl-7 col-xxl-6">\n            <h2 class="fs-16 text-uppercase text-line text-primary mb-3">What We Do?</h2>\n            <h3 class="display-4 mb-9">The service we offer is specifically designed to meet your needs.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gx-md-8 gy-8 mb-14 mb-md-18">\n          <div class="col-md-6 col-lg-3">\n            <div class="icon btn btn-block btn-lg btn-soft-primary pe-none mb-6"> <i class="uil uil-phone-volume"></i> </div>\n            <h4>24/7 Support</h4>\n            <p class="mb-3">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo.</p>\n            <a href="#" class="more hover link-primary">Learn More</a>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="icon btn btn-block btn-lg btn-soft-primary pe-none mb-6"> <i class="uil uil-shield-exclamation"></i> </div>\n            <h4>Secure Payments</h4>\n            <p class="mb-3">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo.</p>\n            <a href="#" class="more hover link-primary">Learn More</a>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="icon btn btn-block btn-lg btn-soft-primary pe-none mb-6"> <i class="uil uil-laptop-cloud"></i> </div>\n            <h4>Daily Updates</h4>\n            <p class="mb-3">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo.</p>\n            <a href="#" class="more hover link-primary">Learn More</a>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="icon btn btn-block btn-lg btn-soft-primary pe-none mb-6"> <i class="uil uil-chart-line"></i> </div>\n            <h4>Market Research</h4>\n            <p class="mb-3">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo.</p>\n            <a href="#" class="more hover link-primary">Learn More</a>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gy-10 gy-sm-13 gx-lg-3 mb-16 mb-md-18 align-items-center">\n          <div class="col-md-8 col-lg-6 position-relative">\n            <div class="shape bg-dot primary rellax w-17 h-21" data-rellax-speed="1" style="top: -2rem; left: -1.9rem;"></div>\n            <div class="shape rounded bg-soft-primary rellax d-md-block" data-rellax-speed="0" style="bottom: -1.8rem; right: -1.5rem; width: 85%; height: 90%; "></div>\n            <figure class="rounded"><img src="/assets/img/photos/about7.jpg" srcset="/assets/img/photos/about7@2x.jpg 2x" alt="" /></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5 col-xl-4 offset-lg-1">\n            <h2 class="fs-16 text-uppercase text-line text-primary mb-3">How It Works?</h2>\n            <h3 class="display-4 mb-7">Here are the 3 working steps on success.</h3>\n            <div class="d-flex flex-row mb-6">\n              <div>\n                <span class="icon btn btn-block btn-soft-primary pe-none me-5"><span class="number fs-18">1</span></span>\n              </div>\n              <div>\n                <h4 class="mb-1">Collect Ideas</h4>\n                <p class="mb-0">Nulla vitae elit libero pharetra augue dapibus. Praesent commodo cursus.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row mb-6">\n              <div>\n                <span class="icon btn btn-block btn-soft-primary pe-none me-5"><span class="number fs-18">2</span></span>\n              </div>\n              <div>\n                <h4 class="mb-1">Data Analysis</h4>\n                <p class="mb-0">Vivamus sagittis lacus vel augue laoreet. Etiam porta sem malesuada magna.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row">\n              <div>\n                <span class="icon btn btn-block btn-soft-primary pe-none me-5"><span class="number fs-18">3</span></span>\n              </div>\n              <div>\n                <h4 class="mb-1">Finalize Product</h4>\n                <p class="mb-0">Cras mattis consectetur purus sit amet. Aenean lacinia bibendum nulla sed.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gy-10 gy-sm-13 gx-lg-3 align-items-center">\n          <div class="col-md-8 col-lg-6 offset-lg-1 order-lg-2 position-relative">\n            <div class="shape rounded-circle bg-line primary rellax w-18 h-18" data-rellax-speed="1" style="top: -2rem; right: -1.9rem;"></div>\n            <div class="shape rounded bg-soft-primary rellax d-md-block" data-rellax-speed="0" style="bottom: -1.8rem; left: -1.5rem; width: 85%; height: 90%; "></div>\n            <figure class="rounded"><img src="/assets/img/photos/about9.jpg" srcset="/assets/img/photos/about9@2x.jpg 2x" alt=""></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5">\n            <h2 class="fs-16 text-uppercase text-line text-primary mb-3">Why Choose Us?</h2>\n            <h3 class="display-4 mb-7">A few reasons why our valued customers choose us.</h3>\n            <div class="accordion accordion-wrapper" id="accordionExample">\n              <div class="card plain accordion-item">\n                <div class="card-header" id="headingOne">\n                  <button class="accordion-button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> Professional Design </button>\n                </div>\n                <!--/.card-header -->\n                <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">\n                  <div class="card-body">\n                    <p>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.</p>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.accordion-collapse -->\n              </div>\n              <!--/.accordion-item -->\n              <div class="card plain accordion-item">\n                <div class="card-header" id="headingTwo">\n                  <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> Top-Notch Support </button>\n                </div>\n                <!--/.card-header -->\n                <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">\n                  <div class="card-body">\n                    <p>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.</p>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.accordion-collapse -->\n              </div>\n              <!--/.accordion-item -->\n              <div class="card plain accordion-item">\n                <div class="card-header" id="headingThree">\n                  <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> Header and Slider Options </button>\n                </div>\n                <!--/.card-header -->\n                <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">\n                  <div class="card-body">\n                    <p>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.</p>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.accordion-collapse -->\n              </div>\n              <!--/.accordion-item -->\n            </div>\n            <!--/.accordion -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(3, 'content', 'section_3', '<section class="wrapper image-wrapper bg-image bg-overlay" data-image-src="/assets/img/photos/bg1.jpg">\n      <div class="container py-18">\n        <div class="row">\n          <div class="col-lg-8">\n            <h2 class="fs-16 text-uppercase text-line text-white mb-3">Join Our Community</h2>\n            <h3 class="display-4 mb-6 text-white pe-xxl-18">We are trusted by over 5000+ clients. Join them by using our services and grow your business.</h3>\n            <a href="#" class="btn btn-white rounded mb-0 text-nowrap">Join Us</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(3, 'content', 'section_4', '<section class="wrapper bg-light angled upper-end">\n      <div class="container py-14 py-md-16">\n        <div class="row">\n          <div class="col-lg-9 col-xl-8 col-xxl-7">\n            <h2 class="fs-16 text-uppercase text-line text-primary mb-3">Case Studies</h2>\n            <h3 class="display-4 mb-9">Check out some of our awesome projects with creative ideas and great design.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="swiper-container blog grid-view mb-10" data-margin="30" data-dots="true" data-items-xl="3" data-items-md="2" data-items-xs="1">\n          <div class="swiper">\n            <div class="swiper-wrapper">\n              <div class="swiper-slide">\n                <article>\n                  <figure class="overlay overlay-1 hover-scale rounded mb-6"><a href="#"> <img src="/assets/img/photos/b4.jpg" alt="" /></a>\n                    <figcaption>\n                      <h5 class="from-top mb-0">Read More</h5>\n                    </figcaption>\n                  </figure>\n                  <div class="post-header">\n                    <h2 class="post-title h3 mb-3"><a class="link-dark" href="/blog-post.html">Ligula tristique quis risus</a></h2>\n                  </div>\n                  <!-- /.post-header -->\n                  <div class="post-footer">\n                    <ul class="post-meta">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>14 Apr 2022</span></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Coding</a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </div>\n                  <!-- /.post-footer -->\n                </article>\n                <!-- /article -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <article>\n                  <figure class="overlay overlay-1 hover-scale rounded mb-6"><a href="#"> <img src="/assets/img/photos/b5.jpg" alt="" /></a>\n                    <figcaption>\n                      <h5 class="from-top mb-0">Read More</h5>\n                    </figcaption>\n                  </figure>\n                  <div class="post-header">\n                    <h2 class="post-title h3 mb-3"><a class="link-dark" href="/blog-post.html">Nullam id dolor elit id nibh</a></h2>\n                  </div>\n                  <!-- /.post-header -->\n                  <div class="post-footer">\n                    <ul class="post-meta">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>29 Mar 2022</span></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Workspace</a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </div>\n                  <!-- /.post-footer -->\n                </article>\n                <!-- /article -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <article>\n                  <figure class="overlay overlay-1 hover-scale rounded mb-6"><a href="#"> <img src="/assets/img/photos/b6.jpg" alt="" /></a>\n                    <figcaption>\n                      <h5 class="from-top mb-0">Read More</h5>\n                    </figcaption>\n                  </figure>\n                  <div class="post-header">\n                    <h2 class="post-title h3 mb-3"><a class="link-dark" href="/blog-post.html">Ultricies fusce porta elit</a></h2>\n                  </div>\n                  <!-- /.post-header -->\n                  <div class="post-footer">\n                    <ul class="post-meta">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>26 Feb 2022</span></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Meeting</a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </div>\n                  <!-- /.post-footer -->\n                </article>\n                <!-- /article -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <article>\n                  <figure class="overlay overlay-1 hover-scale rounded mb-6"><a href="#"> <img src="/assets/img/photos/b7.jpg" alt="" /></a>\n                    <figcaption>\n                      <h5 class="from-top mb-0">Read More</h5>\n                    </figcaption>\n                  </figure>\n                  <div class="post-header">\n                    <h2 class="post-title h3 mb-3"><a class="link-dark" href="/blog-post.html">Morbi leo risus porta eget</a></h2>\n                  </div>\n                  <div class="post-footer">\n                    <ul class="post-meta">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>7 Jan 2022</span></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Business Tips</a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </div>\n                  <!-- /.post-footer -->\n                </article>\n                <!-- /article -->\n              </div>\n              <!--/.swiper-slide -->\n            </div>\n            <!-- /.swiper-wrapper -->\n          </div>\n          <!-- /.swiper -->\n        </div>\n        <!-- /.swiper-container -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(3, 'content', 'section_5', '<section class="wrapper bg-soft-primary">\n      <div class="container py-14 pt-md-17 pb-md-21">\n        <div class="row gx-lg-8 gx-xl-12 gy-10 gy-lg-0 mb-2 align-items-end">\n          <div class="col-lg-4">\n            <h2 class="fs-16 text-uppercase text-line text-primary mb-3">Company Facts</h2>\n            <h3 class="display-4 mb-0 pe-xxl-15">We are proud of our works</h3>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-8 mt-lg-2">\n            <div class="row align-items-center counter-wrapper gy-6 text-center">\n              <div class="col-md-4">\n                <h3 class="counter counter-lg">1000+</h3>\n                <p>Completed Projects</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4">\n                <h3 class="counter counter-lg">500+</h3>\n                <p>Happy Clients</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4">\n                <h3 class="counter counter-lg">150+</h3>\n                <p>Awards Won</p>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(3, 'content', 'section_6', '<section class="wrapper bg-light angled upper-end lower-start">\n      <div class="container py-16 py-md-18 position-relative">\n        <div class="position-relative mt-n18 mt-md-n23 mb-16 mb-md-18">\n          <div class="shape rounded-circle bg-line primary rellax w-18 h-18" data-rellax-speed="1" style="top: -2rem; right: -2.7rem; z-index:0;"></div>\n          <div class="shape rounded-circle bg-soft-primary rellax w-18 h-18" data-rellax-speed="1" style="bottom: -1rem; left: -3rem; z-index:0;"></div>\n          <div class="card shadow-lg">\n            <div class="row gx-0">\n              <div class="col-lg-6 image-wrapper bg-image bg-cover rounded-top rounded-lg-start" data-image-src="/assets/img/photos/tm1.jpg">\n              </div>\n              <!--/column -->\n              <div class="col-lg-6">\n                <div class="p-10 p-md-11 p-lg-13">\n                  <div class="swiper-container dots-closer mb-4" data-margin="30" data-dots="true">\n                    <div class="swiper">\n                      <div class="swiper-wrapper">\n                        <div class="swiper-slide">\n                          <blockquote class="icon icon-top fs-lg text-center">\n                            <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio.”</p>\n                            <div class="blockquote-details justify-content-center text-center">\n                              <div class="info ps-0">\n                                <h5 class="mb-1">Coriss Ambady</h5>\n                                <p class="mb-0">Financial Analyst</p>\n                              </div>\n                            </div>\n                          </blockquote>\n                        </div>\n                        <!--/.swiper-slide -->\n                        <div class="swiper-slide">\n                          <blockquote class="icon icon-top fs-lg text-center">\n                            <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio.”</p>\n                            <div class="blockquote-details justify-content-center text-center">\n                              <div class="info ps-0">\n                                <h5 class="mb-1">Cory Zamora</h5>\n                                <p class="mb-0">Marketing Specialist</p>\n                              </div>\n                            </div>\n                          </blockquote>\n                        </div>\n                        <!--/.swiper-slide -->\n                        <div class="swiper-slide">\n                          <blockquote class="icon icon-top fs-lg text-center">\n                            <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio.”</p>\n                            <div class="blockquote-details justify-content-center text-center">\n                              <div class="info ps-0">\n                                <h5 class="mb-1">Nikolas Brooten</h5>\n                                <p class="mb-0">Sales Manager</p>\n                              </div>\n                            </div>\n                          </blockquote>\n                        </div>\n                        <!--/.swiper-slide -->\n                      </div>\n                      <!-- /.swiper-wrapper -->\n                    </div>\n                    <!-- /.swiper -->\n                  </div>\n                  <!-- /.swiper-container -->\n                </div>\n                <!--/div -->\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!-- /.card -->\n        </div>\n        <!-- /div -->\n        <div class="row gy-6 mb-16 mb-md-18">\n          <div class="col-lg-4">\n            <h2 class="fs-16 text-uppercase text-line text-primary mt-lg-18 mb-3">Our Pricing</h2>\n            <h3 class="display-4 mb-3">We offer great and premium prices.</h3>\n            <p>Enjoy a <a href="#" class="hover">free 30-day trial</a> and experience the full service. No credit card required!</p>\n            <a href="#" class="btn btn-primary rounded mt-2">See All Prices</a>\n          </div>\n          <!--/column -->\n          <div class="col-lg-7 offset-lg-1 pricing-wrapper">\n            <div class="pricing-switcher-wrapper switcher justify-content-start justify-content-lg-end">\n              <p class="mb-0 pe-3">Monthly</p>\n              <div class="pricing-switchers">\n                <div class="pricing-switcher pricing-switcher-active"></div>\n                <div class="pricing-switcher"></div>\n                <div class="switcher-button bg-primary"></div>\n              </div>\n              <p class="mb-0 ps-3">Yearly <span class="text-red">(Save 30%)</span></p>\n            </div>\n            <div class="row gy-6 position-relative mt-5">\n              <div class="shape bg-dot primary rellax w-16 h-18" data-rellax-speed="1" style="bottom: -0.5rem; right: -1.6rem;"></div>\n              <div class="shape rounded-circle bg-soft-primary rellax w-18 h-18" data-rellax-speed="1" style="top: -1rem; left: -2rem;"></div>\n              <div class="col-md-6">\n                <div class="pricing card shadow-lg">\n                  <div class="card-body pb-12">\n                    <div class="prices text-dark">\n                      <div class="price price-show justify-content-start"><span class="price-currency">$</span><span class="price-value">19</span> <span class="price-duration">mo</span></div>\n                      <div class="price price-hide price-hidden justify-content-start"><span class="price-currency">$</span><span class="price-value">199</span> <span class="price-duration">yr</span></div>\n                    </div>\n                    <!--/.prices -->\n                    <h4 class="card-title mt-2">Premium Plan</h4>\n                    <ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8">\n                      <li><i class="uil uil-check"></i><span><strong>5</strong> Projects </span></li>\n                      <li><i class="uil uil-check"></i><span><strong>100K</strong> API Access </span></li>\n                      <li><i class="uil uil-check"></i><span><strong>200MB</strong> Storage </span></li>\n                      <li><i class="uil uil-check"></i><span> Weekly <strong>Reports</strong></span></li>\n                      <li><i class="uil uil-times bullet-soft-red"></i><span> 7/24 <strong>Support</strong></span></li>\n                    </ul>\n                    <a href="#" class="btn btn-primary rounded">Choose Plan</a>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.pricing -->\n              </div>\n              <!--/column -->\n              <div class="col-md-6 popular">\n                <div class="pricing card shadow-lg">\n                  <div class="card-body pb-12">\n                    <div class="prices text-dark">\n                      <div class="price price-show justify-content-start"><span class="price-currency">$</span><span class="price-value">49</span> <span class="price-duration">mo</span></div>\n                      <div class="price price-hide price-hidden justify-content-start"><span class="price-currency">$</span><span class="price-value">499</span> <span class="price-duration">yr</span></div>\n                    </div>\n                    <!--/.prices -->\n                    <h4 class="card-title mt-2">Corporate Plan</h4>\n                    <ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8">\n                      <li><i class="uil uil-check"></i><span><strong>20</strong> Projects </span></li>\n                      <li><i class="uil uil-check"></i><span><strong>300K</strong> API Access </span></li>\n                      <li><i class="uil uil-check"></i><span><strong>500MB</strong> Storage </span></li>\n                      <li><i class="uil uil-check"></i><span> Weekly <strong>Reports</strong></span></li>\n                      <li><i class="uil uil-check"></i><span> 7/24 <strong>Support</strong></span></li>\n                    </ul>\n                    <a href="#" class="btn btn-primary rounded">Choose Plan</a>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.pricing -->\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gy-10 gy-sm-13 gx-lg-3 align-items-center">\n          <div class="col-md-8 col-lg-6 position-relative">\n            <div class="shape bg-dot primary rellax w-17 h-21" data-rellax-speed="1" style="top: -2rem; left: -1.9rem;"></div>\n            <div class="shape rounded bg-soft-primary rellax d-md-block" data-rellax-speed="0" style="bottom: -1.8rem; right: -1.5rem; width: 85%; height: 90%; "></div>\n            <figure class="rounded"><img src="/assets/img/photos/about14.jpg" srcset="/assets/img/photos/about14@2x.jpg 2x" alt="" /></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5 col-xl-4 offset-lg-1">\n            <h2 class="fs-16 text-uppercase text-line text-primary mb-3">Get In Touch</h2>\n            <h2 class="display-4 mb-8">Convinced yet? Let''s make something great together.</h2>\n            <div class="d-flex flex-row">\n              <div>\n                <div class="icon text-primary fs-28 me-6 mt-n1"> <i class="uil uil-location-pin-alt"></i> </div>\n              </div>\n              <div>\n                <h5 class="mb-1">Address</h5>\n                <address>Moonshine St. 14/05 Light City, <br class="d-none d-md-block" />London, United Kingdom</address>\n              </div>\n            </div>\n            <div class="d-flex flex-row">\n              <div>\n                <div class="icon text-primary fs-28 me-6 mt-n1"> <i class="uil uil-phone-volume"></i> </div>\n              </div>\n              <div>\n                <h5 class="mb-1">Phone</h5>\n                <p>00 (123) 456 78 90</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row">\n              <div>\n                <div class="icon text-primary fs-28 me-6 mt-n1"> <i class="uil uil-envelope"></i> </div>\n              </div>\n              <div>\n                <h5 class="mb-1">E-mail</h5>\n                <p class="mb-0"><a href="mailto:sandbox@email.com" class="link-body">sandbox@email.com</a></p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(3, 'footer', 'footer', '<footer class="bg-dark text-inverse">\n    <div class="container pt-17 pt-md-19 pb-13 pb-md-15">\n      <div class="row gy-6 gy-lg-0">\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <img class="mb-4" src="/assets/img/logo-light.png" srcset="/assets/img/logo-light@2x.png 2x" alt="" />\n            <p class="mb-4">© <script>\n                document.write(new Date().getUTCFullYear());\n              </script> Simeya. <br class="d-none d-lg-block" />All rights reserved.</p>\n            <nav class="nav social social-white">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Get in Touch</h4>\n            <address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address>\n            <a href="mailto:#">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Learn More</h4>\n            <ul class="list-unstyled  mb-0">\n              <li><a href="#">About Us</a></li>\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Projects</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-12 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Our Newsletter</h4>\n            <p class="mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p>\n            <div class="newsletter-wrapper">\n              <!-- Begin Mailchimp Signup Form -->\n              <div id="mc_embed_signup2">\n                <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate dark-fields" target="_blank" novalidate>\n                  <div id="mc_embed_signup_scroll2">\n                    <div class="mc-field-group input-group form-floating">\n                      <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2">\n                      <label for="mce-EMAIL2">Email Address</label>\n                      <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary ">\n                    </div>\n                    <div id="mce-responses2" class="clear">\n                      <div class="response" id="mce-error-response2" style="display:none"></div>\n                      <div class="response" id="mce-success-response2" style="display:none"></div>\n                    </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n                    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>\n                    <div class="clear"></div>\n                  </div>\n                </form>\n              </div>\n              <!--End mc_embed_signup-->\n            </div>\n            <!-- /.newsletter-wrapper -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!--/.row -->\n    </div>\n    <!-- /.container -->\n  </footer>'),
(3, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(30, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/grape.css">\n  <link rel="preload" href="/assets/css/fonts/space.css" as="style" onload="this.rel=''stylesheet''">\n</head>\n\n<body class="bg-soft-primary">\n  <div class="content-wrapper">\n    <header'),
(30, 'header', 'header', '<header class="position-absolute w-100">\n      <div class="gradient-5 text-white fw-bold fs-15 mb-2 position-relative" style="z-index: 1;">\n        <div class="container py-2 text-center">\n          <p class="mb-0">✨ Simeya is part of Envato''s Biggest Sale to date, be quick and grab a <a href="#" class="link-white hover d-inline-flex align-items-center">copy <i class="uil uil-arrow-right fs-16"></i></a></p>\n        </div>\n        <!-- /.container -->\n      </div>\n      <nav class="navbar navbar-expand-lg center-nav transparent navbar-light">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <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>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <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>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <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>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <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>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <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>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <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>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <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>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <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>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <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>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <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>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <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>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <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>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <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>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <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>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <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>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <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>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <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>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <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>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <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>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <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>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <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>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <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>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <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>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <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>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <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>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <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>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <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>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <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>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <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>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <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>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <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>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <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>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <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>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <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>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <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>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <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>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <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>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <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>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <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>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <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>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <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>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <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>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <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>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <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>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <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>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <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>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <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>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <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>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <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>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <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>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <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>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <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>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <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>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other w-100 d-flex ms-auto">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item">\n                <nav class="nav social social-muted justify-content-end text-end">\n                  <a href="#"><i class="uil uil-twitter"></i></a>\n                  <a href="#"><i class="uil uil-facebook-f"></i></a>\n                  <a href="#"><i class="uil uil-dribbble"></i></a>\n                  <a href="#"><i class="uil uil-instagram"></i></a>\n                </nav>\n                <!-- /.social -->\n              </li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n    </header>'),
(30, 'content', 'section_1', '<section class="wrapper overflow-hidden">\n      <div class="container pt-19 pt-md-21 text-center position-relative">\n        <div class="position-absolute" style="top: -15%; left: 50%; transform: translateX(-50%);" data-cue="fadeIn"><img src="/assets/img/photos/blurry.png" alt=""></div>\n        <div class="row position-relative">\n          <div class="col-lg-8 col-xxl-7 mx-auto position-relative">\n            <div class="position-absolute shape grape w-5 d-none d-lg-block" style="top: -5%; left: -15%;" data-cue="fadeIn" data-delay="1500"><img src="/assets/img/svg/pie.svg" class="svg-inject icon-svg w-100 h-100" alt="" /></div>\n            <div class="position-absolute shape violet w-10 d-none d-lg-block" style="bottom: 30%; left: -20%;" data-cue="fadeIn" data-delay="1500"><img src="/assets/img/svg/scribble.svg" class="svg-inject icon-svg w-100 h-100" alt="" /></div>\n            <div class="position-absolute shape fuchsia w-6 d-none d-lg-block" style="top: 0%; right: -25%; transform: rotate(70deg);" data-cue="fadeIn" data-delay="1500"><img src="/assets/img/svg/tri.svg" class="svg-inject icon-svg w-100 h-100" alt="" /></div>\n            <div class="position-absolute shape yellow w-6 d-none d-lg-block" style="bottom: 25%; right: -17%;" data-cue="fadeIn" data-delay="1500"><img src="/assets/img/svg/circle.svg" class="svg-inject icon-svg w-100 h-100" alt="" /></div>\n            <div data-cues="slideInDown" data-group="page-title">\n              <h1 class="display-1 fs-64 mb-5 mx-md-10 mx-lg-0">We are a digital web agency specializing on <br /><span class="rotator-fade text-primary">web design.,SEO services.,e-commerce.,Google Adwords.</span></h1>\n              <p class="lead fs-24 mb-8">We are an award winning digital web agency that strongly believes in the power of creative ideas.</p>\n            </div>\n            <div class="d-flex justify-content-center" data-cues="slideInDown" data-delay="600">\n              <span><a class="btn btn-lg btn-primary rounded-xl mx-1">See Projects</a></span>\n              <span><a class="btn btn-lg btn-fuchsia rounded-xl mx-1">Contact Us</a></span>\n            </div>\n            <!-- /div -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n      <div class="container-fluid px-xl-0 pt-16 pt-md-18 pb-18 pb-md-20">\n        <div class="swiper-container swiper-auto nav-color nav-bottom nav-far" data-margin="40" data-nav="true" data-centered="true" data-loop="true" data-items-auto="true">\n          <div class="swiper overflow-visible">\n            <div class="swiper-wrapper">\n              <div class="swiper-slide">\n                <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/bp1.jpg" srcset="/assets/img/photos/bp1@2x.jpg 2x" alt="" /><a class="item-link" href="/single-project.html"><i class="uil uil-arrow-up-right"></i></a></figure>\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/bp2.jpg" srcset="/assets/img/photos/bp2@2x.jpg 2x" alt="" /><a class="item-link" href="/single-project.html"><i class="uil uil-arrow-up-right"></i></a></figure>\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/bp3.jpg" srcset="/assets/img/photos/bp3@2x.jpg 2x" alt="" /><a class="item-link" href="/single-project.html"><i class="uil uil-arrow-up-right"></i></a></figure>\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/bp4.jpg" srcset="/assets/img/photos/bp4@2x.jpg 2x" alt="" /><a class="item-link" href="/single-project.html"><i class="uil uil-arrow-up-right"></i></a></figure>\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/bp5.jpg" srcset="/assets/img/photos/bp5@2x.jpg 2x" alt="" /><a class="item-link" href="/single-project.html"><i class="uil uil-arrow-up-right"></i></a></figure>\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/bp6.jpg" srcset="/assets/img/photos/bp6@2x.jpg 2x" alt="" /><a class="item-link" href="/single-project.html"><i class="uil uil-arrow-up-right"></i></a></figure>\n              </div>\n              <!--/.swiper-slide -->\n            </div>\n            <!--/.swiper-wrapper -->\n          </div>\n          <!-- /.swiper -->\n        </div>\n        <!-- /.swiper-container -->\n      </div>\n      <!-- /.container -->\n      <div class="container pt-6">\n        <div class="row">\n          <div class="col-md-11 col-lg-8 col-xl-7 col-xxl-6 mx-auto text-center">\n            <h2 class="display-2 mb-4">The full service we are offering</h2>\n            <p class="lead fs-lg mb-11">Curabitur blandit tempus porttitor. Donec id elit non mi porta gravida at eget metus. Integer posuere ante venenatis.</p>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gx-md-8 gy-8 text-center mb-14 mb-md-17">\n          <div class="col-md-6 col-lg-3">\n            <div class="svg-bg svg-bg-lg bg-white rounded-xl shadow-xl mb-6"> <img src="/assets/img/icons/solid/pen-tool.svg" class="svg-inject icon-svg solid-duo text-grape-fuchsia" alt="" /> </div>\n            <h3>Web Design</h3>\n            <p class="mb-3">Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.</p>\n            <a href="#" class="more hover">Learn More</a>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="svg-bg svg-bg-lg bg-white rounded-xl shadow-xl mb-6"> <img src="/assets/img/icons/solid/seo-2.svg" class="svg-inject icon-svg solid-duo text-grape-fuchsia" alt="" /> </div>\n            <h3>SEO Services</h3>\n            <p class="mb-3">Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.</p>\n            <a href="#" class="more hover">Learn More</a>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="svg-bg svg-bg-lg bg-white rounded-xl shadow-xl mb-6"> <img src="/assets/img/icons/solid/shopping-basket.svg" class="svg-inject icon-svg solid-duo text-grape-fuchsia" alt="" /> </div>\n            <h3>E-commerce</h3>\n            <p class="mb-3">Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.</p>\n            <a href="#" class="more hover">Learn More</a>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="svg-bg svg-bg-lg bg-white rounded-xl shadow-xl mb-6"> <img src="/assets/img/icons/solid/server.svg" class="svg-inject icon-svg solid-duo text-grape-fuchsia" alt="" /> </div>\n            <h3>Web Hosting</h3>\n            <p class="mb-3">Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.</p>\n            <a href="#" class="more hover">Learn More</a>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(30, 'content', 'section_2', '<section class="wrapper pattern-wrapper bg-image section-frame" data-image-src="/assets/img/pattern.png">\n      <div class="container pt-15 pt-md-17 pb-16 pb-md-18">\n        <div class="row gx-lg-0 gy-10 align-items-center mb-18">\n          <div class="col-lg-6 order-lg-2 ms-lg-auto">\n            <div class="card rounded-xl me-lg-6 bg-pale-grape">\n              <div class="card-body p-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <span class="icon btn btn-block btn-lg shadow-xl rounded-xl btn-white pe-none me-4"><span class="number text-grape">01</span></span>\n                  </div>\n                  <div>\n                    <h3 class="mb-1 text-grape">Collect Ideas</h3>\n                    <p class="mb-0">Nulla vitae elit libero pharetra augue dapibus.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n            <div class="card rounded-xl ms-lg-13 mt-6 bg-pale-fuchsia">\n              <div class="card-body p-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <span class="icon btn btn-block btn-lg shadow-xl rounded-xl btn-white pe-none me-4"><span class="number text-fuchsia">02</span></span>\n                  </div>\n                  <div>\n                    <h3 class="mb-1 text-fuchsia">Data Analysis</h3>\n                    <p class="mb-0">Vivamus sagittis lacus vel augue laoreet.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n            <div class="card rounded-xl mx-lg-6 mt-6 bg-pale-green">\n              <div class="card-body p-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <span class="icon btn btn-block btn-lg shadow-xl rounded-xl btn-white pe-none me-4"><span class="number text-green">03</span></span>\n                  </div>\n                  <div>\n                    <h3 class="mb-1 text-green">Finalize Product</h3>\n                    <p class="mb-0">Cras mattis consectetur purus sit amet.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-5 text-inverse">\n            <h2 class="display-2 mb-3 text-white">Our Working Process</h2>\n            <p class="lead fs-lg pe-lg-5">Find out everything you need to know and more about how we create our business process models.</p>\n            <p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>\n            <p class="mb-6">Nullam id dolor id nibh ultricies vehicula ut id elit. Vestibulum id ligula porta felis euismod semper. Aenean lacinia bibendum nulla.</p>\n            <a href="#" class="btn btn-white rounded-xl mb-0">Learn More</a>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-lg-0 gy-10 align-items-center text-inverse">\n          <div class="col-lg-6">\n            <figure><img class="img-auto" src="/assets/img/illustrations/ui4.png" srcset="/assets/img/illustrations/ui4@2x.png 2x" alt="" /></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5 ms-lg-auto">\n            <h2 class="display-2 mb-3 text-white">Our Solutions</h2>\n            <p class="lead fs-lg pe-lg-5">We carefully consider our solutions to support each and every stage of your growth.</p>\n            <p class="mb-6">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.</p>\n            <div class="row align-items-center counter-wrapper gy-6">\n              <div class="col-md-6">\n                <h3 class="counter counter-lg mb-1 text-white">99.7%</h3>\n                <h5 class="mb-1 text-white">Customer Satisfaction</h5>\n                <span class="ratings five text-red"></span>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <h3 class="counter counter-lg mb-1 text-white">4x</h3>\n                <h5 class="mb-1 text-white">New Visitors</h5>\n                <span class="ratings five"></span>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(30, 'content', 'section_3', '<section class="wrapper overflow-hidden">\n      <div class="container py-15 py-md-17">\n        <div class="row">\n          <div class="col-md-11 col-lg-8 col-xl-7 col-xxl-6 mx-auto text-center">\n            <h2 class="display-2 mb-4">What makes us different?</h2>\n            <p class="lead fs-lg mb-11">Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna.</p>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gx-lg-0 gy-10 align-items-center mb-15 mb-md-17">\n          <div class="col-lg-7 position-relative">\n            <div class="position-absolute" style="top: 50%; left: 50%; width: 140%; height: auto; transform: translate(-50%,-50%); z-index:-1"><img class="w-100" src="/assets/img/photos/blurry.png" alt=""></div>\n            <figure><img src="/assets/img/photos/mi1.png" srcset="/assets/img/photos/mi1@2x.png 2x" alt="" /></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-4 ms-auto">\n            <h2 class="display-5 mb-2 mt-xxl-n10">Design</h2>\n            <p class="mb-8">Maecenas sed diam eget risus varius blandit sit amet non magna justo sit amet risus.</p>\n            <div class="d-flex flex-row mb-6">\n              <div>\n                <div class="svg-bg bg-white rounded-xl shadow-xl me-5"> <img src="/assets/img/icons/solid/puzzle.svg" class="svg-inject icon-svg solid-duo text-grape-fuchsia" alt="" /> </div>\n              </div>\n              <div>\n                <h4 class="mb-1">UI/UX Design</h4>\n                <p class="mb-0">Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row mb-6">\n              <div>\n                <div class="svg-bg bg-white rounded-xl shadow-xl me-5"> <img src="/assets/img/icons/solid/pen-tool.svg" class="svg-inject icon-svg solid-duo text-grape-fuchsia" alt="" /> </div>\n              </div>\n              <div>\n                <h4 class="mb-1">Design System</h4>\n                <p class="mb-0">Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row">\n              <div>\n                <div class="svg-bg bg-white rounded-xl shadow-xl me-5"> <img src="/assets/img/icons/solid/share.svg" class="svg-inject icon-svg solid-duo text-grape-fuchsia" alt="" /> </div>\n              </div>\n              <div>\n                <h4 class="mb-1">Digital Branding</h4>\n                <p class="mb-0">Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-lg-0 gy-10 align-items-center">\n          <div class="col-lg-7 position-relative order-lg-2">\n            <div class="position-absolute" style="top: 50%; left: 50%; width: 140%; height: auto; transform: translate(-50%,-50%); z-index: -1"><img class="w-100" src="/assets/img/photos/blurry.png" alt=""></div>\n            <figure><img src="/assets/img/photos/mi2.png" srcset="/assets/img/photos/mi2@2x.png 2x" alt="" /></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-4 me-auto">\n            <h2 class="display-5 mb-2 mt-xxl-n10">Development</h2>\n            <p class="mb-8">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh fermentum.</p>\n            <div class="d-flex flex-row mb-6">\n              <div>\n                <div class="svg-bg bg-white rounded-xl shadow-xl me-5"> <img src="/assets/img/icons/solid/devices.svg" class="svg-inject icon-svg solid-duo text-grape-fuchsia" alt="" /> </div>\n              </div>\n              <div>\n                <h4 class="mb-1">Responsive Website</h4>\n                <p class="mb-0">Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row mb-6">\n              <div>\n                <div class="svg-bg bg-white rounded-xl shadow-xl me-5"> <img src="/assets/img/icons/solid/safe.svg" class="svg-inject icon-svg solid-duo text-grape-fuchsia" alt="" /> </div>\n              </div>\n              <div>\n                <h4 class="mb-1">Backup and Updates</h4>\n                <p class="mb-0">Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row">\n              <div>\n                <div class="svg-bg bg-white rounded-xl shadow-xl me-5"> <img src="/assets/img/icons/solid/globe-2.svg" class="svg-inject icon-svg solid-duo text-grape-fuchsia" alt="" /> </div>\n              </div>\n              <div>\n                <h4 class="mb-1">SEO Optimization</h4>\n                <p class="mb-0">Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n      <div class="container">\n        <div class="row">\n          <div class="col-md-11 col-lg-8 col-xl-7 col-xxl-6 mx-auto text-center">\n            <h2 class="display-2 mb-4">Creative. Smart. Awesome.</h2>\n            <p class="lead fs-lg mb-11">Curabitur blandit tempus porttitor. Cras mattis consectetur purus sit amet fermentum. Nullam quis risus eget urna.</p>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n      <div class="swiper-container swiper-auto swiper-auto-xs mb-8" data-margin="40" data-nav="false" data-dots="false" data-centered="true" data-loop="true" data-items-auto="true" data-autoplay="true" data-autoplaytime="1" data-drag="false" data-resizeupdate="false" data-speed="7000">\n        <div class="swiper overflow-visible pe-none">\n          <div class="swiper-wrapper ticker">\n            <div class="swiper-slide">\n              <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/ma8.jpg" srcset="/assets/img/photos/ma8@2x.jpg 2x" alt="" /></figure>\n            </div>\n            <div class="swiper-slide">\n              <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/ma9.jpg" srcset="/assets/img/photos/ma9@2x.jpg 2x" alt="" /></figure>\n            </div>\n            <div class="swiper-slide">\n              <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/ma10.jpg" srcset="/assets/img/photos/ma10@2x.jpg 2x" alt="" /></figure>\n            </div>\n            <div class="swiper-slide">\n              <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/ma11.jpg" srcset="/assets/img/photos/ma11@2x.jpg 2x" alt="" /></figure>\n            </div>\n            <div class="swiper-slide">\n              <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/ma12.jpg" srcset="/assets/img/photos/ma12@2x.jpg 2x" alt="" /></figure>\n            </div>\n            <div class="swiper-slide">\n              <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/ma13.jpg" srcset="/assets/img/photos/ma13@2x.jpg 2x" alt="" /></figure>\n            </div>\n            <div class="swiper-slide">\n              <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/ma14.jpg" srcset="/assets/img/photos/ma14@2x.jpg 2x" alt="" /></figure>\n            </div>\n          </div>\n          <!--/.swiper-wrapper -->\n        </div>\n        <!-- /.swiper -->\n      </div>\n      <!-- /.swiper-container -->\n      <div class="swiper-container swiper-auto swiper-auto-xs" data-margin="40" data-nav="false" data-dots="false" data-centered="true" data-loop="true" data-items-auto="true" data-autoplay="true" data-autoplaytime="1" data-drag="false" data-resizeupdate="false" data-speed="7000">\n        <div class="swiper overflow-visible pe-none" dir="rtl">\n          <div class="swiper-wrapper ticker">\n            <div class="swiper-slide">\n              <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/ma1.jpg" srcset="/assets/img/photos/ma1@2x.jpg 2x" alt="" /></figure>\n            </div>\n            <div class="swiper-slide">\n              <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/ma2.jpg" srcset="/assets/img/photos/ma2@2x.jpg 2x" alt="" /></figure>\n            </div>\n            <div class="swiper-slide">\n              <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/ma3.jpg" srcset="/assets/img/photos/ma3@2x.jpg 2x" alt="" /></figure>\n            </div>\n            <div class="swiper-slide">\n              <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/ma4.jpg" srcset="/assets/img/photos/ma4@2x.jpg 2x" alt="" /></figure>\n            </div>\n            <div class="swiper-slide">\n              <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/ma5.jpg" srcset="/assets/img/photos/ma5@2x.jpg 2x" alt="" /></figure>\n            </div>\n            <div class="swiper-slide">\n              <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/ma6.jpg" srcset="/assets/img/photos/ma6@2x.jpg 2x" alt="" /></figure>\n            </div>\n            <div class="swiper-slide">\n              <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/ma7.jpg" srcset="/assets/img/photos/ma7@2x.jpg 2x" alt="" /></figure>\n            </div>\n          </div>\n          <!--/.swiper-wrapper -->\n        </div>\n        <!-- /.swiper -->\n      </div>\n      <!-- /.swiper-container -->\n      <div class="text-center mt-8 mb-15 mb-md-18 mb-lg-25">\n        <a class="btn btn-lg btn-primary rounded-xl">See Our Projects</a>\n      </div>\n    </section>'),
(30, 'content', 'section_4', '<section class="wrapper pattern-wrapper bg-image section-frame" data-image-src="/assets/img/pattern.png">\n      <div class="container py-14 pt-md-16 pt-lg-0 pb-md-12">\n        <div class="row text-center mb-13">\n          <div class="col-lg-12 mx-auto">\n            <div class="mt-lg-n23 mt-xl-n21">\n              <figure class="rounded-xl"><img src="/assets/img/photos/about18.jpg" srcset="/assets/img/photos/about18@2x.jpg 2x" alt="" /></figure>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-md-8 gx-lg-12 gy-6 gy-lg-0 mb-13">\n          <div class="col-lg-6">\n            <h1 class="display-2 mb-0 text-white">We are an award winning digital web design agency that strongly believes in the power of creative ideas.</h1>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-6">\n            <p class="lead fs-lg mb-3 text-inverse">Donec ullamcorper nulla non metus auctor fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas faucibus mollis elit interdum. Duis mollis, est non commodo luctus.</p>\n            <a href="#" class="more link-white hover">Learn More</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(30, 'content', 'section_5', '<section class="overflow-hidden">\n      <div class="container pt-16 pt-md-18 pb-20 pb-md-22">\n        <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center mb-15 mb-md-17">\n          <div class="col-lg-7 position-relative">\n            <div class="position-absolute d-none d-md-block" style="top: 50%; left: 50%; width: 130%; height: auto; transform: translate(-50%,-50%); z-index:-1"><img class="w-100" src="/assets/img/photos/blurry.png" alt=""></div>\n            <div class="row gx-md-5 gy-5">\n              <div class="col-md-6 col-xl-5 align-self-end">\n                <div class="card shadow-xl rounded-xl">\n                  <div class="card-body">\n                    <blockquote class="icon mb-0">\n                      <p>“Cum sociis natoque penatibus et magnis dis parturient montes.”</p>\n                      <div class="blockquote-details">\n                        <div class="info p-0">\n                          <h5 class="mb-1">Coriss Ambady</h5>\n                          <p class="mb-0">Financial Analyst</p>\n                        </div>\n                      </div>\n                    </blockquote>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.card -->\n              </div>\n              <!--/column -->\n              <div class="col-md-6 align-self-end">\n                <div class="card shadow-xl rounded-xl">\n                  <div class="card-body">\n                    <blockquote class="icon mb-0">\n                      <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod.”</p>\n                      <div class="blockquote-details">\n                        <div class="info p-0">\n                          <h5 class="mb-1">Cory Zamora</h5>\n                          <p class="mb-0">Marketing Specialist</p>\n                        </div>\n                      </div>\n                    </blockquote>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.card -->\n              </div>\n              <!--/column -->\n              <div class="col-md-6 col-xl-5 offset-xl-1">\n                <div class="card shadow-xl rounded-xl">\n                  <div class="card-body">\n                    <blockquote class="icon mb-0">\n                      <p>“Donec id elit non porta gravida at eget metus. Duis mollis est luctus commodo nisi erat.”</p>\n                      <div class="blockquote-details">\n                        <div class="info p-0">\n                          <h5 class="mb-1">Barclay Widerski</h5>\n                          <p class="mb-0">Sales Specialist</p>\n                        </div>\n                      </div>\n                    </blockquote>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.card -->\n              </div>\n              <!--/column -->\n              <div class="col-md-6 align-self-start">\n                <div class="card shadow-xl rounded-xl">\n                  <div class="card-body">\n                    <blockquote class="icon mb-0">\n                      <p>“Nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean eu leo pellentesque.”</p>\n                      <div class="blockquote-details">\n                        <div class="info p-0">\n                          <h5 class="mb-1">Jackie Sanders</h5>\n                          <p class="mb-0">Investment Planner</p>\n                        </div>\n                      </div>\n                    </blockquote>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.card -->\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-5">\n            <h2 class="display-2 mb-2 mt-lg-n6">Our Community</h2>\n            <p class="lead fs-lg mb-4">Customer satisfaction is our major goal. See what our clients are saying about our services.</p>\n            <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum. Vestibulum id ligula porta felis euismod.</p>\n            <a href="#" class="btn btn-primary rounded-xl mt-3">All Testimonials</a>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gy-6">\n          <div class="col-lg-4">\n            <h2 class="display-2 mt-lg-18 mb-3">Our Pricing</h2>\n            <p class="lead fs-lg mb-3">We offer great prices, premium and quality products for your business.</p>\n            <p>Enjoy a <a href="#" class="hover">free 30-day trial</a> and experience the full service. No credit card required!</p>\n            <a href="#" class="btn btn-primary rounded-xl mt-2">See All Prices</a>\n          </div>\n          <!--/column -->\n          <div class="col-lg-7 offset-lg-1 pricing-wrapper">\n            <div class="pricing-switcher-wrapper switcher justify-content-start justify-content-lg-end">\n              <p class="mb-0 pe-3">Monthly</p>\n              <div class="pricing-switchers">\n                <div class="pricing-switcher pricing-switcher-active"></div>\n                <div class="pricing-switcher"></div>\n                <div class="switcher-button bg-primary"></div>\n              </div>\n              <p class="mb-0 ps-3">Yearly <span class="text-fuchsia">(Save 30%)</span></p>\n            </div>\n            <div class="row gy-6 position-relative mt-5">\n              <div class="col-md-6">\n                <div class="position-absolute pe-none d-none d-md-block" style="top: 55%; left: 50%; width: 140%; height: auto; transform: translate(-50%,-50%); z-index:-1"><img class="w-100" src="/assets/img/photos/blurry.png" alt=""></div>\n                <div class="pricing card shadow-xl rounded-xl">\n                  <div class="card-body pb-12">\n                    <div class="prices text-dark">\n                      <div class="price price-show justify-content-start"><span class="price-currency">$</span><span class="price-value">19</span> <span class="price-duration">mo</span></div>\n                      <div class="price price-hide price-hidden justify-content-start"><span class="price-currency">$</span><span class="price-value">199</span> <span class="price-duration">yr</span></div>\n                    </div>\n                    <!--/.prices -->\n                    <h4 class="card-title mt-2">Premium Plan</h4>\n                    <ul class="icon-list bullet-primary mt-7 mb-8">\n                      <li><i class="uil uil-check fs-21"></i><span><strong>5</strong> Projects </span></li>\n                      <li><i class="uil uil-check fs-21"></i><span><strong>100K</strong> API Access </span></li>\n                      <li><i class="uil uil-check fs-21"></i><span><strong>200MB</strong> Storage </span></li>\n                      <li><i class="uil uil-check fs-21"></i><span> Weekly <strong>Reports</strong></span></li>\n                      <li><i class="uil uil-check fs-21"></i><span> 7/24 <strong>Support</strong></span></li>\n                    </ul>\n                    <a href="#" class="btn btn-primary rounded-xl">Choose Plan</a>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.pricing -->\n              </div>\n              <!--/column -->\n              <div class="col-md-6 popular">\n                <div class="pricing card shadow-xl rounded-xl">\n                  <div class="card-body pb-12">\n                    <div class="prices text-dark">\n                      <div class="price price-show justify-content-start"><span class="price-currency">$</span><span class="price-value">49</span> <span class="price-duration">mo</span></div>\n                      <div class="price price-hide price-hidden justify-content-start"><span class="price-currency">$</span><span class="price-value">499</span> <span class="price-duration">yr</span></div>\n                    </div>\n                    <!--/.prices -->\n                    <h4 class="card-title mt-2">Corporate Plan</h4>\n                    <ul class="icon-list bullet-primary mt-7 mb-8">\n                      <li><i class="uil uil-check fs-21"></i><span><strong>20</strong> Projects </span></li>\n                      <li><i class="uil uil-check fs-21"></i><span><strong>300K</strong> API Access </span></li>\n                      <li><i class="uil uil-check fs-21"></i><span><strong>500MB</strong> Storage </span></li>\n                      <li><i class="uil uil-check fs-21"></i><span> Weekly <strong>Reports</strong></span></li>\n                      <li><i class="uil uil-check fs-21"></i><span> 7/24 <strong>Support</strong></span></li>\n                    </ul>\n                    <a href="#" class="btn btn-primary rounded-xl">Choose Plan</a>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.pricing -->\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(30, 'footer', 'footer', '<footer class="wrapper pattern-wrapper bg-image section-frame" data-image-src="/assets/img/pattern.png">\n    <div class="container pb-13 pb-md-15">\n      <div class="card image-wrapper bg-full bg-image bg-overlay mt-n50p mx-md-5 rounded-xl overflow-hidden" data-image-src="/assets/img/photos/bg27.jpg">\n        <div class="card-body p-6 p-md-11 d-lg-flex flex-row align-items-lg-center justify-content-md-between text-center text-lg-start">\n          <h3 class="display-2 mb-6 mb-lg-0 pe-lg-10 pe-xl-5 pe-xxl-18 text-white">We are trusted by over 5000+ clients. Join them now and grow your business.</h3>\n          <a href="#" class="btn btn-lg btn-white rounded-xl mb-0 text-nowrap">Join Us</a>\n        </div>\n        <!--/.card-body -->\n      </div>\n      <!--/.card -->\n      <div class="text-inverse mx-md-5 mt-n15 mt-lg-0">\n        <div class="row gy-6 gy-lg-0">\n          <div class="col-lg-4">\n            <div class="widget">\n              <h3 class="h2 mb-3 text-white">Join the Community</h3>\n              <p class="mb-5">Let''s make something great together. We are trusted by over 5000+ clients. Join them by using our services and grow your business.</p>\n              <p class="mb-1">© <script>\n                  document.write(new Date().getUTCFullYear());\n                </script> Simeya. All rights reserved.</p>\n              <nav class="nav social social-white">\n                <a href="#"><i class="uil uil-twitter"></i></a>\n                <a href="#"><i class="uil uil-facebook-f"></i></a>\n                <a href="#"><i class="uil uil-dribbble"></i></a>\n                <a href="#"><i class="uil uil-instagram"></i></a>\n                <a href="#"><i class="uil uil-youtube"></i></a>\n              </nav>\n              <!-- /.social -->\n            </div>\n            <!-- /.widget -->\n          </div>\n          <!-- /column -->\n          <div class="col-md-4 col-lg-2 offset-lg-2">\n            <div class="widget">\n              <h4 class="widget-title text-white mb-3">Need Help?</h4>\n              <ul class="list-unstyled text-reset mb-0">\n                <li><a href="#">Support</a></li>\n                <li><a href="#">Get Started</a></li>\n                <li><a href="#">Terms of Use</a></li>\n                <li><a href="#">Privacy Policy</a></li>\n              </ul>\n            </div>\n            <!-- /.widget -->\n          </div>\n          <!-- /column -->\n          <div class="col-md-4 col-lg-2">\n            <div class="widget">\n              <h4 class="widget-title text-white mb-3">Learn More</h4>\n              <ul class="list-unstyled  mb-0">\n                <li><a href="#">About Us</a></li>\n                <li><a href="#">Our Story</a></li>\n                <li><a href="#">Projects</a></li>\n                <li><a href="#">Pricing</a></li>\n                <li><a href="#">Features</a></li>\n              </ul>\n            </div>\n            <!-- /.widget -->\n          </div>\n          <!-- /column -->\n          <div class="col-md-4 col-lg-2">\n            <div class="widget">\n              <h4 class="widget-title text-white mb-3">Get in Touch</h4>\n              <address>Moonshine St. 14/05 Light City, London, United Kingdom</address>\n              <a href="mailto:first.last@email.com">info@email.com</a><br> 00 (123) 456 78 90\n            </div>\n            <!-- /.widget -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!--/.row -->\n      </div>\n    </div>\n    <!-- /.container -->\n  </footer>'),
(30, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(31, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="preload" href="/assets/css/fonts/space.css" as="style" onload="this.rel=''stylesheet''">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(31, 'header', 'header', '<header class="wrapper bg-light">\n      <div class="bg-primary text-white fw-bold fs-15 mb-2">\n        <div class="container py-1 d-md-flex flex-md-row">\n          <div class="d-flex flex-row align-items-center">\n            <div class="icon text-white fs-22 mt-1 me-2"> <i class="uil uil-location-pin-alt"></i></div>\n            <address class="mb-0">Moonshine St. 14/05 Light City</address>\n          </div>\n          <div class="d-flex flex-row align-items-center me-6 ms-auto">\n            <div class="icon text-white fs-22 mt-1 me-2"> <i class="uil uil-phone-volume"></i></div>\n            <p class="mb-0">00 (123) 456 78 90</p>\n          </div>\n          <div class="d-flex flex-row align-items-center">\n            <div class="icon text-white fs-22 mt-1 me-2"> <i class="uil uil-message"></i></div>\n            <p class="mb-0"><a href="mailto:sandbox@email.com" class="link-white hover">sandbox@email.com</a></p>\n          </div>\n        </div>\n        <!-- /.container -->\n      </div>\n      <nav class="navbar navbar-expand-lg center-nav transparent navbar-light">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img src="/assets/img/logo.png" srcset="/assets/img/logo@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <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>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <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>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <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>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <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>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <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>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <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>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <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>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <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>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <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>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <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>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <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>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <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>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <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>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <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>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <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>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <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>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <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>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <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>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <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>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <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>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <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>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <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>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <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>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <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>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <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>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <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>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <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>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <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>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <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>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <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>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <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>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <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>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <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>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <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>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <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>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <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>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <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>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <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>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <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>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <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>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <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>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <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>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <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>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <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>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <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>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <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>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <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>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <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>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <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>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <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>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <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>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <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>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <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>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other w-100 d-flex ms-auto">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item dropdown language-select text-uppercase">\n                <a class="nav-link dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">En</a>\n                <ul class="dropdown-menu">\n                  <li class="nav-item"><a class="dropdown-item" href="#">En</a></li>\n                  <li class="nav-item"><a class="dropdown-item" href="#">De</a></li>\n                  <li class="nav-item"><a class="dropdown-item" href="#">Es</a></li>\n                </ul>\n              </li>\n              <li class="nav-item d-none d-md-block">\n                <a href="/contact.html" class="btn btn-sm btn-primary rounded">Contact</a>\n              </li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n    </header>'),
(31, 'content', 'section_1', '<section class="wrapper">\n      <div class="container pt-11 pt-md-13 pb-19 pb-md-17 text-center">\n        <div class="row">\n          <div class="col-lg-9 col-xl-8 col-xxl-7 mx-auto" data-cues="slideInDown" data-group="page-title" data-delay="500">\n            <h1 class="display-1 ls-sm fs-64 mb-4 px-md-8 px-lg-0">We bring rapid solutions for your <span class="underline-3 style-1 primary"><em>business</em></span></h1>\n            <p class="lead fs-24 lh-sm mb-7">We are creative company that values quality and focuses on establishing long-term relationships with customers.</p>\n            <div>\n              <a class="btn btn-lg btn-primary rounded mb-10 mb-xxl-5">See Projects</a>\n            </div>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row">\n          <div class="col-lg-10 col-xl-9 mx-auto mt-11 mb-n21">\n            <figure><img class="img-fluid" src="/assets/img/illustrations/i28.png" srcset="/assets/img/illustrations/i28@2x.png 2x" alt=""></figure>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n      <div class="overflow-hidden">\n        <div class="divider text-soft-primary mx-n2">\n          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 70">\n            <path fill="currentColor" d="M1440,70H0V45.16a5762.49,5762.49,0,0,1,1440,0Z" />\n          </svg>\n        </div>\n      </div>\n    </section>'),
(31, 'content', 'section_2', '<section class="wrapper bg-gradient-primary">\n      <div class="container pt-15 pt-md-17">\n        <h2 class="fs-16 text-uppercase text-muted mb-8 text-center">Trusted by over 5000 clients</h2>\n        <div class="swiper-container clients mb-19" data-margin="30" data-dots="false" data-loop="true" data-autoplay="true" data-autoplaytime="1" data-drag="false" data-speed="5000" data-items-xxl="7" data-items-xl="6" data-items-lg="5" data-items-md="4" data-items-sm="3" data-items-xs="3">\n          <div class="swiper pe-none">\n            <div class="swiper-wrapper ticker">\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c1.png" alt="" /></div>\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c2.png" alt="" /></div>\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c3.png" alt="" /></div>\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c4.png" alt="" /></div>\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c5.png" alt="" /></div>\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c6.png" alt="" /></div>\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c7.png" alt="" /></div>\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c8.png" alt="" /></div>\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c9.png" alt="" /></div>\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c10.png" alt="" /></div>\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c11.png" alt="" /></div>\n            </div>\n            <!--/.swiper-wrapper -->\n          </div>\n          <!-- /.swiper -->\n        </div>\n        <!-- /.swiper-container -->\n        <div class="row text-center">\n          <div class="col-md-10 col-lg-9 col-xxl-7 mx-auto mb-12">\n            <h2 class="fs-16 text-uppercase text-muted mb-3">Our Services</h2>\n            <h3 class="display-2 ls-sm px-xxl-10">The service we offer is <span class="underline-3 style-1 primary"><em>designed</em></span> to meet your business needs.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gy-10 align-items-center mb-15 mb-md-17">\n          <div class="col-lg-7">\n            <figure><img class="img-fluid" src="/assets/img/illustrations/i29.png" srcset="/assets/img/illustrations/i29@2x.png 2x" alt="" /></figure>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-4 ms-auto">\n            <div class="svg-bg bg-pale-primary rounded mb-5"> <img src="/assets/img/icons/solid/like.svg" class="svg-inject icon-svg solid text-primary" alt="" /> </div>\n            <h3 class="h1 post-title ls-sm mb-3">Social Media Marketing</h3>\n            <p>Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus.</p>\n            <ul class="icon-list bullet-bg bullet-soft-primary">\n              <li><i class="uil uil-check"></i>Aenean eu leo quam. Pellentesque ornare.</li>\n              <li><i class="uil uil-check"></i>Nullam quis risus eget urna mollis ornare.</li>\n              <li><i class="uil uil-check"></i>Fusce dapibus, tellus ac cursus commodo.</li>\n            </ul>\n            <a href="#" class="more hover link-primary">Learn More</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gy-10 align-items-center mb-15 mb-md-17">\n          <div class="col-lg-7 order-lg-2">\n            <figure><img class="img-fluid" src="/assets/img/illustrations/i30.png" srcset="/assets/img/illustrations/i30@2x.png 2x" alt="" /></figure>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-4 me-auto">\n            <div class="svg-bg bg-pale-green rounded mb-5"> <img src="/assets/img/icons/solid/layout-2.svg" class="svg-inject icon-svg solid text-green" alt="" /> </div>\n            <h3 class="h1 post-title ls-sm mb-3">Web Design & Development</h3>\n            <p>Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus.</p>\n            <ul class="icon-list bullet-bg bullet-soft-green">\n              <li><i class="uil uil-check"></i>Aenean eu leo quam. Pellentesque ornare.</li>\n              <li><i class="uil uil-check"></i>Nullam quis risus eget urna mollis ornare.</li>\n              <li><i class="uil uil-check"></i>Fusce dapibus, tellus ac cursus commodo.</li>\n            </ul>\n            <a href="#" class="more hover link-green">Learn More</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gy-10 align-items-center">\n          <div class="col-lg-7">\n            <figure><img class="img-fluid" src="/assets/img/illustrations/i31.png" srcset="/assets/img/illustrations/i31@2x.png 2x" alt="" /></figure>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-4 ms-auto">\n            <div class="svg-bg bg-pale-fuchsia rounded mb-5"> <img src="/assets/img/icons/solid/bullhorn.svg" class="svg-inject icon-svg solid text-fuchsia" alt="" /> </div>\n            <h3 class="h1 post-title ls-sm mb-3">Content Marketing Services</h3>\n            <p>Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus.</p>\n            <ul class="icon-list bullet-bg bullet-soft-fuchsia">\n              <li><i class="uil uil-check"></i>Aenean eu leo quam. Pellentesque ornare.</li>\n              <li><i class="uil uil-check"></i>Nullam quis risus eget urna mollis ornare.</li>\n              <li><i class="uil uil-check"></i>Fusce dapibus, tellus ac cursus commodo.</li>\n            </ul>\n            <a href="#" class="more hover link-fuchsia">Learn More</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(31, 'content', 'section_3', '<section class="wrapper bg-light">\n      <div class="container py-16 py-md-18">\n        <div class="card bg-soft-primary rounded-4 mb-16 mb-md-18">\n          <div class="card-body py-14 px-lg-0">\n            <div class="row text-center">\n              <div class="col-lg-9 col-xl-8 mx-auto">\n                <h2 class="fs-16 text-uppercase text-muted mb-3">Happy Customers</h2>\n                <h3 class="display-2 ls-sm mb-10 px-xxl-10">Don''t take our word for it. See what our <span class="underline-3 style-1 primary"><em>customers</em></span> are saying about us.</h3>\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n            <div class="row gx-lg-8 gx-xl-12 align-items-center">\n              <div class="col-lg-5 ms-auto col-xl-4 d-none d-lg-flex">\n                <div class="img-mask mask-3"><img src="/assets/img/photos/about13.jpg" srcset="/assets/img/photos/about13@2x.jpg 2x" alt="" /></div>\n              </div>\n              <!--/column -->\n              <div class="col-lg-6 col-xl-6 col-xxl-5 me-auto">\n                <div class="swiper-container dots-start dots-closer mb-6" data-margin="30" data-dots="true">\n                  <div class="swiper">\n                    <div class="swiper-wrapper">\n                      <div class="swiper-slide">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="border-0 fs-lg mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur nulla dapibus curabitur blandit faucibus.”</p>\n                          <div class="blockquote-details">\n                            <div class="info ps-0">\n                              <h5 class="mb-1">Coriss Ambady</h5>\n                              <p class="mb-0">Financial Analyst</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!--/.swiper-slide -->\n                      <div class="swiper-slide">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="border-0 fs-lg mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur nulla dapibus curabitur blandit faucibus.”</p>\n                          <div class="blockquote-details">\n                            <div class="info ps-0">\n                              <h5 class="mb-1">Cory Zamora</h5>\n                              <p class="mb-0">Marketing Specialist</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!--/.swiper-slide -->\n                      <div class="swiper-slide">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="border-0 fs-lg mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur nulla dapibus curabitur blandit faucibus.”</p>\n                          <div class="blockquote-details">\n                            <div class="info ps-0">\n                              <h5 class="mb-1">Nikolas Brooten</h5>\n                              <p class="mb-0">Sales Manager</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!--/.swiper-slide -->\n                    </div>\n                    <!--/.swiper-wrapper -->\n                  </div>\n                  <!-- /.swiper -->\n                </div>\n                <!-- /.swiper-container -->\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/.card-body -->\n        </div>\n        <!--/.card -->\n        <div class="row text-center">\n          <div class="col-lg-10 col-xxl-8 mx-auto mb-12">\n            <h2 class="fs-16 text-uppercase text-muted mb-3">Latest Projects</h2>\n            <h3 class="display-2 ls-sm">Check out some of our <span class="underline-3 style-1 primary"><em>awesome</em></span> projects with creative ideas and great design.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gy-10 align-items-center mb-15 mb-md-17">\n          <div class="col-lg-7">\n            <div class="card bg-soft-grape">\n              <div class="card-body px-9 py-0 overflow-hidden">\n                <div class="row gx-4 gx-md-9">\n                  <div class="col-6">\n                    <figure class="mt-9"><a href="#"><img class="shadow-lg rounded-top" src="/assets/img/demos/d18.jpg" srcset="/assets/img/demos/d18@2x.jpg 2x" alt="" /></a></figure>\n                  </div>\n                  <!-- /column -->\n                  <div class="col-6">\n                    <figure><a href="#"><img class="shadow-lg rounded-bottom" src="/assets/img/demos/d18-2.jpg" srcset="/assets/img/demos/d18-2@2x.jpg 2x" alt="" /></a></figure>\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /column -->\n          <div class="col-lg-4 ms-auto">\n            <h3 class="h1 post-title ls-sm mb-2">Wiretree Network Company</h3>\n            <div class="post-category text-muted mb-4">\n              <span>Dashboard</span>, <span>Web Development</span>\n            </div>\n            <p class="mb-6">Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus. Donec sed odio dui. Vivamus sagittis lacus vel.</p>\n            <a href="#" class="btn btn-grape rounded">See Project</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gy-10 align-items-center mb-15 mb-md-17">\n          <div class="col-lg-7 order-lg-2">\n            <div class="card bg-soft-primary">\n              <div class="card-body p-11 overflow-hidden">\n                <figure><a href="#"><img src="/assets/img/photos/f2.png" srcset="/assets/img/photos/f2@2x.png 2x" alt="" /></a></figure>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /column -->\n          <div class="col-lg-4 me-auto">\n            <h3 class="h1 post-title ls-sm mb-2">Alphine Finance</h3>\n            <div class="post-category text-muted mb-4">\n              <span>Branding</span>, <span>Web Design</span>\n            </div>\n            <p class="mb-6">Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus. Donec sed odio dui. Vivamus sagittis lacus vel.</p>\n            <a href="#" class="btn btn-primary rounded">See Project</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gy-10 align-items-center mb-15 mb-md-17">\n          <div class="col-lg-7">\n            <div class="card bg-soft-violet">\n              <div class="card-body p-11 pb-0 overflow-hidden">\n                <figure><a href="#"><img src="/assets/img/photos/f1.png" srcset="/assets/img/photos/f1@2x.png 2x" alt="" /></a></figure>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /column -->\n          <div class="col-lg-4 ms-auto">\n            <h3 class="h1 post-title ls-sm mb-2">Skybox Landing Pages</h3>\n            <div class="post-category text-muted mb-4">\n              <span>Logo</span>, <span>Web Design</span>\n            </div>\n            <p class="mb-6">Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus. Donec sed odio dui. Vivamus sagittis lacus vel.</p>\n            <a href="#" class="btn btn-violet rounded">See Project</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gy-10 align-items-center mb-17 mb-md-19">\n          <div class="col-lg-7 order-lg-2">\n            <div class="card bg-soft-red">\n              <div class="card-body p-11 pb-0 overflow-hidden">\n                <figure><a href="#"><img src="/assets/img/photos/f4.png" srcset="/assets/img/photos/f4@2x.png 2x" alt="" /></a></figure>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /column -->\n          <div class="col-lg-4 me-auto">\n            <h3 class="h1 post-title ls-sm mb-2">Nutshell Application</h3>\n            <div class="post-category text-muted mb-4">\n              <span>App Design</span>, <span>Branding</span>\n            </div>\n            <p class="mb-6">Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus. Donec sed odio dui. Vivamus sagittis lacus vel.</p>\n            <a href="#" class="btn btn-red rounded">See Project</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row text-center mb-7">\n          <div class="col-lg-10 col-xl-9 col-xxl-8 mx-auto">\n            <h2 class="fs-16 text-uppercase text-muted mb-3">Join Our Community</h2>\n            <h3 class="display-2 ls-sm">We are <span class="underline-3 style-1 primary"><em>trusted</em></span> by over 50000+ clients. Join them now and grow your business.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row mb-8">\n          <div class="col-md-10 col-lg-9 col-xl-7 mx-auto">\n            <div class="row align-items-center counter-wrapper gy-4 gy-md-0">\n              <div class="col-md-4 text-center">\n                <h3 class="counter counter-lg text-primary">1000+</h3>\n                <p>Completed Projects</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4 text-center">\n                <h3 class="counter counter-lg text-primary">50K+</h3>\n                <p>Happy Customers</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4 text-center">\n                <h3 class="counter counter-lg text-primary">4x</h3>\n                <p>Revenue Growth</p>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row position-relative" style="z-index: 1">\n          <div class="col-lg-10 col-xl-9 mx-auto mt-11 mb-sm-n20 mb-md-n22">\n            <figure><img class="img-fluid" src="/assets/img/illustrations/i32.png" srcset="/assets/img/illustrations/i32@2x.png 2x" alt=""></figure>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n      <div class="overflow-hidden">\n        <div class="divider text-soft-primary mx-n2">\n          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 70">\n            <path fill="currentColor" d="M1440,70H0V45.16a5762.49,5762.49,0,0,1,1440,0Z" />\n          </svg>\n        </div>\n      </div>\n    </section>'),
(31, 'footer', 'footer', '<footer class="bg-soft-primary">\n    <div class="container pt-17 pt-md-19 pb-14 pb-md-16">\n      <div class="row gy-6 gy-lg-0">\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <img class="mb-4" src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n            <p class="mb-4">© <script>\n                document.write(new Date().getUTCFullYear());\n              </script> Simeya. <br class="d-none d-lg-block" />All rights reserved.</p>\n            <nav class="nav social ">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title  mb-3">Get in Touch</h4>\n            <address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address>\n            <a href="mailto:#" class="link-body">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title  mb-3">Learn More</h4>\n            <ul class="list-unstyled text-reset mb-0">\n              <li><a href="#">About Us</a></li>\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Projects</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-12 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title  mb-3">Our Newsletter</h4>\n            <p class="mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p>\n            <div class="newsletter-wrapper">\n              <!-- Begin Mailchimp Signup Form -->\n              <div id="mc_embed_signup2">\n                <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate " target="_blank" novalidate>\n                  <div id="mc_embed_signup_scroll2">\n                    <div class="mc-field-group input-group form-floating">\n                      <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2">\n                      <label for="mce-EMAIL2">Email Address</label>\n                      <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary ">\n                    </div>\n                    <div id="mce-responses2" class="clear">\n                      <div class="response" id="mce-error-response2" style="display:none"></div>\n                      <div class="response" id="mce-success-response2" style="display:none"></div>\n                    </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n                    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>\n                    <div class="clear"></div>\n                  </div>\n                </form>\n              </div>\n              <!--End mc_embed_signup-->\n            </div>\n            <!-- /.newsletter-wrapper -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!--/.row -->\n    </div>\n    <!-- /.container -->\n  </footer>'),
(31, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(32, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="preload" href="/assets/css/fonts/space.css" as="style" onload="this.rel=''stylesheet''">\n</head>\n\n<body class="box-layout">\n  <div class="content-wrapper bg-light">\n    <header'),
(32, 'header', 'header', '<header class="position-absolute w-100 pt-1">\n      <nav class="navbar navbar-expand-lg center-nav transparent navbar-dark caret-none">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img class="logo-dark" src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n              <img class="logo-light" src="/assets/img/logo-light.png" srcset="/assets/img/logo-light@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <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>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <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>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <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>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <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>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <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>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <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>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <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>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <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>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <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>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <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>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <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>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <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>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <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>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <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>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <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>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <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>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <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>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <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>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <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>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <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>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <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>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <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>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <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>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <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>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <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>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <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>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <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>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <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>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <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>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <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>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <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>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <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>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <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>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <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>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <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>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <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>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <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>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <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>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <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>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <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>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <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>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <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>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <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>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <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>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <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>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <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>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <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>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <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>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <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>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <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>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <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>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <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>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <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>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other w-100 d-flex ms-auto">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item"><a class="nav-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-info"><i class="uil uil-info-circle"></i></a></li>\n              <li class="nav-item"><a class="nav-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-search"><i class="uil uil-search"></i></a></li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n      <div class="offcanvas offcanvas-end text-inverse" id="offcanvas-info" data-bs-scroll="true">\n        <div class="offcanvas-header">\n          <h3 class="text-white fs-30 mb-0">Simeya</h3>\n          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n        </div>\n        <div class="offcanvas-body pb-6">\n          <div class="widget mb-8">\n            <p>Simeya is a multipurpose HTML5 template with various layouts which will be a great solution for your business.</p>\n          </div>\n          <!-- /.widget -->\n          <div class="widget mb-8">\n            <h4 class="widget-title text-white mb-3">Contact Info</h4>\n            <address> Moonshine St. 14/05 <br /> Light City, London </address>\n            <a href="mailto:first.last@email.com">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n          <div class="widget mb-8">\n            <h4 class="widget-title text-white mb-3">Learn More</h4>\n            <ul class="list-unstyled">\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n              <li><a href="#">Contact Us</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Follow Us</h4>\n            <nav class="nav social social-white">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /.offcanvas-body -->\n      </div>\n      <!-- /.offcanvas -->\n      <div class="offcanvas offcanvas-top bg-light" id="offcanvas-search" data-bs-scroll="true">\n        <div class="container d-flex flex-row py-6">\n          <form class="search-form w-100">\n            <input id="search-form" type="text" class="form-control" placeholder="Type keyword and hit enter">\n          </form>\n          <!-- /.search-form -->\n          <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n        </div>\n        <!-- /.container -->\n      </div>\n      <!-- /.offcanvas -->\n    </header>'),
(32, 'content', 'section_1', '<section class="wrapper gradient-8 bg-lines">\n      <div class="container pt-17 pt-md-19 pb-21 pb-lg-23 text-center">\n        <div class="row">\n          <div class="col-lg-10 col-xl-9 col-xxl-8 mx-auto" data-cues="zoomIn" data-group="page-title" data-interval="-200" data-delay="500">\n            <h2 class="h6 text-uppercase ls-xl text-white mb-5">Hello! We are Simeya</h2>\n            <h1 class="display-1 fs-68 lh-xxs mb-8 text-white">We have considered our solutions to <span class="underline-2 underline-gradient-6"><em>assist</em></span> every stage of your growth.</h1>\n            <div class="d-flex justify-content-center mb-4" data-cues="zoomIn" data-group="page-title-buttons" data-delay="900">\n              <span><a href="#" class="btn btn-lg btn-white">Explore Now</a></span>\n            </div>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(32, 'content', 'section_2', '<section class="wrapper bg-light">\n      <div class="container py-15 py-md-17 position-relative">\n        <figure class="rounded mt-n21 mt-lg-n23 mb-16 mb-md-18 position-relative" data-cues="fadeIn" data-delay="250">\n          <a href="/assets/media/movie3.mp4" class="btn btn-circle btn-white btn-play ripple mx-auto position-absolute" style="top:50%; left: 50%; transform: translate(-50%,-50%); z-index:3;" data-glightbox><i class="icn-caret-right"></i></a>\n          <video class="w-100 rounded caption-overlay d-block" poster="/assets/img/photos/movie3.jpg" src="/assets/media/movie3.mp4" autoplay loop playsinline muted></video>\n        </figure>\n        <div class="row gy-10 gy-sm-13 gx-md-8 gx-xl-12 align-items-center mb-10 mb-md-12">\n          <div class="col-lg-6">\n            <div class="row gx-md-5 gy-5">\n              <div class="col-md-6">\n                <figure class="rounded"><img src="/assets/img/photos/g12.jpg" srcset="/assets/img/photos/g12@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 align-self-end">\n                <figure class="rounded"><img src="/assets/img/photos/g13.jpg" srcset="/assets/img/photos/g13@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-12">\n                <figure class="rounded mx-md-5"><img src="/assets/img/photos/g11.jpg" srcset="/assets/img/photos/g11@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h2 class="fs-16 text-uppercase text-primary mb-3">Who Are We?</h2>\n            <h3 class="display-3 mb-5">Company that believes in the power of creative strategy.</h3>\n            <p class="mb-6">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.</p>\n            <div class="row align-items-center counter-wrapper gy-6">\n              <div class="col-md-6">\n                <h3 class="counter counter-lg mb-1">99.7%</h3>\n                <h5 class="mb-0">Customer Satisfaction</h5>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <h3 class="counter counter-lg mb-1">12x</h3>\n                <h5 class="mb-0">Revenue Growth</h5>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-6 mb-7 mb-md-9">\n          <div class="col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <div class="icon btn btn-block pe-none btn-soft-primary me-4 w-10 h-10"> <span class="number fs-18">1</span> </div>\n              </div>\n              <div>\n                <h3>Our Vision</h3>\n                <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget. Fusce dapibus tellus.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <div class="icon btn btn-block pe-none btn-soft-primary me-4 w-10 h-10"> <span class="number fs-18">2</span> </div>\n              </div>\n              <div>\n                <h3>Our Mission</h3>\n                <p class="mb-2">Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet. Sed posuere consectetur.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <div class="icon btn btn-block pe-none btn-soft-primary me-4 w-10 h-10"> <span class="number fs-18">3</span> </div>\n              </div>\n              <div>\n                <h3>Our Values</h3>\n                <p class="mb-2">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna scelerisque.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="text-center"><a href="#" class="btn btn-primary">More Details</a></div>\n      </div>\n      <!-- /.container -->\n    </section>'),
(32, 'content', 'section_3', '<section class="wrapper bg-dark text-inverse">\n      <div class="container py-15 py-md-17">\n        <div class="row text-center">\n          <div class="col-lg-10 col-xl-9 col-xxl-8 mx-auto">\n            <h2 class="fs-16 text-uppercase text-white mb-3">Our Services</h2>\n            <h3 class="display-3 text-white mb-10">The full service we are offering is specifically designed to meet your business needs.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-9">\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/illustrations/ni1.png" class="w-13 me-5" alt="" />\n              </div>\n              <div>\n                <h3 class="mb-2 text-white">Marketing Automation</h3>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/illustrations/ni2.png" class="w-13 me-5" alt="" />\n              </div>\n              <div>\n                <h3 class="mb-2 text-white">Project Management</h3>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/illustrations/ni3.png" class="w-13 me-5" alt="" />\n              </div>\n              <div>\n                <h3 class="mb-2 text-white">Web Analytics</h3>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/illustrations/ni4.png" class="w-13 me-5" alt="" />\n              </div>\n              <div>\n                <h3 class="mb-2 text-white">SEO Services</h3>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/illustrations/ni5.png" class="w-13 me-5" alt="" />\n              </div>\n              <div>\n                <h3 class="mb-2 text-white">Market Research</h3>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/illustrations/ni6.png" class="w-13 me-5" alt="" />\n              </div>\n              <div>\n                <h3 class="mb-2 text-white">Social Media Management</h3>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(32, 'content', 'section_4', '<section class="wrapper bg-light">\n      <div class="container py-15 py-md-17">\n        <div class="row gx-md-8 gy-10 align-items-center">\n          <div class="col-lg-6 offset-lg-1 order-lg-2 position-relative">\n            <figure class="rounded"><img class="img-fluid" src="/assets/img/photos/about27.jpg" srcset="/assets/img/photos/about27@2x.jpg 2x" alt="" /></figure>\n            <div class="card shadow-lg position-absolute d-none d-md-block" style="top: 15%; left: -7%">\n              <div class="card-body py-4 px-5">\n                <div class="d-flex flex-row align-items-center">\n                  <div>\n                    <div class="icon btn btn-block btn-soft-primary pe-none mx-auto me-4 w-10 h-10"> <i class="uil uil-users-alt"></i> </div>\n                  </div>\n                  <div>\n                    <h3 class="fs-25 counter mb-0 text-nowrap">25000+</h3>\n                    <p class="fs-16 lh-sm mb-0 text-nowrap">Happy Clients</p>\n                  </div>\n                </div>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n            <div class="card shadow-lg position-absolute text-center d-none d-md-block" style="bottom: 10%; left: -10%;">\n              <div class="card-body p-6">\n                <div class="progressbar semi-circle primary mb-3" data-value="80"></div>\n                <h4 class="mb-0">Time Saved</h4>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-5">\n            <h2 class="fs-16 text-uppercase text-primary mb-3">What Makes Us Different?</h2>\n            <h3 class="display-3 mb-5">We make spending stress free so you have the perfect control.</h3>\n            <p class="mb-6">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.</p>\n            <ul class="icon-list bullet-bg bullet-soft-primary">\n              <li><i class="uil uil-check"></i>Aenean eu leo quam. Pellentesque ornare.</li>\n              <li><i class="uil uil-check"></i>Nullam quis risus eget urna mollis ornare.</li>\n              <li><i class="uil uil-check"></i>Donec id elit non mi porta gravida at eget.</li>\n            </ul>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(32, 'content', 'section_5', '<section class="wrapper bg-gray">\n      <div class="container py-15 py-md-17">\n        <div class="row text-center">\n          <div class="col-lg-10 col-xl-9 col-xxl-8 mx-auto">\n            <h2 class="fs-16 text-uppercase text-primary mb-3">Case Studies</h2>\n            <h3 class="display-3 mb-10">Check out some of our awesome projects with creative ideas and great design.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row grid-view gy-6">\n          <div class="col-md-6 col-lg-4">\n            <article>\n              <div class="card shadow-lg">\n                <figure class="card-img-top overlay overlay-1 hover-scale"><a href="#"> <img src="/assets/img/photos/b4.jpg" alt="" /></a>\n                  <figcaption>\n                    <h5 class="from-top mb-0">Read More</h5>\n                  </figcaption>\n                </figure>\n                <div class="card-body">\n                  <div class="post-header">\n                    <h2 class="post-title h3 mt-1 mb-3"><a class="link-dark" href="/blog-post.html">Ligula tristique quis risus</a></h2>\n                  </div>\n                  <!-- /.post-header -->\n                  <div class="post-content">\n                    <p>Mauris convallis non ligula non interdum. Gravida vulputate convallis tempus vestibulum cras imperdiet nun eu dolor.</p>\n                  </div>\n                  <!-- /.post-content -->\n                </div>\n                <!--/.card-body -->\n                <div class="card-footer">\n                  <ul class="post-meta d-flex mb-0">\n                    <li class="post-date"><i class="uil uil-calendar-alt"></i><span>14 Apr 2022</span></li>\n                    <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Coding</a></li>\n                  </ul>\n                  <!-- /.post-meta -->\n                </div>\n                <!-- /.card-footer -->\n              </div>\n              <!-- /.card -->\n            </article>\n            <!-- /article -->\n          </div>\n          <!-- /column -->\n          <div class="col-md-6 col-lg-4">\n            <article>\n              <div class="card shadow-lg">\n                <figure class="card-img-top overlay overlay-1 hover-scale"><a href="#"> <img src="/assets/img/photos/b5.jpg" alt="" /></a>\n                  <figcaption>\n                    <h5 class="from-top mb-0">Read More</h5>\n                  </figcaption>\n                </figure>\n                <div class="card-body">\n                  <div class="post-header">\n                    <h2 class="post-title h3 mt-1 mb-3"><a class="link-dark" href="/blog-post.html">Nullam id dolor elit id nibh</a></h2>\n                  </div>\n                  <!-- /.post-header -->\n                  <div class="post-content">\n                    <p>Mauris convallis non ligula non interdum. Gravida vulputate convallis tempus vestibulum cras imperdiet nun eu dolor.</p>\n                  </div>\n                  <!-- /.post-content -->\n                </div>\n                <!--/.card-body -->\n                <div class="card-footer">\n                  <ul class="post-meta d-flex mb-0">\n                    <li class="post-date"><i class="uil uil-calendar-alt"></i><span>29 Mar 2022</span></li>\n                    <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Office</a></li>\n                  </ul>\n                  <!-- /.post-meta -->\n                </div>\n                <!-- /.card-footer -->\n              </div>\n              <!-- /.card -->\n            </article>\n            <!-- /article -->\n          </div>\n          <!-- /column -->\n          <div class="col-md-6 col-lg-4">\n            <article>\n              <div class="card shadow-lg">\n                <figure class="card-img-top overlay overlay-1 hover-scale"><a href="#"> <img src="/assets/img/photos/b6.jpg" alt="" /></a>\n                  <figcaption>\n                    <h5 class="from-top mb-0">Read More</h5>\n                  </figcaption>\n                </figure>\n                <div class="card-body">\n                  <div class="post-header">\n                    <h2 class="post-title h3 mt-1 mb-3"><a class="link-dark" href="/blog-post.html">Ultricies fusce porta elit</a></h2>\n                  </div>\n                  <!-- /.post-header -->\n                  <div class="post-content">\n                    <p>Mauris convallis non ligula non interdum. Gravida vulputate convallis tempus vestibulum cras imperdiet nun eu dolor.</p>\n                  </div>\n                  <!-- /.post-content -->\n                </div>\n                <!--/.card-body -->\n                <div class="card-footer">\n                  <ul class="post-meta d-flex mb-0">\n                    <li class="post-date"><i class="uil uil-calendar-alt"></i><span>26 Feb 2022</span></li>\n                    <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Meeting</a></li>\n                  </ul>\n                  <!-- /.post-meta -->\n                </div>\n                <!-- /.card-footer -->\n              </div>\n              <!-- /.card -->\n            </article>\n            <!-- /article -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(32, 'content', 'section_6', '<section class="wrapper bg-light">\n      <div class="container py-15 py-md-17">\n        <div class="row">\n          <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2 mx-auto text-center">\n            <h2 class="fs-16 text-uppercase text-primary mb-3">Why Choose Simeya?</h2>\n            <h3 class="display-3 mb-10 px-xl-10 px-xxl-15">Here are a few reasons why our customers choose Simeya.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <ul class="nav nav-tabs nav-tabs-bg nav-tabs-shadow-lg d-flex justify-content-between nav-justified flex-lg-row flex-column">\n          <li class="nav-item"> <a class="nav-link d-flex flex-row active" data-bs-toggle="tab" href="#tab2-1">\n              <div><img src="/assets/img/illustrations/ni7.png" class="w-13 me-5" alt="" /></div>\n              <div>\n                <h3 class="mb-2">Easy Usage</h3>\n                <p>Duis mollis commodo luctus cursus commodo tortor.</p>\n              </div>\n            </a> </li>\n          <li class="nav-item"> <a class="nav-link d-flex flex-row" data-bs-toggle="tab" href="#tab2-2">\n              <div><img src="/assets/img/illustrations/ni8.png" class="w-13 me-5" alt="" /></div>\n              <div>\n                <h3 class="mb-2">Fast Transactions</h3>\n                <p>Vivamus sagittis lacus augue fusce dapibus tellus nibh.</p>\n              </div>\n            </a> </li>\n          <li class="nav-item"> <a class="nav-link d-flex flex-row" data-bs-toggle="tab" href="#tab2-3">\n              <div><img src="/assets/img/illustrations/ni9.png" class="w-13 me-5" alt="" /></div>\n              <div>\n                <h3 class="mb-2">Secure Payments</h3>\n                <p>Vestibulum ligula porta felis maecenas faucibus mollis.</p>\n              </div>\n            </a> </li>\n        </ul>\n        <!-- /.nav-tabs -->\n        <div class="tab-content mt-6 mt-lg-8 mb-md-9">\n          <div class="tab-pane fade show active" id="tab2-1">\n            <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">\n              <div class="col-lg-6">\n                <div class="row gx-md-5 gy-5 align-items-center">\n                  <div class="col-6">\n                    <img class="img-fluid rounded shadow-lg d-flex ms-auto" src="/assets/img/photos/sa13.jpg" srcset="/assets/img/photos/sa13@2x.jpg 2x" alt="" />\n                  </div>\n                  <!-- /column -->\n                  <div class="col-6">\n                    <img class="img-fluid rounded shadow-lg mb-5" src="/assets/img/photos/sa14.jpg" srcset="/assets/img/photos/sa14@2x.jpg 2x" alt="" />\n                    <img class="img-fluid rounded shadow-lg d-flex col-10" src="/assets/img/photos/sa15.jpg" srcset="/assets/img/photos/sa15@2x.jpg 2x" alt="" />\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </div>\n              <!--/column -->\n              <div class="col-lg-6">\n                <h2 class="mb-3">Easy Usage</h2>\n                <p>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 commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna.</p>\n                <ul class="icon-list bullet-bg bullet-soft-primary">\n                  <li><i class="uil uil-check"></i>Aenean eu leo quam. Pellentesque ornare.</li>\n                  <li><i class="uil uil-check"></i>Nullam quis risus eget urna mollis ornare.</li>\n                  <li><i class="uil uil-check"></i>Donec id elit non mi porta gravida at eget.</li>\n                </ul>\n                <a href="#" class="btn btn-primary mt-2">Learn More</a>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/.tab-pane -->\n          <div class="tab-pane fade" id="tab2-2">\n            <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">\n              <div class="col-lg-6 order-lg-2">\n                <div class="row gx-md-5 gy-5">\n                  <div class="col-5">\n                    <img class="img-fluid rounded shadow-lg my-5 d-flex ms-auto" src="/assets/img/photos/sa9.jpg" srcset="/assets/img/photos/sa9@2x.jpg 2x" alt="" />\n                    <img class="img-fluid rounded shadow-lg d-flex col-10 ms-auto" src="/assets/img/photos/sa10.jpg" srcset="/assets/img/photos/sa10@2x.jpg 2x" alt="" />\n                  </div>\n                  <!-- /column -->\n                  <div class="col-7">\n                    <img class="img-fluid rounded shadow-lg mb-5" src="/assets/img/photos/sa11.jpg" srcset="/assets/img/photos/sa11@2x.jpg 2x" alt="" />\n                    <img class="img-fluid rounded shadow-lg d-flex col-11" src="/assets/img/photos/sa12.jpg" srcset="/assets/img/photos/sa12@2x.jpg 2x" alt="" />\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </div>\n              <!--/column -->\n              <div class="col-lg-6">\n                <h2 class="mb-3">Fast Transactions</h2>\n                <p>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 commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna.</p>\n                <ul class="icon-list bullet-bg bullet-soft-primary">\n                  <li><i class="uil uil-check"></i>Aenean eu leo quam. Pellentesque ornare.</li>\n                  <li><i class="uil uil-check"></i>Nullam quis risus eget urna mollis ornare.</li>\n                  <li><i class="uil uil-check"></i>Donec id elit non mi porta gravida at eget.</li>\n                </ul>\n                <a href="#" class="btn btn-primary mt-2">Learn More</a>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/.tab-pane -->\n          <div class="tab-pane fade" id="tab2-3">\n            <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">\n              <div class="col-lg-6">\n                <div class="row gx-md-5 gy-5">\n                  <div class="col-6">\n                    <img class="img-fluid rounded shadow-lg mb-5" src="/assets/img/photos/sa5.jpg" srcset="/assets/img/photos/sa5@2x.jpg 2x" alt="" />\n                    <img class="img-fluid rounded shadow-lg d-flex col-10 ms-auto" src="/assets/img/photos/sa6.jpg" srcset="/assets/img/photos/sa6@2x.jpg 2x" alt="" />\n                  </div>\n                  <!-- /column -->\n                  <div class="col-6">\n                    <img class="img-fluid rounded shadow-lg my-5" src="/assets/img/photos/sa7.jpg" srcset="/assets/img/photos/sa7@2x.jpg 2x" alt="" />\n                    <img class="img-fluid rounded shadow-lg d-flex col-10" src="/assets/img/photos/sa8.jpg" srcset="/assets/img/photos/sa8@2x.jpg 2x" alt="" />\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </div>\n              <!--/column -->\n              <div class="col-lg-6">\n                <h2 class="mb-3">Secure Payments</h2>\n                <p>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 commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna.</p>\n                <ul class="icon-list bullet-bg bullet-soft-primary">\n                  <li><i class="uil uil-check"></i>Aenean eu leo quam. Pellentesque ornare.</li>\n                  <li><i class="uil uil-check"></i>Nullam quis risus eget urna mollis ornare.</li>\n                  <li><i class="uil uil-check"></i>Donec id elit non mi porta gravida at eget.</li>\n                </ul>\n                <a href="#" class="btn btn-primary mt-2">Learn More</a>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/.tab-pane -->\n        </div>\n        <!-- /.tab-content -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(32, 'content', 'section_7', '<section class="wrapper bg-gray">\n      <div class="container pt-15 pt-md-17">\n        <div class="row">\n          <div class="col-xl-9 col-xxl-8 mx-auto text-center">\n            <h2 class="fs-16 text-uppercase text-primary mb-3">Our Team</h2>\n            <h3 class="display-3 px-lg-18 px-xl-12 px-xxl-15 mb-6">Save your time and money by choosing our professional team.</h3>\n            <p class="mb-8 px-lg-10 px-xl-0">Curabitur blandit tempus porttitor. Maecenas faucibus mollis interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna.</p>\n            <a href="#" class="btn btn-primary">Read More</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n      <figure><img src="/assets/img/photos/bg12.jpg" alt="" /></figure>\n    </section>'),
(32, 'content', 'section_8', '<section class="wrapper gradient-8 bg-lines">\n      <div class="container py-15 pt-md-0 pb-md-17 text-center">\n        <div class="row text-center">\n          <div class="col-xl-9 mx-auto">\n            <div class="card shadow-lg mt-md-n16 mb-15 mb-md-17">\n              <div class="card-body p-9 p-xl-12">\n                <div class="row gx-0">\n                  <div class="col-xxl-9 mx-auto">\n                    <div class="swiper-container dots-closer mb-6" data-margin="30" data-dots="true">\n                      <div class="swiper">\n                        <div class="swiper-wrapper">\n                          <div class="swiper-slide">\n                            <span class="ratings five mb-3"></span>\n                            <blockquote class="border-0 fs-lg mb-2">\n                              <p>“Vivamus sagittis lacus augue laoreet rutrum faucibus auctor vestibulum ligula porta felis, euismod semper cras justo odio.”</p>\n                              <div class="blockquote-details justify-content-center">\n                                <img class="rounded-circle w-12" src="/assets/img/avatars/te1.jpg" srcset="/assets/img/avatars/te1@2x.jpg 2x" alt="" />\n                                <div class="info">\n                                  <h5 class="mb-1">Coriss Ambady</h5>\n                                  <p class="mb-0">Financial Analyst</p>\n                                </div>\n                              </div>\n                            </blockquote>\n                          </div>\n                          <!--/.swiper-slide -->\n                          <div class="swiper-slide">\n                            <span class="ratings five mb-3"></span>\n                            <blockquote class="border-0 fs-lg mb-2">\n                              <p>“Vivamus sagittis lacus augue laoreet rutrum faucibus auctor vestibulum ligula porta felis, euismod semper cras justo odio.”</p>\n                              <div class="blockquote-details justify-content-center">\n                                <img class="rounded-circle w-12" src="/assets/img/avatars/te2.jpg" srcset="/assets/img/avatars/te2@2x.jpg 2x" alt="" />\n                                <div class="info">\n                                  <h5 class="mb-1">Cory Zamora</h5>\n                                  <p class="mb-0">Marketing Specialist</p>\n                                </div>\n                              </div>\n                            </blockquote>\n                          </div>\n                          <!--/.swiper-slide -->\n                          <div class="swiper-slide">\n                            <span class="ratings five mb-3"></span>\n                            <blockquote class="border-0 fs-lg mb-2">\n                              <p>“Vivamus sagittis lacus augue laoreet rutrum faucibus auctor vestibulum ligula porta felis, euismod semper cras justo odio.”</p>\n                              <div class="blockquote-details justify-content-center">\n                                <img class="rounded-circle w-12" src="/assets/img/avatars/te3.jpg" srcset="/assets/img/avatars/te3@2x.jpg 2x" alt="" />\n                                <div class="info">\n                                  <h5 class="mb-1">Nikolas Brooten</h5>\n                                  <p class="mb-0">Sales Manager</p>\n                                </div>\n                              </div>\n                            </blockquote>\n                          </div>\n                          <!--/.swiper-slide -->\n                        </div>\n                        <!--/.swiper-wrapper -->\n                      </div>\n                      <!--/.swiper -->\n                    </div>\n                    <!-- /.swiper-container -->\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row">\n          <div class="col-lg-9 col-xl-8 col-xxl-7 mx-auto text-center">\n            <h2 class="fs-16 text-uppercase text-white mb-3">Join Our Community</h2>\n            <h3 class="display-3 text-white mb-6">We are <span class="underline-2 underline-gradient-6"><em>trusted</em></span> by over 5000+ clients. Join them now and grow your business.</h3>\n            <a href="#" class="btn btn-white">Join Us</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(32, 'footer', 'footer', '<footer class="wrapper bg-dark text-inverse">\n    <div class="container py-13 py-md-15">\n      <div class="row gy-6 gy-lg-0">\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <img class="mb-4" src="/assets/img/logo-light.png" srcset="/assets/img/logo-light@2x.png 2x" alt="" />\n            <p class="mb-4">© <script>\n                document.write(new Date().getUTCFullYear());\n              </script> Simeya. <br class="d-none d-lg-block" />All rights reserved.</p>\n            <nav class="nav social social-white">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Get in Touch</h4>\n            <address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address>\n            <a href="mailto:#">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Learn More</h4>\n            <ul class="list-unstyled  mb-0">\n              <li><a href="#">About Us</a></li>\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Projects</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-12 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Our Newsletter</h4>\n            <p class="mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p>\n            <div class="newsletter-wrapper">\n              <!-- Begin Mailchimp Signup Form -->\n              <div id="mc_embed_signup2">\n                <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate dark-fields" target="_blank" novalidate>\n                  <div id="mc_embed_signup_scroll2">\n                    <div class="mc-field-group input-group form-floating">\n                      <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2">\n                      <label for="mce-EMAIL2">Email Address</label>\n                      <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary ">\n                    </div>\n                    <div id="mce-responses2" class="clear">\n                      <div class="response" id="mce-error-response2" style="display:none"></div>\n                      <div class="response" id="mce-success-response2" style="display:none"></div>\n                    </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n                    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>\n                    <div class="clear"></div>\n                  </div>\n                </form>\n              </div>\n              <!--End mc_embed_signup-->\n            </div>\n            <!-- /.newsletter-wrapper -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!--/.row -->\n    </div>\n    <!-- /.container -->\n  </footer>'),
(32, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(33, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/navy.css">\n  <link rel="preload" href="/assets/css/fonts/space.css" as="style" onload="this.rel=''stylesheet''">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(33, 'header', 'header', '<header class="wrapper bg-soft-primary my-1">\n      <nav class="navbar navbar-expand-lg center-nav navbar-light navbar-bg-light">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <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>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <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>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <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>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <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>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <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>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <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>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <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>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <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>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <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>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <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>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <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>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <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>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <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>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <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>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <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>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <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>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <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>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <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>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <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>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <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>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <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>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <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>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <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>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <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>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <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>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <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>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <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>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <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>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <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>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <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>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <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>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <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>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <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>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <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>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <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>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <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>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <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>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <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>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <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>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <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>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <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>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <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>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <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>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <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>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <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>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <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>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <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>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <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>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <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>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <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>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <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>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <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>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <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>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other w-100 d-flex ms-auto">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item d-none d-md-block">\n                <a href="/contact.html" class="btn btn-sm btn-primary">Contact Me</a>\n              </li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n    </header>'),
(33, 'content', 'section_1', '<section class="section-frame mx-xxl-11 overflow-hidden">\n      <div class="wrapper image-wrapper bg-image bg-cover bg-overlay bg-overlay-light-500" data-image-src="/assets/img/photos/bg23.png">\n        <div class="container py-16 py-md-18 text-center position-relative">\n          <div class="position-absolute shape yellow d-none d-lg-block w-5" style="top: 18%; left: 5%;"><img src="/assets/img/svg/pie.svg" class="svg-inject icon-svg w-100 h-100" alt="" /></div>\n          <div class="position-absolute shape leaf d-none d-lg-block w-10" style="bottom: 30%; left: 2%;"><img src="/assets/img/svg/scribble.svg" class="svg-inject icon-svg w-100 h-100" alt="" /></div>\n          <div class="position-absolute shape fuchsia d-none d-lg-block w-6" style="top: 20%; right: 2%; transform: rotate(70deg);"><img src="/assets/img/svg/tri.svg" class="svg-inject icon-svg w-100 h-100" alt="" /></div>\n          <div class="position-absolute shape grape d-none d-lg-block w-6" style="bottom: 28%; right: 5%;"><img src="/assets/img/svg/circle.svg" class="svg-inject icon-svg w-100 h-100" alt="" /></div>\n          <div class="row">\n            <div class="col-lg-9 col-xxl-8 mx-auto">\n              <h1 class="display-1 fs-70 px-md-10 px-lg-0 px-xl-8 mb-5">👋 Hello! I''m <img class="d-inline w-12 mx-1" src="/assets/img/avatars/avatar.png" alt=""> Camille, a product designer.</h1>\n              <p class="lead fs-24 px-md-10 px-lg-0 mx-lg-n10 mx-xl-0 mb-8">I’m very passionate about the work that I do, and if you are curious you can find my works on <a href="#" class="hover" style="color: var(--bs-dribbble);">Dribbble</a>, my portfolio on <a href="#" class="hover" style="color: var(--bs-behance);">Behance</a>.</p>\n              <a href="#" class="btn btn-lg btn-primary btn-icon btn-icon-end">See My Works <i class="uil uil-arrow-up-right"></i></a>\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n        </div>\n        <!-- /.container -->\n      </div>\n      <!-- /.wrapper -->\n    </section>'),
(33, 'content', 'section_2', '<section class="wrapper bg-light">\n      <div class="container py-16 py-md-18">\n        <div class="row d-flex align-items-start gy-10 mb-18 mb-md-20">\n          <div class="col-lg-5 position-lg-sticky" style="top: 8rem;">\n            <h3 class="display-2 mb-5">The service I offer is specifically designed to meet your needs.</h3>\n            <p class="mb-7">Cras mattis consectetur purus sit amet fermentum. Donec ullamcorper nulla non metus auctor fringilla. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p>\n            <a href="#" class="btn btn-lg btn-primary btn-icon btn-icon-end">More Details <i class="uil uil-arrow-up-right"></i></a>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-6 ms-auto">\n            <div class="card bg-soft-fuchsia mb-6">\n              <div class="card-body d-flex flex-row">\n                <div>\n                  <img src="/assets/img/icons/lineal/search-2.svg" class="svg-inject icon-svg icon-svg-md text-fuchsia me-5" alt="" />\n                </div>\n                <div>\n                  <h3 class="fs-21 mb-2">User Research</h3>\n                  <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, nulla non metus auctor eget lacinia odio sem aget elit.</p>\n                </div>\n              </div>\n              <!-- /.card-body -->\n            </div>\n            <!-- /.card -->\n            <div class="card bg-soft-aqua mb-6">\n              <div class="card-body d-flex flex-row">\n                <div>\n                  <img src="/assets/img/icons/lineal/puzzle-2.svg" class="svg-inject icon-svg icon-svg-md text-aqua me-5" alt="" />\n                </div>\n                <div>\n                  <h3 class="fs-21 mb-2">Strategy & Planning</h3>\n                  <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, nulla non metus auctor eget lacinia odio sem aget elit.</p>\n                </div>\n              </div>\n              <!-- /.card-body -->\n            </div>\n            <!-- /.card -->\n            <div class="card bg-soft-yellow mb-6">\n              <div class="card-body d-flex flex-row">\n                <div>\n                  <img src="/assets/img/icons/lineal/smartphone.svg" class="svg-inject icon-svg icon-svg-md text-yellow me-5" alt="" />\n                </div>\n                <div>\n                  <h3 class="fs-21 mb-2">App Design</h3>\n                  <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, nulla non metus auctor eget lacinia odio sem aget elit.</p>\n                </div>\n              </div>\n              <!-- /.card-body -->\n            </div>\n            <!-- /.card -->\n            <div class="card bg-soft-leaf mb-6">\n              <div class="card-body d-flex flex-row">\n                <div>\n                  <img src="/assets/img/icons/lineal/design.svg" class="svg-inject icon-svg icon-svg-md text-leaf me-5" alt="" />\n                </div>\n                <div>\n                  <h3 class="fs-21 mb-2">Brand Design</h3>\n                  <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, nulla non metus auctor eget lacinia odio sem aget elit.</p>\n                </div>\n              </div>\n              <!-- /.card-body -->\n            </div>\n            <!-- /.card -->\n            <div class="card bg-soft-orange mb-6">\n              <div class="card-body d-flex flex-row">\n                <div>\n                  <img src="/assets/img/icons/lineal/video-editing.svg" class="svg-inject icon-svg icon-svg-md text-orange me-5" alt="" />\n                </div>\n                <div>\n                  <h3 class="fs-21 mb-2">Motion Graphic</h3>\n                  <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, nulla non metus auctor eget lacinia odio sem aget elit.</p>\n                </div>\n              </div>\n              <!-- /.card-body -->\n            </div>\n            <!-- /.card -->\n            <div class="card bg-soft-grape">\n              <div class="card-body d-flex flex-row">\n                <div>\n                  <img src="/assets/img/icons/lineal/browser.svg" class="svg-inject icon-svg icon-svg-md text-grape me-5" alt="" />\n                </div>\n                <div>\n                  <h3 class="fs-21 mb-2">Web Design</h3>\n                  <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, nulla non metus auctor eget lacinia odio sem aget elit.</p>\n                </div>\n              </div>\n              <!-- /.card-body -->\n            </div>\n            <!-- /.card -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row align-items-center mb-10">\n          <div class="col-md-8 col-lg-9 col-xl-8 col-xxl-7">\n            <h2 class="display-2 mb-0">Check out some of my latest projects with creative ideas.</h2>\n          </div>\n          <!--/column -->\n          <div class="col-md-4 col-lg-3 ms-md-auto text-md-end mt-5 mt-md-0">\n            <a href="#" class="btn btn-lg btn-primary btn-icon btn-icon-end mb-0">See All Projects <i class="uil uil-arrow-up-right"></i></a>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="card bg-soft-violet mb-10">\n          <div class="card-body p-12 pb-0">\n            <div class="row">\n              <div class="col-lg-4 pb-12 align-self-center">\n                <div class="post-category fs-15 mb-3 text-violet">Web Design</div>\n                <h3 class="h1 post-title mb-3">Snowlake Theme</h3>\n                <p>Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus cursus.</p>\n                <a href="#" class="btn btn-sm btn-violet btn-icon btn-icon-end mb-0">See Project <i class="uil uil-arrow-up-right"></i></a>\n              </div>\n              <!-- /column -->\n              <div class="col-lg-7 offset-lg-1 align-self-end">\n                <figure><img class="img-fluid" src="/assets/img/photos/f1.png" srcset="/assets/img/photos/f1@2x.png 2x" alt="" /></figure>\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!--/.card-body -->\n        </div>\n        <!--/.card -->\n        <div class="card bg-soft-blue mb-10">\n          <div class="card-body p-12">\n            <div class="row gy-10 align-items-center">\n              <div class="col-lg-4 order-lg-2 offset-lg-1">\n                <div class="post-category fs-15 mb-3 text-blue">Mobile Design</div>\n                <h3 class="h1 post-title mb-3">Budget App</h3>\n                <p>Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus cursus.</p>\n                <a href="#" class="btn btn-sm btn-blue btn-icon btn-icon-end mb-0">See Project <i class="uil uil-arrow-up-right"></i></a>\n              </div>\n              <!-- /column -->\n              <div class="col-lg-7">\n                <figure><img class="img-fluid" src="/assets/img/photos/f2.png" srcset="/assets/img/photos/f2@2x.png 2x" alt="" /></figure>\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!--/.card-body -->\n        </div>\n        <!--/.card -->\n        <div class="row gx-md-8 gx-xl-10">\n          <div class="col-lg-6">\n            <div class="card bg-soft-leaf mb-10">\n              <div class="card-body p-12 pb-0">\n                <div class="post-category fs-15 mb-3 text-leaf">Web Design</div>\n                <h3 class="h1 post-title mb-3">Missio Theme</h3>\n                <p>Maecenas faucibus mollis interdum sed posuere porta consectetur cursus porta lobortis. Scelerisque id ligula felis.</p>\n                <a href="#" class="btn btn-sm btn-leaf btn-icon btn-icon-end mb-10">See Project <i class="uil uil-arrow-up-right"></i></a>\n              </div>\n              <!--/.card-body -->\n              <img class="card-img-bottom" src="/assets/img/photos/f3.png" srcset="/assets/img/photos/f3@2x.png 2x" alt="" />\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /column -->\n          <div class="col-lg-6">\n            <div class="card bg-soft-pink">\n              <div class="card-body p-12 pb-0">\n                <div class="post-category fs-15 mb-3 text-pink">Mobile Design</div>\n                <h3 class="h1 post-title mb-3">Storage App</h3>\n                <p>Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis.</p>\n                <a href="#" class="btn btn-sm btn-pink btn-icon btn-icon-end mb-10">See Project <i class="uil uil-arrow-up-right"></i></a>\n              </div>\n              <!--/.card-body -->\n              <img class="card-img-bottom" src="/assets/img/photos/f4.png" srcset="/assets/img/photos/f4@2x.png 2x" alt="" />\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(33, 'content', 'section_3', '<section class="section-frame mx-xxl-11">\n      <div class="wrapper image-wrapper bg-image bg-cover bg-overlay bg-overlay-light-500 section-frame-wrapper" data-image-src="/assets/img/photos/bg23.png">\n        <div class="container py-16 py-md-18">\n          <div class="row">\n            <div class="col-md-10 col-lg-9 col-xl-8 mx-auto text-center">\n              <h3 class="display-2 mb-10 px-xxl-10">Don''t take our word for it. See what customers are saying about us.</h3>\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n          <div class="row">\n            <div class="grid col-md-11 mx-auto mb-lg-n23">\n              <div class="row isotope gy-6">\n                <div class="item col-md-6 col-xl-4">\n                  <div class="card shadow-lg">\n                    <div class="card-body">\n                      <span class="ratings five mb-3"></span>\n                      <blockquote class="icon mb-0">\n                        <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis.”</p>\n                        <div class="blockquote-details">\n                          <div class="info ps-0">\n                            <h5 class="mb-1">Coriss Ambady</h5>\n                            <p class="mb-0">Financial Analyst</p>\n                          </div>\n                        </div>\n                      </blockquote>\n                    </div>\n                    <!-- /.card-body -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!--/column -->\n                <div class="item col-md-6 col-xl-4">\n                  <div class="card shadow-lg">\n                    <div class="card-body">\n                      <span class="ratings five mb-3"></span>\n                      <blockquote class="icon mb-0">\n                        <p>“Fusce dapibus, tellus ac cursus tortor mauris condimentum fermentum massa justo sit amet. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras mattis consectetur purus sit amet fermentum.”</p>\n                        <div class="blockquote-details">\n                          <div class="info ps-0">\n                            <h5 class="mb-1">Cory Zamora</h5>\n                            <p class="mb-0">Marketing Specialist</p>\n                          </div>\n                        </div>\n                      </blockquote>\n                    </div>\n                    <!-- /.card-body -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!--/column -->\n                <div class="item col-md-6 col-xl-4">\n                  <div class="card shadow-lg">\n                    <div class="card-body">\n                      <span class="ratings five mb-3"></span>\n                      <blockquote class="icon mb-0">\n                        <p>“Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nullam quis risus eget porta ac consectetur vestibulum. Donec sed odio dui consectetur.”</p>\n                        <div class="blockquote-details">\n                          <div class="info ps-0">\n                            <h5 class="mb-1">Nikolas Brooten</h5>\n                            <p class="mb-0">Sales Manager</p>\n                          </div>\n                        </div>\n                      </blockquote>\n                    </div>\n                    <!-- /.card-body -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!--/column -->\n                <div class="item col-md-6 col-xl-4">\n                  <div class="card shadow-lg">\n                    <div class="card-body">\n                      <span class="ratings five mb-3"></span>\n                      <blockquote class="icon mb-0">\n                        <p>“Etiam adipiscing tincidunt elit convallis felis suscipit ut. Phasellus rhoncus tincidunt auctor. Nullam eu sagittis mauris. Donec non dolor ac elit aliquam tincidunt at at sapien.”</p>\n                        <div class="blockquote-details">\n                          <div class="info ps-0">\n                            <h5 class="mb-1">Coriss Ambady</h5>\n                            <p class="mb-0">Financial Analyst</p>\n                          </div>\n                        </div>\n                      </blockquote>\n                    </div>\n                    <!-- /.card-body -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!--/column -->\n                <div class="item col-md-6 col-xl-4">\n                  <div class="card shadow-lg">\n                    <div class="card-body">\n                      <span class="ratings five mb-3"></span>\n                      <blockquote class="icon mb-0">\n                        <p>“Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus magnis dis montes, nascetur ridiculus mus. Donec sed odio dui.”</p>\n                        <div class="blockquote-details">\n                          <div class="info ps-0">\n                            <h5 class="mb-1">Jackie Sanders</h5>\n                            <p class="mb-0">Investment Planner</p>\n                          </div>\n                        </div>\n                      </blockquote>\n                    </div>\n                    <!-- /.card-body -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!--/column -->\n                <div class="item col-md-6 col-xl-4">\n                  <div class="card shadow-lg">\n                    <div class="card-body">\n                      <span class="ratings five mb-3"></span>\n                      <blockquote class="icon mb-0">\n                        <p>“Donec id elit non mi porta gravida at eget metus. Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur.”</p>\n                        <div class="blockquote-details">\n                          <div class="info ps-0">\n                            <h5 class="mb-1">Laura Widerski</h5>\n                            <p class="mb-0">Sales Specialist</p>\n                          </div>\n                        </div>\n                      </blockquote>\n                    </div>\n                    <!-- /.card-body -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!--/column -->\n              </div>\n              <!-- /.row -->\n            </div>\n            <!-- /.grid-view -->\n          </div>\n          <!-- /.row -->\n        </div>\n        <!-- /.container -->\n      </div>\n      <!-- /.wrapper -->\n    </section>'),
(33, 'content', 'section_4', '<section class="wrapper bg-light">\n      <div class="container py-16 py-md-18">\n        <div class="row gx-md-8 gx-xl-12 gy-10 align-items-center mt-lg-18 mb-16 mb-md-18">\n          <div class="col-md-8 col-lg-6 mx-auto">\n            <div class="img-mask mask-3 px-xxl-5"><img src="/assets/img/avatars/avatar.jpg" srcset="/assets/img/avatars/avatar@2x.jpg 2x" alt="" /></div>\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h2 class="display-2 mb-3">More about me</h2>\n            <p class="lead fs-24">👋 Hello! I''m Camille, a multidisciplinary product designer 🧸 based in New York City 🚕. I’m very passionate about the work 💌 that I do.</p>\n            <p>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.</p>\n            <p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur.</p>\n            <a href="#" class="btn btn-primary btn-icon btn-icon-end mt-2">Learn More <i class="uil uil-arrow-up-right"></i></a>\n          </div>\n          <!--/column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gx-md-8 gx-xl-12 gy-10">\n          <div class="col-lg-5 mx-auto">\n            <h2 class="display-2 mb-3">My experiences</h2>\n            <p class="lead fs-24 pe-xxl-8">I''ve had the pleasure to work with companies 🏢 across a variety of industries 🏛️ I''m always interested in new ✨ and exciting adventures 🧨</p>\n            <a href="#" class="btn btn-primary btn-icon btn-icon-end mt-2">Download Resume <i class="uil uil-arrow-up-right"></i></a>\n          </div>\n          <!--/column -->\n          <div class="col-lg-7">\n            <ul class="timeline">\n              <li class="timeline-item">\n                <div class="timeline-info meta fs-14">Nov 2017 - Present</div>\n                <div class="timeline-marker"></div>\n                <div class="timeline-content">\n                  <h3 class="timeline-title">Creative Director at Malory House</h3>\n                  <p>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.</p>\n                </div>\n              </li>\n              <li class="timeline-item">\n                <div class="timeline-info meta fs-14">Sep 2015 - Apr 2017</div>\n                <div class="timeline-marker"></div>\n                <div class="timeline-content">\n                  <h3 class="timeline-title">Senior Developer at Longwave Studio</h3>\n                  <p>Donec vitae sapien ut libero venenatis faucibus. ullam dictum felis eu pede mollis pretium. Pellentesque ut neque.</p>\n                </div>\n              </li>\n              <li class="timeline-item">\n                <div class="timeline-info meta fs-14">May 2011 - Sep 2015</div>\n                <div class="timeline-marker"></div>\n                <div class="timeline-content">\n                  <h3 class="timeline-title">Junior Developer at Webpaint Media</h3>\n                  <p>Cras mattis consectetur purus sit amet fermentum. Donec ullamcorper nulla non metus auctor fringilla. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p>\n                </div>\n              </li>\n            </ul>\n          </div>\n          <!--/column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(33, 'content', 'section_5', '<section class="section-frame mx-xxl-11 overflow-hidden">\n      <div class="wrapper image-wrapper bg-image bg-cover bg-overlay bg-overlay-light-500" data-image-src="/assets/img/photos/bg23.png">\n        <div class="container py-16 py-md-18 text-center">\n          <div class="position-absolute shape yellow d-none d-lg-block w-5" style="top: 18%; left: 5%;"><img src="/assets/img/svg/pie.svg" class="svg-inject icon-svg w-100 h-100" alt="" /></div>\n          <div class="position-absolute shape leaf d-none d-lg-block w-10" style="bottom: 30%; left: 2%;"><img src="/assets/img/svg/scribble.svg" class="svg-inject icon-svg w-100 h-100" alt="" /></div>\n          <div class="position-absolute shape fuchsia d-none d-lg-block w-6" style="top: 20%; right: 2%; transform: rotate(70deg);"><img src="/assets/img/svg/tri.svg" class="svg-inject icon-svg w-100 h-100" alt="" /></div>\n          <div class="position-absolute shape grape d-none d-lg-block w-6" style="bottom: 28%; right: 5%;"><img src="/assets/img/svg/circle.svg" class="svg-inject icon-svg w-100 h-100" alt="" /></div>\n          <div class="row">\n            <div class="col-lg-9 col-xxl-8 mx-auto">\n              <h1 class="display-1 fs-70 mx-lg-n10 mx-xl-0 mb-5">Got a 👾 project in mind? Let''s work together. ✌️</h1>\n              <p class="lead fs-24 px-md-12 px-lg-0 mx-lg-n10 mx-xl-0 mb-8">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.</p>\n              <a href="#" class="btn btn-lg btn-primary btn-icon btn-icon-end">Contact Me <i class="uil uil-arrow-up-right"></i></a>\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n        </div>\n        <!-- /.container -->\n      </div>\n      <!-- /.wrapper -->\n    </section>'),
(33, 'footer', 'footer', '<footer>\n    <div class="container py-7">\n      <div class="d-md-flex align-items-center justify-content-between">\n        <p class="mb-2 mb-lg-0">© <script>\n            document.write(new Date().getUTCFullYear());\n          </script> Simeya. All rights reserved.</p>\n        <nav class="nav social social-muted mb-0 text-md-end">\n          <a href="#"><i class="uil uil-twitter"></i></a>\n          <a href="#"><i class="uil uil-facebook-f"></i></a>\n          <a href="#"><i class="uil uil-dribbble"></i></a>\n          <a href="#"><i class="uil uil-instagram"></i></a>\n          <a href="#"><i class="uil uil-youtube"></i></a>\n        </nav>\n        <!-- /.social -->\n      </div>\n    </div>\n    <!-- /.container -->\n  </footer>'),
(33, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(34, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/navy.css">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(34, 'header', 'header', '<header class="wrapper bg-light mb-2">\n      <nav class="navbar navbar-expand-lg center-nav transparent navbar-light">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <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>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <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>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <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>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <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>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <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>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <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>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <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>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <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>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <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>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <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>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <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>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <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>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <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>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <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>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <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>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <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>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <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>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <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>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <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>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <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>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <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>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <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>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <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>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <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>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <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>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <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>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <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>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <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>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <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>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <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>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <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>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <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>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <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>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <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>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <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>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <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>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <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>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <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>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <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>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <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>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <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>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <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>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <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>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <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>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <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>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <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>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <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>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <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>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <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>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <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>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <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>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <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>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <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>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other w-100 d-flex ms-auto">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item dropdown language-select text-uppercase">\n                <a class="nav-link dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">En</a>\n                <ul class="dropdown-menu">\n                  <li class="nav-item"><a class="dropdown-item" href="#">En</a></li>\n                  <li class="nav-item"><a class="dropdown-item" href="#">De</a></li>\n                  <li class="nav-item"><a class="dropdown-item" href="#">Es</a></li>\n                </ul>\n              </li>\n              <li class="nav-item d-none d-md-block">\n                <a href="/contact.html" class="btn btn-sm btn-primary rounded">Contact</a>\n              </li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n    </header>'),
(34, 'content', 'section_1', '<section class="wrapper bg-gray position-relative min-vh-60 d-lg-flex align-items-center">\n      <div class="col-lg-6 position-lg-absolute top-0 start-0 image-wrapper bg-image bg-cover h-100" data-image-src="/assets/img/photos/about32.jpg">\n        <a href="/assets/media/movie3.mp4" class="btn btn-circle btn-primary btn-play ripple mx-auto position-absolute d-lg-none" style="top:50%; left: 50%; transform: translate(-50%,-50%); z-index:3;" data-glightbox data-gallery="mobile-video"><i class="icn-caret-right"></i></a>\n      </div>\n      <!--/column -->\n      <div class="container position-relative" data-cue="fadeIn" data-delay="600">\n        <a href="/assets/media/movie3.mp4" class="btn btn-circle btn-primary btn-play ripple mx-auto position-absolute d-none d-lg-flex" style="top:50%; left: 50%; transform: translate(-50%,-50%); z-index:3;" data-glightbox data-gallery="desktop-video"><i class="icn-caret-right"></i></a>\n        <div class="row gx-0">\n          <div class="col-lg-6 offset-lg-6">\n            <div class="py-12 py-lg-16 ps-lg-12 py-xxl-18 ps-xxl-16 pe-lg-0 position-relative" data-cues="slideInDown" data-group="page-title">\n              <h1 class="display-1 ls-xs fs-52 mb-4">We bring solutions to make life <span class="underline-3 style-2 yellow">easier</span> for our customers.</h1>\n              <p class="lead fs-25 lh-sm mb-7">We have considered our solutions to support every stage of your growth.</p>\n              <div>\n                <a class="btn btn-lg btn-primary rounded mb-2">Get Started</a>\n              </div>\n            </div>\n          </div>\n          <!-- /column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(34, 'content', 'section_2', '<section class="bg-light">\n      <div class="container py-15 py-md-17 pb-md-25">\n        <div class="row d-flex align-items-start gy-10">\n          <div class="col-lg-5 position-lg-sticky" style="top: 8rem;">\n            <h2 class="fs-16 text-uppercase text-muted mb-3">What We Do?</h2>\n            <h3 class="display-2 ls-xs mb-5">The service we offer is <span class="underline-3 style-2 yellow">specifically</span> designed to meet your needs.</h3>\n            <p class="mb-7">Cras mattis consectetur purus sit amet fermentum. Donec ullamcorper nulla non metus auctor fringilla. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p>\n            <a href="#" class="btn btn-primary">More Details</a>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-6 ms-auto">\n            <div class="card mb-6">\n              <div class="card-body d-flex flex-row">\n                <div>\n                  <img src="/assets/img/illustrations/ni1.png" class="w-13 me-5" alt="" />\n                </div>\n                <div>\n                  <h3 class="fs-21 ls-xs mb-2">Marketing Automation</h3>\n                  <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit.</p>\n                </div>\n              </div>\n              <!-- /.card-body -->\n            </div>\n            <!-- /.card -->\n            <div class="card mb-6">\n              <div class="card-body d-flex flex-row">\n                <div>\n                  <img src="/assets/img/illustrations/ni2.png" class="w-13 me-5" alt="" />\n                </div>\n                <div>\n                  <h3 class="fs-21 ls-xs mb-2">Project Management</h3>\n                  <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit.</p>\n                </div>\n              </div>\n              <!-- /.card-body -->\n            </div>\n            <!-- /.card -->\n            <div class="card mb-6">\n              <div class="card-body d-flex flex-row">\n                <div>\n                  <img src="/assets/img/illustrations/ni3.png" class="w-13 me-5" alt="" />\n                </div>\n                <div>\n                  <h3 class="fs-21 ls-xs mb-2">Web Analytics</h3>\n                  <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit.</p>\n                </div>\n              </div>\n              <!-- /.card-body -->\n            </div>\n            <!-- /.card -->\n            <div class="card mb-6">\n              <div class="card-body d-flex flex-row">\n                <div>\n                  <img src="/assets/img/illustrations/ni4.png" class="w-13 me-5" alt="" />\n                </div>\n                <div>\n                  <h3 class="fs-21 ls-xs mb-2">SEO Services</h3>\n                  <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit.</p>\n                </div>\n              </div>\n              <!-- /.card-body -->\n            </div>\n            <!-- /.card -->\n            <div class="card mb-6">\n              <div class="card-body d-flex flex-row">\n                <div>\n                  <img src="/assets/img/illustrations/ni5.png" class="w-13 me-5" alt="" />\n                </div>\n                <div>\n                  <h3 class="fs-21 ls-xs mb-2">Market Research</h3>\n                  <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit.</p>\n                </div>\n              </div>\n              <!-- /.card-body -->\n            </div>\n            <!-- /.card -->\n            <div class="card">\n              <div class="card-body d-flex flex-row">\n                <div>\n                  <img src="/assets/img/illustrations/ni6.png" class="w-13 me-5" alt="" />\n                </div>\n                <div>\n                  <h3 class="fs-21 ls-xs mb-2">Social Media Management</h3>\n                  <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit.</p>\n                </div>\n              </div>\n              <!-- /.card-body -->\n            </div>\n            <!-- /.card -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(34, 'content', 'section_3', '<section class="wrapper bg-gray">\n      <div class="container py-14 py-md-17">\n        <div class="row mt-md-n25">\n          <div class="col-lg-9 col-xxl-8 mx-auto text-center">\n            <h2 class="fs-16 text-uppercase text-muted mb-3">Happy Customers</h2>\n            <h3 class="display-2 ls-xs mb-10 px-xl-10">Don''t take our word for it. See what <span class="underline-3 style-2 yellow">customers</span> are saying about us.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="grid">\n          <div class="row isotope gy-6">\n            <div class="item col-md-6 col-xl-4">\n              <div class="card">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque penatibus.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te1.jpg" srcset="/assets/img/avatars/te1@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Coriss Ambady</h5>\n                        <p class="mb-0">Financial Analyst</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Fusce dapibus, tellus ac cursus tortor mauris condimentum fermentum massa justo sit amet. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te2.jpg" srcset="/assets/img/avatars/te2@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Cory Zamora</h5>\n                        <p class="mb-0">Marketing Specialist</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nullam quis risus eget porta ac consectetur vestibulum. Donec sed odio dui consectetur adipiscing elit.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te3.jpg" srcset="/assets/img/avatars/te3@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Nikolas Brooten</h5>\n                        <p class="mb-0">Sales Manager</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Etiam adipiscing tincidunt elit convallis felis suscipit ut. Phasellus rhoncus tincidunt auctor. Nullam eu sagittis mauris. Donec non dolor ac elit aliquam tincidunt at at sapien. Aenean tortor libero condimentum ac laoreet vitae.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te4.jpg" srcset="/assets/img/avatars/te4@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Coriss Ambady</h5>\n                        <p class="mb-0">Financial Analyst</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus magnis dis montes, nascetur ridiculus mus. Donec sed odio dui. Nulla vitae elit libero a pharetra.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te5.jpg" srcset="/assets/img/avatars/te5@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Jackie Sanders</h5>\n                        <p class="mb-0">Investment Planner</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Donec id elit non mi porta gravida at eget metus. Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te6.jpg" srcset="/assets/img/avatars/te6@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Laura Widerski</h5>\n                        <p class="mb-0">Sales Specialist</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n          </div>\n          <!-- /.row -->\n        </div>\n        <!-- /.grid-view -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(34, 'content', 'section_4', '<section class="wrapper bg-light">\n      <div class="container py-15 py-md-17">\n        <div class="row">\n          <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2 mx-auto text-center position-relative">\n            <h2 class="fs-16 text-uppercase text-muted mb-3">Why Choose Simeya?</h2>\n            <h3 class="display-2 ls-xs mb-10 px-xl-10 px-xxl-15">Here are a few <span class="underline-3 style-2 yellow">reasons</span> why our customers choose Simeya.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <ul class="nav nav-tabs nav-tabs-bg d-flex justify-content-between nav-justified flex-lg-row flex-column">\n          <li class="nav-item"> <a class="nav-link d-flex flex-row active" data-bs-toggle="tab" href="#tab2-1">\n              <div><span class="fs-50 d-block mt-2 me-4">01</span></div>\n              <div>\n                <h3 class="fs-21 ls-xs mb-1">Collect Ideas</h3>\n                <p>Duis mollis commodo luctus cursus commodo tortor mauris.</p>\n              </div>\n            </a> </li>\n          <li class="nav-item"> <a class="nav-link d-flex flex-row" data-bs-toggle="tab" href="#tab2-2">\n              <div><span class="fs-50 d-block mt-2 me-4">02</span></div>\n              <div>\n                <h3 class="fs-21 ls-xs mb-1">Data Analysis</h3>\n                <p>Vivamus sagittis lacus augue fusce dapibus tellus nibh.</p>\n              </div>\n            </a> </li>\n          <li class="nav-item"> <a class="nav-link d-flex flex-row" data-bs-toggle="tab" href="#tab2-3">\n              <div><span class="fs-50 d-block mt-2 me-4">03</span></div>\n              <div>\n                <h3 class="fs-21 ls-xs mb-1">Finalize Product</h3>\n                <p>Vestibulum ligula porta felis maecenas faucibus mollis.</p>\n              </div>\n            </a> </li>\n        </ul>\n        <!-- /.nav-tabs -->\n        <div class="tab-content mt-6 mt-lg-8 mb-5">\n          <div class="tab-pane fade show active" id="tab2-1">\n            <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">\n              <div class="col-lg-6">\n                <figure class="rounded"><img src="/assets/img/photos/se5.jpg" srcset="/assets/img/photos/se5@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-lg-6">\n                <h2 class="ls-xs mb-3">Collect Ideas</h2>\n                <p>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 commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna.</p>\n                <ul class="icon-list bullet-bg bullet-soft-primary">\n                  <li><i class="uil uil-check"></i>Aenean eu leo quam. Pellentesque ornare.</li>\n                  <li><i class="uil uil-check"></i>Nullam quis risus eget urna mollis ornare.</li>\n                  <li><i class="uil uil-check"></i>Donec id elit non mi porta gravida at eget.</li>\n                </ul>\n                <a href="#" class="btn btn-primary mt-2">Learn More</a>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/.tab-pane -->\n          <div class="tab-pane fade" id="tab2-2">\n            <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">\n              <div class="col-lg-6 order-lg-2">\n                <figure class="rounded"><img src="/assets/img/photos/se6.jpg" srcset="/assets/img/photos/se6@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-lg-6">\n                <h2 class="ls-xs mb-3">Data Analysis</h2>\n                <p>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 commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna.</p>\n                <ul class="icon-list bullet-bg bullet-soft-primary">\n                  <li><i class="uil uil-check"></i>Aenean eu leo quam. Pellentesque ornare.</li>\n                  <li><i class="uil uil-check"></i>Nullam quis risus eget urna mollis ornare.</li>\n                  <li><i class="uil uil-check"></i>Donec id elit non mi porta gravida at eget.</li>\n                </ul>\n                <a href="#" class="btn btn-primary mt-2">Learn More</a>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/.tab-pane -->\n          <div class="tab-pane fade" id="tab2-3">\n            <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">\n              <div class="col-lg-6">\n                <figure class="rounded"><img src="/assets/img/photos/se7.jpg" srcset="/assets/img/photos/se7@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-lg-6">\n                <h2 class="ls-xs mb-3">Finalize Product</h2>\n                <p>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 commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna.</p>\n                <ul class="icon-list bullet-bg bullet-soft-primary">\n                  <li><i class="uil uil-check"></i>Aenean eu leo quam. Pellentesque ornare.</li>\n                  <li><i class="uil uil-check"></i>Nullam quis risus eget urna mollis ornare.</li>\n                  <li><i class="uil uil-check"></i>Donec id elit non mi porta gravida at eget.</li>\n                </ul>\n                <a href="#" class="btn btn-primary mt-2">Learn More</a>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/.tab-pane -->\n        </div>\n        <!-- /.tab-content -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(34, 'content', 'section_5', '<section class="wrapper bg-gray position-relative min-vh-60 d-lg-flex align-items-center">\n      <div class="col-lg-6 position-lg-absolute top-0 start-0 image-wrapper bg-image bg-cover h-100" data-image-src="/assets/img/photos/about31.jpg">\n      </div>\n      <!--/column -->\n      <div class="container">\n        <div class="row gx-0">\n          <div class="col-lg-6 ms-auto">\n            <div class="pt-13 pb-15 pb-md-17 py-lg-16 ps-lg-15">\n              <h2 class="fs-16 text-uppercase text-muted mb-3">Our Solutions</h2>\n              <h3 class="display-2 ls-xs mb-5">We make your spending <span class="underline-3 style-2 yellow">stress-free</span> for you to have the perfect control.</h3>\n              <p class="mb-6">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.</p>\n              <div class="row align-items-center counter-wrapper gy-6">\n                <div class="col-md-6">\n                  <h3 class="counter counter-lg mb-1">99.7%</h3>\n                  <h5 class="ls-xs mb-1">Customer Satisfaction</h5>\n                  <span class="ratings five"></span>\n                </div>\n                <!--/column -->\n                <div class="col-md-6">\n                  <h3 class="counter counter-lg mb-1">4x</h3>\n                  <h5 class="ls-xs mb-1">New Visitors</h5>\n                  <span class="ratings five"></span>\n                </div>\n                <!--/column -->\n              </div>\n              <!--/.row -->\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(34, 'content', 'section_6', '<section class="wrapper bg-light">\n      <div class="container py-15 py-md-17">\n        <div class="row gy-10 gy-sm-13 gx-md-8 gx-xl-12 align-items-center mb-5">\n          <div class="col-lg-6">\n            <div class="row gx-md-5 gy-5">\n              <div class="col-12">\n                <figure class="rounded mx-md-5"><img src="/assets/img/photos/g8.jpg" srcset="/assets/img/photos/g8@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <figure class="rounded"><img src="/assets/img/photos/g9.jpg" srcset="/assets/img/photos/g9@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <figure class="rounded"><img src="/assets/img/photos/g10.jpg" srcset="/assets/img/photos/g10@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h2 class="fs-16 text-uppercase text-muted mb-3">What Makes Us Different?</h2>\n            <h3 class="display-2 ls-xs mb-8">We bring <span class="underline-3 style-2 yellow">solutions</span> to make life easier for our customers.</h3>\n            <div class="row gy-6">\n              <div class="col-md-6">\n                <h3 class="fs-21 ls-xs mb-1">Creativity</h3>\n                <p class="mb-0">Curabitur blandit lacus magna ridiculus mus duis mollis.</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <h3 class="fs-21 ls-xs mb-1">Innovative Thinking</h3>\n                <p class="mb-0">Curabitur blandit lacus magna ridiculus mus duis mollis.</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <h3 class="fs-21 ls-xs mb-1">Rapid Solutions</h3>\n                <p class="mb-0">Curabitur blandit lacus magna ridiculus mus duis mollis.</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <h3 class="fs-21 ls-xs mb-1">Top-Notch Support</h3>\n                <p class="mb-0">Curabitur blandit lacus magna ridiculus mus duis mollis.</p>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row pt-15 pt-md-17">\n          <div class="col-lg-10 col-xxl-9 mx-auto text-center">\n            <h2 class="fs-16 text-uppercase text-muted mb-3">Our Pricing</h2>\n            <h3 class="display-2 ls-xs mb-12 px-xl-10">We offer great prices, premium products and <span class="underline-3 style-2 yellow">quality</span> service for your business.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row">\n          <div class="col-xl-11 mx-auto">\n            <div class="pricing-wrapper position-relative mb-10 mb-md-14">\n              <div class="row gy-6">\n                <div class="col-md-6 col-lg-4">\n                  <div class="pricing card">\n                    <div class="card-body">\n                      <div class="prices text-dark">\n                        <div class="pricejustify-content-start"><span class="price-currency">$</span><span class="price-value">9</span> <span class="price-duration">mo</span></div>\n                      </div>\n                      <!--/.prices -->\n                      <h4 class="card-title ls-xs mt-2">Basic Plan</h4>\n                      <ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8 text-start">\n                        <li><i class="uil uil-check"></i><span><strong>1</strong> Project </span></li>\n                        <li><i class="uil uil-check"></i><span><strong>100K</strong> API Access </span></li>\n                        <li><i class="uil uil-check"></i><span><strong>100MB</strong> Storage </span></li>\n                        <li><i class="uil uil-check"></i><span> Weekly <strong>Reports</strong> </span></li>\n                        <li><i class="uil uil-check"></i><span> 7/24 <strong>Support</strong></span></li>\n                      </ul>\n                      <a href="#" class="btn btn-primary rounded">Choose Plan</a>\n                    </div>\n                    <!--/.card-body -->\n                  </div>\n                  <!--/.pricing -->\n                </div>\n                <!--/column -->\n                <div class="col-md-6 col-lg-4 popular">\n                  <div class="pricing card">\n                    <div class="card-body">\n                      <div class="prices text-dark">\n                        <div class="pricejustify-content-start"><span class="price-currency">$</span><span class="price-value">19</span> <span class="price-duration">mo</span></div>\n                      </div>\n                      <!--/.prices -->\n                      <h4 class="card-title ls-xs mt-2">Premium Plan</h4>\n                      <ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8 text-start">\n                        <li><i class="uil uil-check"></i><span><strong>5</strong> Projects </span></li>\n                        <li><i class="uil uil-check"></i><span><strong>100K</strong> API Access </span></li>\n                        <li><i class="uil uil-check"></i><span><strong>200MB</strong> Storage </span></li>\n                        <li><i class="uil uil-check"></i><span> Weekly <strong>Reports</strong></span></li>\n                        <li><i class="uil uil-check"></i><span> 7/24 <strong>Support</strong></span></li>\n                      </ul>\n                      <a href="#" class="btn btn-primary rounded">Choose Plan</a>\n                    </div>\n                    <!--/.card-body -->\n                  </div>\n                  <!--/.pricing -->\n                </div>\n                <!--/column -->\n                <div class="col-md-6 offset-md-3 col-lg-4 offset-lg-0">\n                  <div class="pricing card">\n                    <div class="card-body">\n                      <div class="prices text-dark">\n                        <div class="pricejustify-content-start"><span class="price-currency">$</span><span class="price-value">49</span> <span class="price-duration">mo</span></div>\n                      </div>\n                      <!--/.prices -->\n                      <h4 class="card-title ls-xs mt-2">Corporate Plan</h4>\n                      <ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8 text-start">\n                        <li><i class="uil uil-check"></i><span><strong>20</strong> Projects </span></li>\n                        <li><i class="uil uil-check"></i><span><strong>300K</strong> API Access </span></li>\n                        <li><i class="uil uil-check"></i><span><strong>500MB</strong> Storage </span></li>\n                        <li><i class="uil uil-check"></i><span> Weekly <strong>Reports</strong></span></li>\n                        <li><i class="uil uil-check"></i><span> 7/24 <strong>Support</strong></span></li>\n                      </ul>\n                      <a href="#" class="btn btn-primary rounded">Choose Plan</a>\n                    </div>\n                    <!--/.card-body -->\n                  </div>\n                  <!--/.pricing -->\n                </div>\n                <!--/column -->\n              </div>\n              <!--/.row -->\n            </div>\n            <!--/.pricing-wrapper -->\n            <div class="row gx-md-8 gx-xl-12 gy-10">\n              <div class="col-lg-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <span class="icon btn btn-sm btn-circle btn-primary pe-none me-5"><i class="uil uil-comment-exclamation"></i></span>\n                  </div>\n                  <div>\n                    <h3 class="fs-21 ls-xs mb-1">Can I cancel my subscription?</h3>\n                    <p class="mb-0">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod maecenas.</p>\n                  </div>\n                </div>\n              </div>\n              <!-- /column -->\n              <div class="col-lg-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <span class="icon btn btn-sm btn-circle btn-primary pe-none me-5"><i class="uil uil-comment-exclamation"></i></span>\n                  </div>\n                  <div>\n                    <h3 class="fs-21 ls-xs mb-1">Which payment methods do you accept?</h3>\n                    <p class="mb-0">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod maecenas.</p>\n                  </div>\n                </div>\n              </div>\n              <!-- /column -->\n              <div class="col-lg-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <span class="icon btn btn-sm btn-circle btn-primary pe-none me-5"><i class="uil uil-comment-exclamation"></i></span>\n                  </div>\n                  <div>\n                    <h3 class="fs-21 ls-xs mb-1">How can I manage my Account?</h3>\n                    <p class="mb-0">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod maecenas.</p>\n                  </div>\n                </div>\n              </div>\n              <!-- /column -->\n              <div class="col-lg-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <span class="icon btn btn-sm btn-circle btn-primary pe-none me-5"><i class="uil uil-comment-exclamation"></i></span>\n                  </div>\n                  <div>\n                    <h3 class="fs-21 ls-xs mb-1">Is my credit card information secure?</h3>\n                    <p class="mb-0">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod maecenas.</p>\n                  </div>\n                </div>\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(34, 'footer', 'footer', '<footer class="bg-gray">\n    <div class="container py-13 py-md-15">\n      <div class="d-lg-flex flex-row align-items-lg-center">\n        <h3 class="display-4 ls-xs mb-6 mb-lg-0 pe-lg-20 pe-xl-22 pe-xxl-25">Join our community by using our services and grow your business.</h3>\n        <a href="#" class="btn btn-primary rounded mb-0 text-nowrap">Try It For Free</a>\n      </div>\n      <!--/div -->\n      <hr class="mt-11 mb-12" />\n      <div class="row gy-6 gy-lg-0">\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <img class="mb-4" src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n            <p class="mb-4">© <script>\n                document.write(new Date().getUTCFullYear());\n              </script> Simeya. <br class="d-none d-lg-block" />All rights reserved.</p>\n            <nav class="nav social social-navy">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title ls-xs mb-3">Get in Touch</h4>\n            <address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address>\n            <a href="mailto:#" class="link-body">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title ls-xs mb-3">Learn More</h4>\n            <ul class="list-unstyled text-reset mb-0">\n              <li><a href="#">About Us</a></li>\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Projects</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-12 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title ls-xs mb-3">Our Newsletter</h4>\n            <p class="mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p>\n            <div class="newsletter-wrapper">\n              <!-- Begin Mailchimp Signup Form -->\n              <div id="mc_embed_signup2">\n                <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>\n                  <div id="mc_embed_signup_scroll2">\n                    <div class="mc-field-group input-group form-floating">\n                      <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2">\n                      <label for="mce-EMAIL2">Email Address</label>\n                      <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary">\n                    </div>\n                    <div id="mce-responses2" class="clear">\n                      <div class="response" id="mce-error-response2" style="display:none"></div>\n                      <div class="response" id="mce-success-response2" style="display:none"></div>\n                    </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n                    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>\n                    <div class="clear"></div>\n                  </div>\n                </form>\n              </div>\n              <!--End mc_embed_signup-->\n            </div>\n            <!-- /.newsletter-wrapper -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!--/.row -->\n    </div>\n    <!-- /.container -->\n  </footer>'),
(34, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(35, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/purple.css">\n  <link rel="preload" href="/assets/css/fonts/urbanist.css" as="style" onload="this.rel=''stylesheet''">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(35, 'header', 'header', '<header class="wrapper bg-light">\n      <nav class="navbar navbar-expand-lg center-nav navbar-dark navbar-bg-dark bg-navy">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img src="/assets/img/logo-light.png" srcset="/assets/img/logo-light@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <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>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <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>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <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>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <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>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <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>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <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>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <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>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <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>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <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>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <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>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <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>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <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>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <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>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <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>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <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>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <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>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <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>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <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>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <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>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <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>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <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>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <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>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <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>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <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>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <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>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <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>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <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>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <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>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <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>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <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>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <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>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <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>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <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>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <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>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <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>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <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>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <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>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <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>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <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>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <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>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <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>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <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>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <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>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <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>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <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>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <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>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <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>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <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>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <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>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <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>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <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>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <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>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <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>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other w-100 d-flex ms-auto">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item dropdown language-select text-uppercase">\n                <a class="nav-link dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">En</a>\n                <ul class="dropdown-menu">\n                  <li class="nav-item"><a class="dropdown-item" href="#">En</a></li>\n                  <li class="nav-item"><a class="dropdown-item" href="#">De</a></li>\n                  <li class="nav-item"><a class="dropdown-item" href="#">Es</a></li>\n                </ul>\n              </li>\n              <li class="nav-item d-none d-md-block">\n                <a href="/contact.html" class="btn btn-sm btn-purple rounded">Contact</a>\n              </li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n    </header>'),
(35, 'content', 'section_1', '<section class="wrapper bg-light">\n      <div class="container pt-14 pt-md-16">\n        <div class="row gx-0 gy-10 gy-md-13 gy-lg-0 mb-16 mb-md-18 align-items-center">\n          <div class="col-lg-6 ms-auto position-relative order-lg-2">\n            <div class="p-9 ps-0 p-xxl-11 ps-xxl-0">\n              <div class="shape bg-gray position-absolute d-block" style="top: 0; right: 0; width: 89%; height: 100%; z-index:0"></div>\n              <figure class="position-relative"><img src="/assets/img/photos/about34.jpg" srcset="/assets/img/photos/about34@2x.jpg 2x" alt="" /></figure>\n              <div class="card shadow-lg position-absolute d-none d-md-block" style="bottom: 20%; left: -8%; z-index: 2;">\n                <div class="card-body py-4 px-5">\n                  <div class="d-flex flex-row align-items-center">\n                    <div>\n                      <img src="/assets/img/icons/solid/cloud-group.svg" class="svg-inject icon-svg icon-svg-sm solid-mono text-primary me-3" alt="" />\n                    </div>\n                    <div>\n                      <h3 class="counter fs-23 mb-0 text-nowrap">25000+</h3>\n                      <p class="fs-15 lh-sm mb-0 text-nowrap">Happy Clients</p>\n                    </div>\n                  </div>\n                </div>\n                <!--/.card-body -->\n              </div>\n              <!--/.card -->\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5">\n            <h2 class="fs-16 text-uppercase text-primary mb-3">We Are Simeya</h2>\n            <h1 class="display-1 fs-58 mb-5">Create a <span class="underline-3 style-1 primary">strategy</span> via next generation banking model.</h1>\n            <p class="lead fs-25 lh-sm mb-6 pe-md-10">We consider our solutions to support each and every stage of your growth.</p>\n            <div class="row gy-3 gx-xl-8 mb-9">\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-primary mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Secured Transactions</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Track Your Spending</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-primary mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Multiple Currencies</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Sync Between Devices</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n            <a href="#" class="btn btn-lg btn-primary btn-icon btn-icon-end rounded">Explore Now <i class="uil uil-arrow-up-right"></i></a>\n          </div>\n          <!--/column -->\n        </div>\n        <!-- /.row -->\n        <div class="card bg-gray shadow-lg rounded-0 mb-16 mb-md-18">\n          <div class="card-body px-8 p-md-12">\n            <div class="swiper-container clients mb-0" data-margin="30" data-dots="false" data-loop="true" data-autoplay="true" data-autoplaytime="1" data-drag="false" data-speed="5000" data-items-xxl="6" data-items-xl="5" data-items-lg="4" data-items-md="3" data-items-xs="2">\n              <div class="swiper">\n                <div class="swiper-wrapper ticker">\n                  <div class="swiper-slide px-5"><img src="/assets/img/brands/c1.png" alt="" /></div>\n                  <div class="swiper-slide px-5"><img src="/assets/img/brands/c2.png" alt="" /></div>\n                  <div class="swiper-slide px-5"><img src="/assets/img/brands/c3.png" alt="" /></div>\n                  <div class="swiper-slide px-5"><img src="/assets/img/brands/c4.png" alt="" /></div>\n                  <div class="swiper-slide px-5"><img src="/assets/img/brands/c5.png" alt="" /></div>\n                  <div class="swiper-slide px-5"><img src="/assets/img/brands/c6.png" alt="" /></div>\n                  <div class="swiper-slide px-5"><img src="/assets/img/brands/c7.png" alt="" /></div>\n                  <div class="swiper-slide px-5"><img src="/assets/img/brands/c8.png" alt="" /></div>\n                  <div class="swiper-slide px-5"><img src="/assets/img/brands/c9.png" alt="" /></div>\n                  <div class="swiper-slide px-5"><img src="/assets/img/brands/c10.png" alt="" /></div>\n                  <div class="swiper-slide px-5"><img src="/assets/img/brands/c11.png" alt="" /></div>\n                </div>\n                <!--/.swiper-wrapper -->\n              </div>\n              <!-- /.swiper -->\n            </div>\n            <!-- /.swiper-container -->\n          </div>\n          <!--/.card-body -->\n        </div>\n        <!--/.card -->\n        <div class="row gx-0 gy-10 gy-md-13 gy-lg-0 mb-16 mb-md-18 align-items-center">\n          <div class="col-lg-6 position-relative">\n            <div class="p-9 pe-0 p-xxl-11 pe-xxl-0">\n              <div class="shape bg-gray position-absolute d-block" style="top: 0; left: 0; width: 89%; height: 100%; z-index:0"></div>\n              <figure class="position-relative"><img src="/assets/img/photos/about37.jpg" srcset="/assets/img/photos/about37@2x.jpg 2x" alt="" /></figure>\n              <div class="div position-absolute d-none d-md-block" style="top: 15%; right: -7%; z-index: 2;">\n                <figure class="shadow-lg rounded"><img src="/assets/img/photos/stat1.jpg" srcset="/assets/img/photos/stat1@2x.jpg 2x" alt="" /></figure>\n              </div>\n              <!--/div -->\n              <div class="div position-absolute d-none d-md-block" style="bottom: 15%; right: -7%; z-index: 2;">\n                <figure class="shadow-lg rounded"><img src="/assets/img/photos/stat2.jpg" srcset="/assets/img/photos/stat2@2x.jpg 2x" alt="" /></figure>\n              </div>\n              <!--/div -->\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5 ms-auto">\n            <h2 class="fs-16 text-uppercase text-primary mb-3">Our Features</h2>\n            <h2 class="display-2 mb-8">The service we offer is specifically designed to meet your needs.</h2>\n            <div class="row gy-6">\n              <div class="col-md-6 col-lg-12 col-xl-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/solid/cloud-network-2.svg" class="svg-inject icon-svg icon-svg-sm solid-mono text-primary me-4" alt="" />\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Always up to Date</h4>\n                    <p class="mb-0">Fusce dapibus tellus ac cursus commodo.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 col-lg-12 col-xl-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/solid/currency.svg" class="svg-inject icon-svg icon-svg-sm solid-mono text-primary me-4" alt="" />\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Multiple Currencies</h4>\n                    <p class="mb-0">Fusce dapibus tellus ac cursus commodo.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 col-lg-12 col-xl-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/solid/lock.svg" class="svg-inject icon-svg icon-svg-sm solid-mono text-primary me-4" alt="" />\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Secure Payments</h4>\n                    <p class="mb-0">Fusce dapibus tellus ac cursus commodo.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 col-lg-12 col-xl-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/solid/compare.svg" class="svg-inject icon-svg icon-svg-sm solid-mono text-primary me-4" alt="" />\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Detailed Reports</h4>\n                    <p class="mb-0">Fusce dapibus tellus ac cursus commodo.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gx-0 gy-10 gy-md-13 gy-lg-0 mb-16 mb-md-18 align-items-center">\n          <div class="col-lg-6 order-lg-2 ms-auto position-relative">\n            <div class="p-9 ps-0 p-xxl-11 ps-xxl-0">\n              <div class="shape bg-gray position-absolute d-block" style="top: 0; right: 0; width: 89%; height: 100%; z-index:0"></div>\n              <figure class="position-relative"><img src="/assets/img/photos/about35.jpg" srcset="/assets/img/photos/about35@2x.jpg 2x" alt="" /></figure>\n              <div class="div position-absolute d-none d-md-block" style="bottom: 15%; left: -7%; z-index: 2;">\n                <figure class="shadow-lg rounded"><img src="/assets/img/photos/stat3.jpg" srcset="/assets/img/photos/stat3@2x.jpg 2x" alt="" /></figure>\n              </div>\n              <!--/div -->\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5">\n            <h2 class="fs-16 text-uppercase text-primary mb-3">Why Choose Us?</h2>\n            <h2 class="display-2 mb-7">We bring solutions to manage your finance the way works best.</h2>\n            <div class="accordion accordion-wrapper" id="accordionExample">\n              <div class="card plain accordion-item">\n                <div class="card-header" id="headingOne">\n                  <button class="accordion-button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">Scheduled Transactions</button>\n                </div>\n                <!--/.card-header -->\n                <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">\n                  <div class="card-body">\n                    <p>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.</p>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.accordion-collapse -->\n              </div>\n              <!--/.accordion-item -->\n              <div class="card plain accordion-item">\n                <div class="card-header" id="headingTwo">\n                  <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">Database Management</button>\n                </div>\n                <!--/.card-header -->\n                <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">\n                  <div class="card-body">\n                    <p>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.</p>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.accordion-collapse -->\n              </div>\n              <!--/.accordion-item -->\n              <div class="card plain accordion-item">\n                <div class="card-header" id="headingThree">\n                  <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">Sync Between Devices</button>\n                </div>\n                <!--/.card-header -->\n                <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">\n                  <div class="card-body">\n                    <p>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.</p>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.accordion-collapse -->\n              </div>\n              <!--/.accordion-item -->\n            </div>\n            <!--/.accordion -->\n          </div>\n          <!--/column -->\n        </div>\n        <!-- /.row -->\n        <div class="card bg-gray rounded-0 mb-16 mb-md-18">\n          <div class="card-body py-14 px-lg-0">\n            <div class="row text-center">\n              <div class="col-lg-9 col-xl-8 mx-auto">\n                <h2 class="fs-16 text-uppercase text-primary mb-3">Happy Customers</h2>\n                <h3 class="display-2 mb-10 px-xxl-10">Don''t take our word for it. See what customers are saying about us.</h3>\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n            <div class="row gx-lg-8 gx-xl-12 align-items-center">\n              <div class="col-lg-5 ms-auto col-xl-4 d-none d-lg-flex">\n                <div class="img-mask mask-3"><img src="/assets/img/photos/about36.jpg" srcset="/assets/img/photos/about36@2x.jpg 2x" alt="" /></div>\n              </div>\n              <!--/column -->\n              <div class="col-lg-6 col-xl-6 col-xxl-5 me-auto">\n                <div class="swiper-container dots-start dots-closer mb-6" data-margin="30" data-dots="true">\n                  <div class="swiper">\n                    <div class="swiper-wrapper">\n                      <div class="swiper-slide">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="border-0 fs-lg mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur nulla dapibus curabitur blandit faucibus.”</p>\n                          <div class="blockquote-details">\n                            <div class="info ps-0">\n                              <h5 class="mb-1">Coriss Ambady</h5>\n                              <p class="mb-0">Financial Analyst</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!--/.swiper-slide -->\n                      <div class="swiper-slide">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="border-0 fs-lg mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur nulla dapibus curabitur blandit faucibus.”</p>\n                          <div class="blockquote-details">\n                            <div class="info ps-0">\n                              <h5 class="mb-1">Cory Zamora</h5>\n                              <p class="mb-0">Marketing Specialist</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!--/.swiper-slide -->\n                      <div class="swiper-slide">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="border-0 fs-lg mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur nulla dapibus curabitur blandit faucibus.”</p>\n                          <div class="blockquote-details">\n                            <div class="info ps-0">\n                              <h5 class="mb-1">Nikolas Brooten</h5>\n                              <p class="mb-0">Sales Manager</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!--/.swiper-slide -->\n                    </div>\n                    <!--/.swiper-wrapper -->\n                  </div>\n                  <!-- /.swiper -->\n                </div>\n                <!-- /.swiper-container -->\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/.card-body -->\n        </div>\n        <!--/.card -->\n        <div class="row gx-0 gy-10 gy-md-13 gy-lg-0 mb-16 mb-md-18 align-items-center">\n          <div class="col-lg-6 position-relative">\n            <div class="p-9 pe-0 p-xxl-11 pe-xxl-0">\n              <div class="shape bg-gray position-absolute d-block" style="top: 0; left: 0; width: 89%; height: 100%; z-index:0"></div>\n              <figure class="position-relative"><img src="/assets/img/photos/about33.jpg" srcset="/assets/img/photos/about33@2x.jpg 2x" alt="" /></figure>\n              <div class="card shadow-lg position-absolute d-none d-md-block" style="top: 15%; right: -7%">\n                <div class="card-body py-4 px-5">\n                  <div class="d-flex flex-row align-items-center">\n                    <div>\n                      <div class="svg-bg bg-pale-primary rounded-circle me-3"><img src="/assets/img/icons/solid/target.svg" class="svg-inject icon-svg icon-svg-sm solid-mono text-primary" alt="" /></div>\n                    </div>\n                    <div>\n                      <h3 class="fs-25 counter mb-0 text-nowrap">900+</h3>\n                      <p class="fs-16 lh-sm mb-0 text-nowrap">Projects Done</p>\n                    </div>\n                  </div>\n                </div>\n                <!--/.card-body -->\n              </div>\n              <!--/.card -->\n              <div class="card shadow-lg position-absolute text-center d-none d-md-block" style="bottom: 15%; right: -7%;">\n                <div class="card-body p-6">\n                  <div class="progressbar semi-circle primary mb-3" data-value="80" style="width: 7rem; height: 4rem;"></div>\n                  <h4 class="mb-0">Time Saved</h4>\n                </div>\n                <!--/.card-body -->\n              </div>\n              <!--/.card -->\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5 ms-auto">\n            <h2 class="fs-16 text-uppercase text-primary mb-3">How It Works?</h2>\n            <h2 class="display-2 mb-7">Here are the 3 working steps on success.</h2>\n            <div class="d-flex flex-row pe-xxl-15 mb-6">\n              <div>\n                <img src="/assets/img/icons/solid/lamp.svg" class="svg-inject icon-svg icon-svg-sm solid-mono text-primary me-4" alt="" />\n              </div>\n              <div>\n                <h4 class="mb-1">Collect Ideas</h4>\n                <p class="mb-0">Nulla vitae elit libero pharetra augue dapibus. Praesent commodo cursus.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row pe-xxl-15 mb-6">\n              <div>\n                <img src="/assets/img/icons/solid/bar-chart.svg" class="svg-inject icon-svg icon-svg-sm solid-mono text-primary me-4" alt="" />\n              </div>\n              <div>\n                <h4 class="mb-1">Data Analysis</h4>\n                <p class="mb-0">Vivamus sagittis lacus vel augue laoreet. Etiam porta sem malesuada magna.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row pe-xxl-15">\n              <div>\n                <img src="/assets/img/icons/solid/pen-tool.svg" class="svg-inject icon-svg icon-svg-sm solid-mono text-primary me-4" alt="" />\n              </div>\n              <div>\n                <h4 class="mb-1">Finalize Product</h4>\n                <p class="mb-0">Cras mattis consectetur purus sit amet. Aenean lacinia bibendum nulla sed.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!-- /.row -->\n        <div class="row text-center">\n          <div class="col-lg-11 col-xl-10 col-xxl-9 mx-auto">\n            <h2 class="fs-16 text-uppercase text-primary mb-3">Case Studies</h2>\n            <h3 class="display-2 mb-9">Check out some of our awesome projects with creative ideas and great design.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="swiper-container blog grid-view mb-17 mb-md-20" data-margin="30" data-dots="true" data-items-xl="3" data-items-md="2" data-items-xs="1">\n          <div class="swiper">\n            <div class="swiper-wrapper">\n              <div class="swiper-slide">\n                <article>\n                  <figure class="overlay overlay-1 hover-scale rounded mb-6"><a href="#"> <img src="/assets/img/photos/b4.jpg" alt="" /></a>\n                    <figcaption>\n                      <h5 class="from-top mb-0">Read More</h5>\n                    </figcaption>\n                  </figure>\n                  <div class="post-header">\n                    <h2 class="post-title h3 mb-3"><a class="link-dark" href="/blog-post.html">Ligula tristique quis risus</a></h2>\n                  </div>\n                  <!-- /.post-header -->\n                  <div class="post-footer">\n                    <ul class="post-meta">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>14 Apr 2022</span></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Coding</a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </div>\n                  <!-- /.post-footer -->\n                </article>\n                <!-- /article -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <article>\n                  <figure class="overlay overlay-1 hover-scale rounded mb-6"><a href="#"> <img src="/assets/img/photos/b5.jpg" alt="" /></a>\n                    <figcaption>\n                      <h5 class="from-top mb-0">Read More</h5>\n                    </figcaption>\n                  </figure>\n                  <div class="post-header">\n                    <h2 class="post-title h3 mb-3"><a class="link-dark" href="/blog-post.html">Nullam id dolor elit id nibh</a></h2>\n                  </div>\n                  <!-- /.post-header -->\n                  <div class="post-footer">\n                    <ul class="post-meta">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>29 Mar 2022</span></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Workspace</a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </div>\n                  <!-- /.post-footer -->\n                </article>\n                <!-- /article -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <article>\n                  <figure class="overlay overlay-1 hover-scale rounded mb-6"><a href="#"> <img src="/assets/img/photos/b6.jpg" alt="" /></a>\n                    <figcaption>\n                      <h5 class="from-top mb-0">Read More</h5>\n                    </figcaption>\n                  </figure>\n                  <div class="post-header">\n                    <h2 class="post-title h3 mb-3"><a class="link-dark" href="/blog-post.html">Ultricies fusce porta elit</a></h2>\n                  </div>\n                  <!-- /.post-header -->\n                  <div class="post-footer">\n                    <ul class="post-meta">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>26 Feb 2022</span></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Meeting</a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </div>\n                  <!-- /.post-footer -->\n                </article>\n                <!-- /article -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <article>\n                  <figure class="overlay overlay-1 hover-scale rounded mb-6"><a href="#"> <img src="/assets/img/photos/b7.jpg" alt="" /></a>\n                    <figcaption>\n                      <h5 class="from-top mb-0">Read More</h5>\n                    </figcaption>\n                  </figure>\n                  <div class="post-header">\n                    <h2 class="post-title h3 mb-3"><a class="link-dark" href="/blog-post.html">Morbi leo risus porta eget</a></h2>\n                  </div>\n                  <div class="post-footer">\n                    <ul class="post-meta">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>7 Jan 2022</span></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Business Tips</a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </div>\n                  <!-- /.post-footer -->\n                </article>\n                <!-- /article -->\n              </div>\n              <!--/.swiper-slide -->\n            </div>\n            <!--/.swiper-wrapper -->\n          </div>\n          <!-- /.swiper -->\n        </div>\n        <!-- /.swiper-container -->\n        <div class="card bg-gray rounded-0 mb-14">\n          <div class="card-body py-14">\n            <div class="row text-center">\n              <div class="col-xl-11 col-xxl-10 mx-auto">\n                <h2 class="fs-16 text-uppercase text-primary mb-3">Join Our Community</h2>\n                <h3 class="display-2 mb-9 px-xxl-10">We are <span class="underline-3 style-1 primary">trusted</span> by over 5000+ clients. Join them now and grow your business.</h3>\n                <a href="#" class="btn btn-lg btn-primary btn-icon btn-icon-end rounded">Get Started <i class="uil uil-arrow-up-right"></i></a>\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!--/.card-body -->\n        </div>\n        <!--/.card -->\n      </div>\n      <!--/.container -->\n    </section>'),
(35, 'footer', 'footer', '<footer class="bg-light">\n    <div class="container pb-13 pb-md-15"">\n				<div class=" row gy-6 gy-lg-0">\n      <div class="col-md-4 col-lg-3">\n        <div class="widget">\n          <img class="mb-4" src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n          <p class="mb-4">© <script>\n              document.write(new Date().getUTCFullYear());\n            </script> Simeya. <br class="d-none d-lg-block" />All rights reserved.</p>\n          <nav class="nav social ">\n            <a href="#"><i class="uil uil-twitter"></i></a>\n            <a href="#"><i class="uil uil-facebook-f"></i></a>\n            <a href="#"><i class="uil uil-dribbble"></i></a>\n            <a href="#"><i class="uil uil-instagram"></i></a>\n            <a href="#"><i class="uil uil-youtube"></i></a>\n          </nav>\n          <!-- /.social -->\n        </div>\n        <!-- /.widget -->\n      </div>\n      <!-- /column -->\n      <div class="col-md-4 col-lg-3">\n        <div class="widget">\n          <h4 class="widget-title  mb-3">Get in Touch</h4>\n          <address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address>\n          <a href="mailto:#" class="link-body">info@email.com</a><br /> 00 (123) 456 78 90\n        </div>\n        <!-- /.widget -->\n      </div>\n      <!-- /column -->\n      <div class="col-md-4 col-lg-3">\n        <div class="widget">\n          <h4 class="widget-title  mb-3">Learn More</h4>\n          <ul class="list-unstyled text-reset mb-0">\n            <li><a href="#">About Us</a></li>\n            <li><a href="#">Our Story</a></li>\n            <li><a href="#">Projects</a></li>\n            <li><a href="#">Terms of Use</a></li>\n            <li><a href="#">Privacy Policy</a></li>\n          </ul>\n        </div>\n        <!-- /.widget -->\n      </div>\n      <!-- /column -->\n      <div class="col-md-12 col-lg-3">\n        <div class="widget">\n          <h4 class="widget-title  mb-3">Our Newsletter</h4>\n          <p class="mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p>\n          <div class="newsletter-wrapper">\n            <!-- Begin Mailchimp Signup Form -->\n            <div id="mc_embed_signup2">\n              <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate " target="_blank" novalidate>\n                <div id="mc_embed_signup_scroll2">\n                  <div class="mc-field-group input-group form-floating">\n                    <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2">\n                    <label for="mce-EMAIL2">Email Address</label>\n                    <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary ">\n                  </div>\n                  <div id="mce-responses2" class="clear">\n                    <div class="response" id="mce-error-response2" style="display:none"></div>\n                    <div class="response" id="mce-success-response2" style="display:none"></div>\n                  </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n                  <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>\n                  <div class="clear"></div>\n                </div>\n              </form>\n            </div>\n            <!--End mc_embed_signup-->\n          </div>\n          <!-- /.newsletter-wrapper -->\n        </div>\n        <!-- /.widget -->\n      </div>\n      <!-- /column -->\n    </div>\n    <!--/.row -->\n    </div>\n  </footer>'),
(35, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(36, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/purple.css">\n  <link rel="preload" href="/assets/css/fonts/thicccboi.css" as="style" onload="this.rel=''stylesheet''">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(36, 'header', 'header', '<header class="wrapper bg-soft-primary">\n      <div class="alert bg-primary text-white fade show rounded-0 mb-1 text-center" role="alert">\n        <div class="container">\n          <div class="alert-inner d-flex justify-content-center align-items-center p-0">\n            <p class="mb-0">Wordpress version of Simeya is released! Grab a copy <a href="https://1.envato.market/0Jg6NN" class="link-white hover d-inline-flex align-items-center" target="_blank">here <i class="uil uil-arrow-up-right"></i></a></p>\n          </div>\n          <!-- /.alert-inner -->\n        </div>\n        <!-- /.container -->\n      </div>\n      <!-- /.alert -->\n      <nav class="navbar navbar-expand-lg center-nav transparent navbar-light">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img src="/assets/img/logo-purple.png" srcset="/assets/img/logo-purple@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <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>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <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>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <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>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <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>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <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>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <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>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <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>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <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>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <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>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <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>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <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>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <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>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <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>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <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>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <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>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <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>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <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>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <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>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <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>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <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>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <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>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <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>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <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>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <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>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <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>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <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>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <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>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <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>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <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>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <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>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <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>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <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>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <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>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <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>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <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>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <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>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <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>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <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>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <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>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <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>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <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>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <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>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <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>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <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>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <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>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <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>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <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>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <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>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <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>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <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>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <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>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <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>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <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>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other w-100 d-flex ms-auto">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item d-none d-md-block">\n                <a href="https://1.envato.market/NKGrx2" class="btn btn-primary rounded-pill" target="_blank">Purchase Now</a>\n              </li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n    </header>'),
(36, 'content', 'section_1', '<section class="wrapper bg-gradient-primary">\n      <div class="container pt-10 pt-md-14">\n        <div class="row gx-2 gy-10 align-items-center">\n          <div class="col-md-10 offset-md-1 offset-lg-0 col-lg-5 text-center text-lg-start order-2 order-lg-0" data-cues="slideInDown" data-group="page-title" data-delay="600">\n            <h1 class="display-1 mb-5 mx-md-10 mx-lg-0">Create a powerful but effortless website for <br /><span class="typer text-primary text-nowrap" data-delay="100" data-words="your business.,your portfolio.,your startup.,digital marketing."></span><span class="cursor text-primary" data-owner="typer"></span></h1>\n            <p class="lead fs-23 mb-7">Build your website in minutes with the help of countless amazing features of Simeya.</p>\n            <div class="d-flex justify-content-center justify-content-lg-start mb-4" data-cues="slideInDown" data-group="page-title-buttons" data-delay="900">\n              <span><a class="btn btn-lg btn-primary rounded-pill me-2 scroll" href="#demos">Check Templates</a></span>\n            </div>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-6 ms-auto position-relative">\n            <div class="row g-4">\n              <div class="col-4 d-flex flex-column ms-auto" data-cues="fadeIn" data-group="col-start" data-delay="900">\n                <div class="ms-auto mt-6"><img class="img-fluid rounded shadow-lg" src="/assets/img/demos/vc1.jpg" srcset="/assets/img/demos/vc1@2x.jpg 2x" alt="" /></div>\n                <div class="ms-auto mt-4"><img class="img-fluid rounded shadow-lg" src="/assets/img/demos/vc2.jpg" srcset="/assets/img/demos/vc2@2x.jpg 2x" alt="" /></div>\n                <div class="ms-auto mt-4"><img class="img-fluid rounded shadow-lg" src="/assets/img/demos/vc3.jpg" srcset="/assets/img/demos/vc3@2x.jpg 2x" alt="" /></div>\n              </div>\n              <!-- /column -->\n              <div class="col-4" data-cues="fadeIn" data-group="col-middle">\n                <div><img class="w-100 img-fluid rounded shadow-lg" src="/assets/img/demos/vc4.jpg" srcset="/assets/img/demos/vc4@2x.jpg 2x" alt="" /></div>\n                <div><img class="w-100 img-fluid rounded shadow-lg mt-4" src="/assets/img/demos/vc5.jpg" srcset="/assets/img/demos/vc5@2x.jpg 2x" alt="" /></div>\n                <div><img class="w-100 img-fluid rounded shadow-lg mt-4" src="/assets/img/demos/vc6.jpg" srcset="/assets/img/demos/vc6@2x.jpg 2x" alt="" /></div>\n              </div>\n              <!-- /column -->\n              <div class="col-4 d-flex flex-column" data-cues="fadeIn" data-group="col-end" data-delay="900">\n                <div class="mt-8"><img class="img-fluid rounded shadow-lg" src="/assets/img/demos/vc7.jpg" srcset="/assets/img/demos/vc7@2x.jpg 2x" alt="" /></div>\n                <div class="mt-4 mb-10"><img class="img-fluid rounded shadow-lg" src="/assets/img/demos/vc8.jpg" srcset="/assets/img/demos/vc8@2x.jpg 2x" alt="" /></div>\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n            <div class="position-relative mt-n20 mb-20" data-cue="fadeIn" data-delay="1800">\n              <div class="btn btn-circle btn-fuchsia pe-none ripple position-absolute counter-wrapper flex-column d-none d-xxl-flex" style="bottom: 0; right: -8%; width: 120px; height: 120px;">\n                <h3 class="fs-26 text-white mt-n1 mb-0">NO</h3>\n                <p>jQuery</p>\n              </div>\n            </div>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(36, 'content', 'section_2', '<section class="wrapper bg-light" id="demos">\n      <div class="container py-14 py-md-18 pb-md-19">\n        <div class="row mb-10">\n          <div class="col-md-9 col-lg-7 col-xl-6 col-xxl-5 mx-auto">\n            <div class="counter-wrapper">\n              <h3 class="fs-70 mb-3 text-primary text-center counter">21</h3>\n            </div>\n            <h2 class="display-3 mb-3 text-center mb-0">Functional, impressive and rich demos to start with</h2>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="demos-wrapper">\n          <h2 class="fs-16 text-uppercase text-muted mb-6 text-center">New Templates</h2>\n          <div class="project mb-10">\n            <div class="card bg-soft-grape">\n              <div class="card-body ps-xl-12 py-0 overflow-hidden">\n                <div class="row gx-md-8 gx-xl-12 d-flex align-items-center">\n                  <div class="col-lg-7">\n                    <div class="row gx-7">\n                      <div class="col-6">\n                        <figure class="itooltip itooltip-grape mt-9" title=''<h5 class="mb-0">Click to see the demo</h5>''><a href="/templates/preview.php?template_id=18" target="_blank"><img class="shadow-lg rounded-top" src="/assets/img/demos/d18.jpg" srcset="/assets/img/demos/d18@2x.jpg 2x" alt="" /></a></figure>\n                      </div>\n                      <!-- /column -->\n                      <div class="col-6">\n                        <figure class="itooltip itooltip-grape" title=''<h5 class="mb-0">Click to see the demo</h5>''><a href="/templates/preview.php?template_id=18" target="_blank"><img class="shadow-lg rounded-bottom" src="/assets/img/demos/d18-2.jpg" srcset="/assets/img/demos/d18-2@2x.jpg 2x" alt="" /></a></figure>\n                      </div>\n                      <!-- /column -->\n                    </div>\n                    <!-- /.row -->\n                  </div>\n                  <!-- /column -->\n                  <div class="col-lg-5 d-none d-lg-block">\n                    <h2 class="post-title fs-30 mb-4">Demo Layout XVIII</h2>\n                    <ul class="icon-list bullet-grape row ms-0 gy-2">\n                      <li class="col-md-6"><span><i class="uil uil-check"></i></span><span>Network, Marketing</span></li>\n                      <li class="col-md-6"><span><i class="uil uil-check"></i></span><span>SVG icons</span></li>\n                      <li class="col-md-6"><span><i class="uil uil-check"></i></span><span>3D illustrations</span></li>\n                      <li class="col-md-6"><span><i class="uil uil-check"></i></span><span>Gradient image</span></li>\n                    </ul>\n                    <a href="/templates/preview.php?template_id=18" target="_blank" class="btn btn-sm btn-grape rounded-pill mt-1">See Demo</a>\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /.project -->\n          <div class="project mb-10">\n            <div class="card bg-soft-fuchsia">\n              <div class="card-body ps-xl-12 py-0 overflow-hidden">\n                <div class="row gx-md-8 gx-xl-12 d-flex align-items-center">\n                  <div class="col-lg-7">\n                    <div class="row gx-7">\n                      <div class="col-6">\n                        <figure class="itooltip itooltip-fuchsia mt-9" title=''<h5 class="mb-0">Click to see the demo</h5>''><a href="/templates/preview.php?template_id=19" target="_blank"><img class="shadow-lg rounded-top" src="/assets/img/demos/d19-1.jpg" srcset="/assets/img/demos/d19-1@2x.jpg 2x" alt="" /></a></figure>\n                      </div>\n                      <!-- /column -->\n                      <div class="col-6">\n                        <figure class="itooltip itooltip-fuchsia" title=''<h5 class="mb-0">Click to see the demo</h5>''><a href="/templates/preview.php?template_id=19" target="_blank"><img class="shadow-lg rounded-bottom" src="/assets/img/demos/d19-2.jpg" srcset="/assets/img/demos/d19-2@2x.jpg 2x" alt="" /></a></figure>\n                      </div>\n                      <!-- /column -->\n                    </div>\n                    <!-- /.row -->\n                  </div>\n                  <!-- /column -->\n                  <div class="col-lg-5 d-none d-lg-block">\n                    <h2 class="post-title fs-30 mb-4">Demo Layout XIX</h2>\n                    <ul class="icon-list bullet-fuchsia row ms-0 gy-2">\n                      <li class="col-md-6"><span><i class="uil uil-check"></i></span><span>Agency, Startup</span></li>\n                      <li class="col-md-6"><span><i class="uil uil-check"></i></span><span>Gradient image</span></li>\n                      <li class="col-md-6"><span><i class="uil uil-check"></i></span><span>SVG icons</span></li>\n                      <li class="col-md-6"><span><i class="uil uil-check"></i></span><span>Colorful design</span></li>\n                    </ul>\n                    <a href="/templates/preview.php?template_id=19" target="_blank" class="btn btn-sm btn-fuchsia rounded-pill mt-1">See Demo</a>\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /.project -->\n          <div class="project">\n            <div class="card bg-soft-purple">\n              <div class="card-body ps-xl-12 py-0 overflow-hidden">\n                <div class="row gx-md-8 gx-xl-12 d-flex align-items-center">\n                  <div class="col-lg-7">\n                    <div class="row gx-7">\n                      <div class="col-6">\n                        <figure class="itooltip itooltip-purple mt-9" title=''<h5 class="mb-0">Click to see the demo</h5>''><a href="/templates/preview.php?template_id=20" target="_blank"><img class="shadow-lg rounded-top" src="/assets/img/demos/d20-1.jpg" srcset="/assets/img/demos/d20-1@2x.jpg 2x" alt="" /></a></figure>\n                      </div>\n                      <!-- /column -->\n                      <div class="col-6">\n                        <figure class="itooltip itooltip-purple" title=''<h5 class="mb-0">Click to see the demo</h5>''><a href="/templates/preview.php?template_id=20" target="_blank"><img class="shadow-lg rounded-bottom" src="/assets/img/demos/d20-2.jpg" srcset="/assets/img/demos/d20-2@2x.jpg 2x" alt="" /></a></figure>\n                      </div>\n                      <!-- /column -->\n                    </div>\n                    <!-- /.row -->\n                  </div>\n                  <!-- /column -->\n                  <div class="col-lg-5 d-none d-lg-block">\n                    <h2 class="post-title fs-30 mb-4">Demo Layout XX</h2>\n                    <ul class="icon-list bullet-purple row ms-0 gy-2">\n                      <li class="col-md-6"><span><i class="uil uil-check"></i></span><span>Agency, Startup</span></li>\n                      <li class="col-md-6"><span><i class="uil uil-check"></i></span><span>Framed layout</span></li>\n                      <li class="col-md-6"><span><i class="uil uil-check"></i></span><span>Illustrations</span></li>\n                      <li class="col-md-6"><span><i class="uil uil-check"></i></span><span>Video background</span></li>\n                    </ul>\n                    <a href="/templates/preview.php?template_id=20" target="_blank" class="btn btn-sm btn-purple rounded-pill mt-1">See Demo</a>\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /.project -->\n          <div class="text-center mt-12"><a href="#" class="btn btn-primary rounded-pill">See All Templates</a></div>\n        </div>\n        <!-- /.demos-wrapper -->\n      </div>\n      <!-- /.container -->\n      <div class="overflow-hidden">\n        <div class="divider text-soft-primary mx-n2">\n          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100">\n            <path fill="currentColor" d="M1260,1.65c-60-5.07-119.82,2.47-179.83,10.13s-120,11.48-180,9.57-120-7.66-180-6.42c-60,1.63-120,11.21-180,16a1129.52,1129.52,0,0,1-180,0c-60-4.78-120-14.36-180-19.14S60,7,30,7H0v93H1440V30.89C1380.07,23.2,1319.93,6.15,1260,1.65Z" />\n          </svg>\n        </div>\n      </div>\n      <!-- /.overflow-hidden -->\n    </section>'),
(36, 'content', 'section_3', '<section class="wrapper bg-gradient-primary">\n      <div class="container pt-7 pt-md-10 pb-14 pb-md-17">\n        <div class="row mb-8 text-center">\n          <div class="col-md-11 col-lg-10 col-xl-8 col-xxl-7 mx-auto">\n            <img src="/assets/img/demos/icon.png" srcset="/assets/img/demos/icon@2x.png 2x" alt="" />\n            <h2 class="display-3 mt-3 mb-3 mb-0 px-lg-10 px-xl-0">Save your time and money by choosing Simeya for your website.</h2>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row">\n          <div class="col-xl-8 col-xxl-7 mx-auto">\n            <div class="row align-items-center counter-wrapper gy-6 text-center">\n              <div class="col-md-4">\n                <h3 class="counter fs-50 text-primary mb-1">250+</h3>\n                <p class="fs-18 mb-0">UI elements</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4">\n                <h3 class="counter fs-50 text-primary mb-1">130+</h3>\n                <p class="fs-18 mb-0">Pre-made blocks</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4">\n                <h3 class="counter fs-50 text-primary mb-1">100+</h3>\n                <p class="fs-18 mb-0">Neatly coded pages</p>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(36, 'content', 'section_4', '<section class="wrapper bg-light">\n      <div class="container pb-11 pb-md-14">\n        <div class="row gx-lg-8 gx-xl-0 gy-10 align-items-center mb-14 mb-md-16">\n          <div class="col-lg-6 position-relative">\n            <div class="shape rounded bg-soft-primary rellax d-block" data-rellax-speed="0" style="top: 50%; left: 50%; width: 50%; height: 60%; transform: translate(-50%,-50%);z-index:0"></div>\n            <div class="row gx-md-5 gy-5 position-relative">\n              <div class="col-6">\n                <img class="img-fluid rounded shadow-lg mb-5" data-cue="fadeIn" data-delay="300" src="/assets/img/demos/fe1.jpg" srcset="/assets/img/demos/fe1@2x.jpg 2x" alt="" />\n                <img class="img-fluid rounded shadow-lg d-flex col-10 ms-auto" data-cue="fadeIn" data-delay="600" src="/assets/img/demos/fe2.jpg" srcset="/assets/img/demos/fe2@2x.jpg 2x" alt="" />\n              </div>\n              <!-- /column -->\n              <div class="col-6">\n                <img class="img-fluid rounded shadow-lg my-5" data-cue="fadeIn" data-delay="900" src="/assets/img/demos/fe3.jpg" srcset="/assets/img/demos/fe3@2x.jpg 2x" alt="" />\n                <img class="img-fluid rounded shadow-lg d-flex col-10" data-cue="fadeIn" data-delay="1200" src="/assets/img/demos/fe4.jpg" srcset="/assets/img/demos/fe4@2x.jpg 2x" alt="" />\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-6 col-xl-5 col-xxl-4 offset-xl-1" data-cues="slideInRight" data-delay="1500" data-group="features-1">\n            <div class="d-flex flex-row mb-7">\n              <div>\n                <div class="icon btn btn-circle pe-none btn-soft-primary mt-1 me-4"> <i class="uil uil-images"></i> </div>\n              </div>\n              <div>\n                <h4 class="mb-1">Modern Portfolio Layouts</h4>\n                <p class="mb-0">Build and manage an eye-catching and impressive portfolio fast and without effort.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row mb-7">\n              <div>\n                <div class="icon btn btn-circle pe-none btn-soft-primary mt-1 me-4"> <i class="uil uil-calendar-alt"></i> </div>\n              </div>\n              <div>\n                <h4 class="mb-1">Useful Blog Layouts</h4>\n                <p class="mb-0">Create an attractive and stunning journal to tell the world your wonderful stories.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row">\n              <div>\n                <div class="icon btn btn-circle pe-none btn-soft-primary mt-1 me-4"> <i class="uil uil-star"></i> </div>\n              </div>\n              <div>\n                <h4 class="mb-1">Cool Features & Elements</h4>\n                <p class="mb-0">Simeya includes amazing features and elements to create rich and attractive pages.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-lg-8 gx-xl-0 gy-10 align-items-center mb-16 mb-md-22">\n          <div class="col-lg-6 offset-xl-1 position-relative order-lg-2">\n            <div class="shape rounded bg-soft-primary rellax d-block" data-rellax-speed="0" style="top: 50%; left: 50%; width: 50%; height: 60%; transform: translate(-50%,-50%);z-index:0"></div>\n            <div class="row gx-md-5 gy-5 position-relative">\n              <div class="col-5">\n                <img class="img-fluid rounded shadow-lg my-5 d-flex ms-auto" data-cue="fadeIn" data-delay="300" src="/assets/img/demos/fe5.jpg" srcset="/assets/img/demos/fe5@2x.jpg 2x" alt="" />\n                <img class="img-fluid rounded shadow-lg d-flex col-10 ms-auto" data-cue="fadeIn" data-delay="600" src="/assets/img/demos/fe6.jpg" srcset="/assets/img/demos/fe6@2x.jpg 2x" alt="" />\n              </div>\n              <!-- /column -->\n              <div class="col-7">\n                <img class="img-fluid rounded shadow-lg mb-5" data-cue="fadeIn" data-delay="900" src="/assets/img/demos/fe7.jpg" srcset="/assets/img/demos/fe7@2x.jpg 2x" alt="" />\n                <img class="img-fluid rounded shadow-lg d-flex col-11" data-cue="fadeIn" data-delay="1200" src="/assets/img/demos/fe8.jpg" srcset="/assets/img/demos/fe8@2x.jpg 2x" alt="" />\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-6 col-xl-5 col-xxl-4 offset-xxl-1" data-cues="slideInLeft" data-delay="1500" data-group="features-2">\n            <div class="d-flex flex-row mb-7">\n              <div>\n                <div class="icon btn btn-circle pe-none btn-soft-primary mt-1 me-4"> <i class="uil uil-web-grid-alt"></i> </div>\n              </div>\n              <div>\n                <h4 class="mb-1">13 Headers & 5 Footers</h4>\n                <p class="mb-0">Choose from various gorgeous header and footer styles to serve you best for your needs.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row mb-7">\n              <div>\n                <div class="icon btn btn-circle pe-none btn-soft-primary mt-1 me-4"> <i class="uil uil-palette"></i> </div>\n              </div>\n              <div>\n                <h4 class="mb-1">Color & Font Options</h4>\n                <p class="mb-0">You can either use the included color and fonts or easily add your own choices.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row">\n              <div>\n                <div class="icon btn btn-circle pe-none btn-soft-primary mt-1 me-4"> <i class="uil uil-tablet"></i> </div>\n              </div>\n              <div>\n                <h4 class="mb-1">Fully Responsive Layout</h4>\n                <p class="mb-0">Simeya adapts to different screen sizes therefore it is compatible with any device.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n      <div class="overflow-hidden">\n        <div class="divider text-soft-primary mx-n2">\n          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100">\n            <path fill="currentColor" d="M1260,1.65c-60-5.07-119.82,2.47-179.83,10.13s-120,11.48-180,9.57-120-7.66-180-6.42c-60,1.63-120,11.21-180,16a1129.52,1129.52,0,0,1-180,0c-60-4.78-120-14.36-180-19.14S60,7,30,7H0v93H1440V30.89C1380.07,23.2,1319.93,6.15,1260,1.65Z" />\n          </svg>\n        </div>\n      </div>\n      <!-- /.overflow-hidden -->\n    </section>'),
(36, 'content', 'section_5', '<section class="wrapper bg-gradient-primary">\n      <div class="container pb-17 pb-md-20">\n        <div class="row gx-0 mb-14 mb-md-16">\n          <div class="col-9 col-sm-10 col-lg-9 mx-auto mt-n15 mt-md-n23" data-cues data-group="images">\n            <img class="img-fluid mx-auto rounded shadow-lg" data-cue="fadeIn" src="/assets/img/demos/de1.jpg" srcset="/assets/img/demos/de1@2x.jpg 2x" alt="" />\n            <img class="position-absolute rounded shadow-lg" data-cue="slideInRight" src="/assets/img/demos/de2.jpg" srcset="/assets/img/demos/de2@2x.jpg 2x" style="top: 25%; right:-12%; max-width:30%; height: auto;" alt="" />\n            <img class="position-absolute rounded shadow-lg" data-cue="slideInLeft" src="/assets/img/demos/de3.jpg" srcset="/assets/img/demos/de3@2x.jpg 2x" style="top: 15%; left:-15%; max-width:30%; height: auto;" alt="" />\n            <img class="position-absolute rounded shadow-lg" data-cue="slideInLeft" src="/assets/img/demos/de4.jpg" srcset="/assets/img/demos/de4@2x.jpg 2x" style="bottom: 15%; left:-13%; max-width:30%; height: auto;" alt="" />\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row row-cols-2 row-cols-md-4 row-cols-lg-5 gx-md-8 gy-10 text-center justify-content-center" data-cues="slideInDown" data-group="features-3">\n          <div class="col">\n            <img class="mb-4" src="/assets/img/demos/fi1.png" srcset="/assets/img/demos/fi1@2x.png 2x" alt="" />\n            <h4>Built with Sass <br> & Bootstrap 5</h4>\n          </div>\n          <!--/column -->\n          <div class="col">\n            <img class="mb-4" src="/assets/img/demos/fi2.png" srcset="/assets/img/demos/fi2@2x.png 2x" alt="" />\n            <h4>SEO-friendly <br> Coding</h4>\n          </div>\n          <!--/column -->\n          <div class="col">\n            <img class="mb-4" src="/assets/img/demos/fi3.png" srcset="/assets/img/demos/fi3@2x.png 2x" alt="" />\n            <h4>Valid W3C <br> HTML5 & CSS3</h4>\n          </div>\n          <!--/column -->\n          <div class="col">\n            <img class="mb-4" src="/assets/img/demos/fi4.png" srcset="/assets/img/demos/fi4@2x.png 2x" alt="" />\n            <h4>Retina-ready <br> Graphics</h4>\n          </div>\n          <!--/column -->\n          <div class="col">\n            <img class="mb-4" src="/assets/img/demos/fi5.png" srcset="/assets/img/demos/fi5@2x.png 2x" alt="" />\n            <h4>One-page <br> Layout Option</h4>\n          </div>\n          <!--/column -->\n          <div class="col">\n            <img class="mb-4" src="/assets/img/demos/fi6.png" srcset="/assets/img/demos/fi6@2x.png 2x" alt="" />\n            <h4>Isotope <br> Filterable Gallery</h4>\n          </div>\n          <!--/column -->\n          <div class="col">\n            <img class="mb-4" src="/assets/img/demos/fi7.png" srcset="/assets/img/demos/fi7@2x.png 2x" alt="" />\n            <h4>Mailchimp <br> Compatible </h4>\n          </div>\n          <!--/column -->\n          <div class="col">\n            <img class="mb-4" src="/assets/img/demos/fi8.png" srcset="/assets/img/demos/fi8@2x.png 2x" alt="" />\n            <h4>Contact Form <br> w/o Page Refresh</h4>\n          </div>\n          <!--/column -->\n          <div class="col">\n            <img class="mb-4" src="/assets/img/demos/fi9.png" srcset="/assets/img/demos/fi9@2x.png 2x" alt="" />\n            <h4>Animations <br> on Page Scroll</h4>\n          </div>\n          <!--/column -->\n          <div class="col">\n            <img class="mb-4" src="/assets/img/demos/fi10.png" srcset="/assets/img/demos/fi10@2x.png 2x" alt="" />\n            <h4>Top-Notch Support <br> & Free Updates</h4>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(36, 'content', 'section_6', '<section class="wrapper bg-gradient-reverse-primary">\n      <div class="container pb-10 pb-md-13">\n        <div class="row mb-8 text-center">\n          <div class="col-lg-8 col-xl-7 mx-auto">\n            <h2 class="fs-15 ls-xl text-uppercase text-muted">Inner Pages</h2>\n            <h2 class="display-3 mt-3 mb-3 mb-0">Handcrafted and carefully put together pages to choose from.</h2>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="grid grid-view projects-masonry">\n          <div class="isotope-filter filter mb-10 text-start text-md-center">\n            <p>Filter:</p>\n            <ul>\n              <li><a class="filter-item active" data-filter="*">All</a></li>\n              <li><a class="filter-item" data-filter=".services">Services</a></li>\n              <li><a class="filter-item" data-filter=".about">About</a></li>\n              <li><a class="filter-item" data-filter=".contact">Contact</a></li>\n              <li><a class="filter-item" data-filter=".pricing">Pricing</a></li>\n              <li><a class="filter-item" data-filter=".projects">Projects</a></li>\n            </ul>\n          </div>\n          <div data-cue="fadeIn">\n            <div class="row gx-md-8 gx-xl-9 gy-8 gy-xl-9 isotope">\n              <div class="project item col-md-6 col-xl-4 services">\n                <figure class="itooltip itooltip-primary rounded shadow-lg" title=''<h5 class="mb-0">Services Modern</h5>''><a href="services.html"> <img src="/assets/img/demos/dc1.jpg" srcset="/assets/img/demos/dc1@2x.jpg 2x" alt="" /></a></figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 services">\n                <figure class="itooltip itooltip-primary rounded shadow-lg" title=''<h5 class="mb-0">Services Concept</h5>''><a href="services2.html"> <img src="/assets/img/demos/dc2.jpg" srcset="/assets/img/demos/dc2@2x.jpg 2x" alt="" /></a></figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 about">\n                <figure class="itooltip itooltip-primary rounded shadow-lg" title=''<h5 class="mb-0">About Modern</h5>''><a href="about.html"> <img src="/assets/img/demos/dc3.jpg" srcset="/assets/img/demos/dc3@2x.jpg 2x" alt="" /></a></figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 contact">\n                <figure class="itooltip itooltip-primary rounded shadow-lg" title=''<h5 class="mb-0">Contact with Facts</h5>''><a href="/contact.html"> <img src="/assets/img/demos/dc5.jpg" srcset="/assets/img/demos/dc5@2x.jpg 2x" alt="" /></a></figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 about">\n                <figure class="itooltip itooltip-primary rounded shadow-lg" title=''<h5 class="mb-0">About Concept</h5>''><a href="about2.html"> <img src="/assets/img/demos/dc4.jpg" srcset="/assets/img/demos/dc4@2x.jpg 2x" alt="" /></a></figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 contact">\n                <figure class="itooltip itooltip-primary rounded shadow-lg" title=''<h5 class="mb-0">Contact Minimalist</h5>''><a href="/contact2.html"> <img src="/assets/img/demos/dc6.jpg" srcset="/assets/img/demos/dc6@2x.jpg 2x" alt="" /></a></figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 contact">\n                <figure class="itooltip itooltip-primary rounded shadow-lg" title=''<h5 class="mb-0">Contact Modern</h5>''><a href="/contact3.html"> <img src="/assets/img/demos/dc7.jpg" srcset="/assets/img/demos/dc7@2x.jpg 2x" alt="" /></a></figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 pricing">\n                <figure class="itooltip itooltip-primary rounded shadow-lg" title=''<h5 class="mb-0">Pricing</h5>''><a href="pricing.html"> <img src="/assets/img/demos/dc8.jpg" srcset="/assets/img/demos/dc8@2x.jpg 2x" alt="" /></a></figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 projects">\n                <figure class="itooltip itooltip-primary rounded shadow-lg" title=''<h5 class="mb-0">Projects with Tiles</h5>''><a href="projects.html"> <img src="/assets/img/demos/dc9.jpg" srcset="/assets/img/demos/dc9@2x.jpg 2x" alt="" /></a></figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 projects">\n                <figure class="itooltip itooltip-primary rounded shadow-lg" title=''<h5 class="mb-0">Projects Masonry</h5>''><a href="projects4.html"> <img src="/assets/img/demos/dc12.jpg" srcset="/assets/img/demos/dc12@2x.jpg 2x" alt="" /></a></figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 projects">\n                <figure class="itooltip itooltip-primary rounded shadow-lg" title=''<h5 class="mb-0">Projects Masonry Large</h5>''><a href="projects3.html"> <img src="/assets/img/demos/dc11.jpg" srcset="/assets/img/demos/dc11@2x.jpg 2x" alt="" /></a></figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 projects">\n                <figure class="itooltip itooltip-primary rounded shadow-lg" title=''<h5 class="mb-0">Projects Overflow</h5>''><a href="projects2.html"> <img src="/assets/img/demos/dc10.jpg" srcset="/assets/img/demos/dc10@2x.jpg 2x" alt="" /></a></figure>\n              </div>\n              <!-- /.project -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!-- /div -->\n        </div>\n        <!-- /.grid -->\n        <div class="mb-15"></div>\n      </div>\n      <!-- /.container -->\n      <div class="overflow-hidden">\n        <div class="divider text-light mx-n2">\n          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100">\n            <path fill="currentColor" d="M1260,1.65c-60-5.07-119.82,2.47-179.83,10.13s-120,11.48-180,9.57-120-7.66-180-6.42c-60,1.63-120,11.21-180,16a1129.52,1129.52,0,0,1-180,0c-60-4.78-120-14.36-180-19.14S60,7,30,7H0v93H1440V30.89C1380.07,23.2,1319.93,6.15,1260,1.65Z" />\n          </svg>\n        </div>\n      </div>\n      <!-- /.overflow-hidden -->\n    </section>'),
(36, 'content', 'section_7', '<section class="wrapper bg-light">\n      <div class="container pt-lg-20 pb-18 pb-xxl-20 position-relative">\n        <img class="position-lg-absolute col-12 col-lg-12 mt-xxl-n3 mb-3 mb-md-10 mb-lg-0" src="/assets/img/demos/devices.png" srcset="/assets/img/demos/devices@2x.png 2x" data-cue="fadeIn" alt="" style="top: 0; left: -23%;" />\n        <div class="row gx-lg-8 gx-xl-12 mt-lg-n16 mt-xl-n12 mt-xxl-0 align-items-xxl-center">\n          <div class="col-md-10 offset-md-1 col-lg-6 offset-lg-6 text-center text-lg-start">\n            <div class="ps-xl-1 ps-xxl-5 pe-xxl-10">\n              <h2 class="fs-15 ls-xl text-uppercase text-muted mb-3">Fully Responsive</h2>\n              <h3 class="display-3 mb-5">Responsive images & texts no matter the screen size.</h3>\n              <p class="lead mb-8">Simeya is responsive so the layout will adapt to different screen sizes that will make your website compatible with any device such as smart phones, tablets and computers.</p>\n              <img src="/assets/img/demos/qrcode.jpg" srcset="/assets/img/demos/qrcode@2x.jpg 2x" class="shadow-lg rounded" alt="" />\n            </div>\n            <!--/div -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(36, 'content', 'section_8', '<section class="wrapper bg-gradient-reverse-primary">\n      <div class="container pt-xl-10 text-center">\n        <div class="row">\n          <div class="col-md-10 col-lg-9 col-xl-8 col-xxl-7 mx-auto">\n            <img src="/assets/img/demos/icon.png" srcset="/assets/img/demos/icon@2x.png 2x" alt="" />\n            <h2 class="display-3 mt-3 mb-3 px-lg-8">Think unique and be creative. Make a difference with Simeya.</h2>\n            <p class="lead fs-lg mb-6">Everything you need to create your next unique and professional website, including impressive and ready-made blocks and pages.</p>\n            <a href="https://1.envato.market/NKGrx2" target="_blank" class="btn btn-lg btn-primary rounded-pill mb-10">Buy Simeya</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <img class="img-fluid" src="/assets/img/demos/f1.png" srcset="/assets/img/demos/f1@2x.png 2x" data-cue="fadeIn" alt="" />\n      </div>\n      <!-- /.container -->\n    </section>'),
(36, 'footer', 'footer', '<footer class="bg-dark text-inverse">\n    <div class="container py-13 py-md-15">\n      <div class="row gy-6 gy-lg-0">\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <img class="mb-4" src="/assets/img/logo-light.png" srcset="/assets/img/logo-light@2x.png 2x" alt="" />\n            <p class="mb-4">© <script>\n                document.write(new Date().getUTCFullYear());\n              </script> Simeya. <br class="d-none d-lg-block" />All rights reserved.</p>\n            <nav class="nav social social-white">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Get in Touch</h4>\n            <address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address>\n            <a href="mailto:#">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Learn More</h4>\n            <ul class="list-unstyled  mb-0">\n              <li><a href="#">About Us</a></li>\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Projects</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-12 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Our Newsletter</h4>\n            <p class="mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p>\n            <div class="newsletter-wrapper">\n              <!-- Begin Mailchimp Signup Form -->\n              <div id="mc_embed_signup2">\n                <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate dark-fields" target="_blank" novalidate>\n                  <div id="mc_embed_signup_scroll2">\n                    <div class="mc-field-group input-group form-floating">\n                      <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2">\n                      <label for="mce-EMAIL2">Email Address</label>\n                      <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary ">\n                    </div>\n                    <div id="mce-responses2" class="clear">\n                      <div class="response" id="mce-error-response2" style="display:none"></div>\n                      <div class="response" id="mce-success-response2" style="display:none"></div>\n                    </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n                    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>\n                    <div class="clear"></div>\n                  </div>\n                </form>\n              </div>\n              <!--End mc_embed_signup-->\n            </div>\n            <!-- /.newsletter-wrapper -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!--/.row -->\n    </div>\n    <!-- /.container -->\n  </footer>'),
(36, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(4, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/violet.css">\n  <link rel="preload" href="/assets/css/fonts/dm.css" as="style" onload="this.rel=''stylesheet''">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(4, 'header', 'header', '<header class="wrapper mb-2 pt-1">\n      <nav class="navbar navbar-expand-lg center-nav transparent navbar-light caret-none pt-lg-0">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <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>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <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>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <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>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <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>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <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>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <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>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <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>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <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>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <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>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <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>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <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>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <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>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <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>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <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>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <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>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <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>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <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>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <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>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <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>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <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>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <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>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <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>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <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>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <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>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <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>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <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>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <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>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <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>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <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>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <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>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <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>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <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>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <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>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <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>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <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>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <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>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <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>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <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>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <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>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <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>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <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>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <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>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <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>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <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>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <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>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <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>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <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>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <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>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <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>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <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>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <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>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <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>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <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>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other w-100 d-flex ms-auto">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item">\n                <nav class="nav social social-muted justify-content-end text-end">\n                  <a href="#"><i class="uil uil-twitter"></i></a>\n                  <a href="#"><i class="uil uil-facebook-f"></i></a>\n                  <a href="#"><i class="uil uil-dribbble"></i></a>\n                  <a href="#"><i class="uil uil-instagram"></i></a>\n                </nav>\n                <!-- /.social -->\n              </li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n    </header>'),
(4, 'content', 'section_1', '<section class="wrapper bg-light position-relative min-vh-70 d-lg-flex align-items-center">\n      <div class="rounded-4-lg-start col-lg-6 order-lg-2 position-lg-absolute top-0 end-0 image-wrapper bg-image bg-cover h-100 min-vh-50" data-image-src="/assets/img/photos/about16.jpg">\n      </div>\n      <!--/column -->\n      <div class="container">\n        <div class="row">\n          <div class="col-lg-6">\n            <div class="mt-10 mt-md-11 mt-lg-n10 px-10 px-md-11 ps-lg-0 pe-lg-13 text-center text-lg-start" data-cues="slideInDown" data-group="page-title" data-delay="600">\n              <h1 class="display-1 mb-5">Just sit & relax while we take care of your business needs.</h1>\n              <p class="lead fs-25 lh-sm mb-7 pe-md-10">We make your spending stress-free for you to have the perfect control.</p>\n              <div class="d-flex justify-content-center justify-content-lg-start" data-cues="slideInDown" data-group="page-title-buttons" data-delay="900">\n                <span><a href="#" class="btn btn-lg btn-primary rounded-pill me-2">Explore Now</a></span>\n                <span><a href="#" class="btn btn-lg btn-outline-primary rounded-pill">Contact Us</a></span>\n              </div>\n            </div>\n            <!--/div -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(4, 'content', 'section_2', '<section class="wrapper bg-light">\n      <div class="container py-14 py-md-18">\n        <div class="row gx-lg-8 gx-xl-12 gy-12 align-items-center mb-10 mb-md-13">\n          <div class="col-lg-6 position-relative">\n            <div class="btn btn-circle btn-primary pe-none position-absolute counter-wrapper flex-column d-none d-md-flex" style="top: 50%; left: 50%; transform: translate(-50%, -50%); width: 170px; height: 170px;">\n              <h3 class="text-white mb-1 mt-n2"><span class="counter counter-lg">20+</span></h3>\n              <p>Year Experience</p>\n            </div>\n            <div class="row gx-md-5 gy-5 align-items-center">\n              <div class="col-md-6">\n                <div class="row gx-md-5 gy-5">\n                  <div class="col-md-10 offset-md-2">\n                    <figure class="rounded"><img src="/assets/img/photos/ab1.jpg" srcset="/assets/img/photos/ab1@2x.jpg 2x" alt=""></figure>\n                  </div>\n                  <!--/column -->\n                  <div class="col-md-12">\n                    <figure class="rounded"><img src="/assets/img/photos/ab2.jpg" srcset="/assets/img/photos/ab2@2x.jpg 2x" alt=""></figure>\n                  </div>\n                  <!--/column -->\n                </div>\n                <!--/.row -->\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <figure class="rounded"><img src="/assets/img/photos/ab3.jpg" srcset="/assets/img/photos/ab3@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h3 class="display-4 mb-5">We bring solutions to make life easier for our customers.</h3>\n            <p class="mb-7">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.</p>\n            <div class="row gy-3">\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-primary mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Aenean quam ornare curabitur blandit consectetur.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Nullam quis risus eget urna mollis ornare aenean leo.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-primary mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Etiam porta euismod malesuada mollis nisl ornare sem.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Vivamus sagittis lacus augue rutrum maecenas.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-8">\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/lineal/telephone-3.svg" class="svg-inject icon-svg icon-svg-sm text-primary me-4" alt="" />\n              </div>\n              <div>\n                <h4 class="mb-1">24/7 Support</h4>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/lineal/shield.svg" class="svg-inject icon-svg icon-svg-sm text-primary me-4" alt="" />\n              </div>\n              <div>\n                <h4 class="mb-1">Secure Payments</h4>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/lineal/cloud-computing-3.svg" class="svg-inject icon-svg icon-svg-sm text-primary me-4" alt="" />\n              </div>\n              <div>\n                <h4 class="mb-1">Daily Updates</h4>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/lineal/analytics.svg" class="svg-inject icon-svg icon-svg-sm text-primary me-4" alt="" />\n              </div>\n              <div>\n                <h4 class="mb-1">Market Research</h4>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/lineal/settings.svg" class="svg-inject icon-svg icon-svg-sm text-primary me-4" alt="" />\n              </div>\n              <div>\n                <h4 class="mb-1">System Integration</h4>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/lineal/earth.svg" class="svg-inject icon-svg icon-svg-sm text-primary me-4" alt="" />\n              </div>\n              <div>\n                <h4 class="mb-1">SEO Services</h4>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <hr class="my-14 my-md-17" />\n        <div class="row gy-10 gy-sm-13 gx-lg-8 align-items-center">\n          <div class="col-lg-7 order-lg-2">\n            <div class="row gx-md-5 gy-5">\n              <div class="col-md-4 offset-md-2 align-self-end">\n                <figure class="rounded"><img src="/assets/img/photos/g1.jpg" srcset="/assets/img/photos/g1@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 align-self-end">\n                <figure class="rounded"><img src="/assets/img/photos/g2.jpg" srcset="/assets/img/photos/g2@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 offset-md-1">\n                <figure class="rounded"><img src="/assets/img/photos/g3.jpg" srcset="/assets/img/photos/g3@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-md-4 align-self-start">\n                <figure class="rounded"><img src="/assets/img/photos/g4.jpg" srcset="/assets/img/photos/g4@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-5">\n            <h3 class="display-4 mb-7">A few reasons why our valued customers choose us.</h3>\n            <div class="accordion accordion-wrapper" id="accordionExample">\n              <div class="card plain accordion-item">\n                <div class="card-header" id="headingOne">\n                  <button class="accordion-button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> Professional Design </button>\n                </div>\n                <!--/.card-header -->\n                <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">\n                  <div class="card-body">\n                    <p>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 scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes.</p>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.accordion-collapse -->\n              </div>\n              <!--/.accordion-item -->\n              <div class="card plain accordion-item">\n                <div class="card-header" id="headingTwo">\n                  <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> Top-Notch Support </button>\n                </div>\n                <!--/.card-header -->\n                <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">\n                  <div class="card-body">\n                    <p>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 scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes.</p>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.accordion-collapse -->\n              </div>\n              <!--/.accordion-item -->\n              <div class="card plain accordion-item">\n                <div class="card-header" id="headingThree">\n                  <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> Header and Slider Options </button>\n                </div>\n                <!--/.card-header -->\n                <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">\n                  <div class="card-body">\n                    <p>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 scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes.</p>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.accordion-collapse -->\n              </div>\n              <!--/.accordion-item -->\n            </div>\n            <!--/.accordion -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(4, 'content', 'section_3', '<section class="wrapper image-wrapper bg-image bg-overlay" data-image-src="/assets/img/photos/bg1.jpg">\n      <div class="container py-18 text-center">\n        <div class="row">\n          <div class="col-lg-10 col-xl-10 col-xxl-8 mx-auto">\n            <a href="/assets/media/movie.mp4" class="btn btn-circle btn-white btn-play ripple mx-auto mb-5" data-glightbox><i class="icn-caret-right"></i></a>\n            <h2 class="display-4 px-lg-10 px-xl-13 px-xxl-10 text-white">Find out everything you need to know about creating a business process model.</h2>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(4, 'content', 'section_4', '<section class="wrapper bg-light">\n      <div class="container py-14 py-md-16">\n        <div class="row gx-lg-8 gx-xl-12 gy-10 gy-lg-0 mb-11">\n          <div class="col-lg-4">\n            <h3 class="display-4 mb-3 pe-xl-10">We are proud of our creative team</h3>\n            <p class="lead fs-lg mb-0 pe-xxl-10">Just sit back and relax while we take care of your business needs.</p>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-8 mt-lg-2">\n            <div class="row align-items-center counter-wrapper gy-6 text-center">\n              <div class="col-md-4">\n                <img src="/assets/img/icons/lineal/check.svg" class="svg-inject icon-svg icon-svg-md text-primary mb-3" alt="" />\n                <h3 class="counter">7518</h3>\n                <p>Completed Projects</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4">\n                <img src="/assets/img/icons/lineal/user.svg" class="svg-inject icon-svg icon-svg-md text-primary mb-3" alt="" />\n                <h3 class="counter">3472</h3>\n                <p>Happy Customers</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4">\n                <img src="/assets/img/icons/lineal/briefcase-2.svg" class="svg-inject icon-svg icon-svg-md text-primary mb-3" alt="" />\n                <h3 class="counter">2184</h3>\n                <p>Expert Employees</p>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row grid-view gy-6 gy-xl-0">\n          <div class="col-md-6 col-xl-3">\n            <div class="card shadow-lg">\n              <div class="card-body">\n                <img class="rounded-circle w-15 mb-4" src="/assets/img/avatars/te1.jpg" srcset="/assets/img/avatars/te1@2x.jpg 2x" alt="" />\n                <h4 class="mb-1">Coriss Ambady</h4>\n                <div class="meta mb-2">Financial Analyst</div>\n                <p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p>\n                <nav class="nav social mb-0">\n                  <a href="#"><i class="uil uil-twitter"></i></a>\n                  <a href="#"><i class="uil uil-facebook-f"></i></a>\n                  <a href="#"><i class="uil uil-dribbble"></i></a>\n                </nav>\n                <!-- /.social -->\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!-- /.card -->\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-xl-3">\n            <div class="card shadow-lg">\n              <div class="card-body">\n                <img class="rounded-circle w-15 mb-4" src="/assets/img/avatars/te2.jpg" srcset="/assets/img/avatars/te2@2x.jpg 2x" alt="" />\n                <h4 class="mb-1">Cory Zamora</h4>\n                <div class="meta mb-2">Marketing Specialist</div>\n                <p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p>\n                <nav class="nav social mb-0">\n                  <a href="#"><i class="uil uil-twitter"></i></a>\n                  <a href="#"><i class="uil uil-facebook-f"></i></a>\n                  <a href="#"><i class="uil uil-dribbble"></i></a>\n                </nav>\n                <!-- /.social -->\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!-- /.card -->\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-xl-3">\n            <div class="card shadow-lg">\n              <div class="card-body">\n                <img class="rounded-circle w-15 mb-4" src="/assets/img/avatars/te3.jpg" srcset="/assets/img/avatars/te3@2x.jpg 2x" alt="" />\n                <h4 class="mb-1">Nikolas Brooten</h4>\n                <div class="meta mb-2">Sales Manager</div>\n                <p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p>\n                <nav class="nav social mb-0">\n                  <a href="#"><i class="uil uil-twitter"></i></a>\n                  <a href="#"><i class="uil uil-facebook-f"></i></a>\n                  <a href="#"><i class="uil uil-dribbble"></i></a>\n                </nav>\n                <!-- /.social -->\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!-- /.card -->\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-xl-3">\n            <div class="card shadow-lg">\n              <div class="card-body">\n                <img class="rounded-circle w-15 mb-4" src="/assets/img/avatars/te4.jpg" srcset="/assets/img/avatars/te4@2x.jpg 2x" alt="" />\n                <h4 class="mb-1">Jackie Sanders</h4>\n                <div class="meta mb-2">Investment Planner</div>\n                <p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p>\n                <nav class="nav social mb-0">\n                  <a href="#"><i class="uil uil-twitter"></i></a>\n                  <a href="#"><i class="uil uil-facebook-f"></i></a>\n                  <a href="#"><i class="uil uil-dribbble"></i></a>\n                </nav>\n                <!-- /.social -->\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!-- /.card -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <hr class="mt-15 mt-md-18 mb-14 mb-md-17" />\n        <h3 class="display-4 mb-3 text-center">What People Say About Us</h3>\n        <p class="lead fs-lg mb-10 text-center">Don''t take our word for it. See what customers are saying about us.</p>\n        <div class="row gx-lg-8 gx-xl-12 gy-6 mb-14 align-items-center">\n          <div class="col-lg-7">\n            <div class="row gx-md-5 gy-5">\n              <div class="col-md-6">\n                <figure class="rounded mt-md-10 position-relative"><img src="/assets/img/photos/g5.jpg" srcset="/assets/img/photos/g5@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <div class="row gx-md-5 gy-5">\n                  <div class="col-md-12 order-md-2">\n                    <figure class="rounded"><img src="/assets/img/photos/g6.jpg" srcset="/assets/img/photos/g6@2x.jpg 2x" alt=""></figure>\n                  </div>\n                  <!--/column -->\n                  <div class="col-md-10">\n                    <div class="card bg-pale-primary text-center">\n                      <div class="card-body py-11 counter-wrapper">\n                        <h3 class="counter text-nowrap">5000+</h3>\n                        <p class="mb-0">Satisfied Customers</p>\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!--/.card -->\n                  </div>\n                  <!--/column -->\n                </div>\n                <!--/.row -->\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-5 mt-5">\n            <div class="swiper-container dots-closer mb-6" data-margin="30" data-dots="true">\n              <div class="swiper">\n                <div class="swiper-wrapper">\n                  <div class="swiper-slide">\n                    <blockquote class="icon icon-top fs-lg text-center">\n                      <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo consectetur.”</p>\n                      <div class="blockquote-details justify-content-center text-center">\n                        <div class="info ps-0">\n                          <h5 class="mb-1">Coriss Ambady</h5>\n                          <p class="mb-0">Financial Analyst</p>\n                        </div>\n                      </div>\n                    </blockquote>\n                  </div>\n                  <!--/.swiper-slide -->\n                  <div class="swiper-slide">\n                    <blockquote class="icon icon-top fs-lg text-center">\n                      <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur.”</p>\n                      <div class="blockquote-details justify-content-center text-center">\n                        <div class="info ps-0">\n                          <h5 class="mb-1">Cory Zamora</h5>\n                          <p class="mb-0">Marketing Specialist</p>\n                        </div>\n                      </div>\n                    </blockquote>\n                  </div>\n                  <!--/.swiper-slide -->\n                  <div class="swiper-slide">\n                    <blockquote class="icon icon-top fs-lg text-center">\n                      <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur.”</p>\n                      <div class="blockquote-details justify-content-center text-center">\n                        <div class="info ps-0">\n                          <h5 class="mb-1">Nikolas Brooten</h5>\n                          <p class="mb-0">Sales Manager</p>\n                        </div>\n                      </div>\n                    </blockquote>\n                  </div>\n                  <!--/.swiper-slide -->\n                </div>\n                <!--/.swiper-wrapper -->\n              </div>\n              <!--/.swiper -->\n            </div>\n            <!-- /.swiper-container -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="px-lg-5 mb-16 mb-md-22">\n          <div class="row gx-0 gx-md-8 gx-xl-12 gy-8 align-items-center">\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c1.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c2.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c3.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c4.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c5.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c6.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n          </div>\n          <!--/.row -->\n        </div>\n        <!-- /div -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(4, 'footer', 'footer', '<footer class="bg-soft-primary">\n    <div class="container">\n      <div class="card shadow-lg mt-n16 mt-md-n21 mb-15 mb-md-14">\n        <div class="row gx-0">\n          <div class="col-lg-6 image-wrapper bg-image bg-cover rounded-top rounded-lg-start d-none d-md-block" data-image-src="/assets/img/photos/tm1.jpg">\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <div class="p-10 p-md-11 p-lg-13">\n              <h2 class="display-4 mb-3">Let’s Talk</h2>\n              <p class="lead fs-lg">Let''s make something great together. We are trusted by over 5000+ clients. Join them by using our services and grow your business.</p>\n              <p>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.</p>\n              <a href="#" class="btn btn-primary rounded-pill mt-2">Join Us</a>\n            </div>\n            <!--/div -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.card -->\n    </div>\n    <!-- /.container -->\n    <div class="container pb-12 text-center">\n      <div class="row mt-n10 mt-lg-0">\n        <div class="col-xl-10 mx-auto">\n          <div class="row mb-3">\n            <div class="col-md-4">\n              <div class="widget">\n                <h4 class="widget-title">Address</h4>\n                <address>Moonshine St. 14/05 <br class="d-none d-md-block" /> Light City, London, UK</address>\n              </div>\n              <!-- /.widget -->\n            </div>\n            <!--/column -->\n            <div class="col-md-4">\n              <div class="widget">\n                <h4 class="widget-title">Phone</h4>\n                <p>00 (123) 456 78 90 <br />00 (987) 654 32 10</p>\n              </div>\n              <!-- /.widget -->\n            </div>\n            <!--/column -->\n            <div class="col-md-4">\n              <div class="widget">\n                <h4 class="widget-title">E-mail</h4>\n                <p><a href="mailto:sandbox@email.com" class="link-body">sandbox@email.com</a> <br class="d-none d-md-block" /><a href="mailto:help@sandbox.com" class="link-body">help@sandbox.com</a></p>\n              </div>\n              <!-- /.widget -->\n            </div>\n            <!--/column -->\n          </div>\n          <!--/.row -->\n          <p>© <script>\n              document.write(new Date().getUTCFullYear());\n            </script> Simeya. All rights reserved.</p>\n          <nav class="nav social justify-content-center">\n            <a href="#"><i class="uil uil-twitter"></i></a>\n            <a href="#"><i class="uil uil-facebook-f"></i></a>\n            <a href="#"><i class="uil uil-dribbble"></i></a>\n            <a href="#"><i class="uil uil-instagram"></i></a>\n            <a href="#"><i class="uil uil-youtube"></i></a>\n          </nav>\n          <!-- /.social -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!-- /.row -->\n    </div>\n    <!-- /.container -->\n  </footer>'),
(4, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(5, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(5, 'header', 'header', '<header class="wrapper bg-soft-primary">\n      <nav class="navbar navbar-expand-lg center-nav transparent navbar-light">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img src="/assets/img/logo.png" srcset="/assets/img/logo@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <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>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <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>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <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>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <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>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <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>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <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>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <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>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <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>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <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>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <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>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <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>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <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>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <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>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <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>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <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>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <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>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <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>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <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>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <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>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <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>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <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>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <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>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <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>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <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>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <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>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <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>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <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>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <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>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <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>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <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>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <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>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <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>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <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>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <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>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <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>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <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>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <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>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <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>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <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>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <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>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <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>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <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>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <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>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <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>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <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>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <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>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <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>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <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>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <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>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <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>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <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>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <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>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <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>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other w-100 d-flex ms-auto">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item">\n                <a href="#" class="nav-link" data-bs-toggle="modal" data-bs-target="#modal-signin">Sign In</a>\n              </li>\n              <li class="nav-item d-none d-md-block">\n                <a href="#" class="btn btn-sm btn-primary rounded" data-bs-toggle="modal" data-bs-target="#modal-signup">Sign Up</a>\n              </li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n      <div class="modal fade" id="modal-signin" tabindex="-1">\n        <div class="modal-dialog modal-dialog-centered modal-sm">\n          <div class="modal-content text-center">\n            <div class="modal-body">\n              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>\n              <h2 class="mb-3 text-start">Welcome Back</h2>\n              <p class="lead mb-6 text-start">Fill your email and password to sign in.</p>\n              <form class="text-start mb-3">\n                <div class="form-floating mb-4">\n                  <input type="email" class="form-control" placeholder="Email" id="loginEmail">\n                  <label for="loginEmail">Email</label>\n                </div>\n                <div class="form-floating password-field mb-4">\n                  <input type="password" class="form-control" placeholder="Password" id="loginPassword">\n                  <span class="password-toggle"><i class="uil uil-eye"></i></span>\n                  <label for="loginPassword">Password</label>\n                </div>\n                <a class="btn btn-primary rounded-pill btn-login w-100 mb-2">Sign In</a>\n              </form>\n              <!-- /form -->\n              <p class="mb-1"><a href="#" class="hover">Forgot Password?</a></p>\n              <p class="mb-0">Don''t have an account? <a href="#" data-bs-target="#modal-signup" data-bs-toggle="modal" data-bs-dismiss="modal" class="hover">Sign up</a></p>\n              <div class="divider-icon my-4">or</div>\n              <nav class="nav social justify-content-center text-center">\n                <a href="#" class="btn btn-circle btn-sm btn-google"><i class="uil uil-google"></i></a>\n                <a href="#" class="btn btn-circle btn-sm btn-facebook-f"><i class="uil uil-facebook-f"></i></a>\n                <a href="#" class="btn btn-circle btn-sm btn-twitter"><i class="uil uil-twitter"></i></a>\n              </nav>\n              <!--/.social -->\n            </div>\n            <!--/.modal-content -->\n          </div>\n          <!--/.modal-body -->\n        </div>\n        <!--/.modal-dialog -->\n      </div>\n      <!--/.modal -->\n      <div class="modal fade" id="modal-signup" tabindex="-1">\n        <div class="modal-dialog modal-dialog-centered modal-sm">\n          <div class="modal-content text-center">\n            <div class="modal-body">\n              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>\n              <h2 class="mb-3 text-start">Sign up to Simeya</h2>\n              <p class="lead mb-6 text-start">Registration takes less than a minute.</p>\n              <form class="text-start mb-3">\n                <div class="form-floating mb-4">\n                  <input type="text" class="form-control" placeholder="Name" id="loginName">\n                  <label for="loginName">Name</label>\n                </div>\n                <div class="form-floating mb-4">\n                  <input type="email" class="form-control" placeholder="Email" id="loginEmail">\n                  <label for="loginEmail">Email</label>\n                </div>\n                <div class="form-floating password-field mb-4">\n                  <input type="password" class="form-control" placeholder="Password" id="loginPassword">\n                  <span class="password-toggle"><i class="uil uil-eye"></i></span>\n                  <label for="loginPassword">Password</label>\n                </div>\n                <div class="form-floating password-field mb-4">\n                  <input type="password" class="form-control" placeholder="Confirm Password" id="loginPasswordConfirm">\n                  <span class="password-toggle"><i class="uil uil-eye"></i></span>\n                  <label for="loginPasswordConfirm">Confirm Password</label>\n                </div>\n                <a class="btn btn-primary rounded-pill btn-login w-100 mb-2">Sign Up</a>\n              </form>\n              <!-- /form -->\n              <p class="mb-0">Already have an account? <a href="#" data-bs-target="#modal-signin" data-bs-toggle="modal" data-bs-dismiss="modal" class="hover">Sign in</a></p>\n              <div class="divider-icon my-4">or</div>\n              <nav class="nav social justify-content-center text-center">\n                <a href="#" class="btn btn-circle btn-sm btn-google"><i class="uil uil-google"></i></a>\n                <a href="#" class="btn btn-circle btn-sm btn-facebook-f"><i class="uil uil-facebook-f"></i></a>\n                <a href="#" class="btn btn-circle btn-sm btn-twitter"><i class="uil uil-twitter"></i></a>\n              </nav>\n              <!--/.social -->\n            </div>\n            <!--/.modal-content -->\n          </div>\n          <!--/.modal-body -->\n        </div>\n        <!--/.modal-dialog -->\n      </div>\n      <!--/.modal -->\n    </header>'),
(5, 'content', 'section_1', '<section class="wrapper bg-soft-primary">\n      <div class="container pt-10 pb-15 pt-md-14 pb-md-20 text-center">\n        <div class="row">\n          <div class="col-md-10 col-lg-8 col-xl-8 col-xxl-6 mx-auto mb-13" data-cues="slideInDown" data-group="page-title">\n            <h1 class="display-1 mb-4">Staying on top of your bills never been this easy</h1>\n            <p class="lead fs-lg px-xl-12 px-xxl-6 mb-7">Easily achieve your saving goals. Have all your recurring and one time expenses and incomes in one place.</p>\n            <div class="d-flex justify-content-center" data-cues="slideInDown" data-group="page-title-buttons" data-delay="600">\n              <span><a class="btn btn-primary rounded mx-1">Get Started</a></span>\n              <span><a class="btn btn-green rounded mx-1">Free Trial</a></span>\n            </div>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(5, 'content', 'section_2', '<section class="wrapper bg-light">\n      <div class="container pb-14 pb-md-16 mb-lg-21 mb-xl-23">\n        <div class="row gx-0 mb-16 mb-mb-20">\n          <div class="col-9 col-sm-10 col-lg-9 mx-auto mt-n15 mt-md-n20" data-cues data-group="images" data-delay="1500">\n            <img class="img-fluid mx-auto rounded shadow-lg" data-cue="slideInUp" src="/assets/img/photos/sa1.jpg" srcset="/assets/img/photos/sa1@2x.jpg 2x" alt="" />\n            <img class="position-absolute rounded shadow-lg" data-cue="slideInRight" src="/assets/img/photos/sa2.jpg" srcset="/assets/img/photos/sa2@2x.jpg 2x" style="top: 20%; right:-10%; max-width:30%; height: auto;" alt="" />\n            <img class="position-absolute rounded shadow-lg" data-cue="slideInLeft" src="/assets/img/photos/sa3.jpg" srcset="/assets/img/photos/sa3@2x.jpg 2x" style="top: 10%; left:-10%; max-width:30%; height: auto;" alt="" />\n            <img class="position-absolute rounded shadow-lg" data-cue="slideInLeft" src="/assets/img/photos/sa4.jpg" srcset="/assets/img/photos/sa4@2x.jpg 2x" style="bottom: 10%; left:-13%; max-width:30%; height: auto;" alt="" />\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center mb-14 mb-md-18">\n          <div class="col-lg-6 position-relative">\n            <div class="shape rounded bg-pale-red rellax d-block" data-rellax-speed="0" style="top: 50%; left: 50%; width: 50%; height: 60%; transform: translate(-50%,-50%);z-index:0"></div>\n            <div class="row gx-md-5 gy-5 position-relative">\n              <div class="col-6">\n                <img class="img-fluid rounded shadow-lg mb-5" data-cue="fadeIn" data-delay="300" src="/assets/img/photos/sa5.jpg" srcset="/assets/img/photos/sa5@2x.jpg 2x" alt="" />\n                <img class="img-fluid rounded shadow-lg d-flex col-10 ms-auto" data-cue="fadeIn" data-delay="600" src="/assets/img/photos/sa6.jpg" srcset="/assets/img/photos/sa6@2x.jpg 2x" alt="" />\n              </div>\n              <!-- /column -->\n              <div class="col-6">\n                <img class="img-fluid rounded shadow-lg my-5" data-cue="fadeIn" data-delay="900" src="/assets/img/photos/sa7.jpg" srcset="/assets/img/photos/sa7@2x.jpg 2x" alt="" />\n                <img class="img-fluid rounded shadow-lg d-flex col-10" data-cue="fadeIn" data-delay="1200" src="/assets/img/photos/sa8.jpg" srcset="/assets/img/photos/sa8@2x.jpg 2x" alt="" />\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h3 class="display-4 mb-5">We have considered our solutions to support every stage of growth.</h3>\n            <p class="mb-5">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 commodo.</p>\n            <div class="row gy-3">\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-red mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Aenean quam ornare curabitur blandit consectetur.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Nullam quis risus eget urna mollis ornare aenean leo.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-red mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Etiam porta euismod malesuada mollis nisl ornare.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Vivamus sagittis lacus augue rutrum maecenas odio.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center mb-14 mb-md-18">\n          <div class="col-lg-6 position-relative order-lg-2">\n            <div class="shape rounded bg-pale-green rellax d-block" data-rellax-speed="0" style="top: 50%; left: 50%; width: 50%; height: 60%; transform: translate(-50%,-50%);z-index:0"></div>\n            <div class="row gx-md-5 gy-5 position-relative">\n              <div class="col-5">\n                <img class="img-fluid rounded shadow-lg my-5 d-flex ms-auto" data-cue="fadeIn" data-delay="300" src="/assets/img/photos/sa9.jpg" srcset="/assets/img/photos/sa9@2x.jpg 2x" alt="" />\n                <img class="img-fluid rounded shadow-lg d-flex col-10 ms-auto" data-cue="fadeIn" data-delay="600" src="/assets/img/photos/sa10.jpg" srcset="/assets/img/photos/sa10@2x.jpg 2x" alt="" />\n              </div>\n              <!-- /column -->\n              <div class="col-7">\n                <img class="img-fluid rounded shadow-lg mb-5" data-cue="fadeIn" data-delay="900" src="/assets/img/photos/sa11.jpg" srcset="/assets/img/photos/sa11@2x.jpg 2x" alt="" />\n                <img class="img-fluid rounded shadow-lg d-flex col-11" data-cue="fadeIn" data-delay="1200" src="/assets/img/photos/sa12.jpg" srcset="/assets/img/photos/sa12@2x.jpg 2x" alt="" />\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h3 class="display-4 mb-5">We make spending stress free so you have the perfect control.</h3>\n            <p class="mb-5">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 commodo.</p>\n            <div class="row gy-3">\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-green mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Aenean quam ornare curabitur blandit consectetur.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Nullam quis risus eget urna mollis ornare aenean leo.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-green mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Etiam porta euismod malesuada mollis nisl ornare.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Vivamus sagittis lacus augue rutrum maecenas odio.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">\n          <div class="col-lg-6 position-relative">\n            <div class="shape rounded bg-pale-yellow rellax d-block" data-rellax-speed="0" style="top: 50%; left: 50%; width: 50%; height: 60%; transform: translate(-50%,-50%);z-index:0"></div>\n            <div class="row gx-md-5 gy-5 position-relative align-items-center">\n              <div class="col-6">\n                <img class="img-fluid rounded shadow-lg d-flex ms-auto" data-cue="fadeIn" data-delay="300" src="/assets/img/photos/sa13.jpg" srcset="/assets/img/photos/sa13@2x.jpg 2x" alt="" />\n              </div>\n              <!-- /column -->\n              <div class="col-6">\n                <img class="img-fluid rounded shadow-lg mb-5" data-cue="fadeIn" data-delay="900" src="/assets/img/photos/sa14.jpg" srcset="/assets/img/photos/sa14@2x.jpg 2x" alt="" />\n                <img class="img-fluid rounded shadow-lg d-flex col-10" data-cue="fadeIn" data-delay="1200" src="/assets/img/photos/sa15.jpg" srcset="/assets/img/photos/sa15@2x.jpg 2x" alt="" />\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h3 class="display-4 mb-5">We bring solutions to manage your finance the way works best.</h3>\n            <p class="mb-5">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 commodo.</p>\n            <div class="row gy-3">\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-yellow mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Aenean quam ornare curabitur blandit consectetur.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Nullam quis risus eget urna mollis ornare aenean leo.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-yellow mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Etiam porta euismod malesuada mollis nisl ornare.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Vivamus sagittis lacus augue rutrum maecenas odio.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(5, 'content', 'section_3', '<section class="wrapper bg-soft-primary">\n      <div class="container py-14 pt-md-16 pt-lg-0 pb-md-16">\n        <div class="row text-center" data-cue="slideInUp">\n          <div class="col-lg-10 mx-auto">\n            <div class="mt-lg-n20 mt-xl-n22 position-relative">\n              <div class="shape bg-dot red rellax w-16 h-18" data-rellax-speed="1" style="top: 1rem; left: -3.9rem;"></div>\n              <div class="shape rounded-circle bg-line primary rellax w-18 h-18" data-rellax-speed="1" style="bottom: 2rem; right: -3rem;"></div>\n              <video poster="/assets/img/photos/movie.jpg" class="player" playsinline controls preload="none">\n                <source src="/assets/media/movie.mp4" type="video/mp4">\n                <source src="/assets/media/movie.webm" type="video/webm">\n              </video>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row text-center mt-12">\n          <div class="col-lg-9 mx-auto">\n            <h3 class="display-4 mb-0 text-center px-xl-10 px-xxl-15">Find out everything you need to know about creating a business process model</h3>\n            <div class="row gx-lg-8 gx-xl-12 process-wrapper text-center mt-9" data-cues="slideInUp" data-group="process">\n              <div class="col-md-4"> <img src="/assets/img/icons/lineal/shield.svg" class="svg-inject icon-svg icon-svg-md text-red mb-3" alt="" />\n                <h4 class="mb-1">1. Secured Transactions</h4>\n                <p>Etiam porta malesuada magna mollis euismod sem.</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4"> <img src="/assets/img/icons/lineal/savings.svg" class="svg-inject icon-svg icon-svg-md text-green mb-3" alt="" />\n                <h4 class="mb-1">2. Budget Planning</h4>\n                <p>Etiam porta malesuada magna mollis euismod sem.</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4"> <img src="/assets/img/icons/lineal/loading.svg" class="svg-inject icon-svg icon-svg-md text-yellow mb-3" alt="" />\n                <h4 class="mb-1">3. Up to Date</h4>\n                <p>Etiam porta malesuada magna mollis euismod sem.</p>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(5, 'content', 'section_4', '<section class="wrapper bg-light">\n      <div class="container py-14 py-md-17">\n        <div class="row gx-lg-8 gx-xl-12 gy-6 mb-14 align-items-center">\n          <div class="col-lg-7 position-relative">\n            <div class="shape bg-dot primary rellax w-18 h-18" data-rellax-speed="1" style="top: 0; left: -1.4rem; z-index: 0;"></div>\n            <div class="row gx-md-5 gy-5">\n              <div class="col-md-6" data-cue="fadeIn">\n                <figure class="rounded mt-md-10 position-relative"><img src="/assets/img/photos/g5.jpg" srcset="/assets/img/photos/g5@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <div class="row gx-md-5 gy-5">\n                  <div class="col-md-12 order-md-2" data-cue="fadeIn" data-delay="900">\n                    <figure class="rounded"><img src="/assets/img/photos/g6.jpg" srcset="/assets/img/photos/g6@2x.jpg 2x" alt=""></figure>\n                  </div>\n                  <!--/column -->\n                  <div class="col-md-10" data-cue="fadeIn" data-delay="300">\n                    <div class="card bg-pale-primary text-center">\n                      <div class="card-body py-11 counter-wrapper">\n                        <h3 class="counter text-nowrap">5000+</h3>\n                        <p class="mb-0">Satisfied Customers</p>\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!--/.card -->\n                  </div>\n                  <!--/column -->\n                </div>\n                <!--/.row -->\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-5 mt-5">\n            <div class="swiper-container dots-closer mb-6" data-margin="30" data-dots="true">\n              <div class="swiper">\n                <div class="swiper-wrapper">\n                  <div class="swiper-slide">\n                    <blockquote class="icon icon-top fs-lg text-center">\n                      <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur.”</p>\n                      <div class="blockquote-details justify-content-center text-center">\n                        <div class="info ps-0">\n                          <h5 class="mb-1">Coriss Ambady</h5>\n                          <p class="mb-0">Financial Analyst</p>\n                        </div>\n                      </div>\n                    </blockquote>\n                  </div>\n                  <!--/.swiper-slide -->\n                  <div class="swiper-slide">\n                    <blockquote class="icon icon-top fs-lg text-center">\n                      <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur.”</p>\n                      <div class="blockquote-details justify-content-center text-center">\n                        <div class="info ps-0">\n                          <h5 class="mb-1">Cory Zamora</h5>\n                          <p class="mb-0">Marketing Specialist</p>\n                        </div>\n                      </div>\n                    </blockquote>\n                  </div>\n                  <!--/.swiper-slide -->\n                  <div class="swiper-slide">\n                    <blockquote class="icon icon-top fs-lg text-center">\n                      <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur.”</p>\n                      <div class="blockquote-details justify-content-center text-center">\n                        <div class="info ps-0">\n                          <h5 class="mb-1">Nikolas Brooten</h5>\n                          <p class="mb-0">Sales Manager</p>\n                        </div>\n                      </div>\n                    </blockquote>\n                  </div>\n                  <!--/.swiper-slide -->\n                </div>\n                <!--/.swiper-wrapper -->\n              </div>\n              <!--/.swiper -->\n            </div>\n            <!-- /.swiper-container -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="px-lg-5">\n          <div class="row gx-0 gx-md-8 gx-xl-12 gy-8 align-items-center">\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c1.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c2.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c3.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c4.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c5.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c6.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n          </div>\n          <!--/.row -->\n        </div>\n        <!-- /div -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(5, 'content', 'section_5', '<section class="wrapper bg-soft-primary">\n      <div class="container pt-14 pb-18 pt-md-17 pb-md-22 text-center">\n        <div class="row">\n          <div class="col-lg-10 col-xl-9 col-xxl-8 mx-auto">\n            <h3 class="display-4 mb-15 mb-md-6 px-lg-10">We offer great prices, premium products and quality service for your business.</h3>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(5, 'content', 'section_6', '<section class="wrapper bg-light">\n      <div class="container py-14 py-md-16">\n        <div class="pricing-wrapper position-relative mt-n22 mt-md-n24">\n          <div class="shape bg-dot primary rellax w-16 h-18" data-rellax-speed="1" style="top: 2rem; right: -2.4rem;"></div>\n          <div class="shape rounded-circle bg-line red rellax w-18 h-18 d-none d-lg-block" data-rellax-speed="1" style="bottom: 0.5rem; left: -2.5rem;"></div>\n          <div class="pricing-switcher-wrapper switcher">\n            <p class="mb-0 pe-3">Monthly</p>\n            <div class="pricing-switchers">\n              <div class="pricing-switcher pricing-switcher-active"></div>\n              <div class="pricing-switcher"></div>\n              <div class="switcher-button bg-primary"></div>\n            </div>\n            <p class="mb-0 ps-3">Yearly</p>\n          </div>\n          <div class="row gy-6 mt-3 mt-md-5">\n            <div class="col-md-6 col-lg-4">\n              <div class="pricing card shadow-lg text-center">\n                <div class="card-body">\n                  <img src="/assets/img/icons/lineal/shopping-basket.svg" class="svg-inject icon-svg icon-svg-md text-primary mb-3" alt="" />\n                  <h4 class="card-title">Basic Plan</h4>\n                  <div class="prices text-dark">\n                    <div class="price price-show"><span class="price-currency">$</span><span class="price-value">9</span> <span class="price-duration">mo</span></div>\n                    <div class="price price-hide price-hidden"><span class="price-currency">$</span><span class="price-value">99</span> <span class="price-duration">yr</span></div>\n                  </div>\n                  <!--/.prices -->\n                  <ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8 text-start">\n                    <li><i class="uil uil-check"></i><span><strong>1</strong> Project </span></li>\n                    <li><i class="uil uil-check"></i><span><strong>100K</strong> API Access </span></li>\n                    <li><i class="uil uil-check"></i><span><strong>100MB</strong> Storage </span></li>\n                    <li><i class="uil uil-times bullet-soft-red"></i><span> Weekly <strong>Reports</strong> </span></li>\n                    <li><i class="uil uil-times bullet-soft-red"></i><span> 7/24 <strong>Support</strong></span></li>\n                  </ul>\n                  <a href="#" class="btn btn-primary rounded">Choose Plan</a>\n                </div>\n                <!--/.card-body -->\n              </div>\n              <!--/.pricing -->\n            </div>\n            <!--/column -->\n            <div class="col-md-6 col-lg-4 popular">\n              <div class="pricing card shadow-lg text-center">\n                <div class="card-body">\n                  <img src="/assets/img/icons/lineal/home.svg" class="svg-inject icon-svg icon-svg-md text-primary mb-3" alt="" />\n                  <h4 class="card-title">Premium Plan</h4>\n                  <div class="prices text-dark">\n                    <div class="price price-show"><span class="price-currency">$</span><span class="price-value">19</span> <span class="price-duration">mo</span></div>\n                    <div class="price price-hide price-hidden"><span class="price-currency">$</span><span class="price-value">199</span> <span class="price-duration">yr</span></div>\n                  </div>\n                  <!--/.prices -->\n                  <ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8 text-start">\n                    <li><i class="uil uil-check"></i><span><strong>5</strong> Projects </span></li>\n                    <li><i class="uil uil-check"></i><span><strong>100K</strong> API Access </span></li>\n                    <li><i class="uil uil-check"></i><span><strong>200MB</strong> Storage </span></li>\n                    <li><i class="uil uil-check"></i><span> Weekly <strong>Reports</strong></span></li>\n                    <li><i class="uil uil-times bullet-soft-red"></i><span> 7/24 <strong>Support</strong></span></li>\n                  </ul>\n                  <a href="#" class="btn btn-primary rounded">Choose Plan</a>\n                </div>\n                <!--/.card-body -->\n              </div>\n              <!--/.pricing -->\n            </div>\n            <!--/column -->\n            <div class="col-md-6 offset-md-3 col-lg-4 offset-lg-0">\n              <div class="pricing card shadow-lg text-center">\n                <div class="card-body">\n                  <img src="/assets/img/icons/lineal/briefcase-2.svg" class="svg-inject icon-svg icon-svg-md text-primary mb-3" alt="" />\n                  <h4 class="card-title">Corporate Plan</h4>\n                  <div class="prices text-dark">\n                    <div class="price price-show"><span class="price-currency">$</span><span class="price-value">49</span> <span class="price-duration">mo</span></div>\n                    <div class="price price-hide price-hidden"><span class="price-currency">$</span><span class="price-value">499</span> <span class="price-duration">yr</span></div>\n                  </div>\n                  <!--/.prices -->\n                  <ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8 text-start">\n                    <li><i class="uil uil-check"></i><span><strong>20</strong> Projects </span></li>\n                    <li><i class="uil uil-check"></i><span><strong>300K</strong> API Access </span></li>\n                    <li><i class="uil uil-check"></i><span><strong>500MB</strong> Storage </span></li>\n                    <li><i class="uil uil-check"></i><span> Weekly <strong>Reports</strong></span></li>\n                    <li><i class="uil uil-check"></i><span> 7/24 <strong>Support</strong></span></li>\n                  </ul>\n                  <a href="#" class="btn btn-primary rounded">Choose Plan</a>\n                </div>\n                <!--/.card-body -->\n              </div>\n              <!--/.pricing -->\n            </div>\n            <!--/column -->\n          </div>\n          <!--/.row -->\n        </div>\n        <!--/.pricing-wrapper -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(5, 'content', 'section_7', '<section class="wrapper image-wrapper bg-auto no-overlay bg-image text-center bg-map" data-image-src="/assets/img/map.png">\n      <div class="container pt-0 pb-14 pt-md-18 pb-md-18">\n        <div class="row">\n          <div class="col-lg-10 col-xl-9 col-xxl-8 mx-auto">\n            <h3 class="display-4 mb-8 px-lg-12">We are trusted by over 5000+ clients. Join them now and grow your business.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="d-flex justify-content-center" data-cues="slideInDown" data-group="join">\n          <span><a class="btn btn-primary rounded mx-1">Get Started</a></span>\n          <span><a class="btn btn-green rounded mx-1">Free Trial</a></span>\n        </div>\n      </div>\n      <!-- /.container -->\n    </section>'),
(5, 'footer', 'footer', '<footer class="bg-dark text-inverse mt-5 mt-md-16">\n    <div class="container py-13 py-md-15">\n      <div class="row gy-6 gy-lg-0">\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <img class="mb-4" src="/assets/img/logo-light.png" srcset="/assets/img/logo-light@2x.png 2x" alt="" />\n            <p class="mb-4">© <script>\n                document.write(new Date().getUTCFullYear());\n              </script> Simeya. <br class="d-none d-lg-block" />All rights reserved.</p>\n            <nav class="nav social social-white">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Get in Touch</h4>\n            <address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address>\n            <a href="mailto:#">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Learn More</h4>\n            <ul class="list-unstyled  mb-0">\n              <li><a href="#">About Us</a></li>\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Projects</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-12 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Our Newsletter</h4>\n            <p class="mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p>\n            <div class="newsletter-wrapper">\n              <!-- Begin Mailchimp Signup Form -->\n              <div id="mc_embed_signup2">\n                <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate dark-fields" target="_blank" novalidate>\n                  <div id="mc_embed_signup_scroll2">\n                    <div class="mc-field-group input-group form-floating">\n                      <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2">\n                      <label for="mce-EMAIL2">Email Address</label>\n                      <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary ">\n                    </div>\n                    <div id="mce-responses2" class="clear">\n                      <div class="response" id="mce-error-response2" style="display:none"></div>\n                      <div class="response" id="mce-success-response2" style="display:none"></div>\n                    </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n                    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>\n                    <div class="clear"></div>\n                  </div>\n                </form>\n              </div>\n              <!--End mc_embed_signup-->\n            </div>\n            <!-- /.newsletter-wrapper -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!--/.row -->\n    </div>\n    <!-- /.container -->\n  </footer>'),
(5, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(6, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/aqua.css">\n  <link rel="preload" href="/assets/css/fonts/thicccboi.css" as="style" onload="this.rel=''stylesheet''">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(6, 'header', 'header', '<header class="wrapper bg-soft-primary">\n      <div class="alert bg-primary text-white alert-dismissible fade show rounded-0 mb-1 text-lg-center" role="alert">\n        <div class="container">\n          <div class="alert-inner d-flex justify-content-center align-items-center p-0">\n            <span class="badge badge-lg bg-white text-primary text-uppercase rounded me-2">Update</span> New version of our product is finally <a href="#" class="alert-link link-white hover ms-1">here</a>!\n          </div>\n          <!-- /.alert-inner -->\n        </div>\n        <!-- /.container -->\n        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>\n      </div>\n      <!-- /.alert -->\n      <nav class="navbar navbar-expand-lg classic transparent navbar-light">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <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>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <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>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <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>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <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>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <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>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <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>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <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>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <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>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <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>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <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>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <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>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <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>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <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>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <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>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <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>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <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>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <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>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <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>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <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>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <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>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <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>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <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>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <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>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <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>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <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>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <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>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <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>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <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>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <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>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <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>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <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>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <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>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <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>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <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>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <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>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <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>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <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>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <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>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <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>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <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>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <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>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <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>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <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>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <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>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <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>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <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>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <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>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <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>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <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>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <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>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <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>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <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>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <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>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other ms-lg-4">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item d-none d-md-block">\n                <a href="#" class="btn btn-sm btn-primary rounded">Free Trial</a>\n              </li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n    </header>'),
(6, 'content', 'section_1', '<section class="wrapper bg-soft-primary">\n      <div class="container pt-5 pb-15 py-lg-17 py-xl-19 pb-xl-20 position-relative">\n        <img class="position-lg-absolute col-12 col-lg-10 col-xl-11 col-xxl-10 px-lg-5 px-xl-0 ms-n5 ms-sm-n8 ms-md-n10 ms-lg-0 mb-md-4 mb-lg-0" src="/assets/img/photos/devices.png" srcset="/assets/img/photos/devices@2x.png 2x" data-cue="fadeIn" alt="" style="top: -1%; left: -21%;" />\n        <div class="row gx-0 align-items-center">\n          <div class="col-md-10 offset-md-1 col-lg-5 offset-lg-7 offset-xxl-6 ps-xxl-12 mt-md-n9 text-center text-lg-start" data-cues="slideInDown" data-group="page-title" data-delay="600">\n            <h1 class="display-2 mb-4 mx-sm-n2 mx-md-0">Get all of your steps, exercise, sleep and meds in one place.</h1>\n            <p class="lead fs-lg mb-7 px-md-10 px-lg-0">Simeya is now available to download from both the App Store and Google Play Store.</p>\n            <div class="d-flex justify-content-center justify-content-lg-start" data-cues="slideInDown" data-group="page-title-buttons" data-delay="900">\n              <span><a class="btn btn-primary btn-icon btn-icon-start rounded me-2"><i class="uil uil-apple"></i> App Store</a></span>\n              <span><a class="btn btn-green btn-icon btn-icon-start rounded"><i class="uil uil-google-play"></i> Google Play</a></span>\n            </div>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(6, 'content', 'section_2', '<section class="wrapper bg-light">\n      <div class="container py-14 py-md-17">\n        <div class="row text-center mt-xl-12">\n          <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">\n            <h2 class="fs-15 text-uppercase text-muted mb-3">App Features</h2>\n            <h3 class="display-4 mb-9 px-xxl-11">Simeya is the only app you need to track your goals for better health.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-8 mb-14 mb-md-17" data-cues="slideInUp" data-group="services">\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/lineal/target.svg" class="svg-inject icon-svg icon-svg-sm text-aqua me-4" alt="" />\n              </div>\n              <div>\n                <h4 class="mb-1">Fitness Goal</h4>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/lineal/medal.svg" class="svg-inject icon-svg icon-svg-sm text-yellow me-4" alt="" />\n              </div>\n              <div>\n                <h4 class="mb-1">Activity Tracking</h4>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/lineal/clock-3.svg" class="svg-inject icon-svg icon-svg-sm text-red me-4" alt="" />\n              </div>\n              <div>\n                <h4 class="mb-1">Sleep Analysis</h4>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/lineal/check.svg" class="svg-inject icon-svg icon-svg-sm text-pink me-4" alt="" />\n              </div>\n              <div>\n                <h4 class="mb-1">Workout Report</h4>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/lineal/shop-2.svg" class="svg-inject icon-svg icon-svg-sm text-green me-4" alt="" />\n              </div>\n              <div>\n                <h4 class="mb-1">Nutritional Analysis</h4>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/lineal/team.svg" class="svg-inject icon-svg icon-svg-sm text-purple me-4" alt="" />\n              </div>\n              <div>\n                <h4 class="mb-1">Activity Sharing</h4>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-lg-8 gx-xl-10 mb-lg-19 mb-xl-22 align-items-center">\n          <div class="col-lg-6">\n            <figure><img src="/assets/img/photos/device.png" srcset="/assets/img/photos/device@2x.png 2x" data-cue="fadeIn" alt="" /></figure>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-6">\n            <h2 class="fs-15 text-uppercase text-muted mb-3">How It Works</h2>\n            <h3 class="display-4 mb-5">Download the app, create your profile and voilà, you''re all set!</h3>\n            <p class="mb-8">Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nulla vitae elit libero. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo.</p>\n            <div class="row gy-6 gx-xxl-8 process-wrapper" data-cues="slideInUp" data-group="process">\n              <div class="col-md-4"> <img src="/assets/img/icons/lineal/cloud-computing.svg" class="svg-inject icon-svg icon-svg-sm text-green mb-3" alt="" />\n                <h4 class="mb-1">1. Download</h4>\n                <p class="mb-0">Nulla vitae elit libero elit non porta eget.</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4"> <img src="/assets/img/icons/lineal/smartphone-2.svg" class="svg-inject icon-svg icon-svg-sm text-red mb-3" alt="" />\n                <h4 class="mb-1">2. Set Profile</h4>\n                <p class="mb-0">Nulla vitae elit libero elit non porta eget.</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4"> <img src="/assets/img/icons/lineal/rocket.svg" class="svg-inject icon-svg icon-svg-sm text-aqua mb-3" alt="" />\n                <h4 class="mb-1">3. Start</h4>\n                <p class="mb-0">Nulla vitae elit libero elit non porta eget.</p>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(6, 'content', 'section_3', '<section class="wrapper bg-soft-primary">\n      <div class="container py-14 pt-md-16 pt-lg-0 pb-md-16">\n        <div class="row">\n          <div class="col-xl-10 mx-auto">\n            <div class="mt-lg-n20 mt-xl-n22 mb-14 mb-md-16 position-relative" data-cue="slideInUp">\n              <a href="/assets/media/movie.mp4" class="btn btn-circle btn-primary btn-play ripple mx-auto mb-5 position-absolute" style="top:50%; left: 50%; transform: translate(-50%,-50%); z-index:3;" data-glightbox><i class="icn-caret-right"></i></a>\n              <figure class="rounded shadow"><img src="/assets/img/photos/v1.jpg" srcset="/assets/img/photos/v1@2x.jpg 2x" alt=""></figure>\n            </div>\n            <h2 class="fs-15 text-uppercase text-muted mb-3 text-center">FAQ</h2>\n            <h3 class="display-4 mb-10 px-lg-12 px-xl-15 text-center">If you don''t see an answer to your question, you can send us an email from our contact form.</h3>\n            <div class="row" data-cue="fadeIn">\n              <div class="col-lg-6 mb-0">\n                <div id="accordion-1" class="accordion-wrapper">\n                  <div class="card accordion-item">\n                    <div class="card-header" id="accordion-heading-1-1">\n                      <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-1-1" aria-expanded="false" aria-controls="accordion-collapse-1-1">Can I cancel my subscription?</button>\n                    </div>\n                    <!-- /.card-header -->\n                    <div id="accordion-collapse-1-1" class="collapse" aria-labelledby="accordion-heading-1-1" data-bs-target="#accordion-1">\n                      <div class="card-body">\n                        <p>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 scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui. Cras justo odio, dapibus ac facilisis.</p>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.collapse -->\n                  </div>\n                  <!-- /.card -->\n                  <div class="card accordion-item">\n                    <div class="card-header" id="accordion-heading-1-2">\n                      <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-1-2" aria-expanded="false" aria-controls="accordion-collapse-1-2">Which payment methods do you accept?</button>\n                    </div>\n                    <!-- /.card-header -->\n                    <div id="accordion-collapse-1-2" class="collapse" aria-labelledby="accordion-heading-1-2" data-bs-target="#accordion-1">\n                      <div class="card-body">\n                        <p>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 scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui. Cras justo odio, dapibus ac facilisis.</p>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.collapse -->\n                  </div>\n                  <!-- /.card -->\n                  <div class="card accordion-item">\n                    <div class="card-header" id="accordion-heading-1-3">\n                      <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-1-3" aria-expanded="false" aria-controls="accordion-collapse-1-3">How can I manage my Account?</button>\n                    </div>\n                    <!-- /.card-header -->\n                    <div id="accordion-collapse-1-3" class="collapse" aria-labelledby="accordion-heading-1-3" data-bs-target="#accordion-1">\n                      <div class="card-body">\n                        <p>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 scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui. Cras justo odio, dapibus ac facilisis.</p>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.collapse -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!-- /.accordion-wrapper -->\n              </div>\n              <!--/column -->\n              <div class="col-lg-6">\n                <div id="accordion-2" class="accordion-wrapper">\n                  <div class="card accordion-item">\n                    <div class="card-header" id="accordion-heading-2-1">\n                      <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-2-1" aria-expanded="false" aria-controls="accordion-collapse-2-1">How do I get my subscription receipt?</button>\n                    </div>\n                    <!-- /.card-header -->\n                    <div id="accordion-collapse-2-1" class="collapse" aria-labelledby="accordion-heading-2-1" data-bs-target="#accordion-2">\n                      <div class="card-body">\n                        <p>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 scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui. Cras justo odio, dapibus ac facilisis.</p>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.collapse -->\n                  </div>\n                  <!-- /.card -->\n                  <div class="card accordion-item">\n                    <div class="card-header" id="accordion-heading-2-2">\n                      <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-2-2" aria-expanded="false" aria-controls="accordion-collapse-2-2">Are there any discounts for people in need?</button>\n                    </div>\n                    <!-- /.card-header -->\n                    <div id="accordion-collapse-2-2" class="collapse" aria-labelledby="accordion-heading-2-2" data-bs-target="#accordion-2">\n                      <div class="card-body">\n                        <p>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 scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui. Cras justo odio, dapibus ac facilisis.</p>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.collapse -->\n                  </div>\n                  <!-- /.card -->\n                  <div class="card accordion-item">\n                    <div class="card-header" id="accordion-heading-2-3">\n                      <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-2-3" aria-expanded="false" aria-controls="accordion-collapse-2-3">Do you offer a free trial edit?</button>\n                    </div>\n                    <!-- /.card-header -->\n                    <div id="accordion-collapse-2-3" class="collapse" aria-labelledby="accordion-heading-2-3" data-bs-target="#accordion-2">\n                      <div class="card-body">\n                        <p>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 scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui. Cras justo odio, dapibus ac facilisis.</p>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.collapse -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!-- /.accordion-wrapper -->\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(6, 'content', 'section_4', '<section class="wrapper bg-light">\n      <div class="container py-14 py-md-16">\n        <div class="row">\n          <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2 mx-auto text-center">\n            <h2 class="fs-15 text-uppercase text-muted mb-3">Happy Customers</h2>\n            <h3 class="display-4 mb-6 px-xl-10 px-xxl-15">Don''t take our word for it. See what customers are saying about us.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div data-cue="fadeIn">\n          <div class="swiper-container dots-closer mb-6" data-margin="0" data-dots="true" data-items-xl="3" data-items-md="2" data-items-xs="1">\n            <div class="swiper">\n              <div class="swiper-wrapper">\n                <div class="swiper-slide">\n                  <div class="item-inner">\n                    <div class="card">\n                      <div class="card-body">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="icon mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque.”</p>\n                          <div class="blockquote-details">\n                            <img class="rounded-circle w-12" src="/assets/img/avatars/te7.jpg" srcset="/assets/img/avatars/te7@2x.jpg 2x" alt="" />\n                            <div class="info">\n                              <h5 class="mb-0">Coriss Ambady</h5>\n                              <p class="mb-0">Financial Analyst</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </div>\n                  <!-- /.item-inner -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="item-inner">\n                    <div class="card">\n                      <div class="card-body">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="icon mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque.”</p>\n                          <div class="blockquote-details">\n                            <img class="rounded-circle w-12" src="/assets/img/avatars/te8.jpg" srcset="/assets/img/avatars/te8@2x.jpg 2x" alt="" />\n                            <div class="info">\n                              <h5 class="mb-0">Cory Zamora</h5>\n                              <p class="mb-0">Marketing Specialist</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </div>\n                  <!-- /.item-inner -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="item-inner">\n                    <div class="card">\n                      <div class="card-body">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="icon mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque.”</p>\n                          <div class="blockquote-details">\n                            <img class="rounded-circle w-12" src="/assets/img/avatars/te9.jpg" srcset="/assets/img/avatars/te9@2x.jpg 2x" alt="" />\n                            <div class="info">\n                              <h5 class="mb-0">Nikolas Brooten</h5>\n                              <p class="mb-0">Sales Manager</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </div>\n                  <!-- /.item-inner -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="item-inner">\n                    <div class="card">\n                      <div class="card-body">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="icon mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque.”</p>\n                          <div class="blockquote-details">\n                            <img class="rounded-circle w-12" src="/assets/img/avatars/te10.jpg" srcset="/assets/img/avatars/te10@2x.jpg 2x" alt="" />\n                            <div class="info">\n                              <h5 class="mb-0">Coriss Ambady</h5>\n                              <p class="mb-0">Financial Analyst</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </div>\n                  <!-- /.item-inner -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="item-inner">\n                    <div class="card">\n                      <div class="card-body">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="icon mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque.”</p>\n                          <div class="blockquote-details">\n                            <img class="rounded-circle w-12" src="/assets/img/avatars/te11.jpg" srcset="/assets/img/avatars/te11@2x.jpg 2x" alt="" />\n                            <div class="info">\n                              <h5 class="mb-0">Jackie Sanders</h5>\n                              <p class="mb-0">Investment Planner</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </div>\n                  <!-- /.item-inner -->\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <div class="item-inner">\n                    <div class="card">\n                      <div class="card-body">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="icon mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque.”</p>\n                          <div class="blockquote-details">\n                            <img class="rounded-circle w-12" src="/assets/img/avatars/te12.jpg" srcset="/assets/img/avatars/te12@2x.jpg 2x" alt="" />\n                            <div class="info">\n                              <h5 class="mb-0">Laura Widerski</h5>\n                              <p class="mb-0">Sales Specialist</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.card -->\n                  </div>\n                  <!-- /.item-inner -->\n                </div>\n                <!--/.swiper-slide -->\n              </div>\n              <!-- /.swiper-wrapper -->\n            </div>\n            <!-- /.swiper -->\n          </div>\n          <!-- /.swiper-container -->\n        </div>\n        <!-- /div -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(6, 'content', 'section_5', '<section class="wrapper bg-soft-primary">\n      <div class="container pt-10 pb-15 py-lg-17 py-xl-20 py-xxl-22 position-relative">\n        <img class="position-lg-absolute col-12 col-lg-12 mt-lg-n50p mb-3 mb-md-10 mb-lg-0" src="/assets/img/photos/devices2.png" srcset="/assets/img/photos/devices2@2x.png 2x" data-cue="fadeIn" alt="" style="top: 50%; left: -23%;" />\n        <div class="row gx-lg-8 gx-xl-12 align-items-center">\n          <div class="col-md-10 offset-md-1 col-lg-6 offset-lg-6 mt-md-n9 text-center text-lg-start" data-cues="slideInDown" data-group="download">\n            <h1 class="display-4 mb-4 px-md-10 px-lg-0">Get all of your steps, exercise, sleep and meds in one place.</h1>\n            <p class="lead fs-lg mb-7 px-md-10 px-lg-0 pe-xxl-15">Simeya is now available to download from both the App Store and Google Play Store.</p>\n            <div class="d-flex justify-content-center justify-content-lg-start" data-cues="slideInDown" data-group="download">\n              <span><a class="btn btn-primary btn-icon btn-icon-start rounded me-2"><i class="uil uil-apple"></i> App Store</a></span>\n              <span><a class="btn btn-green btn-icon btn-icon-start rounded"><i class="uil uil-google-play"></i> Google Play</a></span>\n            </div>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(6, 'footer', 'footer', '<footer class="bg-light">\n    <div class="container py-13 py-md-15">\n      <div class="row gy-6 gy-lg-0">\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <img class="mb-4" src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n            <p class="mb-4">© <script>\n                document.write(new Date().getUTCFullYear());\n              </script> Simeya. <br class="d-none d-lg-block" />All rights reserved.</p>\n            <nav class="nav social ">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title  mb-3">Get in Touch</h4>\n            <address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address>\n            <a href="mailto:#" class="link-body">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title  mb-3">Learn More</h4>\n            <ul class="list-unstyled text-reset mb-0">\n              <li><a href="#">About Us</a></li>\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Projects</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-12 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title  mb-3">Our Newsletter</h4>\n            <p class="mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p>\n            <div class="newsletter-wrapper">\n              <!-- Begin Mailchimp Signup Form -->\n              <div id="mc_embed_signup2">\n                <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate " target="_blank" novalidate>\n                  <div id="mc_embed_signup_scroll2">\n                    <div class="mc-field-group input-group form-floating">\n                      <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2">\n                      <label for="mce-EMAIL2">Email Address</label>\n                      <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary ">\n                    </div>\n                    <div id="mce-responses2" class="clear">\n                      <div class="response" id="mce-error-response2" style="display:none"></div>\n                      <div class="response" id="mce-success-response2" style="display:none"></div>\n                    </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n                    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>\n                    <div class="clear"></div>\n                  </div>\n                </form>\n              </div>\n              <!--End mc_embed_signup-->\n            </div>\n            <!-- /.newsletter-wrapper -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!--/.row -->\n    </div>\n    <!-- /.container -->\n  </footer>'),
(6, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(7, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/purple.css">\n  <link rel="preload" href="/assets/css/fonts/thicccboi.css" as="style" onload="this.rel=''stylesheet''">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(7, 'header', 'header', '<header class="wrapper bg-soft-primary">\n      <nav class="navbar navbar-expand-lg fancy navbar-light navbar-bg-light caret-none">\n        <div class="container">\n          <div class="navbar-collapse-wrapper bg-white d-flex flex-row flex-nowrap w-100 justify-content-between align-items-center">\n            <div class="navbar-brand w-100">\n              <a href="/index.html">\n                <img src="/assets/img/logo-purple.png" srcset="/assets/img/logo-purple@2x.png 2x" alt="" />\n              </a>\n            </div>\n            <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n              <div class="offcanvas-header d-lg-none">\n                <h3 class="text-white fs-30 mb-0">Simeya</h3>\n                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n              </div>\n              <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n                <ul class="navbar-nav">\n                  <li class="nav-item dropdown dropdown-mega">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                    <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                      <li class="mega-menu-content mega-menu-scroll">\n                        <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                              <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>\n                              <span class="d-lg-none">Demo 1</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                              <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>\n                              <span class="d-lg-none">Demo 2</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                              <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>\n                              <span class="d-lg-none">Demo 3</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                              <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>\n                              <span class="d-lg-none">Demo 4</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                              <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>\n                              <span class="d-lg-none">Demo 5</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                              <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>\n                              <span class="d-lg-none">Demo 6</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                              <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>\n                              <span class="d-lg-none">Demo 7</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                              <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>\n                              <span class="d-lg-none">Demo 8</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                              <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>\n                              <span class="d-lg-none">Demo 9</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                              <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>\n                              <span class="d-lg-none">Demo 10</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                              <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>\n                              <span class="d-lg-none">Demo 11</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                              <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>\n                              <span class="d-lg-none">Demo 12</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                              <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>\n                              <span class="d-lg-none">Demo 13</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                              <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>\n                              <span class="d-lg-none">Demo 14</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                              <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>\n                              <span class="d-lg-none">Demo 15</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                              <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>\n                              <span class="d-lg-none">Demo 16</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                              <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>\n                              <span class="d-lg-none">Demo 17</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                              <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>\n                              <span class="d-lg-none">Demo 18</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                              <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>\n                              <span class="d-lg-none">Demo 19</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                              <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>\n                              <span class="d-lg-none">Demo 20</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                              <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>\n                              <span class="d-lg-none">Demo 21</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                              <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>\n                              <span class="d-lg-none">Demo 22</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                              <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>\n                              <span class="d-lg-none">Demo 23</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                              <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>\n                              <span class="d-lg-none">Demo 24</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                              <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>\n                              <span class="d-lg-none">Demo 25</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                              <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>\n                              <span class="d-lg-none">Demo 26</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                              <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>\n                              <span class="d-lg-none">Demo 27</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                              <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>\n                              <span class="d-lg-none">Demo 28</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                              <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>\n                              <span class="d-lg-none">Demo 29</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                              <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>\n                              <span class="d-lg-none">Demo 30</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                              <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>\n                              <span class="d-lg-none">Demo 31</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                              <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>\n                              <span class="d-lg-none">Demo 32</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                              <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>\n                              <span class="d-lg-none">Demo 33</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                              <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>\n                              <span class="d-lg-none">Demo 34</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                              <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>\n                              <span class="d-lg-none">Demo 35</span>\n                            </a>\n                          </li>\n                          <li class="col">\n                            <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                              <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>\n                              <span class="d-lg-none">Demo 36</span>\n                            </a>\n                          </li>\n                        </ul>\n                        <!--/.row -->\n                        <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                      </li>\n                      <!--/.mega-menu-content-->\n                    </ul>\n                    <!--/.dropdown-menu -->\n                  </li>\n                  <li class="nav-item dropdown">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                    <ul class="dropdown-menu">\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                        </ul>\n                      </li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                        </ul>\n                      </li>\n                      <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                      <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                    </ul>\n                  </li>\n                  <li class="nav-item dropdown">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                    <div class="dropdown-menu dropdown-lg">\n                      <div class="dropdown-lg-content">\n                        <div>\n                          <h6 class="dropdown-header">Project Pages</h6>\n                          <ul class="list-unstyled">\n                            <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                            <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                            <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                            <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                          </ul>\n                        </div>\n                        <!-- /.column -->\n                        <div>\n                          <h6 class="dropdown-header">Single Projects</h6>\n                          <ul class="list-unstyled">\n                            <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                            <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                            <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                            <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                          </ul>\n                        </div>\n                        <!-- /.column -->\n                      </div>\n                      <!-- /auto-column -->\n                    </div>\n                  </li>\n                  <li class="nav-item dropdown">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                    <ul class="dropdown-menu">\n                      <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                      <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                      <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                      <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                        <ul class="dropdown-menu">\n                          <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                          <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                        </ul>\n                      </li>\n                    </ul>\n                  </li>\n                  <li class="nav-item dropdown dropdown-mega">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                    <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                      <li class="mega-menu-content">\n                        <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                              <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>\n                              <span>About</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                              <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>\n                              <span>Blog</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                              <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>\n                              <span>Call to Action</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                              <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>\n                              <span>Clients</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                              <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>\n                              <span>Contact</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                              <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>\n                              <span>Facts</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                              <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>\n                              <span>FAQ</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                              <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>\n                              <span>Features</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                              <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>\n                              <span>Footer</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                              <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>\n                              <span>Hero</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                              <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>\n                              <span>Misc</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                              <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>\n                              <span>Navbar</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                              <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>\n                              <span>Portfolio</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                              <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>\n                              <span>Pricing</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                              <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>\n                              <span>Process</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                              <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>\n                              <span>Team</span>\n                            </a>\n                          </li>\n                          <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                              <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>\n                              <span>Testimonials</span>\n                            </a>\n                          </li>\n                        </ul>\n                        <!--/.row -->\n                      </li>\n                      <!--/.mega-menu-content-->\n                    </ul>\n                    <!--/.dropdown-menu -->\n                  </li>\n                  <li class="nav-item dropdown dropdown-mega">\n                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                    <ul class="dropdown-menu mega-menu">\n                      <li class="mega-menu-content">\n                        <div class="row gx-0 gx-lg-3">\n                          <div class="col-lg-4">\n                            <h6 class="dropdown-header">Usage</h6>\n                            <ul class="list-unstyled cc-2 pb-lg-1">\n                              <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                              <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                              <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                              <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                              <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                            </ul>\n                            <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                            <ul class="list-unstyled cc-2">\n                              <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                              <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                            </ul>\n                          </div>\n                          <!--/column -->\n                          <div class="col-lg-8">\n                            <h6 class="dropdown-header">Elements</h6>\n                            <ul class="list-unstyled cc-3">\n                              <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                              <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                            </ul>\n                          </div>\n                          <!--/column -->\n                        </div>\n                        <!--/.row -->\n                      </li>\n                      <!--/.mega-menu-content-->\n                    </ul>\n                    <!--/.dropdown-menu -->\n                  </li>\n                </ul>\n                <!-- /.navbar-nav -->\n                <div class="offcanvas-footer d-lg-none">\n                  <div>\n                    <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                    <br /> 00 (123) 456 78 90 <br />\n                    <nav class="nav social social-white mt-4">\n                      <a href="#"><i class="uil uil-twitter"></i></a>\n                      <a href="#"><i class="uil uil-facebook-f"></i></a>\n                      <a href="#"><i class="uil uil-dribbble"></i></a>\n                      <a href="#"><i class="uil uil-instagram"></i></a>\n                      <a href="#"><i class="uil uil-youtube"></i></a>\n                    </nav>\n                    <!-- /.social -->\n                  </div>\n                </div>\n                <!-- /.offcanvas-footer -->\n              </div>\n              <!-- /.offcanvas-body -->\n            </div>\n            <!-- /.navbar-collapse -->\n            <div class="navbar-other w-100 d-flex ms-auto">\n              <ul class="navbar-nav flex-row align-items-center ms-auto">\n                <li class="nav-item">\n                  <nav class="nav social social-muted justify-content-end text-end">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </li>\n                <li class="nav-item d-lg-none">\n                  <button class="hamburger offcanvas-nav-btn"><span></span></button>\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n            </div>\n            <!-- /.navbar-other -->\n          </div>\n          <!-- /.navbar-collapse-wrapper -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n    </header>'),
(7, 'content', 'section_1', '<section class="wrapper bg-gradient-primary">\n      <div class="container py-14 pt-md-15 pb-md-18">\n        <div class="row text-center">\n          <div class="col-lg-9 col-xxl-7 mx-auto" data-cues="zoomIn" data-group="welcome" data-interval="-200">\n            <h2 class="display-1 mb-4">Creative. Smart. Awesome.</h2>\n            <p class="lead fs-24 lh-sm px-md-5 px-xl-15 px-xxl-10 mb-7">We are an award winning web & mobile design agency that strongly believes in the power of creative ideas.</p>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="d-flex justify-content-center" data-cues="slideInDown" data-group="join" data-delay="900">\n          <span><a class="btn btn-lg btn-primary rounded-pill mx-1">See Projects</a></span>\n          <span><a class="btn btn-lg btn-outline-primary rounded-pill mx-1">Contact Us</a></span>\n        </div>\n        <!-- /div -->\n        <div class="row mt-12" data-cue="fadeIn" data-delay="1600">\n          <div class="col-lg-8 mx-auto">\n            <figure><img class="img-fluid" src="/assets/img/illustrations/i12.png" srcset="/assets/img/illustrations/i12@2x.png 2x" alt=""></figure>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(7, 'content', 'section_2', '<section class="wrapper bg-light">\n      <div class="container">\n        <div class="row gx-lg-0 gy-10 mb-15 mb-md-18 align-items-center">\n          <div class="col-lg-6">\n            <div class="row g-6 text-center">\n              <div class="col-md-6">\n                <div class="row">\n                  <div class="col-lg-12">\n                    <figure class="rounded mb-6"><img src="/assets/img/photos/se1.jpg" srcset="/assets/img/photos/se1@2x.jpg 2x" alt=""></figure>\n                  </div>\n                  <!-- /column -->\n                  <div class="col-lg-12">\n                    <div class="card shadow-lg">\n                      <div class="card-body">\n                        <div class="icon btn btn-circle btn-lg btn-soft-purple pe-none mb-3"> <i class="uil uil-monitor"></i> </div>\n                        <h4>Web Design</h4>\n                        <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.</p>\n                        <a href="#" class="more hover link-purple">Learn More</a>\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!--/.card -->\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </div>\n              <!-- /column -->\n              <div class="col-md-6">\n                <div class="row">\n                  <div class="col-lg-12 order-md-2">\n                    <figure class="rounded mb-6 mb-md-0"><img src="/assets/img/photos/se2.jpg" srcset="/assets/img/photos/se2@2x.jpg 2x" alt=""></figure>\n                  </div>\n                  <!-- /column -->\n                  <div class="col-lg-12">\n                    <div class="card shadow-lg mb-md-6 mt-lg-6">\n                      <div class="card-body">\n                        <div class="icon btn btn-circle btn-lg btn-soft-purple pe-none mb-3"> <i class="uil uil-mobile-android"></i> </div>\n                        <h4>Mobile Design</h4>\n                        <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.</p>\n                        <a href="#" class="more hover link-purple">Learn More</a>\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!--/.card -->\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!-- /column -->\n          <div class="col-lg-5 offset-lg-1">\n            <h2 class="display-4 mb-3">What We Do?</h2>\n            <p class="lead fs-lg lh-sm">The full service we are offering is specifically designed to meet your business needs.</p>\n            <p>Donec ullamcorper nulla non metus auctor fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas faucibus mollis elit interdum. Duis mollis, est non commodo luctus, nisi erat ligula. </p>\n            <a href="#" class="btn btn-primary rounded-pill mt-3">More Details</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gx-lg-0 gy-10 align-items-center mb-15 mb-lg-18">\n          <div class="col-lg-6 order-lg-2 offset-lg-1 grid">\n            <div class="row gx-md-5 gy-5 align-items-center counter-wrapper isotope">\n              <div class="item col-md-6">\n                <div class="card shadow-lg">\n                  <div class="card-body">\n                    <div class="d-flex d-lg-block d-xl-flex flex-row">\n                      <div>\n                        <div class="icon btn btn-circle btn-lg btn-soft-purple pe-none mx-auto me-4 mb-lg-3 mb-xl-0"> <i class="uil uil-presentation-check"></i> </div>\n                      </div>\n                      <div>\n                        <h3 class="counter mb-1">7518</h3>\n                        <p class="mb-0">Projects Done</p>\n                      </div>\n                    </div>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.card -->\n              </div>\n              <!--/column -->\n              <div class="item col-md-6">\n                <div class="card shadow-lg">\n                  <div class="card-body">\n                    <div class="d-flex d-lg-block d-xl-flex flex-row">\n                      <div>\n                        <div class="icon btn btn-circle btn-lg btn-soft-red pe-none mx-auto me-4 mb-lg-3 mb-xl-0"> <i class="uil uil-users-alt"></i> </div>\n                      </div>\n                      <div>\n                        <h3 class="counter mb-1">3472</h3>\n                        <p class="mb-0">Happy Customers</p>\n                      </div>\n                    </div>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.card -->\n              </div>\n              <!--/column -->\n              <div class="item col-md-6">\n                <div class="card shadow-lg">\n                  <div class="card-body">\n                    <div class="d-flex d-lg-block d-xl-flex flex-row">\n                      <div>\n                        <div class="icon btn btn-circle btn-lg btn-soft-yellow pe-none mx-auto me-4 mb-lg-3 mb-xl-0"> <i class="uil uil-user-check"></i> </div>\n                      </div>\n                      <div>\n                        <h3 class="counter mb-1">4537</h3>\n                        <p class="mb-0">Expert Employees</p>\n                      </div>\n                    </div>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.card -->\n              </div>\n              <!--/column -->\n              <div class="item col-md-6">\n                <div class="card shadow-lg">\n                  <div class="card-body">\n                    <div class="d-flex d-lg-block d-xl-flex flex-row">\n                      <div>\n                        <div class="icon btn btn-circle btn-lg btn-soft-aqua pe-none mx-auto me-4 mb-lg-3 mb-xl-0"> <i class="uil uil-trophy"></i> </div>\n                      </div>\n                      <div>\n                        <h3 class="counter mb-1">2184</h3>\n                        <p class="mb-0">Awards Won</p>\n                      </div>\n                    </div>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.card -->\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-5">\n            <h2 class="display-4 mb-3">Join Our Community</h2>\n            <p class="lead fs-lg lh-sm">We have considered our business solutions to support you on every stage of your growth.</p>\n            <p class="mb-0">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.</p>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n      <div class="overflow-hidden">\n        <div class="container pb-9 pb-md-14">\n          <div class="row">\n            <div class="col-lg-9 col-xl-8 col-xxl-7 mx-auto text-center">\n              <h3 class="display-4 mb-8">Our Recent Projects</h3>\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n          <div class="swiper-container grid-view nav-bottom nav-color mb-14" data-margin="30" data-dots="false" data-nav="true" data-items-md="2" data-items-xs="1">\n            <div class="swiper overflow-visible">\n              <div class="swiper-wrapper">\n                <div class="swiper-slide">\n                  <figure class="rounded"><img src="/assets/img/photos/pp17.jpg" alt="" /><a class="item-link" href="/single-project.html"><i class="uil uil-link"></i></a></figure>\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <figure class="rounded"><img src="/assets/img/photos/pp18.jpg" alt="" /><a class="item-link" href="/single-project2.html"><i class="uil uil-link"></i></a></figure>\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <figure class="rounded"><img src="/assets/img/photos/pp19.jpg" alt="" /><a class="item-link" href="/single-project3.html"><i class="uil uil-link"></i></a></figure>\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <figure class="rounded"><img src="/assets/img/photos/pp20.jpg" alt="" /><a class="item-link" href="/single-project.html"><i class="uil uil-link"></i></a></figure>\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <figure class="rounded"><img src="/assets/img/photos/pp21.jpg" alt="" /><a class="item-link" href="/single-project2.html"><i class="uil uil-link"></i></a></figure>\n                </div>\n                <!--/.swiper-slide -->\n                <div class="swiper-slide">\n                  <figure class="rounded"><img src="/assets/img/photos/pp22.jpg" alt="" /><a class="item-link" href="/single-project3.html"><i class="uil uil-link"></i></a></figure>\n                </div>\n                <!--/.swiper-slide -->\n              </div>\n              <!--/.swiper-wrapper -->\n            </div>\n            <!--/.swiper -->\n          </div>\n          <!-- /.swiper-container -->\n        </div>\n        <!-- /.container -->\n      </div>\n      <!-- /.overflow-hidden -->\n    </section>'),
(7, 'content', 'section_3', '<section class="wrapper bg-light">\n      <div class="container pb-8 pb-lg-10">\n        <div class="row gx-lg-8 gx-xl-12 gy-10 mb-15 mb-md-18 align-items-center">\n          <div class="col-lg-7">\n            <figure><img class="w-auto" src="/assets/img/illustrations/i9.png" srcset="/assets/img/illustrations/i9@2x.png 2x" alt="" /></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5">\n            <h3 class="display-4 mb-3">Have Perfect Control</h3>\n            <p class="lead fs-lg lh-sm">We are focused on establishing long-term relationships with customers.</p>\n            <p class="mb-6">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.</p>\n            <div class="row gy-3">\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-primary mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Aenean quam ornare. Curabitur blandit.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Nullam quis risus eget urna mollis ornare.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-bg bullet-soft-primary mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Etiam porta euismod malesuada mollis.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Vivamus sagittis lacus vel augue rutrum.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-10 mb-15 mb-md-18">\n          <div class="col-lg-7 order-lg-2">\n            <figure><img class="w-auto" src="/assets/img/illustrations/i17.png" srcset="/assets/img/illustrations/i17@2x.png 2x" alt="" /></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5">\n            <h3 class="display-4 mt-xxl-8 mb-3">Why Choose Us?</h3>\n            <p class="lead fs-lg lh-sm mb-6">Find out everything you need to know about creating a business process model.</p>\n            <div class="accordion accordion-wrapper" id="accordionExample">\n              <div class="card plain accordion-item">\n                <div class="card-header" id="headingOne">\n                  <button class="accordion-button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> Professional Design </button>\n                </div>\n                <!--/.card-header -->\n                <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">\n                  <div class="card-body">\n                    <p>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.</p>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.accordion-collapse -->\n              </div>\n              <!--/.accordion-item -->\n              <div class="card plain accordion-item">\n                <div class="card-header" id="headingTwo">\n                  <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> Top-Notch Support </button>\n                </div>\n                <!--/.card-header -->\n                <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">\n                  <div class="card-body">\n                    <p>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.</p>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.accordion-collapse -->\n              </div>\n              <!--/.accordion-item -->\n              <div class="card plain accordion-item">\n                <div class="card-header" id="headingThree">\n                  <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> Header and Slider Options </button>\n                </div>\n                <!--/.card-header -->\n                <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">\n                  <div class="card-body">\n                    <p>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.</p>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.accordion-collapse -->\n              </div>\n              <!--/.accordion-item -->\n            </div>\n            <!--/.accordion -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <h2 class="display-4 text-center mb-8">Happy Customers</h2>\n        <div class="grid">\n          <div class="row isotope gy-6">\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque penatibus.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te1.jpg" srcset="/assets/img/avatars/te1@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Coriss Ambady</h5>\n                        <p class="mb-0">Financial Analyst</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Fusce dapibus, tellus ac cursus tortor mauris condimentum fermentum massa justo sit amet. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te2.jpg" srcset="/assets/img/avatars/te2@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Cory Zamora</h5>\n                        <p class="mb-0">Marketing Specialist</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nullam quis risus eget porta ac consectetur vestibulum. Donec sed odio dui consectetur adipiscing elit.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te3.jpg" srcset="/assets/img/avatars/te3@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Nikolas Brooten</h5>\n                        <p class="mb-0">Sales Manager</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Etiam adipiscing tincidunt elit convallis felis suscipit ut. Phasellus rhoncus tincidunt auctor. Nullam eu sagittis mauris. Donec non dolor ac elit aliquam tincidunt at at sapien. Aenean tortor libero condimentum ac laoreet vitae.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te4.jpg" srcset="/assets/img/avatars/te4@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Coriss Ambady</h5>\n                        <p class="mb-0">Financial Analyst</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus magnis dis montes, nascetur ridiculus mus. Donec sed odio dui. Nulla vitae elit libero.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te5.jpg" srcset="/assets/img/avatars/te5@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Jackie Sanders</h5>\n                        <p class="mb-0">Investment Planner</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Donec id elit non mi porta gravida at eget metus. Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te6.jpg" srcset="/assets/img/avatars/te6@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Laura Widerski</h5>\n                        <p class="mb-0">Sales Specialist</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n          </div>\n          <!-- /.row -->\n        </div>\n        <!-- /.grid-view -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(7, 'footer', 'footer', '<footer class="bg-gradient-reverse-primary">\n    <div class="container pt-13 pt-md-15 pb-7">\n      <div class="card image-wrapper bg-full bg-image bg-overlay bg-overlay-400 mb-13" data-image-src="/assets/img/photos/bg2.jpg">\n        <div class="card-body p-9 p-xl-11">\n          <div class="row align-items-center gy-6">\n            <div class="col-lg-7">\n              <h3 class="display-5 text-white">Subscribe to our newsletter</h3>\n              <p class="lead pe-lg-12 mb-0 text-white">Subscribe to our newsletter to get our news & deals delivered to you. Don''t worry, we hate spam and we respect your privacy.</p>\n            </div>\n            <!-- /column -->\n            <div class="col-lg-5 col-xl-4 offset-xl-1">\n              <div class="newsletter-wrapper">\n                <!-- Begin Mailchimp Signup Form -->\n                <div id="mc_embed_signup2">\n                  <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate dark-fields" target="_blank" novalidate>\n                    <div id="mc_embed_signup_scroll2">\n                      <div class="mc-field-group input-group form-floating">\n                        <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2">\n                        <label for="mce-EMAIL2" class="position-absolute">Email Address</label>\n                        <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary">\n                      </div>\n                      <div id="mce-responses2" class="clear">\n                        <div class="response" id="mce-error-response2" style="display:none"></div>\n                        <div class="response" id="mce-success-response2" style="display:none"></div>\n                      </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n                      <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>\n                      <div class="clear"></div>\n                    </div>\n                  </form>\n                </div>\n                <!--End mc_embed_signup-->\n              </div>\n              <!-- /.newsletter-wrapper -->\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n        </div>\n        <!--/.card-body -->\n      </div>\n      <!--/.card -->\n      <div class="row gy-6 gy-lg-0">\n        <div class="col-lg-4">\n          <div class="widget">\n            <h3 class="h2 mb-3 ">Join the Community</h3>\n            <p class="lead mb-5">Let''s make something great together. We are trusted by over 5000+ clients. Join them by using our services and grow your business.</p>\n            <a href="#" class="btn  btn-primary rounded-pill">Join Us</a>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-2 offset-lg-2">\n          <div class="widget">\n            <h4 class="widget-title  mb-3">Need Help?</h4>\n            <ul class="list-unstyled text-reset mb-0">\n              <li><a href="#">Support</a></li>\n              <li><a href="#">Get Started</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-2">\n          <div class="widget">\n            <h4 class="widget-title  mb-3">Learn More</h4>\n            <ul class="list-unstyled text-reset mb-0">\n              <li><a href="#">About Us</a></li>\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Projects</a></li>\n              <li><a href="#">Pricing</a></li>\n              <li><a href="#">Features</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-2">\n          <div class="widget">\n            <h4 class="widget-title  mb-3">Get in Touch</h4>\n            <address>Moonshine St. 14/05 Light City, London, United Kingdom</address>\n            <a href="mailto:first.last@email.com" class="link-body">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!--/.row -->\n      <hr class="mt-13 mt-md-15 mb-7" />\n      <div class="d-md-flex align-items-center justify-content-between">\n        <p class="mb-2 mb-lg-0">© <script>\n            document.write(new Date().getUTCFullYear());\n          </script> Simeya. All rights reserved.</p>\n        <nav class="nav social  text-md-end">\n          <a href="#"><i class="uil uil-twitter"></i></a>\n          <a href="#"><i class="uil uil-facebook-f"></i></a>\n          <a href="#"><i class="uil uil-dribbble"></i></a>\n          <a href="#"><i class="uil uil-instagram"></i></a>\n          <a href="#"><i class="uil uil-youtube"></i></a>\n        </nav>\n        <!-- /.social -->\n      </div>\n      <!-- /div -->\n    </div>\n    <!-- /.container -->\n  </footer>'),
(7, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(8, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/aqua.css">\n  <link rel="preload" href="/assets/css/fonts/dm.css" as="style" onload="this.rel=''stylesheet''">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(8, 'header', 'header', '<header class="wrapper bg-light pt-1">\n      <nav class="navbar navbar-expand-lg classic transparent navbar-light">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <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>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <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>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <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>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <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>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <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>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <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>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <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>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <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>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <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>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <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>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <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>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <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>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <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>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <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>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <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>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <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>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <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>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <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>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <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>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <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>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <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>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <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>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <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>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <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>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <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>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <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>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <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>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <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>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <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>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <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>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <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>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <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>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <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>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <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>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <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>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <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>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <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>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <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>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <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>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <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>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <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>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <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>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <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>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <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>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <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>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <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>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <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>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <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>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <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>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <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>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <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>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <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>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <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>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other ms-lg-4">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item"><a class="nav-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-search"><i class="uil uil-search"></i></a></li>\n              <li class="nav-item d-none d-md-block">\n                <a href="#" class="btn btn-sm btn-primary rounded-pill" data-bs-toggle="modal" data-bs-target="#modal-signin">Sign In</a>\n              </li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n      <div class="modal fade" id="modal-signin" tabindex="-1">\n        <div class="modal-dialog modal-dialog-centered modal-sm">\n          <div class="modal-content text-center">\n            <div class="modal-body">\n              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>\n              <h2 class="mb-3 text-start">Welcome Back</h2>\n              <p class="lead mb-6 text-start">Fill your email and password to sign in.</p>\n              <form class="text-start mb-3">\n                <div class="form-floating mb-4">\n                  <input type="email" class="form-control" placeholder="Email" id="loginEmail">\n                  <label for="loginEmail">Email</label>\n                </div>\n                <div class="form-floating password-field mb-4">\n                  <input type="password" class="form-control" placeholder="Password" id="loginPassword">\n                  <span class="password-toggle"><i class="uil uil-eye"></i></span>\n                  <label for="loginPassword">Password</label>\n                </div>\n                <a class="btn btn-primary rounded-pill btn-login w-100 mb-2">Sign In</a>\n              </form>\n              <!-- /form -->\n              <p class="mb-1"><a href="#" class="hover">Forgot Password?</a></p>\n              <p class="mb-0">Don''t have an account? <a href="#" data-bs-target="#modal-signup" data-bs-toggle="modal" data-bs-dismiss="modal" class="hover">Sign up</a></p>\n              <div class="divider-icon my-4">or</div>\n              <nav class="nav social justify-content-center text-center">\n                <a href="#" class="btn btn-circle btn-sm btn-google"><i class="uil uil-google"></i></a>\n                <a href="#" class="btn btn-circle btn-sm btn-facebook-f"><i class="uil uil-facebook-f"></i></a>\n                <a href="#" class="btn btn-circle btn-sm btn-twitter"><i class="uil uil-twitter"></i></a>\n              </nav>\n              <!--/.social -->\n            </div>\n            <!--/.modal-content -->\n          </div>\n          <!--/.modal-body -->\n        </div>\n        <!--/.modal-dialog -->\n      </div>\n      <!--/.modal -->\n      <div class="modal fade" id="modal-signup" tabindex="-1">\n        <div class="modal-dialog modal-dialog-centered modal-sm">\n          <div class="modal-content text-center">\n            <div class="modal-body">\n              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>\n              <h2 class="mb-3 text-start">Sign up to Simeya</h2>\n              <p class="lead mb-6 text-start">Registration takes less than a minute.</p>\n              <form class="text-start mb-3">\n                <div class="form-floating mb-4">\n                  <input type="text" class="form-control" placeholder="Name" id="loginName">\n                  <label for="loginName">Name</label>\n                </div>\n                <div class="form-floating mb-4">\n                  <input type="email" class="form-control" placeholder="Email" id="loginEmail">\n                  <label for="loginEmail">Email</label>\n                </div>\n                <div class="form-floating password-field mb-4">\n                  <input type="password" class="form-control" placeholder="Password" id="loginPassword">\n                  <span class="password-toggle"><i class="uil uil-eye"></i></span>\n                  <label for="loginPassword">Password</label>\n                </div>\n                <div class="form-floating password-field mb-4">\n                  <input type="password" class="form-control" placeholder="Confirm Password" id="loginPasswordConfirm">\n                  <span class="password-toggle"><i class="uil uil-eye"></i></span>\n                  <label for="loginPasswordConfirm">Confirm Password</label>\n                </div>\n                <a class="btn btn-primary rounded-pill btn-login w-100 mb-2">Sign Up</a>\n              </form>\n              <!-- /form -->\n              <p class="mb-0">Already have an account? <a href="#" data-bs-target="#modal-signin" data-bs-toggle="modal" data-bs-dismiss="modal" class="hover">Sign in</a></p>\n              <div class="divider-icon my-4">or</div>\n              <nav class="nav social justify-content-center text-center">\n                <a href="#" class="btn btn-circle btn-sm btn-google"><i class="uil uil-google"></i></a>\n                <a href="#" class="btn btn-circle btn-sm btn-facebook-f"><i class="uil uil-facebook-f"></i></a>\n                <a href="#" class="btn btn-circle btn-sm btn-twitter"><i class="uil uil-twitter"></i></a>\n              </nav>\n              <!--/.social -->\n            </div>\n            <!--/.modal-content -->\n          </div>\n          <!--/.modal-body -->\n        </div>\n        <!--/.modal-dialog -->\n      </div>\n      <!--/.modal -->\n      <div class="offcanvas offcanvas-top bg-light" id="offcanvas-search" data-bs-scroll="true">\n        <div class="container d-flex flex-row py-6">\n          <form class="search-form w-100">\n            <input id="search-form" type="text" class="form-control" placeholder="Type keyword and hit enter">\n          </form>\n          <!-- /.search-form -->\n          <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n        </div>\n        <!-- /.container -->\n      </div>\n      <!-- /.offcanvas -->\n    </header>'),
(8, 'content', 'section_1', '<section class="wrapper bg-light">\n      <div class="container">\n        <div class="card bg-soft-primary rounded-4 mt-2 mb-13 mb-md-17">\n          <div class="card-body p-md-10 py-xl-11 px-xl-15">\n            <div class="row gx-lg-8 gx-xl-0 gy-10 align-items-center">\n              <div class="col-lg-6 order-lg-2 d-flex position-relative">\n                <img class="img-fluid ms-auto mx-auto me-lg-8" src="/assets/img/photos/co3.png" srcset="/assets/img/photos/co3@2x.png 2x" alt="" data-cue="fadeIn">\n                <div data-cue="slideInRight" data-delay="300">\n                  <div class="card shadow-lg position-absolute" style="bottom: 10%; right: -3%;">\n                    <div class="card-body py-4 px-5">\n                      <div class="d-flex flex-row align-items-center">\n                        <div>\n                          <div class="icon btn btn-circle btn-md btn-soft-primary pe-none mx-auto me-3"> <i class="uil uil-users-alt"></i> </div>\n                        </div>\n                        <div>\n                          <h3 class="counter mb-0 text-nowrap">25000+</h3>\n                          <p class="fs-14 lh-sm mb-0 text-nowrap">Happy Clients</p>\n                        </div>\n                      </div>\n                    </div>\n                    <!--/.card-body -->\n                  </div>\n                  <!--/.card -->\n                </div>\n                <!--/div -->\n              </div>\n              <!--/column -->\n              <div class="col-lg-6 text-center text-lg-start" data-cues="slideInDown" data-group="page-title" data-delay="600">\n                <h1 class="display-2 mb-5">Crafting project specific solutions with expertise.</h1>\n                <p class="lead fs-lg lh-sm mb-7 pe-xl-10">We''re a company that focuses on establishing long-term relationships with customers.</p>\n                <div class="d-flex justify-content-center justify-content-lg-start" data-cues="slideInDown" data-group="page-title-buttons" data-delay="900">\n                  <span><a href="#" class="btn btn-lg btn-primary rounded-pill me-2">Explore Now</a></span>\n                  <span><a href="#" class="btn btn-lg btn-outline-primary rounded-pill">Contact Us</a></span>\n                </div>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/.card-body -->\n        </div>\n        <!--/.card -->\n        <div class="row gx-lg-8 gx-xl-12 gy-10 gy-lg-0 mb-13 mb-md-17">\n          <div class="col-lg-4">\n            <h2 class="display-4 mb-3 pe-xxl-5">Trusted by over 25000+ clients</h2>\n            <p class="lead fs-lg mb-0 pe-xxl-5">We <span class="underline">bring solutions</span> to make life easier for our customers.</p>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-8">\n            <div class="row row-cols-2 row-cols-md-4 gx-0 gx-md-8 gx-xl-12 gy-11 mt-n10">\n              <div class="col">\n                <figure class="px-4 px-lg-3 px-xxl-5"><img src="/assets/img/brands/c10.png" alt="" /></figure>\n              </div>\n              <!--/column -->\n              <div class="col">\n                <figure class="px-4 px-lg-3 px-xxl-5"><img src="/assets/img/brands/c2.png" alt="" /></figure>\n              </div>\n              <!--/column -->\n              <div class="col">\n                <figure class="px-4 px-lg-3 px-xxl-5"><img src="/assets/img/brands/c3.png" alt="" /></figure>\n              </div>\n              <!--/column -->\n              <div class="col">\n                <figure class="px-4 px-lg-3 px-xxl-5"><img src="/assets/img/brands/c4.png" alt="" /></figure>\n              </div>\n              <!--/column -->\n              <div class="col">\n                <figure class="px-4 px-lg-3 px-xxl-5"><img src="/assets/img/brands/c5.png" alt="" /></figure>\n              </div>\n              <!--/column -->\n              <div class="col">\n                <figure class="px-4 px-lg-3 px-xxl-5"><img src="/assets/img/brands/c6.png" alt="" /></figure>\n              </div>\n              <!--/column -->\n              <div class="col">\n                <figure class="px-4 px-lg-3 px-xxl-5"><img src="/assets/img/brands/c7.png" alt="" /></figure>\n              </div>\n              <!--/column -->\n              <div class="col">\n                <figure class="px-4 px-lg-3 px-xxl-5"><img src="/assets/img/brands/c8.png" alt="" /></figure>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-10 mb-14 mb-md-18 align-items-center">\n          <div class="col-md-8 col-lg-6 position-relative">\n            <div class="shape bg-soft-primary rounded-circle rellax w-20 h-20" data-rellax-speed="1" style="top: -2rem; left: -1.9rem;"></div>\n            <figure class="rounded"><img src="/assets/img/photos/about10.jpg" srcset="/assets/img/photos/about10@2x.jpg 2x" alt=""></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h2 class="display-4 mb-3">Who Are We?</h2>\n            <p class="lead fs-lg">We are a digital and branding company that believes in the power of <span class="underline">creative strategy</span> and along with great design.</p>\n            <p class="mb-6">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.</p>\n            <div class="row gx-xl-10 gy-6">\n              <div class="col-md-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/lineal/target.svg" class="svg-inject icon-svg icon-svg-sm me-4" alt="" />\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Our Mission</h4>\n                    <p class="mb-0">Dapibus eu leo quam ornare curabitur blandit tempus.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/lineal/award-2.svg" class="svg-inject icon-svg icon-svg-sm me-4" alt="" />\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Our Values</h4>\n                    <p class="mb-0">Aenean lacinia bibendum nulla sed consectetur.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-10 mb-14 mb-md-20 align-items-center">\n          <div class="col-md-8 col-lg-6 order-lg-2 position-relative">\n            <div class="shape bg-soft-primary rounded-circle rellax w-20 h-20" data-rellax-speed="1" style="top: -2rem; right: -1.9rem;"></div>\n            <figure class="rounded"><img src="/assets/img/photos/about11.jpg" srcset="/assets/img/photos/about11@2x.jpg 2x" alt=""></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h2 class="display-4 mb-3">What We Do?</h2>\n            <p class="lead fs-lg mb-8 pe-xxl-2">The full service we are offering is <span class="underline">specifically</span> designed to meet your business needs and projects.</p>\n            <div class="row gx-xl-10 gy-6">\n              <div class="col-md-6 col-lg-12 col-xl-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/lineal/megaphone.svg" class="svg-inject icon-svg icon-svg-sm text-primary me-5" alt="" />\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Marketing</h4>\n                    <p class="mb-0">Nulla vitae elit libero pharetra augue dapibus.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 col-lg-12 col-xl-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/lineal/target.svg" class="svg-inject icon-svg icon-svg-sm text-primary me-5" alt="" />\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Strategy</h4>\n                    <p class="mb-0">Vivamus sagittis lacus augue laoreet vel.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 col-lg-12 col-xl-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/lineal/settings-3.svg" class="svg-inject icon-svg icon-svg-sm text-primary me-5" alt="" />\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Development</h4>\n                    <p class="mb-0">Cras mattis consectetur purus sit amet.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 col-lg-12 col-xl-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/lineal/bar-chart.svg" class="svg-inject icon-svg icon-svg-sm text-primary me-5" alt="" />\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Data Analysis</h4>\n                    <p class="mb-0">Aenean lacinia bibendum nulla sed consectetur.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="card bg-soft-primary rounded-4 mb-14 mb-md-18">\n          <div class="card-body p-md-10 py-xxl-16 position-relative">\n            <div class="position-absolute d-none d-lg-block" style="bottom:0; left:10%; width: 28%; z-index:2">\n              <figure><img src="/assets/img/photos/co2.png" srcset="/assets/img/photos/co2@2x.png 2x" alt=""></figure>\n            </div>\n            <div class="row gx-md-0 gx-xl-12 text-center">\n              <div class="col-lg-7 offset-lg-5 col-xl-6">\n                <span class="ratings five mb-3"></span>\n                <blockquote class="border-0 fs-lg mb-0">\n                  <p>“Fusce dapibus tellus ac cursus commodo, tortor mauris condimentum nibh ut fermentum massa, justo sit amet vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed”</p>\n                  <div class="blockquote-details justify-content-center text-center">\n                    <div class="info p-0">\n                      <h5 class="mb-1">Coriss Ambady</h5>\n                      <div class="meta mb-0">Financial Analyst</div>\n                    </div>\n                  </div>\n                </blockquote>\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!--/.card-body -->\n        </div>\n        <!--/.card -->\n        <div class="row gx-lg-8 gx-xl-12 gy-10 gy-lg-0 mb-11">\n          <div class="col-lg-4">\n            <h3 class="display-4 mb-3 pe-xl-10">We are proud of our creative team</h3>\n            <p class="lead fs-lg mb-0 pe-xxl-10">Just sit back and relax while we <span class="underline">take care</span> of your business needs.</p>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-8 mt-lg-2">\n            <div class="row align-items-center counter-wrapper gy-6 text-center">\n              <div class="col-md-4">\n                <img src="/assets/img/icons/lineal/check.svg" class="svg-inject icon-svg icon-svg-md text-primary mb-3" alt="" />\n                <h3 class="counter">7518</h3>\n                <p>Completed Projects</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4">\n                <img src="/assets/img/icons/lineal/user.svg" class="svg-inject icon-svg icon-svg-md text-primary mb-3" alt="" />\n                <h3 class="counter">3472</h3>\n                <p>Happy Customers</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4">\n                <img src="/assets/img/icons/lineal/briefcase-2.svg" class="svg-inject icon-svg icon-svg-md text-primary mb-3" alt="" />\n                <h3 class="counter">2184</h3>\n                <p>Expert Employees</p>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row grid-view gx-md-8 gx-xl-10 gy-8 gy-lg-0 mb-16 mb-md-19">\n          <div class="col-md-6 col-lg-3">\n            <div class="position-relative">\n              <div class="shape rounded bg-soft-primary rellax d-md-block" data-rellax-speed="0" style="bottom: -0.75rem; right: -0.75rem; width: 98%; height: 98%; z-index:0"></div>\n              <div class="card shadow-lg">\n                <figure class="card-img-top"><img class="img-fluid" src="/assets/img/avatars/t1.jpg" srcset="/assets/img/avatars/t1@2x.jpg 2x" alt="" /></figure>\n                <div class="card-body px-6 py-5">\n                  <h4 class="mb-1">Coriss Ambady</h4>\n                  <p class="mb-0">Financial Analyst</p>\n                </div>\n                <!--/.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!-- /div -->\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="position-relative">\n              <div class="shape rounded bg-soft-primary rellax d-md-block" data-rellax-speed="0" style="bottom: -0.75rem; right: -0.75rem; width: 98%; height: 98%; z-index:0"></div>\n              <div class="card shadow-lg">\n                <figure class="card-img-top"><img class="img-fluid" src="/assets/img/avatars/t2.jpg" srcset="/assets/img/avatars/t2@2x.jpg 2x" alt="" /></figure>\n                <div class="card-body px-6 py-5">\n                  <h4 class="mb-1">Cory Zamora</h4>\n                  <p class="mb-0">Marketing Specialist</p>\n                </div>\n                <!--/.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!-- /div -->\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="position-relative">\n              <div class="shape rounded bg-soft-primary rellax d-md-block" data-rellax-speed="0" style="bottom: -0.75rem; right: -0.75rem; width: 98%; height: 98%; z-index:0"></div>\n              <div class="card shadow-lg">\n                <figure class="card-img-top"><img class="img-fluid" src="/assets/img/avatars/t3.jpg" srcset="/assets/img/avatars/t3@2x.jpg 2x" alt="" /></figure>\n                <div class="card-body px-6 py-5">\n                  <h4 class="mb-1">Nikolas Brooten</h4>\n                  <p class="mb-0">Sales Manager</p>\n                </div>\n                <!--/.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!-- /div -->\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="position-relative">\n              <div class="shape rounded bg-soft-primary rellax d-md-block" data-rellax-speed="0" style="bottom: -0.75rem; right: -0.75rem; width: 98%; height: 98%; z-index:0"></div>\n              <div class="card shadow-lg">\n                <figure class="card-img-top"><img class="img-fluid" src="/assets/img/avatars/t4.jpg" srcset="/assets/img/avatars/t4@2x.jpg 2x" alt="" /></figure>\n                <div class="card-body px-6 py-5">\n                  <h4 class="mb-1">Jackie Sanders</h4>\n                  <p class="mb-0">Investment Planner</p>\n                </div>\n                <!--/.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!-- /div -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gy-10 gy-sm-13 gx-lg-3 align-items-center mb-14 mb-md-18">\n          <div class="col-md-8 col-lg-6 position-relative">\n            <a href="/assets/media/movie.mp4" class="btn btn-circle btn-primary btn-play ripple mx-auto mb-5 position-absolute" style="top:50%; left: 50%; transform: translate(-50%,-50%); z-index:3;" data-glightbox><i class="icn-caret-right"></i></a>\n            <div class="shape rounded bg-soft-primary rellax d-md-block" data-rellax-speed="0" style="bottom: -1.8rem; right: -1.5rem; width: 85%; height: 90%; "></div>\n            <figure class="rounded"><img src="/assets/img/photos/about12.jpg" srcset="/assets/img/photos/about12@2x.jpg 2x" alt=""></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5 col-xl-4 offset-lg-1">\n            <h3 class="display-4 mb-3">Simeya Brings Awesomeness</h3>\n            <p class="lead fs-lg mb-6">We have considered our solutions to <span class="underline">support every stage</span> of your growth.</p>\n            <ul class="progress-list">\n              <li>\n                <p>Marketing</p>\n                <div class="progressbar line primary" data-value="100"></div>\n              </li>\n              <li>\n                <p>Strategy</p>\n                <div class="progressbar line primary" data-value="80"></div>\n              </li>\n              <li>\n                <p>Development</p>\n                <div class="progressbar line primary" data-value="85"></div>\n              </li>\n              <li>\n            </ul>\n            <!-- /.progress-list -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gy-6 align-items-center mb-14 mb-md-18">\n          <div class="col-lg-4">\n            <h3 class="display-4 mb-5">We offer great and premium prices.</h3>\n            <p class="lead fs-lg mb-5">Enjoy a <span class="underline">free 30-day trial</span> and experience the full service. No credit card required!</p>\n            <a href="#" class="btn btn-primary rounded-pill mt-2">See All Prices</a>\n          </div>\n          <!--/column -->\n          <div class="col-lg-7 offset-lg-1 pricing-wrapper">\n            <div class="pricing-switcher-wrapper switcher justify-content-start justify-content-lg-end">\n              <p class="mb-0 pe-3">Monthly</p>\n              <div class="pricing-switchers">\n                <div class="pricing-switcher pricing-switcher-active"></div>\n                <div class="pricing-switcher"></div>\n                <div class="switcher-button bg-primary"></div>\n              </div>\n              <p class="mb-0 ps-3">Yearly <span class="text-red">(Save 30%)</span></p>\n            </div>\n            <div class="row gy-6 mt-5">\n              <div class="col-md-6">\n                <div class="pricing card shadow-lg">\n                  <div class="card-body pb-12">\n                    <div class="prices text-dark">\n                      <div class="price price-show justify-content-start"><span class="price-currency">$</span><span class="price-value">19</span> <span class="price-duration">mo</span></div>\n                      <div class="price price-hide price-hidden justify-content-start"><span class="price-currency">$</span><span class="price-value">199</span> <span class="price-duration">yr</span></div>\n                    </div>\n                    <!--/.prices -->\n                    <h4 class="card-title mt-2">Premium Plan</h4>\n                    <ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8">\n                      <li><i class="uil uil-check"></i><span><strong>5</strong> Projects </span></li>\n                      <li><i class="uil uil-check"></i><span><strong>100K</strong> API Access </span></li>\n                      <li><i class="uil uil-check"></i><span><strong>200MB</strong> Storage </span></li>\n                      <li><i class="uil uil-check"></i><span> Weekly <strong>Reports</strong></span></li>\n                      <li><i class="uil uil-times bullet-soft-red"></i><span> 7/24 <strong>Support</strong></span></li>\n                    </ul>\n                    <a href="#" class="btn btn-primary rounded-pill">Choose Plan</a>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.pricing -->\n              </div>\n              <!--/column -->\n              <div class="col-md-6 popular">\n                <div class="pricing card shadow-lg">\n                  <div class="card-body pb-12">\n                    <div class="prices text-dark">\n                      <div class="price price-show justify-content-start"><span class="price-currency">$</span><span class="price-value">49</span> <span class="price-duration">mo</span></div>\n                      <div class="price price-hide price-hidden justify-content-start"><span class="price-currency">$</span><span class="price-value">499</span> <span class="price-duration">yr</span></div>\n                    </div>\n                    <!--/.prices -->\n                    <h4 class="card-title mt-2">Corporate Plan</h4>\n                    <ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8">\n                      <li><i class="uil uil-check"></i><span><strong>20</strong> Projects </span></li>\n                      <li><i class="uil uil-check"></i><span><strong>300K</strong> API Access </span></li>\n                      <li><i class="uil uil-check"></i><span><strong>500MB</strong> Storage </span></li>\n                      <li><i class="uil uil-check"></i><span> Weekly <strong>Reports</strong></span></li>\n                      <li><i class="uil uil-check"></i><span> 7/24 <strong>Support</strong></span></li>\n                    </ul>\n                    <a href="#" class="btn btn-primary rounded-pill">Choose Plan</a>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.pricing -->\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="card bg-soft-primary rounded-4">\n          <div class="card-body p-md-10 p-xl-11">\n            <div class="row gx-lg-8 gx-xl-12 gy-10">\n              <div class="col-lg-6">\n                <h3 class="display-4 mb-4">Frequently Asked Questions</h3>\n                <p class="lead fs-lg mb-0">If you don''t see an answer to your question, you can send us an email from our contact form.</p>\n              </div>\n              <!--/column -->\n              <div class="col-lg-6">\n                <div class="accordion accordion-wrapper" id="accordionExample">\n                  <div class="card plain accordion-item">\n                    <div class="card-header" id="headingOne">\n                      <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">How do I get my subscription receipt?</button>\n                    </div>\n                    <!--/.card-header -->\n                    <div id="collapseOne" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample">\n                      <div class="card-body">\n                        <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!--/.accordion-collapse -->\n                  </div>\n                  <!--/.accordion-item -->\n                  <div class="card plain accordion-item">\n                    <div class="card-header" id="headingTwo">\n                      <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">Are there any discounts for people in need?</button>\n                    </div>\n                    <!--/.card-header -->\n                    <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">\n                      <div class="card-body">\n                        <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!--/.accordion-collapse -->\n                  </div>\n                  <!--/.accordion-item -->\n                  <div class="card plain accordion-item">\n                    <div class="card-header" id="headingThree">\n                      <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">Do you offer a free trial edit?</button>\n                    </div>\n                    <!--/.card-header -->\n                    <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">\n                      <div class="card-body">\n                        <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!--/.accordion-collapse -->\n                  </div>\n                  <!--/.accordion-item -->\n                  <div class="card plain accordion-item">\n                    <div class="card-header" id="headingFour">\n                      <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">How do I reset my Account password?</button>\n                    </div>\n                    <!--/.card-header -->\n                    <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#accordionExample">\n                      <div class="card-body">\n                        <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!--/.accordion-collapse -->\n                  </div>\n                  <!--/.accordion-item -->\n                </div>\n                <!--/.accordion -->\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/.card-body -->\n        </div>\n        <!--/.card -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(8, 'footer', 'footer', '<footer class="bg-light">\n    <div class="container pt-14 pt-md-17 pb-7">\n      <div class="row gy-6 gy-lg-0">\n        <div class="col-lg-4">\n          <div class="widget">\n            <h3 class="h2 mb-3 ">Join the Community</h3>\n            <p class="lead mb-5">Let''s make something great together. We are trusted by over 5000+ clients. Join them by using our services and grow your business.</p>\n            <a href="#" class="btn  btn-primary rounded-pill">Join Us</a>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-2 offset-lg-2">\n          <div class="widget">\n            <h4 class="widget-title  mb-3">Need Help?</h4>\n            <ul class="list-unstyled text-reset mb-0">\n              <li><a href="#">Support</a></li>\n              <li><a href="#">Get Started</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-2">\n          <div class="widget">\n            <h4 class="widget-title  mb-3">Learn More</h4>\n            <ul class="list-unstyled text-reset mb-0">\n              <li><a href="#">About Us</a></li>\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Projects</a></li>\n              <li><a href="#">Pricing</a></li>\n              <li><a href="#">Features</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-2">\n          <div class="widget">\n            <h4 class="widget-title  mb-3">Get in Touch</h4>\n            <address>Moonshine St. 14/05 Light City, London, United Kingdom</address>\n            <a href="mailto:first.last@email.com" class="link-body">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!--/.row -->\n      <hr class="mt-13 mt-md-15 mb-7" />\n      <div class="d-md-flex align-items-center justify-content-between">\n        <p class="mb-2 mb-lg-0">© <script>\n            document.write(new Date().getUTCFullYear());\n          </script> Simeya. All rights reserved.</p>\n        <nav class="nav social  text-md-end">\n          <a href="#"><i class="uil uil-twitter"></i></a>\n          <a href="#"><i class="uil uil-facebook-f"></i></a>\n          <a href="#"><i class="uil uil-dribbble"></i></a>\n          <a href="#"><i class="uil uil-instagram"></i></a>\n          <a href="#"><i class="uil uil-youtube"></i></a>\n        </nav>\n        <!-- /.social -->\n      </div>\n      <!-- /div -->\n    </div>\n    <!-- /.container -->\n  </footer>'),
(8, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(9, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <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.">\n  <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">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="preload" href="/assets/css/fonts/dm.css" as="style" onload="this.rel=''stylesheet''">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(9, 'header', 'header', '<header class="wrapper bg-soft-primary">\n      <nav class="navbar navbar-expand-lg classic transparent navbar-light">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img src="/assets/img/logo.png" srcset="/assets/img/logo@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <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>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <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>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <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>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <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>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <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>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <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>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <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>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <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>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <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>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <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>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <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>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <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>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <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>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <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>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <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>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <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>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <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>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <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>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <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>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <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>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <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>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <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>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <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>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <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>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <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>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <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>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <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>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <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>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <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>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <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>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <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>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <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>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <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>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <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>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <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>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <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>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <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>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <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>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <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>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <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>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <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>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <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>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <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>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <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>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <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>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <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>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <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>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <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>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <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>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <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>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <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>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <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>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <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>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other ms-lg-4">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item"><a class="nav-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-info"><i class="uil uil-info-circle"></i></a></li>\n              <li class="nav-item d-none d-md-block">\n                <a href="#" class="btn btn-sm btn-primary rounded-pill" data-bs-toggle="modal" data-bs-target="#modal-signin">Sign In</a>\n              </li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n      <div class="modal fade" id="modal-signin" tabindex="-1">\n        <div class="modal-dialog modal-dialog-centered modal-sm">\n          <div class="modal-content text-center">\n            <div class="modal-body">\n              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>\n              <h2 class="mb-3 text-start">Welcome Back</h2>\n              <p class="lead mb-6 text-start">Fill your email and password to sign in.</p>\n              <form class="text-start mb-3">\n                <div class="form-floating mb-4">\n                  <input type="email" class="form-control" placeholder="Email" id="loginEmail">\n                  <label for="loginEmail">Email</label>\n                </div>\n                <div class="form-floating password-field mb-4">\n                  <input type="password" class="form-control" placeholder="Password" id="loginPassword">\n                  <span class="password-toggle"><i class="uil uil-eye"></i></span>\n                  <label for="loginPassword">Password</label>\n                </div>\n                <a class="btn btn-primary rounded-pill btn-login w-100 mb-2">Sign In</a>\n              </form>\n              <!-- /form -->\n              <p class="mb-1"><a href="#" class="hover">Forgot Password?</a></p>\n              <p class="mb-0">Don''t have an account? <a href="#" data-bs-target="#modal-signup" data-bs-toggle="modal" data-bs-dismiss="modal" class="hover">Sign up</a></p>\n              <div class="divider-icon my-4">or</div>\n              <nav class="nav social justify-content-center text-center">\n                <a href="#" class="btn btn-circle btn-sm btn-google"><i class="uil uil-google"></i></a>\n                <a href="#" class="btn btn-circle btn-sm btn-facebook-f"><i class="uil uil-facebook-f"></i></a>\n                <a href="#" class="btn btn-circle btn-sm btn-twitter"><i class="uil uil-twitter"></i></a>\n              </nav>\n              <!--/.social -->\n            </div>\n            <!--/.modal-content -->\n          </div>\n          <!--/.modal-body -->\n        </div>\n        <!--/.modal-dialog -->\n      </div>\n      <!--/.modal -->\n      <div class="modal fade" id="modal-signup" tabindex="-1">\n        <div class="modal-dialog modal-dialog-centered modal-sm">\n          <div class="modal-content text-center">\n            <div class="modal-body">\n              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>\n              <h2 class="mb-3 text-start">Sign up to Simeya</h2>\n              <p class="lead mb-6 text-start">Registration takes less than a minute.</p>\n              <form class="text-start mb-3">\n                <div class="form-floating mb-4">\n                  <input type="text" class="form-control" placeholder="Name" id="loginName">\n                  <label for="loginName">Name</label>\n                </div>\n                <div class="form-floating mb-4">\n                  <input type="email" class="form-control" placeholder="Email" id="loginEmail">\n                  <label for="loginEmail">Email</label>\n                </div>\n                <div class="form-floating password-field mb-4">\n                  <input type="password" class="form-control" placeholder="Password" id="loginPassword">\n                  <span class="password-toggle"><i class="uil uil-eye"></i></span>\n                  <label for="loginPassword">Password</label>\n                </div>\n                <div class="form-floating password-field mb-4">\n                  <input type="password" class="form-control" placeholder="Confirm Password" id="loginPasswordConfirm">\n                  <span class="password-toggle"><i class="uil uil-eye"></i></span>\n                  <label for="loginPasswordConfirm">Confirm Password</label>\n                </div>\n                <a class="btn btn-primary rounded-pill btn-login w-100 mb-2">Sign Up</a>\n              </form>\n              <!-- /form -->\n              <p class="mb-0">Already have an account? <a href="#" data-bs-target="#modal-signin" data-bs-toggle="modal" data-bs-dismiss="modal" class="hover">Sign in</a></p>\n              <div class="divider-icon my-4">or</div>\n              <nav class="nav social justify-content-center text-center">\n                <a href="#" class="btn btn-circle btn-sm btn-google"><i class="uil uil-google"></i></a>\n                <a href="#" class="btn btn-circle btn-sm btn-facebook-f"><i class="uil uil-facebook-f"></i></a>\n                <a href="#" class="btn btn-circle btn-sm btn-twitter"><i class="uil uil-twitter"></i></a>\n              </nav>\n              <!--/.social -->\n            </div>\n            <!--/.modal-content -->\n          </div>\n          <!--/.modal-body -->\n        </div>\n        <!--/.modal-dialog -->\n      </div>\n      <!--/.modal -->\n      <div class="offcanvas offcanvas-end text-inverse" id="offcanvas-info" data-bs-scroll="true">\n        <div class="offcanvas-header">\n          <h3 class="text-white fs-30 mb-0">Simeya</h3>\n          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n        </div>\n        <div class="offcanvas-body pb-6">\n          <div class="widget mb-8">\n            <p>Simeya is a multipurpose HTML5 template with various layouts which will be a great solution for your business.</p>\n          </div>\n          <!-- /.widget -->\n          <div class="widget mb-8">\n            <h4 class="widget-title text-white mb-3">Contact Info</h4>\n            <address> Moonshine St. 14/05 <br /> Light City, London </address>\n            <a href="mailto:first.last@email.com">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n          <div class="widget mb-8">\n            <h4 class="widget-title text-white mb-3">Learn More</h4>\n            <ul class="list-unstyled">\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n              <li><a href="#">Contact Us</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Follow Us</h4>\n            <nav class="nav social social-white">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /.offcanvas-body -->\n      </div>\n      <!-- /.offcanvas -->\n    </header>'),
(9, 'content', 'section_1', '<section class="wrapper bg-soft-primary">\n      <div class="container pt-10 pb-12 pt-md-14 pb-md-17">\n        <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">\n          <div class="col-md-10 offset-md-1 offset-lg-0 col-lg-5 mt-lg-n2 text-center text-lg-start order-2 order-lg-0" data-cues="slideInDown" data-group="page-title" data-delay="600">\n            <h1 class="display-1 mb-5 mx-md-10 mx-lg-0">Simeya is effortless and powerful with <br /><span class="typer text-primary text-nowrap" data-delay="100" data-words="easy usage,fast transactions,secure payments"></span><span class="cursor text-primary" data-owner="typer"></span></h1>\n            <p class="lead fs-lg mb-7">Achieve your saving goals. Have all your recurring and one time expenses and incomes in one place.</p>\n            <div class="d-flex justify-content-center justify-content-lg-start" data-cues="slideInDown" data-group="page-title-buttons" data-delay="900">\n              <span><a class="btn btn-lg btn-primary rounded me-2">Get Started</a></span>\n              <span><a class="btn btn-lg btn-green rounded">Free Trial</a></span>\n            </div>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-7">\n            <div class="row">\n              <div class="col-3 offset-1 offset-lg-0 col-lg-4 d-flex flex-column" data-cues="zoomIn" data-group="col-start" data-delay="300">\n                <div class="ms-auto mt-auto"><img class="img-fluid rounded shadow-lg" src="/assets/img/photos/sa20.jpg" srcset="/assets/img/photos/sa20@2x.jpg 2x" alt="" /></div>\n                <div class="ms-auto mt-5 mb-10"><img class="img-fluid rounded shadow-lg" src="/assets/img/photos/sa18.jpg" srcset="/assets/img/photos/sa18@2x.jpg 2x" alt="" /></div>\n              </div>\n              <!-- /column -->\n              <div class="col-4 col-lg-5" data-cue="zoomIn">\n                <div><img class="w-100 img-fluid rounded shadow-lg" src="/assets/img/photos/sa16.jpg" srcset="/assets/img/photos/sa16@2x.jpg 2x" alt="" /></div>\n              </div>\n              <!-- /column -->\n              <div class="col-3 d-flex flex-column" data-cues="zoomIn" data-group="col-end" data-delay="300">\n                <div class="mt-auto"><img class="img-fluid rounded shadow-lg" src="/assets/img/photos/sa21.jpg" srcset="/assets/img/photos/sa21@2x.jpg 2x" alt="" /></div>\n                <div class="mt-5"><img class="img-fluid rounded shadow-lg" src="/assets/img/photos/sa19.jpg" srcset="/assets/img/photos/sa19@2x.jpg 2x" alt="" /></div>\n                <div class="mt-5 mb-10"><img class="img-fluid rounded shadow-lg" src="/assets/img/photos/sa17.jpg" srcset="/assets/img/photos/sa17@2x.jpg 2x" alt="" /></div>\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(9, 'content', 'section_2', '<section class="wrapper bg-light">\n      <div class="container py-14 pt-md-17 pb-md-25">\n        <h2 class="fs-15 text-uppercase text-muted text-center mb-8">Trusted by Over 5000 Clients</h2>\n        <div class="px-lg-5 mb-14 mb-md-19">\n          <div class="row gx-0 gx-md-8 gx-xl-12 gy-8 align-items-center">\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c1.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c2.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c3.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c4.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c5.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n            <div class="col-4 col-md-2">\n              <figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="/assets/img/brands/c6.png" alt="" /></figure>\n            </div>\n            <!--/column -->\n          </div>\n          <!--/.row -->\n        </div>\n        <!-- /div -->\n        <div class="row">\n          <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2 mx-auto text-center">\n            <h2 class="fs-15 text-uppercase text-muted mb-3">Why Choose Simeya?</h2>\n            <h3 class="display-4 mb-10 px-xl-10 px-xxl-15">Here are a few reasons why our customers choose Simeya.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <ul class="nav nav-tabs nav-tabs-bg nav-tabs-shadow-lg d-flex justify-content-between nav-justified flex-lg-row flex-column">\n          <li class="nav-item"> <a class="nav-link d-flex flex-row active" data-bs-toggle="tab" href="#tab2-1">\n              <div><img src="/assets/img/icons/lineal/rocket.svg" class="svg-inject icon-svg icon-svg-md text-yellow me-4" alt="" /></div>\n              <div>\n                <h4 class="mb-1">Easy Usage</h4>\n                <p>Duis mollis commodo luctus cursus commodo tortor mauris.</p>\n              </div>\n            </a> </li>\n          <li class="nav-item"> <a class="nav-link d-flex flex-row" data-bs-toggle="tab" href="#tab2-2">\n              <div><img src="/assets/img/icons/lineal/savings.svg" class="svg-inject icon-svg icon-svg-md text-green me-4" alt="" /></div>\n              <div>\n                <h4 class="mb-1">Fast Transactions</h4>\n                <p>Vivamus sagittis lacus augue fusce dapibus tellus nibh.</p>\n              </div>\n            </a> </li>\n          <li class="nav-item"> <a class="nav-link d-flex flex-row" data-bs-toggle="tab" href="#tab2-3">\n              <div><img src="/assets/img/icons/lineal/shield.svg" class="svg-inject icon-svg icon-svg-md text-red me-4" alt="" /></div>\n              <div>\n                <h4 class="mb-1">Secure Payments</h4>\n                <p>Vestibulum ligula porta felis maecenas faucibus mollis.</p>\n              </div>\n            </a> </li>\n        </ul>\n        <!-- /.nav-tabs -->\n        <div class="tab-content mt-6 mt-lg-8 mb-md-9">\n          <div class="tab-pane fade show active" id="tab2-1">\n            <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">\n              <div class="col-lg-6">\n                <div class="row gx-md-5 gy-5 align-items-center">\n                  <div class="col-6">\n                    <img class="img-fluid rounded shadow-lg d-flex ms-auto" src="/assets/img/photos/sa13.jpg" srcset="/assets/img/photos/sa13@2x.jpg 2x" alt="" />\n                  </div>\n                  <!-- /column -->\n                  <div class="col-6">\n                    <img class="img-fluid rounded shadow-lg mb-5" src="/assets/img/photos/sa14.jpg" srcset="/assets/img/photos/sa14@2x.jpg 2x" alt="" />\n                    <img class="img-fluid rounded shadow-lg d-flex col-10" src="/assets/img/photos/sa15.jpg" srcset="/assets/img/photos/sa15@2x.jpg 2x" alt="" />\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </div>\n              <!--/column -->\n              <div class="col-lg-6">\n                <h2 class="mb-3">Easy Usage</h2>\n                <p>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 commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna.</p>\n                <ul class="icon-list bullet-bg bullet-soft-yellow">\n                  <li><i class="uil uil-check"></i>Aenean eu leo quam. Pellentesque ornare.</li>\n                  <li><i class="uil uil-check"></i>Nullam quis risus eget urna mollis ornare.</li>\n                  <li><i class="uil uil-check"></i>Donec id elit non mi porta gravida at eget.</li>\n                </ul>\n                <a href="#" class="btn btn-yellow mt-2">Learn More</a>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/.tab-pane -->\n          <div class="tab-pane fade" id="tab2-2">\n            <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">\n              <div class="col-lg-6 order-lg-2">\n                <div class="row gx-md-5 gy-5">\n                  <div class="col-5">\n                    <img class="img-fluid rounded shadow-lg my-5 d-flex ms-auto" src="/assets/img/photos/sa9.jpg" srcset="/assets/img/photos/sa9@2x.jpg 2x" alt="" />\n                    <img class="img-fluid rounded shadow-lg d-flex col-10 ms-auto" src="/assets/img/photos/sa10.jpg" srcset="/assets/img/photos/sa10@2x.jpg 2x" alt="" />\n                  </div>\n                  <!-- /column -->\n                  <div class="col-7">\n                    <img class="img-fluid rounded shadow-lg mb-5" src="/assets/img/photos/sa11.jpg" srcset="/assets/img/photos/sa11@2x.jpg 2x" alt="" />\n                    <img class="img-fluid rounded shadow-lg d-flex col-11" src="/assets/img/photos/sa12.jpg" srcset="/assets/img/photos/sa12@2x.jpg 2x" alt="" />\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </div>\n              <!--/column -->\n              <div class="col-lg-6">\n                <h2 class="mb-3">Fast Transactions</h2>\n                <p>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 commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna.</p>\n                <ul class="icon-list bullet-bg bullet-soft-green">\n                  <li><i class="uil uil-check"></i>Aenean eu leo quam. Pellentesque ornare.</li>\n                  <li><i class="uil uil-check"></i>Nullam quis risus eget urna mollis ornare.</li>\n                  <li><i class="uil uil-check"></i>Donec id elit non mi porta gravida at eget.</li>\n                </ul>\n                <a href="#" class="btn btn-green mt-2">Learn More</a>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/.tab-pane -->\n          <div class="tab-pane fade" id="tab2-3">\n            <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">\n              <div class="col-lg-6">\n                <div class="row gx-md-5 gy-5">\n                  <div class="col-6">\n                    <img class="img-fluid rounded shadow-lg mb-5" src="/assets/img/photos/sa5.jpg" srcset="/assets/img/photos/sa5@2x.jpg 2x" alt="" />\n                    <img class="img-fluid rounded shadow-lg d-flex col-10 ms-auto" src="/assets/img/photos/sa6.jpg" srcset="/assets/img/photos/sa6@2x.jpg 2x" alt="" />\n                  </div>\n                  <!-- /column -->\n                  <div class="col-6">\n                    <img class="img-fluid rounded shadow-lg my-5" src="/assets/img/photos/sa7.jpg" srcset="/assets/img/photos/sa7@2x.jpg 2x" alt="" />\n                    <img class="img-fluid rounded shadow-lg d-flex col-10" src="/assets/img/photos/sa8.jpg" srcset="/assets/img/photos/sa8@2x.jpg 2x" alt="" />\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </div>\n              <!--/column -->\n              <div class="col-lg-6">\n                <h2 class="mb-3">Secure Payments</h2>\n                <p>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 commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna.</p>\n                <ul class="icon-list bullet-bg bullet-soft-red">\n                  <li><i class="uil uil-check"></i>Aenean eu leo quam. Pellentesque ornare.</li>\n                  <li><i class="uil uil-check"></i>Nullam quis risus eget urna mollis ornare.</li>\n                  <li><i class="uil uil-check"></i>Donec id elit non mi porta gravida at eget.</li>\n                </ul>\n                <a href="#" class="btn btn-red mt-2">Learn More</a>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/.tab-pane -->\n        </div>\n        <!-- /.tab-content -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(9, 'content', 'section_3', '<section class="wrapper bg-soft-primary">\n      <div class="container py-14 py-md-17">\n        <div class="row mt-md-n25">\n          <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2 mx-auto text-center">\n            <h2 class="fs-15 text-uppercase text-muted mb-3">Happy Customers</h2>\n            <h3 class="display-4 mb-10 px-xl-10 px-xxl-15">Don''t take our word for it. See what customers are saying about us.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="grid">\n          <div class="row isotope gy-6">\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque penatibus.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te1.jpg" srcset="/assets/img/avatars/te1@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Coriss Ambady</h5>\n                        <p class="mb-0">Financial Analyst</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Fusce dapibus, tellus ac cursus tortor mauris condimentum fermentum massa justo sit amet. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te2.jpg" srcset="/assets/img/avatars/te2@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Cory Zamora</h5>\n                        <p class="mb-0">Marketing Specialist</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nullam quis risus eget porta ac consectetur vestibulum. Donec sed odio dui consectetur adipiscing elit.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te3.jpg" srcset="/assets/img/avatars/te3@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Nikolas Brooten</h5>\n                        <p class="mb-0">Sales Manager</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Etiam adipiscing tincidunt elit convallis felis suscipit ut. Phasellus rhoncus tincidunt auctor. Nullam eu sagittis mauris. Donec non dolor ac elit aliquam tincidunt at at sapien. Aenean tortor libero condimentum ac laoreet vitae.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te4.jpg" srcset="/assets/img/avatars/te4@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Coriss Ambady</h5>\n                        <p class="mb-0">Financial Analyst</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus magnis dis montes, nascetur ridiculus mus. Donec sed odio dui. Nulla vitae elit libero a pharetra.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te5.jpg" srcset="/assets/img/avatars/te5@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Jackie Sanders</h5>\n                        <p class="mb-0">Investment Planner</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Donec id elit non mi porta gravida at eget metus. Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te6.jpg" srcset="/assets/img/avatars/te6@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Laura Widerski</h5>\n                        <p class="mb-0">Sales Specialist</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n          </div>\n          <!-- /.row -->\n        </div>\n        <!-- /.grid-view -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(9, 'content', 'section_4', '<section class="wrapper bg-light">\n      <div class="container py-14 py-md-17">\n        <div class="row gy-10 gy-sm-13 gx-lg-3 align-items-center mb-14 mb-md-19">\n          <div class="col-md-8 col-lg-6 position-relative">\n            <a href="/assets/media/movie.mp4" class="btn btn-circle btn-primary btn-play ripple mx-auto mb-5 position-absolute" style="top:50%; left: 50%; transform: translate(-50%,-50%); z-index:3;" data-glightbox><i class="icn-caret-right"></i></a>\n            <div class="shape rounded bg-soft-primary rellax d-md-block" data-rellax-speed="0" style="bottom: -1.8rem; right: -1.5rem; width: 85%; height: 90%; "></div>\n            <figure class="rounded"><img src="/assets/img/photos/about8.jpg" srcset="/assets/img/photos/about8@2x.jpg 2x" alt=""></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5 col-xl-4 offset-lg-1">\n            <h2 class="fs-15 text-uppercase text-muted mb-3">How It Works?</h2>\n            <h3 class="display-4 mb-7">Here are the 3 working steps on success.</h3>\n            <div class="d-flex flex-row mb-5">\n              <div>\n                <img src="/assets/img/icons/lineal/shield.svg" class="svg-inject icon-svg icon-svg-md text-yellow me-5" alt="" />\n              </div>\n              <div>\n                <h4 class="mb-1">Secured Transactions</h4>\n                <p class="mb-0">Nulla vitae elit libero pharetra augue dapibus. Praesent commodo cursus.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row mb-5">\n              <div>\n                <img src="/assets/img/icons/lineal/savings.svg" class="svg-inject icon-svg icon-svg-md text-green me-5" alt="" />\n              </div>\n              <div>\n                <h4 class="mb-1">Bills Planning</h4>\n                <p class="mb-0">Vivamus sagittis lacus vel augue laoreet. Etiam porta sem malesuada magna.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/lineal/loading.svg" class="svg-inject icon-svg icon-svg-md text-red me-5" alt="" />\n              </div>\n              <div>\n                <h4 class="mb-1">Always up to date</h4>\n                <p class="mb-0">Cras mattis consectetur purus sit amet. Aenean lacinia bibendum nulla sed.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gy-6 align-items-center">\n          <div class="col-lg-4">\n            <h2 class="fs-15 text-uppercase text-muted mb-3">Our Pricing</h2>\n            <h3 class="display-4 mb-5">We offer great and premium prices.</h3>\n            <p class="mb-5">Enjoy a <a href="#" class="hover">free 30-day trial</a> and experience the full service. No credit card required!</p>\n            <a href="#" class="btn btn-primary rounded mt-2">See All Prices</a>\n          </div>\n          <!--/column -->\n          <div class="col-lg-7 offset-lg-1 pricing-wrapper">\n            <div class="pricing-switcher-wrapper switcher justify-content-start justify-content-lg-end">\n              <p class="mb-0 pe-3">Monthly</p>\n              <div class="pricing-switchers">\n                <div class="pricing-switcher pricing-switcher-active"></div>\n                <div class="pricing-switcher"></div>\n                <div class="switcher-button bg-primary"></div>\n              </div>\n              <p class="mb-0 ps-3">Yearly <span class="text-red">(Save 30%)</span></p>\n            </div>\n            <div class="row gy-6 mt-5">\n              <div class="col-md-6">\n                <div class="pricing card shadow-lg">\n                  <div class="card-body pb-12">\n                    <div class="prices text-dark">\n                      <div class="price price-show justify-content-start"><span class="price-currency">$</span><span class="price-value">19</span> <span class="price-duration">mo</span></div>\n                      <div class="price price-hide price-hidden justify-content-start"><span class="price-currency">$</span><span class="price-value">199</span> <span class="price-duration">yr</span></div>\n                    </div>\n                    <!--/.prices -->\n                    <h4 class="card-title mt-2">Premium Plan</h4>\n                    <ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8">\n                      <li><i class="uil uil-check"></i><span><strong>5</strong> Projects </span></li>\n                      <li><i class="uil uil-check"></i><span><strong>100K</strong> API Access </span></li>\n                      <li><i class="uil uil-check"></i><span><strong>200MB</strong> Storage </span></li>\n                      <li><i class="uil uil-check"></i><span> Weekly <strong>Reports</strong></span></li>\n                      <li><i class="uil uil-times bullet-soft-red"></i><span> 7/24 <strong>Support</strong></span></li>\n                    </ul>\n                    <a href="#" class="btn btn-primary rounded">Choose Plan</a>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.pricing -->\n              </div>\n              <!--/column -->\n              <div class="col-md-6 popular">\n                <div class="pricing card shadow-lg">\n                  <div class="card-body pb-12">\n                    <div class="prices text-dark">\n                      <div class="price price-show justify-content-start"><span class="price-currency">$</span><span class="price-value">49</span> <span class="price-duration">mo</span></div>\n                      <div class="price price-hide price-hidden justify-content-start"><span class="price-currency">$</span><span class="price-value">499</span> <span class="price-duration">yr</span></div>\n                    </div>\n                    <!--/.prices -->\n                    <h4 class="card-title mt-2">Corporate Plan</h4>\n                    <ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8">\n                      <li><i class="uil uil-check"></i><span><strong>20</strong> Projects </span></li>\n                      <li><i class="uil uil-check"></i><span><strong>300K</strong> API Access </span></li>\n                      <li><i class="uil uil-check"></i><span><strong>500MB</strong> Storage </span></li>\n                      <li><i class="uil uil-check"></i><span> Weekly <strong>Reports</strong></span></li>\n                      <li><i class="uil uil-check"></i><span> 7/24 <strong>Support</strong></span></li>\n                    </ul>\n                    <a href="#" class="btn btn-primary rounded">Choose Plan</a>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.pricing -->\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(9, 'content', 'section_5', '<section class="wrapper bg-soft-primary">\n      <div class="container py-14 py-md-17">\n        <div class="row">\n          <div class="col-lg-11 col-xxl-10 mx-auto text-center">\n            <h2 class="fs-15 text-uppercase text-muted mb-3">FAQ</h2>\n            <h3 class="display-4 mb-10 px-lg-12 px-xl-10 px-xxl-15">If you don''t see an answer to your question, you can send us an email from our contact form.</h3>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row">\n          <div class="col-lg-7 mx-auto">\n            <div id="accordion-3" class="accordion-wrapper">\n              <div class="card accordion-item shadow-lg">\n                <div class="card-header" id="accordion-heading-3-1">\n                  <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-3-1" aria-expanded="false" aria-controls="accordion-collapse-3-1">How do I get my subscription receipt?</button>\n                </div>\n                <!-- /.card-header -->\n                <div id="accordion-collapse-3-1" class="collapse" aria-labelledby="accordion-heading-3-1" data-bs-target="#accordion-3">\n                  <div class="card-body">\n                    <p>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 scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui. Cras justo odio, dapibus ac facilisis.</p>\n                  </div>\n                  <!-- /.card-body -->\n                </div>\n                <!-- /.collapse -->\n              </div>\n              <!-- /.card -->\n              <div class="card accordion-item shadow-lg">\n                <div class="card-header" id="accordion-heading-3-2">\n                  <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-3-2" aria-expanded="false" aria-controls="accordion-collapse-3-2">Are there any discounts for people in need?</button>\n                </div>\n                <!-- /.card-header -->\n                <div id="accordion-collapse-3-2" class="collapse" aria-labelledby="accordion-heading-3-2" data-bs-target="#accordion-3">\n                  <div class="card-body">\n                    <p>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 scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui. Cras justo odio, dapibus ac facilisis.</p>\n                  </div>\n                  <!-- /.card-body -->\n                </div>\n                <!-- /.collapse -->\n              </div>\n              <!-- /.card -->\n              <div class="card accordion-item shadow-lg">\n                <div class="card-header" id="accordion-heading-3-3">\n                  <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-3-3" aria-expanded="false" aria-controls="accordion-collapse-3-3">Do you offer a free trial edit?</button>\n                </div>\n                <!-- /.card-header -->\n                <div id="accordion-collapse-3-3" class="collapse" aria-labelledby="accordion-heading-3-3" data-bs-target="#accordion-3">\n                  <div class="card-body">\n                    <p>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 scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui. Cras justo odio, dapibus ac facilisis.</p>\n                  </div>\n                  <!-- /.card-body -->\n                </div>\n                <!-- /.collapse -->\n              </div>\n              <!-- /.card -->\n              <div class="card accordion-item shadow-lg">\n                <div class="card-header" id="accordion-heading-3-4">\n                  <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-3-4" aria-expanded="false" aria-controls="accordion-collapse-3-4">How do I reset my Account password?</button>\n                </div>\n                <!-- /.card-header -->\n                <div id="accordion-collapse-3-4" class="collapse" aria-labelledby="accordion-heading-3-4" data-bs-target="#accordion-3">\n                  <div class="card-body">\n                    <p>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 scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui. Cras justo odio, dapibus ac facilisis.</p>\n                  </div>\n                  <!-- /.card-body -->\n                </div>\n                <!-- /.collapse -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!-- /.accordion-wrapper -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(9, 'footer', 'footer', '<footer class="bg-dark text-inverse">\n    <div class="container py-13 py-md-15">\n      <div class="row gy-6 gy-lg-0">\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <img class="mb-4" src="/assets/img/logo-light.png" srcset="/assets/img/logo-light@2x.png 2x" alt="" />\n            <p class="mb-4">© <script>\n                document.write(new Date().getUTCFullYear());\n              </script> Simeya. <br class="d-none d-lg-block" />All rights reserved.</p>\n            <nav class="nav social social-white">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Get in Touch</h4>\n            <address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address>\n            <a href="mailto:#">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Learn More</h4>\n            <ul class="list-unstyled  mb-0">\n              <li><a href="#">About Us</a></li>\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Projects</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-12 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Our Newsletter</h4>\n            <p class="mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p>\n            <div class="newsletter-wrapper">\n              <!-- Begin Mailchimp Signup Form -->\n              <div id="mc_embed_signup2">\n                <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate dark-fields" target="_blank" novalidate>\n                  <div id="mc_embed_signup_scroll2">\n                    <div class="mc-field-group input-group form-floating">\n                      <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2">\n                      <label for="mce-EMAIL2">Email Address</label>\n                      <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary ">\n                    </div>\n                    <div id="mce-responses2" class="clear">\n                      <div class="response" id="mce-error-response2" style="display:none"></div>\n                      <div class="response" id="mce-success-response2" style="display:none"></div>\n                    </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n                    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>\n                    <div class="clear"></div>\n                  </div>\n                </form>\n              </div>\n              <!--End mc_embed_signup-->\n            </div>\n            <!-- /.newsletter-wrapper -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!--/.row -->\n    </div>\n    <!-- /.container -->\n  </footer>'),
(9, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>');