(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>'),
