(29, 'content', 'section_1', '<section class="wrapper image-wrapper bg-full bg-image bg-overlay bg-overlay-light-600" data-image-src="/assets/img/photos/bg23.png">\n      <div class="container pt-16 pt-md-18 pb-9">\n        <div class="row gx-0 gy-10 align-items-center text-center text-lg-start">\n          <div class="col-lg-6 col-xxl-5 position-relative" data-cues="slideInDown" data-group="page-title" data-delay="700">\n            <img src="/assets/img/svg/doodle1.svg" class="h-9 position-absolute d-none d-lg-block" data-cue="fadeIn" data-delay="3000" style="top: -9%; left: -6%" alt="">\n            <img src="/assets/img/svg/doodle2.svg" class="h-15 position-absolute d-none d-lg-block" data-cue="fadeIn" data-delay="3000" style="bottom: 9%; right: -22%" alt="">\n            <h1 class="display-1 fs-50 mb-4">Manage all your bills, accounts and budgets in <span class="text-gradient gradient-7">one place.</span></h1>\n            <p class="lead fs-24 lh-sm mb-7">Simeya is available to download from both App Store and Google Play Store.</p>\n            <div class="d-flex justify-content-center justify-content-lg-start" data-cues="slideInDown" data-group="page-title-buttons" data-delay="1800">\n              <span><a href="#" class="me-2"><img src="/assets/img/photos/button-appstore.svg" class="h-11 rounded-xl" alt=""></a></span>\n              <span><a href="#"><img src="/assets/img/photos/button-google-play.svg" class="h-11 rounded-xl" alt=""></a></span>\n            </div>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-6 ms-auto mb-n20 mb-xxl-n22" data-cues="slideInDown" data-delay="600">\n            <figure><img src="/assets/img/photos/devices3.png" srcset="/assets/img/photos/devices3@2x.png 2x" alt=""></figure>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n      <div class="overflow-hidden" style="z-index:1;">\n        <div class="divider text-light mx-n2">\n          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100">\n            <g fill="currentColor">\n              <polygon points="1440 100 0 100 0 85 1440 0 1440 100" />\n            </g>\n          </svg>\n        </div>\n      </div>\n      <!-- /.overflow-hidden -->\n    </section>'),
(29, 'content', 'section_2', '<section class="wrapper bg-light">\n      <div class="container pt-18 pt-md-20 pb-14 pb-md-16">\n        <div class="row text-center">\n          <div class="col-lg-10 col-xl-9 col-xxl-8 mx-auto position-relative">\n            <img src="/assets/img/svg/doodle3.svg" class="h-11 position-absolute d-none d-lg-block" style="top: -45%; left: 23%" alt="">\n            <img src="/assets/img/svg/doodle4.svg" class="h-8 position-absolute d-none d-lg-block" style="top: 6%; right: 2%" alt="">\n            <h2 class="fs-16 text-uppercase text-muted mb-3">App Features</h2>\n            <h3 class="display-3 mb-11 px-lg-5 px-xl-0 px-xxl-6">Simeya makes your spending <span class="text-gradient gradient-7">stress-free</span> for you to have the perfect control.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row mb-20">\n          <div class="col-xxl-11 mx-auto">\n            <div class="row gx-md-8 gy-10 text-center">\n              <div class="col-md-6 col-lg-3">\n                <div class="svg-bg svg-bg-lg bg-pale-yellow rounded-xl mb-4"> <img src="/assets/img/icons/solid/cloud-network-2.svg" class="svg-inject icon-svg solid text-navy" alt="" /> </div>\n                <h4 class="fs-20">Always up to Date</h4>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 col-lg-3">\n                <div class="svg-bg svg-bg-lg bg-pale-green rounded-xl mb-4"> <img src="/assets/img/icons/solid/touchscreen.svg" class="svg-inject icon-svg solid text-navy" alt="" /> </div>\n                <h4 class="fs-20">Easy Usage</h4>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 col-lg-3">\n                <div class="svg-bg svg-bg-lg bg-pale-purple rounded-xl mb-4"> <img src="/assets/img/icons/solid/lock.svg" class="svg-inject icon-svg solid text-navy" alt="" /> </div>\n                <h4 class="fs-20">Secure Payments</h4>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 col-lg-3">\n                <div class="svg-bg svg-bg-lg bg-pale-pink rounded-xl mb-4"> <img src="/assets/img/icons/solid/rocket.svg" class="svg-inject icon-svg solid text-navy" alt="" /> </div>\n                <h4 class="fs-20">Fast Transactions</h4>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 col-lg-3">\n                <div class="svg-bg svg-bg-lg bg-pale-violet rounded-xl mb-4"> <img src="/assets/img/icons/solid/bar-chart.svg" class="svg-inject icon-svg solid text-navy" alt="" /> </div>\n                <h4 class="fs-20">Reports & Forecasting</h4>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 col-lg-3">\n                <div class="svg-bg svg-bg-lg bg-pale-orange rounded-xl mb-4"> <img src="/assets/img/icons/solid/safe.svg" class="svg-inject icon-svg solid text-navy" alt="" /> </div>\n                <h4 class="fs-20">Online Banking</h4>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 col-lg-3">\n                <div class="svg-bg svg-bg-lg bg-pale-blue rounded-xl mb-4"> <img src="/assets/img/icons/solid/controls.svg" class="svg-inject icon-svg solid text-navy" alt="" /> </div>\n                <h4 class="fs-20">Configurable Fields</h4>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 col-lg-3">\n                <div class="svg-bg svg-bg-lg bg-pale-leaf rounded-xl mb-4"> <img src="/assets/img/icons/solid/checked.svg" class="svg-inject icon-svg solid text-navy" alt="" /> </div>\n                <h4 class="fs-20">List of Transactions</h4>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row text-center">\n          <div class="col-md-10 col-lg-7 mx-auto position-relative">\n            <img src="/assets/img/svg/doodle5.svg" class="w-15 position-absolute d-none d-lg-block" data-delay="1800" style="bottom: -60%; right: 10%" alt="">\n            <img src="/assets/img/svg/doodle6.svg" class="h-15 position-absolute d-none d-lg-block" data-delay="1800" style="top: -40%; left: -5%" alt="">\n            <h2 class="fs-16 text-uppercase text-muted mb-3">How It Works</h2>\n            <h3 class="display-3 mb-8 px-xl-6">Download the app, create your profile and <span class="text-gradient gradient-7">voilà</span>, you''re all set!</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row mb-lg-20 mb-xl-23">\n          <div class="col-xxl-11 mx-auto">\n            <div class="row gy-10 gy-lg-0 text-center d-flex align-items-center">\n              <div class="col-md-6 col-lg-4 mx-auto mb-n10 mb-lg-0">\n                <figure class="mx-auto"><img src="/assets/img/photos/devices4.png" srcset="/assets/img/photos/devices4@2x.png 2x" alt=""></figure>\n              </div>\n              <!-- /column -->\n              <div class="w-100 d-lg-none"></div>\n              <div class="col-md-6 col-lg-4 order-lg-first">\n                <div class="mb-8">\n                  <span class="fs-60 lh-1 mb-3 fw-normal text-gradient gradient-7">01</span>\n                  <h4 class="fs-20">Download Application</h4>\n                  <p class="mb-0 px-xl-7">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus.</p>\n                </div>\n                <!-- /div -->\n                <div>\n                  <span class="fs-60 lh-1 mb-3 fw-normal text-gradient gradient-7">02</span>\n                  <h4 class="fs-20">Quick Registration</h4>\n                  <p class="mb-0 px-xl-7">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus.</p>\n                </div>\n                <!-- /div -->\n              </div>\n              <!-- /column -->\n              <div class="col-md-6 col-lg-4">\n                <div class="mb-8">\n                  <span class="fs-60 lh-1 mb-3 fw-normal text-gradient gradient-7">03</span>\n                  <h4 class="fs-20">Track Your Spending</h4>\n                  <p class="mb-0 px-xl-7">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus.</p>\n                </div>\n                <!-- /div -->\n                <div>\n                  <span class="fs-60 lh-1 mb-3 fw-normal text-gradient gradient-7">04</span>\n                  <h4 class="fs-20">Have Total Control</h4>\n                  <p class="mb-0 px-xl-7">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus.</p>\n                </div>\n                <!-- /div -->\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(29, 'content', 'section_3', '<section class="wrapper image-wrapper bg-full bg-image bg-overlay bg-overlay-light-600 bg-content" data-image-src="/assets/img/photos/bg23.png">\n      <div class="container py-14 pt-md-16 pt-lg-0 pb-md-17 position-relative" style="z-index: 2;">\n        <div class="row">\n          <div class="col-xl-11 col-xxl-10 mx-auto">\n            <div class="mt-lg-n20 mt-xl-n22 mb-14 mb-md-16 rounded-xl">\n              <div class="player" data-plyr-provider="vimeo" data-plyr-embed-id="165101721"></div>\n            </div>\n            <div class="position-relative">\n              <img src="/assets/img/svg/doodle7.svg" class="h-7 position-absolute d-none d-lg-block" data-delay="1800" style="top: -90%; right: -3%" alt="">\n              <img src="/assets/img/svg/doodle8.svg" class="h-14 position-absolute d-none d-lg-block" data-delay="1800" style="top: -20%; left: -12%" alt="">\n              <h2 class="fs-16 text-uppercase text-muted mb-3 text-center">FAQ</h2>\n              <h3 class="display-3 mb-11 px-lg-8 px-xl-11 text-center">If you don''t see an <span class="text-gradient gradient-7">answer</span> to your question, you can send us an email from our contact form.</h3>\n            </div>\n            <div class="row">\n              <div class="col-lg-6 mb-0">\n                <div id="accordion-1" class="accordion-wrapper">\n                  <div class="card accordion-item shadow-lg">\n                    <div class="card-header" id="accordion-heading-1-1">\n                      <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-1-1" aria-expanded="false" aria-controls="accordion-collapse-1-1">Can I cancel my subscription?</button>\n                    </div>\n                    <!-- /.card-header -->\n                    <div id="accordion-collapse-1-1" class="collapse" aria-labelledby="accordion-heading-1-1" data-bs-target="#accordion-1">\n                      <div class="card-body">\n                        <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui. Cras justo odio, dapibus ac facilisis.</p>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.collapse -->\n                  </div>\n                  <!-- /.card -->\n                  <div class="card accordion-item shadow-lg">\n                    <div class="card-header" id="accordion-heading-1-2">\n                      <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-1-2" aria-expanded="false" aria-controls="accordion-collapse-1-2">Which payment methods do you accept?</button>\n                    </div>\n                    <!-- /.card-header -->\n                    <div id="accordion-collapse-1-2" class="collapse" aria-labelledby="accordion-heading-1-2" data-bs-target="#accordion-1">\n                      <div class="card-body">\n                        <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui. Cras justo odio, dapibus ac facilisis.</p>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.collapse -->\n                  </div>\n                  <!-- /.card -->\n                  <div class="card accordion-item shadow-lg">\n                    <div class="card-header" id="accordion-heading-1-3">\n                      <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-1-3" aria-expanded="false" aria-controls="accordion-collapse-1-3">How can I manage my Account?</button>\n                    </div>\n                    <!-- /.card-header -->\n                    <div id="accordion-collapse-1-3" class="collapse" aria-labelledby="accordion-heading-1-3" data-bs-target="#accordion-1">\n                      <div class="card-body">\n                        <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui. Cras justo odio, dapibus ac facilisis.</p>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.collapse -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!-- /.accordion-wrapper -->\n              </div>\n              <!--/column -->\n              <div class="col-lg-6">\n                <div id="accordion-2" class="accordion-wrapper">\n                  <div class="card accordion-item shadow-lg">\n                    <div class="card-header" id="accordion-heading-2-1">\n                      <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-2-1" aria-expanded="false" aria-controls="accordion-collapse-2-1">How do I get my subscription receipt?</button>\n                    </div>\n                    <!-- /.card-header -->\n                    <div id="accordion-collapse-2-1" class="collapse" aria-labelledby="accordion-heading-2-1" data-bs-target="#accordion-2">\n                      <div class="card-body">\n                        <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui. Cras justo odio, dapibus ac facilisis.</p>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.collapse -->\n                  </div>\n                  <!-- /.card -->\n                  <div class="card accordion-item shadow-lg">\n                    <div class="card-header" id="accordion-heading-2-2">\n                      <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-2-2" aria-expanded="false" aria-controls="accordion-collapse-2-2">Are there any discounts for people in need?</button>\n                    </div>\n                    <!-- /.card-header -->\n                    <div id="accordion-collapse-2-2" class="collapse" aria-labelledby="accordion-heading-2-2" data-bs-target="#accordion-2">\n                      <div class="card-body">\n                        <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui. Cras justo odio, dapibus ac facilisis.</p>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.collapse -->\n                  </div>\n                  <!-- /.card -->\n                  <div class="card accordion-item shadow-lg">\n                    <div class="card-header" id="accordion-heading-2-3">\n                      <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-2-3" aria-expanded="false" aria-controls="accordion-collapse-2-3">Do you offer a free trial edit?</button>\n                    </div>\n                    <!-- /.card-header -->\n                    <div id="accordion-collapse-2-3" class="collapse" aria-labelledby="accordion-heading-2-3" data-bs-target="#accordion-2">\n                      <div class="card-body">\n                        <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui. Cras justo odio, dapibus ac facilisis.</p>\n                      </div>\n                      <!-- /.card-body -->\n                    </div>\n                    <!-- /.collapse -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!-- /.accordion-wrapper -->\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(29, 'content', 'section_4', '<section class="wrapper bg-light">\n      <div class="container py-16 py-md-18">\n        <div class="row text-center">\n          <div class="col-md-11 col-lg-9 col-xl-8 col-xxl-7 mx-auto position-relative">\n            <img src="/assets/img/svg/doodle3.svg" class="h-11 position-absolute d-none d-lg-block" style="top: -20%; right: -12%" alt="">\n            <img src="/assets/img/svg/doodle9.svg" class="h-17 position-absolute d-none d-lg-block" style="bottom: 5%; left: -17%" alt="">\n            <h2 class="fs-16 text-uppercase text-muted mb-3 text-center">Why Choose Simeya?</h2>\n            <h3 class="display-3 mb-12 text-center">Here are a few <span class="text-gradient gradient-7">reasons why</span> our customers choose the Simeya app.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row d-flex align-items-start mb-19">\n          <div class="col-lg-6 position-lg-sticky" style="top: 8rem;">\n            <figure><img src="/assets/img/photos/devices5.png" srcset="/assets/img/photos/devices5@2x.png 2x" alt=""></figure>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-5 ms-auto">\n            <div class="d-flex flex-row mb-8">\n              <div>\n                <div class="svg-bg svg-bg-lg bg-pale-grape rounded-xl me-5"><img src="/assets/img/icons/solid/calendar.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>\n              </div>\n              <div>\n                <h4 class="fs-20">Scheduled Transactions</h4>\n                <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row mb-8">\n              <div>\n                <div class="svg-bg svg-bg-lg bg-pale-green rounded-xl me-5"><img src="/assets/img/icons/solid/currency.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>\n              </div>\n              <div>\n                <h4 class="fs-20">Multiple Currencies</h4>\n                <p>Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row mb-8">\n              <div>\n                <div class="svg-bg svg-bg-lg bg-pale-pink rounded-xl me-5"><img src="/assets/img/icons/solid/server.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>\n              </div>\n              <div>\n                <h4 class="fs-20">Database Management</h4>\n                <p>Pellentesque ornare sem lacinia quam venenatis vestibulum. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis parturient montes.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row mb-8">\n              <div>\n                <div class="svg-bg svg-bg-lg bg-pale-yellow rounded-xl me-5"><img src="/assets/img/icons/solid/devices.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>\n              </div>\n              <div>\n                <h4 class="fs-20">Sync Between Devices</h4>\n                <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row mb-8">\n              <div>\n                <div class="svg-bg svg-bg-lg bg-pale-blue rounded-xl me-5"><img src="/assets/img/icons/solid/search.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>\n              </div>\n              <div>\n                <h4 class="fs-20">Smart Search</h4>\n                <p>Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row mb-8">\n              <div>\n                <div class="svg-bg svg-bg-lg bg-pale-leaf rounded-xl me-5"><img src="/assets/img/icons/solid/compare.svg" class="svg-inject icon-svg solid text-navy" alt="" /></div>\n              </div>\n              <div>\n                <h4 class="fs-20">Detailed Reports</h4>\n                <p>Pellentesque ornare sem lacinia quam venenatis vestibulum. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis parturient montes.</p>\n              </div>\n            </div>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row">\n          <div class="col-md-11 col-lg-10 col-xl-9 col-xxl-8 mx-auto text-center position-relative">\n            <img src="/assets/img/svg/doodle1.svg" class="h-9 position-absolute d-none d-lg-block" style="top: 2%; left: 9%" alt="">\n            <img src="/assets/img/svg/doodle10.svg" class="h-7 position-absolute d-none d-lg-block" style="top: -45%; left: -17%" alt="">\n            <img src="/assets/img/svg/doodle11.svg" class="h-13 position-absolute d-none d-lg-block" style="top: -40%; right: -15%" alt="">\n            <h2 class="fs-16 text-uppercase text-muted mb-3">Happy Customers</h2>\n            <h3 class="display-3 mb-11 px-xl-10 px-xxl-13">Don''t take our word for it. See what <span class="text-gradient gradient-7">customers</span> are saying about us.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="grid mb-12">\n          <div class="row isotope gy-6">\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-none rounded-xl bg-soft-grape">\n                <div class="card-body">\n                  <blockquote class="icon mb-0">\n                    <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque penatibus.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\n                        <h5 class="mb-1">Coriss Ambady</h5>\n                        <p class="mb-0">Financial Analyst</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-none rounded-xl bg-soft-green">\n                <div class="card-body">\n                  <blockquote class="icon mb-0">\n                    <p>“Fusce dapibus, tellus ac cursus tortor mauris condimentum fermentum massa justo sit amet. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\n                        <h5 class="mb-1">Cory Zamora</h5>\n                        <p class="mb-0">Marketing Specialist</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-none rounded-xl bg-soft-orange">\n                <div class="card-body">\n                  <blockquote class="icon mb-0">\n                    <p>“Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nullam quis risus eget porta ac consectetur vestibulum. Donec sed odio dui consectetur adipiscing elit.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\n                        <h5 class="mb-1">Nikolas Brooten</h5>\n                        <p class="mb-0">Sales Manager</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-none rounded-xl bg-soft-pink">\n                <div class="card-body">\n                  <blockquote class="icon mb-0">\n                    <p>“Etiam adipiscing tincidunt elit convallis felis suscipit ut. Phasellus rhoncus tincidunt auctor. Nullam eu sagittis mauris. Donec non dolor ac elit aliquam tincidunt at at sapien. Aenean tortor libero condimentum ac laoreet vitae.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\n                        <h5 class="mb-1">Coriss Ambady</h5>\n                        <p class="mb-0">Financial Analyst</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-none rounded-xl bg-soft-blue">\n                <div class="card-body">\n                  <blockquote class="icon mb-0">\n                    <p>“Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus magnis dis montes, nascetur ridiculus mus. Donec sed odio dui. Nulla vitae elit libero a pharetra.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\n                        <h5 class="mb-1">Jackie Sanders</h5>\n                        <p class="mb-0">Investment Planner</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card shadow-none rounded-xl bg-soft-yellow">\n                <div class="card-body">\n                  <blockquote class="icon mb-0">\n                    <p>“Donec id elit non mi porta gravida at eget metus. Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\n                        <h5 class="mb-1">Laura Widerski</h5>\n                        <p class="mb-0">Sales Specialist</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n          </div>\n          <!-- /.row -->\n        </div>\n        <!-- /.grid-view -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(29, 'content', 'section_5', '<section class="wrapper image-wrapper bg-full bg-image bg-overlay bg-overlay-light-600" data-image-src="/assets/img/photos/bg23.png">\n      <div class="overflow-hidden" style="z-index:1;">\n        <div class="divider divider-alt text-light mx-n2">\n          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100">\n            <g fill="currentColor">\n              <polygon points="1440 100 0 15 0 0 1440 0 1440 100" />\n            </g>\n          </svg>\n        </div>\n      </div>\n      <!-- /.overflow-hidden -->\n      <div class="container pt-10 pt-lg-10 pt-md-13 pb-8 pb-md-10 text-center text-lg-start">\n        <div class="row gx-0 gy-10">\n          <div class="col-md-10 offset-md-1 offset-lg-0 col-lg-6 col-xl-5 position-relative">\n            <img src="/assets/img/svg/doodle2.svg" class="h-15 position-absolute d-none d-lg-block" style="bottom: 36%; right: -25%" alt="">\n            <img src="/assets/img/svg/doodle6.svg" class="h-14 position-absolute d-none d-lg-block" data-delay="1800" style="top: -20%; left: -25%" alt="">\n            <h2 class="display-3 mb-4">Manage all your bills, accounts & budgets in <span class="text-gradient gradient-7">one place.</span></h2>\n            <p class="lead fs-24 lh-sm mb-7">Simeya is available to download from both App Store and Google Play Store.</p>\n            <div class="d-flex justify-content-center justify-content-lg-start">\n              <span><a href="#" class="me-2"><img src="/assets/img/photos/button-appstore.svg" class="h-11 rounded-xl" alt=""></a></span>\n              <span><a href="#"><img src="/assets/img/photos/button-google-play.svg" class="h-11 rounded-xl" alt=""></a></span>\n            </div>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-6 ms-auto mt-lg-n15 mt-xl-n20">\n            <figure><img src="/assets/img/photos/devices6.png" srcset="/assets/img/photos/devices6@2x.png 2x" alt=""></figure>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(29, 'footer', 'footer', '<footer class="bg-light">\n    <div class="container py-13 py-md-15">\n      <div class="row gy-6 gy-lg-0">\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <img class="mb-4" src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="">\n            <p class="mb-4">© 2022 Simeya. <br class="d-none d-lg-block">All rights reserved.</p>\n            <nav class="nav social ">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title  mb-3">Get in Touch</h4>\n            <address class="pe-xl-13 pe-xxl-15">Moonshine St. 14/05 Light City, London, United Kingdom</address>\n            <a href="mailto:#" class="link-body">info@email.com</a><br> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title  mb-3">Learn More</h4>\n            <ul class="list-unstyled text-reset mb-0">\n              <li><a href="#">About Us</a></li>\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Projects</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-12 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title  mb-3">Our Newsletter</h4>\n            <p class="mb-5">Subscribe to our newsletter to get our news &amp; deals delivered to you.</p>\n            <div class="newsletter-wrapper">\n              <!-- Begin Mailchimp Signup Form -->\n              <div id="mc_embed_signup2">\n                <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate " target="_blank" novalidate="">\n                  <div id="mc_embed_signup_scroll2">\n                    <div class="mc-field-group input-group form-floating">\n                      <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2">\n                      <label for="mce-EMAIL2">Email Address</label>\n                      <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary ">\n                    </div>\n                    <div id="mce-responses2" class="clear">\n                      <div class="response" id="mce-error-response2" style="display:none"></div>\n                      <div class="response" id="mce-success-response2" style="display:none"></div>\n                    </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n                    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>\n                    <div class="clear"></div>\n                  </div>\n                </form>\n              </div>\n              <!--End mc_embed_signup-->\n            </div>\n            <!-- /.newsletter-wrapper -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!--/.row -->\n    </div>\n    <!-- /.container -->\n  </footer>'),
(29, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(3, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <meta name="description" content="An impressive and flawless site template that includes various UI elements and countless features, attractive ready-made blocks and rich pages, basically everything you need to create a unique and professional website.">\n  <meta name="keywords" content="bootstrap 5, business, corporate, creative, gulp, marketing, minimal, modern, multipurpose, one page, responsive, saas, sass, seo, startup, html5 template, site template">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/aqua.css">\n  <link rel="preload" href="/assets/css/fonts/thicccboi.css" as="style" onload="this.rel=''stylesheet''">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(3, 'header', 'header', '<header class="wrapper bg-dark">\n      <nav class="navbar navbar-expand-lg center-nav transparent navbar-dark">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img class="logo-dark" src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n              <img class="logo-light" src="/assets/img/logo-light.png" srcset="/assets/img/logo-light@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi1.jpg" srcset="/assets/img/demos/mi1@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi2.jpg" srcset="/assets/img/demos/mi2@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi3.jpg" srcset="/assets/img/demos/mi3@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi4.jpg" srcset="/assets/img/demos/mi4@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi5.jpg" srcset="/assets/img/demos/mi5@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi6.jpg" srcset="/assets/img/demos/mi6@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi7.jpg" srcset="/assets/img/demos/mi7@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi8.jpg" srcset="/assets/img/demos/mi8@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi9.jpg" srcset="/assets/img/demos/mi9@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi10.jpg" srcset="/assets/img/demos/mi10@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi11.jpg" srcset="/assets/img/demos/mi11@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi12.jpg" srcset="/assets/img/demos/mi12@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi13.jpg" srcset="/assets/img/demos/mi13@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi14.jpg" srcset="/assets/img/demos/mi14@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi15.jpg" srcset="/assets/img/demos/mi15@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi16.jpg" srcset="/assets/img/demos/mi16@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi17.jpg" srcset="/assets/img/demos/mi17@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi18.jpg" srcset="/assets/img/demos/mi18@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi19.jpg" srcset="/assets/img/demos/mi19@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi20.jpg" srcset="/assets/img/demos/mi20@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi21.jpg" srcset="/assets/img/demos/mi21@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi22.jpg" srcset="/assets/img/demos/mi22@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi23.jpg" srcset="/assets/img/demos/mi23@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi24.jpg" srcset="/assets/img/demos/mi24@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi25.jpg" srcset="/assets/img/demos/mi25@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi26.jpg" srcset="/assets/img/demos/mi26@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi27.jpg" srcset="/assets/img/demos/mi27@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi28.jpg" srcset="/assets/img/demos/mi28@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi29.jpg" srcset="/assets/img/demos/mi29@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi30.jpg" srcset="/assets/img/demos/mi30@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi31.jpg" srcset="/assets/img/demos/mi31@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi32.jpg" srcset="/assets/img/demos/mi32@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi33.jpg" srcset="/assets/img/demos/mi33@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi34.jpg" srcset="/assets/img/demos/mi34@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi35.jpg" srcset="/assets/img/demos/mi35@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi36.jpg" srcset="/assets/img/demos/mi36@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block1.svg" alt=""></div>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block2.svg" alt=""></div>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block3.svg" alt=""></div>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block4.svg" alt=""></div>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block5.svg" alt=""></div>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block6.svg" alt=""></div>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block7.svg" alt=""></div>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block8.svg" alt=""></div>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block9.svg" alt=""></div>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block10.svg" alt=""></div>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block17.svg" alt=""></div>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block11.svg" alt=""></div>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block12.svg" alt=""></div>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block13.svg" alt=""></div>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block14.svg" alt=""></div>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block15.svg" alt=""></div>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block16.svg" alt=""></div>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other w-100 d-flex ms-auto">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item"><a class="nav-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-search"><i class="uil uil-search"></i></a></li>\n              <li class="nav-item d-none d-md-block">\n                <a href="/contact.html" class="btn btn-sm btn-primary rounded">Contact</a>\n              </li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n      <div class="offcanvas offcanvas-top bg-light" id="offcanvas-search" data-bs-scroll="true">\n        <div class="container d-flex flex-row py-6">\n          <form class="search-form w-100">\n            <input id="search-form" type="text" class="form-control" placeholder="Type keyword and hit enter">\n          </form>\n          <!-- /.search-form -->\n          <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n        </div>\n        <!-- /.container -->\n      </div>\n      <!-- /.offcanvas -->\n    </header>'),
(3, 'content', 'section_1', '<section class="wrapper bg-dark angled lower-start">\n      <div class="container pt-7 pt-md-11 pb-8">\n        <div class="row gx-0 gy-10 align-items-center">\n          <div class="col-lg-6" data-cues="slideInDown" data-group="page-title" data-delay="600">\n            <h1 class="display-1 text-white mb-4">Simeya focuses on <br /><span class="typer text-primary text-nowrap" data-delay="100" data-words="customer satisfaction,business needs,creative ideas"></span><span class="cursor text-primary" data-owner="typer"></span></h1>\n            <p class="lead fs-24 lh-sm text-white mb-7 pe-md-18 pe-lg-0 pe-xxl-15">We carefully consider our solutions to support each and every stage of your growth.</p>\n            <div>\n              <a class="btn btn-lg btn-primary rounded">Get Started</a>\n            </div>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-5 offset-lg-1 mb-n18" data-cues="slideInDown">\n            <div class="position-relative">\n              <a href="/assets/media/movie.mp4" class="btn btn-circle btn-primary btn-play ripple mx-auto mb-6 position-absolute" style="top:50%; left: 50%; transform: translate(-50%,-50%); z-index:3;" data-glightbox><i class="icn-caret-right"></i></a>\n              <figure class="rounded shadow-lg"><img src="/assets/img/photos/about13.jpg" srcset="/assets/img/photos/about13@2x.jpg 2x" alt=""></figure>\n            </div>\n            <!-- /div -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(3, 'content', 'section_2', '<section class="wrapper bg-light">\n      <div class="container pt-19 pt-md-21 pb-16 pb-md-18">\n        <div class="row">\n          <div class="col-lg-8 col-xl-7 col-xxl-6">\n            <h2 class="fs-16 text-uppercase text-line text-primary mb-3">What We Do?</h2>\n            <h3 class="display-4 mb-9">The service we offer is specifically designed to meet your needs.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gx-md-8 gy-8 mb-14 mb-md-18">\n          <div class="col-md-6 col-lg-3">\n            <div class="icon btn btn-block btn-lg btn-soft-primary pe-none mb-6"> <i class="uil uil-phone-volume"></i> </div>\n            <h4>24/7 Support</h4>\n            <p class="mb-3">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo.</p>\n            <a href="#" class="more hover link-primary">Learn More</a>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="icon btn btn-block btn-lg btn-soft-primary pe-none mb-6"> <i class="uil uil-shield-exclamation"></i> </div>\n            <h4>Secure Payments</h4>\n            <p class="mb-3">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo.</p>\n            <a href="#" class="more hover link-primary">Learn More</a>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="icon btn btn-block btn-lg btn-soft-primary pe-none mb-6"> <i class="uil uil-laptop-cloud"></i> </div>\n            <h4>Daily Updates</h4>\n            <p class="mb-3">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo.</p>\n            <a href="#" class="more hover link-primary">Learn More</a>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="icon btn btn-block btn-lg btn-soft-primary pe-none mb-6"> <i class="uil uil-chart-line"></i> </div>\n            <h4>Market Research</h4>\n            <p class="mb-3">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo.</p>\n            <a href="#" class="more hover link-primary">Learn More</a>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gy-10 gy-sm-13 gx-lg-3 mb-16 mb-md-18 align-items-center">\n          <div class="col-md-8 col-lg-6 position-relative">\n            <div class="shape bg-dot primary rellax w-17 h-21" data-rellax-speed="1" style="top: -2rem; left: -1.9rem;"></div>\n            <div class="shape rounded bg-soft-primary rellax d-md-block" data-rellax-speed="0" style="bottom: -1.8rem; right: -1.5rem; width: 85%; height: 90%; "></div>\n            <figure class="rounded"><img src="/assets/img/photos/about7.jpg" srcset="/assets/img/photos/about7@2x.jpg 2x" alt="" /></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5 col-xl-4 offset-lg-1">\n            <h2 class="fs-16 text-uppercase text-line text-primary mb-3">How It Works?</h2>\n            <h3 class="display-4 mb-7">Here are the 3 working steps on success.</h3>\n            <div class="d-flex flex-row mb-6">\n              <div>\n                <span class="icon btn btn-block btn-soft-primary pe-none me-5"><span class="number fs-18">1</span></span>\n              </div>\n              <div>\n                <h4 class="mb-1">Collect Ideas</h4>\n                <p class="mb-0">Nulla vitae elit libero pharetra augue dapibus. Praesent commodo cursus.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row mb-6">\n              <div>\n                <span class="icon btn btn-block btn-soft-primary pe-none me-5"><span class="number fs-18">2</span></span>\n              </div>\n              <div>\n                <h4 class="mb-1">Data Analysis</h4>\n                <p class="mb-0">Vivamus sagittis lacus vel augue laoreet. Etiam porta sem malesuada magna.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row">\n              <div>\n                <span class="icon btn btn-block btn-soft-primary pe-none me-5"><span class="number fs-18">3</span></span>\n              </div>\n              <div>\n                <h4 class="mb-1">Finalize Product</h4>\n                <p class="mb-0">Cras mattis consectetur purus sit amet. Aenean lacinia bibendum nulla sed.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gy-10 gy-sm-13 gx-lg-3 align-items-center">\n          <div class="col-md-8 col-lg-6 offset-lg-1 order-lg-2 position-relative">\n            <div class="shape rounded-circle bg-line primary rellax w-18 h-18" data-rellax-speed="1" style="top: -2rem; right: -1.9rem;"></div>\n            <div class="shape rounded bg-soft-primary rellax d-md-block" data-rellax-speed="0" style="bottom: -1.8rem; left: -1.5rem; width: 85%; height: 90%; "></div>\n            <figure class="rounded"><img src="/assets/img/photos/about9.jpg" srcset="/assets/img/photos/about9@2x.jpg 2x" alt=""></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5">\n            <h2 class="fs-16 text-uppercase text-line text-primary mb-3">Why Choose Us?</h2>\n            <h3 class="display-4 mb-7">A few reasons why our valued customers choose us.</h3>\n            <div class="accordion accordion-wrapper" id="accordionExample">\n              <div class="card plain accordion-item">\n                <div class="card-header" id="headingOne">\n                  <button class="accordion-button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> Professional Design </button>\n                </div>\n                <!--/.card-header -->\n                <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">\n                  <div class="card-body">\n                    <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel.</p>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.accordion-collapse -->\n              </div>\n              <!--/.accordion-item -->\n              <div class="card plain accordion-item">\n                <div class="card-header" id="headingTwo">\n                  <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> Top-Notch Support </button>\n                </div>\n                <!--/.card-header -->\n                <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">\n                  <div class="card-body">\n                    <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel.</p>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.accordion-collapse -->\n              </div>\n              <!--/.accordion-item -->\n              <div class="card plain accordion-item">\n                <div class="card-header" id="headingThree">\n                  <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> Header and Slider Options </button>\n                </div>\n                <!--/.card-header -->\n                <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">\n                  <div class="card-body">\n                    <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel.</p>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.accordion-collapse -->\n              </div>\n              <!--/.accordion-item -->\n            </div>\n            <!--/.accordion -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(3, 'content', 'section_3', '<section class="wrapper image-wrapper bg-image bg-overlay" data-image-src="/assets/img/photos/bg1.jpg">\n      <div class="container py-18">\n        <div class="row">\n          <div class="col-lg-8">\n            <h2 class="fs-16 text-uppercase text-line text-white mb-3">Join Our Community</h2>\n            <h3 class="display-4 mb-6 text-white pe-xxl-18">We are trusted by over 5000+ clients. Join them by using our services and grow your business.</h3>\n            <a href="#" class="btn btn-white rounded mb-0 text-nowrap">Join Us</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(3, 'content', 'section_4', '<section class="wrapper bg-light angled upper-end">\n      <div class="container py-14 py-md-16">\n        <div class="row">\n          <div class="col-lg-9 col-xl-8 col-xxl-7">\n            <h2 class="fs-16 text-uppercase text-line text-primary mb-3">Case Studies</h2>\n            <h3 class="display-4 mb-9">Check out some of our awesome projects with creative ideas and great design.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="swiper-container blog grid-view mb-10" data-margin="30" data-dots="true" data-items-xl="3" data-items-md="2" data-items-xs="1">\n          <div class="swiper">\n            <div class="swiper-wrapper">\n              <div class="swiper-slide">\n                <article>\n                  <figure class="overlay overlay-1 hover-scale rounded mb-6"><a href="#"> <img src="/assets/img/photos/b4.jpg" alt="" /></a>\n                    <figcaption>\n                      <h5 class="from-top mb-0">Read More</h5>\n                    </figcaption>\n                  </figure>\n                  <div class="post-header">\n                    <h2 class="post-title h3 mb-3"><a class="link-dark" href="/blog-post.html">Ligula tristique quis risus</a></h2>\n                  </div>\n                  <!-- /.post-header -->\n                  <div class="post-footer">\n                    <ul class="post-meta">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>14 Apr 2022</span></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Coding</a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </div>\n                  <!-- /.post-footer -->\n                </article>\n                <!-- /article -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <article>\n                  <figure class="overlay overlay-1 hover-scale rounded mb-6"><a href="#"> <img src="/assets/img/photos/b5.jpg" alt="" /></a>\n                    <figcaption>\n                      <h5 class="from-top mb-0">Read More</h5>\n                    </figcaption>\n                  </figure>\n                  <div class="post-header">\n                    <h2 class="post-title h3 mb-3"><a class="link-dark" href="/blog-post.html">Nullam id dolor elit id nibh</a></h2>\n                  </div>\n                  <!-- /.post-header -->\n                  <div class="post-footer">\n                    <ul class="post-meta">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>29 Mar 2022</span></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Workspace</a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </div>\n                  <!-- /.post-footer -->\n                </article>\n                <!-- /article -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <article>\n                  <figure class="overlay overlay-1 hover-scale rounded mb-6"><a href="#"> <img src="/assets/img/photos/b6.jpg" alt="" /></a>\n                    <figcaption>\n                      <h5 class="from-top mb-0">Read More</h5>\n                    </figcaption>\n                  </figure>\n                  <div class="post-header">\n                    <h2 class="post-title h3 mb-3"><a class="link-dark" href="/blog-post.html">Ultricies fusce porta elit</a></h2>\n                  </div>\n                  <!-- /.post-header -->\n                  <div class="post-footer">\n                    <ul class="post-meta">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>26 Feb 2022</span></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Meeting</a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </div>\n                  <!-- /.post-footer -->\n                </article>\n                <!-- /article -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <article>\n                  <figure class="overlay overlay-1 hover-scale rounded mb-6"><a href="#"> <img src="/assets/img/photos/b7.jpg" alt="" /></a>\n                    <figcaption>\n                      <h5 class="from-top mb-0">Read More</h5>\n                    </figcaption>\n                  </figure>\n                  <div class="post-header">\n                    <h2 class="post-title h3 mb-3"><a class="link-dark" href="/blog-post.html">Morbi leo risus porta eget</a></h2>\n                  </div>\n                  <div class="post-footer">\n                    <ul class="post-meta">\n                      <li class="post-date"><i class="uil uil-calendar-alt"></i><span>7 Jan 2022</span></li>\n                      <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Business Tips</a></li>\n                    </ul>\n                    <!-- /.post-meta -->\n                  </div>\n                  <!-- /.post-footer -->\n                </article>\n                <!-- /article -->\n              </div>\n              <!--/.swiper-slide -->\n            </div>\n            <!-- /.swiper-wrapper -->\n          </div>\n          <!-- /.swiper -->\n        </div>\n        <!-- /.swiper-container -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(3, 'content', 'section_5', '<section class="wrapper bg-soft-primary">\n      <div class="container py-14 pt-md-17 pb-md-21">\n        <div class="row gx-lg-8 gx-xl-12 gy-10 gy-lg-0 mb-2 align-items-end">\n          <div class="col-lg-4">\n            <h2 class="fs-16 text-uppercase text-line text-primary mb-3">Company Facts</h2>\n            <h3 class="display-4 mb-0 pe-xxl-15">We are proud of our works</h3>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-8 mt-lg-2">\n            <div class="row align-items-center counter-wrapper gy-6 text-center">\n              <div class="col-md-4">\n                <h3 class="counter counter-lg">1000+</h3>\n                <p>Completed Projects</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4">\n                <h3 class="counter counter-lg">500+</h3>\n                <p>Happy Clients</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4">\n                <h3 class="counter counter-lg">150+</h3>\n                <p>Awards Won</p>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(3, 'content', 'section_6', '<section class="wrapper bg-light angled upper-end lower-start">\n      <div class="container py-16 py-md-18 position-relative">\n        <div class="position-relative mt-n18 mt-md-n23 mb-16 mb-md-18">\n          <div class="shape rounded-circle bg-line primary rellax w-18 h-18" data-rellax-speed="1" style="top: -2rem; right: -2.7rem; z-index:0;"></div>\n          <div class="shape rounded-circle bg-soft-primary rellax w-18 h-18" data-rellax-speed="1" style="bottom: -1rem; left: -3rem; z-index:0;"></div>\n          <div class="card shadow-lg">\n            <div class="row gx-0">\n              <div class="col-lg-6 image-wrapper bg-image bg-cover rounded-top rounded-lg-start" data-image-src="/assets/img/photos/tm1.jpg">\n              </div>\n              <!--/column -->\n              <div class="col-lg-6">\n                <div class="p-10 p-md-11 p-lg-13">\n                  <div class="swiper-container dots-closer mb-4" data-margin="30" data-dots="true">\n                    <div class="swiper">\n                      <div class="swiper-wrapper">\n                        <div class="swiper-slide">\n                          <blockquote class="icon icon-top fs-lg text-center">\n                            <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio.”</p>\n                            <div class="blockquote-details justify-content-center text-center">\n                              <div class="info ps-0">\n                                <h5 class="mb-1">Coriss Ambady</h5>\n                                <p class="mb-0">Financial Analyst</p>\n                              </div>\n                            </div>\n                          </blockquote>\n                        </div>\n                        <!--/.swiper-slide -->\n                        <div class="swiper-slide">\n                          <blockquote class="icon icon-top fs-lg text-center">\n                            <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio.”</p>\n                            <div class="blockquote-details justify-content-center text-center">\n                              <div class="info ps-0">\n                                <h5 class="mb-1">Cory Zamora</h5>\n                                <p class="mb-0">Marketing Specialist</p>\n                              </div>\n                            </div>\n                          </blockquote>\n                        </div>\n                        <!--/.swiper-slide -->\n                        <div class="swiper-slide">\n                          <blockquote class="icon icon-top fs-lg text-center">\n                            <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio.”</p>\n                            <div class="blockquote-details justify-content-center text-center">\n                              <div class="info ps-0">\n                                <h5 class="mb-1">Nikolas Brooten</h5>\n                                <p class="mb-0">Sales Manager</p>\n                              </div>\n                            </div>\n                          </blockquote>\n                        </div>\n                        <!--/.swiper-slide -->\n                      </div>\n                      <!-- /.swiper-wrapper -->\n                    </div>\n                    <!-- /.swiper -->\n                  </div>\n                  <!-- /.swiper-container -->\n                </div>\n                <!--/div -->\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!-- /.card -->\n        </div>\n        <!-- /div -->\n        <div class="row gy-6 mb-16 mb-md-18">\n          <div class="col-lg-4">\n            <h2 class="fs-16 text-uppercase text-line text-primary mt-lg-18 mb-3">Our Pricing</h2>\n            <h3 class="display-4 mb-3">We offer great and premium prices.</h3>\n            <p>Enjoy a <a href="#" class="hover">free 30-day trial</a> and experience the full service. No credit card required!</p>\n            <a href="#" class="btn btn-primary rounded mt-2">See All Prices</a>\n          </div>\n          <!--/column -->\n          <div class="col-lg-7 offset-lg-1 pricing-wrapper">\n            <div class="pricing-switcher-wrapper switcher justify-content-start justify-content-lg-end">\n              <p class="mb-0 pe-3">Monthly</p>\n              <div class="pricing-switchers">\n                <div class="pricing-switcher pricing-switcher-active"></div>\n                <div class="pricing-switcher"></div>\n                <div class="switcher-button bg-primary"></div>\n              </div>\n              <p class="mb-0 ps-3">Yearly <span class="text-red">(Save 30%)</span></p>\n            </div>\n            <div class="row gy-6 position-relative mt-5">\n              <div class="shape bg-dot primary rellax w-16 h-18" data-rellax-speed="1" style="bottom: -0.5rem; right: -1.6rem;"></div>\n              <div class="shape rounded-circle bg-soft-primary rellax w-18 h-18" data-rellax-speed="1" style="top: -1rem; left: -2rem;"></div>\n              <div class="col-md-6">\n                <div class="pricing card shadow-lg">\n                  <div class="card-body pb-12">\n                    <div class="prices text-dark">\n                      <div class="price price-show justify-content-start"><span class="price-currency">$</span><span class="price-value">19</span> <span class="price-duration">mo</span></div>\n                      <div class="price price-hide price-hidden justify-content-start"><span class="price-currency">$</span><span class="price-value">199</span> <span class="price-duration">yr</span></div>\n                    </div>\n                    <!--/.prices -->\n                    <h4 class="card-title mt-2">Premium Plan</h4>\n                    <ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8">\n                      <li><i class="uil uil-check"></i><span><strong>5</strong> Projects </span></li>\n                      <li><i class="uil uil-check"></i><span><strong>100K</strong> API Access </span></li>\n                      <li><i class="uil uil-check"></i><span><strong>200MB</strong> Storage </span></li>\n                      <li><i class="uil uil-check"></i><span> Weekly <strong>Reports</strong></span></li>\n                      <li><i class="uil uil-times bullet-soft-red"></i><span> 7/24 <strong>Support</strong></span></li>\n                    </ul>\n                    <a href="#" class="btn btn-primary rounded">Choose Plan</a>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.pricing -->\n              </div>\n              <!--/column -->\n              <div class="col-md-6 popular">\n                <div class="pricing card shadow-lg">\n                  <div class="card-body pb-12">\n                    <div class="prices text-dark">\n                      <div class="price price-show justify-content-start"><span class="price-currency">$</span><span class="price-value">49</span> <span class="price-duration">mo</span></div>\n                      <div class="price price-hide price-hidden justify-content-start"><span class="price-currency">$</span><span class="price-value">499</span> <span class="price-duration">yr</span></div>\n                    </div>\n                    <!--/.prices -->\n                    <h4 class="card-title mt-2">Corporate Plan</h4>\n                    <ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8">\n                      <li><i class="uil uil-check"></i><span><strong>20</strong> Projects </span></li>\n                      <li><i class="uil uil-check"></i><span><strong>300K</strong> API Access </span></li>\n                      <li><i class="uil uil-check"></i><span><strong>500MB</strong> Storage </span></li>\n                      <li><i class="uil uil-check"></i><span> Weekly <strong>Reports</strong></span></li>\n                      <li><i class="uil uil-check"></i><span> 7/24 <strong>Support</strong></span></li>\n                    </ul>\n                    <a href="#" class="btn btn-primary rounded">Choose Plan</a>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.pricing -->\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gy-10 gy-sm-13 gx-lg-3 align-items-center">\n          <div class="col-md-8 col-lg-6 position-relative">\n            <div class="shape bg-dot primary rellax w-17 h-21" data-rellax-speed="1" style="top: -2rem; left: -1.9rem;"></div>\n            <div class="shape rounded bg-soft-primary rellax d-md-block" data-rellax-speed="0" style="bottom: -1.8rem; right: -1.5rem; width: 85%; height: 90%; "></div>\n            <figure class="rounded"><img src="/assets/img/photos/about14.jpg" srcset="/assets/img/photos/about14@2x.jpg 2x" alt="" /></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5 col-xl-4 offset-lg-1">\n            <h2 class="fs-16 text-uppercase text-line text-primary mb-3">Get In Touch</h2>\n            <h2 class="display-4 mb-8">Convinced yet? Let''s make something great together.</h2>\n            <div class="d-flex flex-row">\n              <div>\n                <div class="icon text-primary fs-28 me-6 mt-n1"> <i class="uil uil-location-pin-alt"></i> </div>\n              </div>\n              <div>\n                <h5 class="mb-1">Address</h5>\n                <address>Moonshine St. 14/05 Light City, <br class="d-none d-md-block" />London, United Kingdom</address>\n              </div>\n            </div>\n            <div class="d-flex flex-row">\n              <div>\n                <div class="icon text-primary fs-28 me-6 mt-n1"> <i class="uil uil-phone-volume"></i> </div>\n              </div>\n              <div>\n                <h5 class="mb-1">Phone</h5>\n                <p>00 (123) 456 78 90</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row">\n              <div>\n                <div class="icon text-primary fs-28 me-6 mt-n1"> <i class="uil uil-envelope"></i> </div>\n              </div>\n              <div>\n                <h5 class="mb-1">E-mail</h5>\n                <p class="mb-0"><a href="mailto:sandbox@email.com" class="link-body">sandbox@email.com</a></p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(3, 'footer', 'footer', '<footer class="bg-dark text-inverse">\n    <div class="container pt-17 pt-md-19 pb-13 pb-md-15">\n      <div class="row gy-6 gy-lg-0">\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <img class="mb-4" src="/assets/img/logo-light.png" srcset="/assets/img/logo-light@2x.png 2x" alt="" />\n            <p class="mb-4">© <script>\n                document.write(new Date().getUTCFullYear());\n              </script> Simeya. <br class="d-none d-lg-block" />All rights reserved.</p>\n            <nav class="nav social social-white">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Get in Touch</h4>\n            <address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address>\n            <a href="mailto:#">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Learn More</h4>\n            <ul class="list-unstyled  mb-0">\n              <li><a href="#">About Us</a></li>\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Projects</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-12 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Our Newsletter</h4>\n            <p class="mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p>\n            <div class="newsletter-wrapper">\n              <!-- Begin Mailchimp Signup Form -->\n              <div id="mc_embed_signup2">\n                <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate dark-fields" target="_blank" novalidate>\n                  <div id="mc_embed_signup_scroll2">\n                    <div class="mc-field-group input-group form-floating">\n                      <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2">\n                      <label for="mce-EMAIL2">Email Address</label>\n                      <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary ">\n                    </div>\n                    <div id="mce-responses2" class="clear">\n                      <div class="response" id="mce-error-response2" style="display:none"></div>\n                      <div class="response" id="mce-success-response2" style="display:none"></div>\n                    </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n                    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>\n                    <div class="clear"></div>\n                  </div>\n                </form>\n              </div>\n              <!--End mc_embed_signup-->\n            </div>\n            <!-- /.newsletter-wrapper -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!--/.row -->\n    </div>\n    <!-- /.container -->\n  </footer>'),
(3, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(30, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <meta name="description" content="An impressive and flawless site template that includes various UI elements and countless features, attractive ready-made blocks and rich pages, basically everything you need to create a unique and professional website.">\n  <meta name="keywords" content="bootstrap 5, business, corporate, creative, gulp, marketing, minimal, modern, multipurpose, one page, responsive, saas, sass, seo, startup, html5 template, site template">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/grape.css">\n  <link rel="preload" href="/assets/css/fonts/space.css" as="style" onload="this.rel=''stylesheet''">\n</head>\n\n<body class="bg-soft-primary">\n  <div class="content-wrapper">\n    <header'),
(30, 'header', 'header', '<header class="position-absolute w-100">\n      <div class="gradient-5 text-white fw-bold fs-15 mb-2 position-relative" style="z-index: 1;">\n        <div class="container py-2 text-center">\n          <p class="mb-0">✨ Simeya is part of Envato''s Biggest Sale to date, be quick and grab a <a href="#" class="link-white hover d-inline-flex align-items-center">copy <i class="uil uil-arrow-right fs-16"></i></a></p>\n        </div>\n        <!-- /.container -->\n      </div>\n      <nav class="navbar navbar-expand-lg center-nav transparent navbar-light">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi1.jpg" srcset="/assets/img/demos/mi1@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi2.jpg" srcset="/assets/img/demos/mi2@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi3.jpg" srcset="/assets/img/demos/mi3@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi4.jpg" srcset="/assets/img/demos/mi4@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi5.jpg" srcset="/assets/img/demos/mi5@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi6.jpg" srcset="/assets/img/demos/mi6@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi7.jpg" srcset="/assets/img/demos/mi7@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi8.jpg" srcset="/assets/img/demos/mi8@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi9.jpg" srcset="/assets/img/demos/mi9@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi10.jpg" srcset="/assets/img/demos/mi10@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi11.jpg" srcset="/assets/img/demos/mi11@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi12.jpg" srcset="/assets/img/demos/mi12@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi13.jpg" srcset="/assets/img/demos/mi13@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi14.jpg" srcset="/assets/img/demos/mi14@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi15.jpg" srcset="/assets/img/demos/mi15@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi16.jpg" srcset="/assets/img/demos/mi16@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi17.jpg" srcset="/assets/img/demos/mi17@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi18.jpg" srcset="/assets/img/demos/mi18@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi19.jpg" srcset="/assets/img/demos/mi19@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi20.jpg" srcset="/assets/img/demos/mi20@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi21.jpg" srcset="/assets/img/demos/mi21@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi22.jpg" srcset="/assets/img/demos/mi22@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi23.jpg" srcset="/assets/img/demos/mi23@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi24.jpg" srcset="/assets/img/demos/mi24@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi25.jpg" srcset="/assets/img/demos/mi25@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi26.jpg" srcset="/assets/img/demos/mi26@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi27.jpg" srcset="/assets/img/demos/mi27@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi28.jpg" srcset="/assets/img/demos/mi28@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi29.jpg" srcset="/assets/img/demos/mi29@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi30.jpg" srcset="/assets/img/demos/mi30@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi31.jpg" srcset="/assets/img/demos/mi31@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi32.jpg" srcset="/assets/img/demos/mi32@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi33.jpg" srcset="/assets/img/demos/mi33@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi34.jpg" srcset="/assets/img/demos/mi34@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi35.jpg" srcset="/assets/img/demos/mi35@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi36.jpg" srcset="/assets/img/demos/mi36@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block1.svg" alt=""></div>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block2.svg" alt=""></div>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block3.svg" alt=""></div>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block4.svg" alt=""></div>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block5.svg" alt=""></div>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block6.svg" alt=""></div>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block7.svg" alt=""></div>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block8.svg" alt=""></div>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block9.svg" alt=""></div>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block10.svg" alt=""></div>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block17.svg" alt=""></div>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block11.svg" alt=""></div>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block12.svg" alt=""></div>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block13.svg" alt=""></div>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block14.svg" alt=""></div>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block15.svg" alt=""></div>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block16.svg" alt=""></div>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other w-100 d-flex ms-auto">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item">\n                <nav class="nav social social-muted justify-content-end text-end">\n                  <a href="#"><i class="uil uil-twitter"></i></a>\n                  <a href="#"><i class="uil uil-facebook-f"></i></a>\n                  <a href="#"><i class="uil uil-dribbble"></i></a>\n                  <a href="#"><i class="uil uil-instagram"></i></a>\n                </nav>\n                <!-- /.social -->\n              </li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n    </header>'),
(30, 'content', 'section_1', '<section class="wrapper overflow-hidden">\n      <div class="container pt-19 pt-md-21 text-center position-relative">\n        <div class="position-absolute" style="top: -15%; left: 50%; transform: translateX(-50%);" data-cue="fadeIn"><img src="/assets/img/photos/blurry.png" alt=""></div>\n        <div class="row position-relative">\n          <div class="col-lg-8 col-xxl-7 mx-auto position-relative">\n            <div class="position-absolute shape grape w-5 d-none d-lg-block" style="top: -5%; left: -15%;" data-cue="fadeIn" data-delay="1500"><img src="/assets/img/svg/pie.svg" class="svg-inject icon-svg w-100 h-100" alt="" /></div>\n            <div class="position-absolute shape violet w-10 d-none d-lg-block" style="bottom: 30%; left: -20%;" data-cue="fadeIn" data-delay="1500"><img src="/assets/img/svg/scribble.svg" class="svg-inject icon-svg w-100 h-100" alt="" /></div>\n            <div class="position-absolute shape fuchsia w-6 d-none d-lg-block" style="top: 0%; right: -25%; transform: rotate(70deg);" data-cue="fadeIn" data-delay="1500"><img src="/assets/img/svg/tri.svg" class="svg-inject icon-svg w-100 h-100" alt="" /></div>\n            <div class="position-absolute shape yellow w-6 d-none d-lg-block" style="bottom: 25%; right: -17%;" data-cue="fadeIn" data-delay="1500"><img src="/assets/img/svg/circle.svg" class="svg-inject icon-svg w-100 h-100" alt="" /></div>\n            <div data-cues="slideInDown" data-group="page-title">\n              <h1 class="display-1 fs-64 mb-5 mx-md-10 mx-lg-0">We are a digital web agency specializing on <br /><span class="rotator-fade text-primary">web design.,SEO services.,e-commerce.,Google Adwords.</span></h1>\n              <p class="lead fs-24 mb-8">We are an award winning digital web agency that strongly believes in the power of creative ideas.</p>\n            </div>\n            <div class="d-flex justify-content-center" data-cues="slideInDown" data-delay="600">\n              <span><a class="btn btn-lg btn-primary rounded-xl mx-1">See Projects</a></span>\n              <span><a class="btn btn-lg btn-fuchsia rounded-xl mx-1">Contact Us</a></span>\n            </div>\n            <!-- /div -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n      <div class="container-fluid px-xl-0 pt-16 pt-md-18 pb-18 pb-md-20">\n        <div class="swiper-container swiper-auto nav-color nav-bottom nav-far" data-margin="40" data-nav="true" data-centered="true" data-loop="true" data-items-auto="true">\n          <div class="swiper overflow-visible">\n            <div class="swiper-wrapper">\n              <div class="swiper-slide">\n                <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/bp1.jpg" srcset="/assets/img/photos/bp1@2x.jpg 2x" alt="" /><a class="item-link" href="/single-project.html"><i class="uil uil-arrow-up-right"></i></a></figure>\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/bp2.jpg" srcset="/assets/img/photos/bp2@2x.jpg 2x" alt="" /><a class="item-link" href="/single-project.html"><i class="uil uil-arrow-up-right"></i></a></figure>\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/bp3.jpg" srcset="/assets/img/photos/bp3@2x.jpg 2x" alt="" /><a class="item-link" href="/single-project.html"><i class="uil uil-arrow-up-right"></i></a></figure>\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/bp4.jpg" srcset="/assets/img/photos/bp4@2x.jpg 2x" alt="" /><a class="item-link" href="/single-project.html"><i class="uil uil-arrow-up-right"></i></a></figure>\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/bp5.jpg" srcset="/assets/img/photos/bp5@2x.jpg 2x" alt="" /><a class="item-link" href="/single-project.html"><i class="uil uil-arrow-up-right"></i></a></figure>\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/bp6.jpg" srcset="/assets/img/photos/bp6@2x.jpg 2x" alt="" /><a class="item-link" href="/single-project.html"><i class="uil uil-arrow-up-right"></i></a></figure>\n              </div>\n              <!--/.swiper-slide -->\n            </div>\n            <!--/.swiper-wrapper -->\n          </div>\n          <!-- /.swiper -->\n        </div>\n        <!-- /.swiper-container -->\n      </div>\n      <!-- /.container -->\n      <div class="container pt-6">\n        <div class="row">\n          <div class="col-md-11 col-lg-8 col-xl-7 col-xxl-6 mx-auto text-center">\n            <h2 class="display-2 mb-4">The full service we are offering</h2>\n            <p class="lead fs-lg mb-11">Curabitur blandit tempus porttitor. Donec id elit non mi porta gravida at eget metus. Integer posuere ante venenatis.</p>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gx-md-8 gy-8 text-center mb-14 mb-md-17">\n          <div class="col-md-6 col-lg-3">\n            <div class="svg-bg svg-bg-lg bg-white rounded-xl shadow-xl mb-6"> <img src="/assets/img/icons/solid/pen-tool.svg" class="svg-inject icon-svg solid-duo text-grape-fuchsia" alt="" /> </div>\n            <h3>Web Design</h3>\n            <p class="mb-3">Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.</p>\n            <a href="#" class="more hover">Learn More</a>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="svg-bg svg-bg-lg bg-white rounded-xl shadow-xl mb-6"> <img src="/assets/img/icons/solid/seo-2.svg" class="svg-inject icon-svg solid-duo text-grape-fuchsia" alt="" /> </div>\n            <h3>SEO Services</h3>\n            <p class="mb-3">Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.</p>\n            <a href="#" class="more hover">Learn More</a>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="svg-bg svg-bg-lg bg-white rounded-xl shadow-xl mb-6"> <img src="/assets/img/icons/solid/shopping-basket.svg" class="svg-inject icon-svg solid-duo text-grape-fuchsia" alt="" /> </div>\n            <h3>E-commerce</h3>\n            <p class="mb-3">Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.</p>\n            <a href="#" class="more hover">Learn More</a>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <div class="svg-bg svg-bg-lg bg-white rounded-xl shadow-xl mb-6"> <img src="/assets/img/icons/solid/server.svg" class="svg-inject icon-svg solid-duo text-grape-fuchsia" alt="" /> </div>\n            <h3>Web Hosting</h3>\n            <p class="mb-3">Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.</p>\n            <a href="#" class="more hover">Learn More</a>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(30, 'content', 'section_2', '<section class="wrapper pattern-wrapper bg-image section-frame" data-image-src="/assets/img/pattern.png">\n      <div class="container pt-15 pt-md-17 pb-16 pb-md-18">\n        <div class="row gx-lg-0 gy-10 align-items-center mb-18">\n          <div class="col-lg-6 order-lg-2 ms-lg-auto">\n            <div class="card rounded-xl me-lg-6 bg-pale-grape">\n              <div class="card-body p-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <span class="icon btn btn-block btn-lg shadow-xl rounded-xl btn-white pe-none me-4"><span class="number text-grape">01</span></span>\n                  </div>\n                  <div>\n                    <h3 class="mb-1 text-grape">Collect Ideas</h3>\n                    <p class="mb-0">Nulla vitae elit libero pharetra augue dapibus.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n            <div class="card rounded-xl ms-lg-13 mt-6 bg-pale-fuchsia">\n              <div class="card-body p-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <span class="icon btn btn-block btn-lg shadow-xl rounded-xl btn-white pe-none me-4"><span class="number text-fuchsia">02</span></span>\n                  </div>\n                  <div>\n                    <h3 class="mb-1 text-fuchsia">Data Analysis</h3>\n                    <p class="mb-0">Vivamus sagittis lacus vel augue laoreet.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n            <div class="card rounded-xl mx-lg-6 mt-6 bg-pale-green">\n              <div class="card-body p-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <span class="icon btn btn-block btn-lg shadow-xl rounded-xl btn-white pe-none me-4"><span class="number text-green">03</span></span>\n                  </div>\n                  <div>\n                    <h3 class="mb-1 text-green">Finalize Product</h3>\n                    <p class="mb-0">Cras mattis consectetur purus sit amet.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-5 text-inverse">\n            <h2 class="display-2 mb-3 text-white">Our Working Process</h2>\n            <p class="lead fs-lg pe-lg-5">Find out everything you need to know and more about how we create our business process models.</p>\n            <p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>\n            <p class="mb-6">Nullam id dolor id nibh ultricies vehicula ut id elit. Vestibulum id ligula porta felis euismod semper. Aenean lacinia bibendum nulla.</p>\n            <a href="#" class="btn btn-white rounded-xl mb-0">Learn More</a>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-lg-0 gy-10 align-items-center text-inverse">\n          <div class="col-lg-6">\n            <figure><img class="img-auto" src="/assets/img/illustrations/ui4.png" srcset="/assets/img/illustrations/ui4@2x.png 2x" alt="" /></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-5 ms-lg-auto">\n            <h2 class="display-2 mb-3 text-white">Our Solutions</h2>\n            <p class="lead fs-lg pe-lg-5">We carefully consider our solutions to support each and every stage of your growth.</p>\n            <p class="mb-6">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus maecenas sed.</p>\n            <div class="row align-items-center counter-wrapper gy-6">\n              <div class="col-md-6">\n                <h3 class="counter counter-lg mb-1 text-white">99.7%</h3>\n                <h5 class="mb-1 text-white">Customer Satisfaction</h5>\n                <span class="ratings five text-red"></span>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <h3 class="counter counter-lg mb-1 text-white">4x</h3>\n                <h5 class="mb-1 text-white">New Visitors</h5>\n                <span class="ratings five"></span>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(30, 'content', 'section_3', '<section class="wrapper overflow-hidden">\n      <div class="container py-15 py-md-17">\n        <div class="row">\n          <div class="col-md-11 col-lg-8 col-xl-7 col-xxl-6 mx-auto text-center">\n            <h2 class="display-2 mb-4">What makes us different?</h2>\n            <p class="lead fs-lg mb-11">Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna.</p>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gx-lg-0 gy-10 align-items-center mb-15 mb-md-17">\n          <div class="col-lg-7 position-relative">\n            <div class="position-absolute" style="top: 50%; left: 50%; width: 140%; height: auto; transform: translate(-50%,-50%); z-index:-1"><img class="w-100" src="/assets/img/photos/blurry.png" alt=""></div>\n            <figure><img src="/assets/img/photos/mi1.png" srcset="/assets/img/photos/mi1@2x.png 2x" alt="" /></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-4 ms-auto">\n            <h2 class="display-5 mb-2 mt-xxl-n10">Design</h2>\n            <p class="mb-8">Maecenas sed diam eget risus varius blandit sit amet non magna justo sit amet risus.</p>\n            <div class="d-flex flex-row mb-6">\n              <div>\n                <div class="svg-bg bg-white rounded-xl shadow-xl me-5"> <img src="/assets/img/icons/solid/puzzle.svg" class="svg-inject icon-svg solid-duo text-grape-fuchsia" alt="" /> </div>\n              </div>\n              <div>\n                <h4 class="mb-1">UI/UX Design</h4>\n                <p class="mb-0">Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row mb-6">\n              <div>\n                <div class="svg-bg bg-white rounded-xl shadow-xl me-5"> <img src="/assets/img/icons/solid/pen-tool.svg" class="svg-inject icon-svg solid-duo text-grape-fuchsia" alt="" /> </div>\n              </div>\n              <div>\n                <h4 class="mb-1">Design System</h4>\n                <p class="mb-0">Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row">\n              <div>\n                <div class="svg-bg bg-white rounded-xl shadow-xl me-5"> <img src="/assets/img/icons/solid/share.svg" class="svg-inject icon-svg solid-duo text-grape-fuchsia" alt="" /> </div>\n              </div>\n              <div>\n                <h4 class="mb-1">Digital Branding</h4>\n                <p class="mb-0">Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-lg-0 gy-10 align-items-center">\n          <div class="col-lg-7 position-relative order-lg-2">\n            <div class="position-absolute" style="top: 50%; left: 50%; width: 140%; height: auto; transform: translate(-50%,-50%); z-index: -1"><img class="w-100" src="/assets/img/photos/blurry.png" alt=""></div>\n            <figure><img src="/assets/img/photos/mi2.png" srcset="/assets/img/photos/mi2@2x.png 2x" alt="" /></figure>\n          </div>\n          <!--/column -->\n          <div class="col-lg-4 me-auto">\n            <h2 class="display-5 mb-2 mt-xxl-n10">Development</h2>\n            <p class="mb-8">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh fermentum.</p>\n            <div class="d-flex flex-row mb-6">\n              <div>\n                <div class="svg-bg bg-white rounded-xl shadow-xl me-5"> <img src="/assets/img/icons/solid/devices.svg" class="svg-inject icon-svg solid-duo text-grape-fuchsia" alt="" /> </div>\n              </div>\n              <div>\n                <h4 class="mb-1">Responsive Website</h4>\n                <p class="mb-0">Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row mb-6">\n              <div>\n                <div class="svg-bg bg-white rounded-xl shadow-xl me-5"> <img src="/assets/img/icons/solid/safe.svg" class="svg-inject icon-svg solid-duo text-grape-fuchsia" alt="" /> </div>\n              </div>\n              <div>\n                <h4 class="mb-1">Backup and Updates</h4>\n                <p class="mb-0">Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row">\n              <div>\n                <div class="svg-bg bg-white rounded-xl shadow-xl me-5"> <img src="/assets/img/icons/solid/globe-2.svg" class="svg-inject icon-svg solid-duo text-grape-fuchsia" alt="" /> </div>\n              </div>\n              <div>\n                <h4 class="mb-1">SEO Optimization</h4>\n                <p class="mb-0">Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n      <div class="container">\n        <div class="row">\n          <div class="col-md-11 col-lg-8 col-xl-7 col-xxl-6 mx-auto text-center">\n            <h2 class="display-2 mb-4">Creative. Smart. Awesome.</h2>\n            <p class="lead fs-lg mb-11">Curabitur blandit tempus porttitor. Cras mattis consectetur purus sit amet fermentum. Nullam quis risus eget urna.</p>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n      <div class="swiper-container swiper-auto swiper-auto-xs mb-8" data-margin="40" data-nav="false" data-dots="false" data-centered="true" data-loop="true" data-items-auto="true" data-autoplay="true" data-autoplaytime="1" data-drag="false" data-resizeupdate="false" data-speed="7000">\n        <div class="swiper overflow-visible pe-none">\n          <div class="swiper-wrapper ticker">\n            <div class="swiper-slide">\n              <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/ma8.jpg" srcset="/assets/img/photos/ma8@2x.jpg 2x" alt="" /></figure>\n            </div>\n            <div class="swiper-slide">\n              <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/ma9.jpg" srcset="/assets/img/photos/ma9@2x.jpg 2x" alt="" /></figure>\n            </div>\n            <div class="swiper-slide">\n              <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/ma10.jpg" srcset="/assets/img/photos/ma10@2x.jpg 2x" alt="" /></figure>\n            </div>\n            <div class="swiper-slide">\n              <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/ma11.jpg" srcset="/assets/img/photos/ma11@2x.jpg 2x" alt="" /></figure>\n            </div>\n            <div class="swiper-slide">\n              <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/ma12.jpg" srcset="/assets/img/photos/ma12@2x.jpg 2x" alt="" /></figure>\n            </div>\n            <div class="swiper-slide">\n              <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/ma13.jpg" srcset="/assets/img/photos/ma13@2x.jpg 2x" alt="" /></figure>\n            </div>\n            <div class="swiper-slide">\n              <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/ma14.jpg" srcset="/assets/img/photos/ma14@2x.jpg 2x" alt="" /></figure>\n            </div>\n          </div>\n          <!--/.swiper-wrapper -->\n        </div>\n        <!-- /.swiper -->\n      </div>\n      <!-- /.swiper-container -->\n      <div class="swiper-container swiper-auto swiper-auto-xs" data-margin="40" data-nav="false" data-dots="false" data-centered="true" data-loop="true" data-items-auto="true" data-autoplay="true" data-autoplaytime="1" data-drag="false" data-resizeupdate="false" data-speed="7000">\n        <div class="swiper overflow-visible pe-none" dir="rtl">\n          <div class="swiper-wrapper ticker">\n            <div class="swiper-slide">\n              <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/ma1.jpg" srcset="/assets/img/photos/ma1@2x.jpg 2x" alt="" /></figure>\n            </div>\n            <div class="swiper-slide">\n              <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/ma2.jpg" srcset="/assets/img/photos/ma2@2x.jpg 2x" alt="" /></figure>\n            </div>\n            <div class="swiper-slide">\n              <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/ma3.jpg" srcset="/assets/img/photos/ma3@2x.jpg 2x" alt="" /></figure>\n            </div>\n            <div class="swiper-slide">\n              <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/ma4.jpg" srcset="/assets/img/photos/ma4@2x.jpg 2x" alt="" /></figure>\n            </div>\n            <div class="swiper-slide">\n              <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/ma5.jpg" srcset="/assets/img/photos/ma5@2x.jpg 2x" alt="" /></figure>\n            </div>\n            <div class="swiper-slide">\n              <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/ma6.jpg" srcset="/assets/img/photos/ma6@2x.jpg 2x" alt="" /></figure>\n            </div>\n            <div class="swiper-slide">\n              <figure class="rounded-xl shadow-xl"><img src="/assets/img/photos/ma7.jpg" srcset="/assets/img/photos/ma7@2x.jpg 2x" alt="" /></figure>\n            </div>\n          </div>\n          <!--/.swiper-wrapper -->\n        </div>\n        <!-- /.swiper -->\n      </div>\n      <!-- /.swiper-container -->\n      <div class="text-center mt-8 mb-15 mb-md-18 mb-lg-25">\n        <a class="btn btn-lg btn-primary rounded-xl">See Our Projects</a>\n      </div>\n    </section>'),
(30, 'content', 'section_4', '<section class="wrapper pattern-wrapper bg-image section-frame" data-image-src="/assets/img/pattern.png">\n      <div class="container py-14 pt-md-16 pt-lg-0 pb-md-12">\n        <div class="row text-center mb-13">\n          <div class="col-lg-12 mx-auto">\n            <div class="mt-lg-n23 mt-xl-n21">\n              <figure class="rounded-xl"><img src="/assets/img/photos/about18.jpg" srcset="/assets/img/photos/about18@2x.jpg 2x" alt="" /></figure>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-md-8 gx-lg-12 gy-6 gy-lg-0 mb-13">\n          <div class="col-lg-6">\n            <h1 class="display-2 mb-0 text-white">We are an award winning digital web design agency that strongly believes in the power of creative ideas.</h1>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-6">\n            <p class="lead fs-lg mb-3 text-inverse">Donec ullamcorper nulla non metus auctor fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas faucibus mollis elit interdum. Duis mollis, est non commodo luctus.</p>\n            <a href="#" class="more link-white hover">Learn More</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(30, 'content', 'section_5', '<section class="overflow-hidden">\n      <div class="container pt-16 pt-md-18 pb-20 pb-md-22">\n        <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center mb-15 mb-md-17">\n          <div class="col-lg-7 position-relative">\n            <div class="position-absolute d-none d-md-block" style="top: 50%; left: 50%; width: 130%; height: auto; transform: translate(-50%,-50%); z-index:-1"><img class="w-100" src="/assets/img/photos/blurry.png" alt=""></div>\n            <div class="row gx-md-5 gy-5">\n              <div class="col-md-6 col-xl-5 align-self-end">\n                <div class="card shadow-xl rounded-xl">\n                  <div class="card-body">\n                    <blockquote class="icon mb-0">\n                      <p>“Cum sociis natoque penatibus et magnis dis parturient montes.”</p>\n                      <div class="blockquote-details">\n                        <div class="info p-0">\n                          <h5 class="mb-1">Coriss Ambady</h5>\n                          <p class="mb-0">Financial Analyst</p>\n                        </div>\n                      </div>\n                    </blockquote>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.card -->\n              </div>\n              <!--/column -->\n              <div class="col-md-6 align-self-end">\n                <div class="card shadow-xl rounded-xl">\n                  <div class="card-body">\n                    <blockquote class="icon mb-0">\n                      <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod.”</p>\n                      <div class="blockquote-details">\n                        <div class="info p-0">\n                          <h5 class="mb-1">Cory Zamora</h5>\n                          <p class="mb-0">Marketing Specialist</p>\n                        </div>\n                      </div>\n                    </blockquote>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.card -->\n              </div>\n              <!--/column -->\n              <div class="col-md-6 col-xl-5 offset-xl-1">\n                <div class="card shadow-xl rounded-xl">\n                  <div class="card-body">\n                    <blockquote class="icon mb-0">\n                      <p>“Donec id elit non porta gravida at eget metus. Duis mollis est luctus commodo nisi erat.”</p>\n                      <div class="blockquote-details">\n                        <div class="info p-0">\n                          <h5 class="mb-1">Barclay Widerski</h5>\n                          <p class="mb-0">Sales Specialist</p>\n                        </div>\n                      </div>\n                    </blockquote>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.card -->\n              </div>\n              <!--/column -->\n              <div class="col-md-6 align-self-start">\n                <div class="card shadow-xl rounded-xl">\n                  <div class="card-body">\n                    <blockquote class="icon mb-0">\n                      <p>“Nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean eu leo pellentesque.”</p>\n                      <div class="blockquote-details">\n                        <div class="info p-0">\n                          <h5 class="mb-1">Jackie Sanders</h5>\n                          <p class="mb-0">Investment Planner</p>\n                        </div>\n                      </div>\n                    </blockquote>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.card -->\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-5">\n            <h2 class="display-2 mb-2 mt-lg-n6">Our Community</h2>\n            <p class="lead fs-lg mb-4">Customer satisfaction is our major goal. See what our clients are saying about our services.</p>\n            <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum. Vestibulum id ligula porta felis euismod.</p>\n            <a href="#" class="btn btn-primary rounded-xl mt-3">All Testimonials</a>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gy-6">\n          <div class="col-lg-4">\n            <h2 class="display-2 mt-lg-18 mb-3">Our Pricing</h2>\n            <p class="lead fs-lg mb-3">We offer great prices, premium and quality products for your business.</p>\n            <p>Enjoy a <a href="#" class="hover">free 30-day trial</a> and experience the full service. No credit card required!</p>\n            <a href="#" class="btn btn-primary rounded-xl mt-2">See All Prices</a>\n          </div>\n          <!--/column -->\n          <div class="col-lg-7 offset-lg-1 pricing-wrapper">\n            <div class="pricing-switcher-wrapper switcher justify-content-start justify-content-lg-end">\n              <p class="mb-0 pe-3">Monthly</p>\n              <div class="pricing-switchers">\n                <div class="pricing-switcher pricing-switcher-active"></div>\n                <div class="pricing-switcher"></div>\n                <div class="switcher-button bg-primary"></div>\n              </div>\n              <p class="mb-0 ps-3">Yearly <span class="text-fuchsia">(Save 30%)</span></p>\n            </div>\n            <div class="row gy-6 position-relative mt-5">\n              <div class="col-md-6">\n                <div class="position-absolute pe-none d-none d-md-block" style="top: 55%; left: 50%; width: 140%; height: auto; transform: translate(-50%,-50%); z-index:-1"><img class="w-100" src="/assets/img/photos/blurry.png" alt=""></div>\n                <div class="pricing card shadow-xl rounded-xl">\n                  <div class="card-body pb-12">\n                    <div class="prices text-dark">\n                      <div class="price price-show justify-content-start"><span class="price-currency">$</span><span class="price-value">19</span> <span class="price-duration">mo</span></div>\n                      <div class="price price-hide price-hidden justify-content-start"><span class="price-currency">$</span><span class="price-value">199</span> <span class="price-duration">yr</span></div>\n                    </div>\n                    <!--/.prices -->\n                    <h4 class="card-title mt-2">Premium Plan</h4>\n                    <ul class="icon-list bullet-primary mt-7 mb-8">\n                      <li><i class="uil uil-check fs-21"></i><span><strong>5</strong> Projects </span></li>\n                      <li><i class="uil uil-check fs-21"></i><span><strong>100K</strong> API Access </span></li>\n                      <li><i class="uil uil-check fs-21"></i><span><strong>200MB</strong> Storage </span></li>\n                      <li><i class="uil uil-check fs-21"></i><span> Weekly <strong>Reports</strong></span></li>\n                      <li><i class="uil uil-check fs-21"></i><span> 7/24 <strong>Support</strong></span></li>\n                    </ul>\n                    <a href="#" class="btn btn-primary rounded-xl">Choose Plan</a>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.pricing -->\n              </div>\n              <!--/column -->\n              <div class="col-md-6 popular">\n                <div class="pricing card shadow-xl rounded-xl">\n                  <div class="card-body pb-12">\n                    <div class="prices text-dark">\n                      <div class="price price-show justify-content-start"><span class="price-currency">$</span><span class="price-value">49</span> <span class="price-duration">mo</span></div>\n                      <div class="price price-hide price-hidden justify-content-start"><span class="price-currency">$</span><span class="price-value">499</span> <span class="price-duration">yr</span></div>\n                    </div>\n                    <!--/.prices -->\n                    <h4 class="card-title mt-2">Corporate Plan</h4>\n                    <ul class="icon-list bullet-primary mt-7 mb-8">\n                      <li><i class="uil uil-check fs-21"></i><span><strong>20</strong> Projects </span></li>\n                      <li><i class="uil uil-check fs-21"></i><span><strong>300K</strong> API Access </span></li>\n                      <li><i class="uil uil-check fs-21"></i><span><strong>500MB</strong> Storage </span></li>\n                      <li><i class="uil uil-check fs-21"></i><span> Weekly <strong>Reports</strong></span></li>\n                      <li><i class="uil uil-check fs-21"></i><span> 7/24 <strong>Support</strong></span></li>\n                    </ul>\n                    <a href="#" class="btn btn-primary rounded-xl">Choose Plan</a>\n                  </div>\n                  <!--/.card-body -->\n                </div>\n                <!--/.pricing -->\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(30, 'footer', 'footer', '<footer class="wrapper pattern-wrapper bg-image section-frame" data-image-src="/assets/img/pattern.png">\n    <div class="container pb-13 pb-md-15">\n      <div class="card image-wrapper bg-full bg-image bg-overlay mt-n50p mx-md-5 rounded-xl overflow-hidden" data-image-src="/assets/img/photos/bg27.jpg">\n        <div class="card-body p-6 p-md-11 d-lg-flex flex-row align-items-lg-center justify-content-md-between text-center text-lg-start">\n          <h3 class="display-2 mb-6 mb-lg-0 pe-lg-10 pe-xl-5 pe-xxl-18 text-white">We are trusted by over 5000+ clients. Join them now and grow your business.</h3>\n          <a href="#" class="btn btn-lg btn-white rounded-xl mb-0 text-nowrap">Join Us</a>\n        </div>\n        <!--/.card-body -->\n      </div>\n      <!--/.card -->\n      <div class="text-inverse mx-md-5 mt-n15 mt-lg-0">\n        <div class="row gy-6 gy-lg-0">\n          <div class="col-lg-4">\n            <div class="widget">\n              <h3 class="h2 mb-3 text-white">Join the Community</h3>\n              <p class="mb-5">Let''s make something great together. We are trusted by over 5000+ clients. Join them by using our services and grow your business.</p>\n              <p class="mb-1">© <script>\n                  document.write(new Date().getUTCFullYear());\n                </script> Simeya. All rights reserved.</p>\n              <nav class="nav social social-white">\n                <a href="#"><i class="uil uil-twitter"></i></a>\n                <a href="#"><i class="uil uil-facebook-f"></i></a>\n                <a href="#"><i class="uil uil-dribbble"></i></a>\n                <a href="#"><i class="uil uil-instagram"></i></a>\n                <a href="#"><i class="uil uil-youtube"></i></a>\n              </nav>\n              <!-- /.social -->\n            </div>\n            <!-- /.widget -->\n          </div>\n          <!-- /column -->\n          <div class="col-md-4 col-lg-2 offset-lg-2">\n            <div class="widget">\n              <h4 class="widget-title text-white mb-3">Need Help?</h4>\n              <ul class="list-unstyled text-reset mb-0">\n                <li><a href="#">Support</a></li>\n                <li><a href="#">Get Started</a></li>\n                <li><a href="#">Terms of Use</a></li>\n                <li><a href="#">Privacy Policy</a></li>\n              </ul>\n            </div>\n            <!-- /.widget -->\n          </div>\n          <!-- /column -->\n          <div class="col-md-4 col-lg-2">\n            <div class="widget">\n              <h4 class="widget-title text-white mb-3">Learn More</h4>\n              <ul class="list-unstyled  mb-0">\n                <li><a href="#">About Us</a></li>\n                <li><a href="#">Our Story</a></li>\n                <li><a href="#">Projects</a></li>\n                <li><a href="#">Pricing</a></li>\n                <li><a href="#">Features</a></li>\n              </ul>\n            </div>\n            <!-- /.widget -->\n          </div>\n          <!-- /column -->\n          <div class="col-md-4 col-lg-2">\n            <div class="widget">\n              <h4 class="widget-title text-white mb-3">Get in Touch</h4>\n              <address>Moonshine St. 14/05 Light City, London, United Kingdom</address>\n              <a href="mailto:first.last@email.com">info@email.com</a><br> 00 (123) 456 78 90\n            </div>\n            <!-- /.widget -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!--/.row -->\n      </div>\n    </div>\n    <!-- /.container -->\n  </footer>'),
(30, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(31, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <meta name="description" content="An impressive and flawless site template that includes various UI elements and countless features, attractive ready-made blocks and rich pages, basically everything you need to create a unique and professional website.">\n  <meta name="keywords" content="bootstrap 5, business, corporate, creative, gulp, marketing, minimal, modern, multipurpose, one page, responsive, saas, sass, seo, startup, html5 template, site template">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="preload" href="/assets/css/fonts/space.css" as="style" onload="this.rel=''stylesheet''">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(31, 'header', 'header', '<header class="wrapper bg-light">\n      <div class="bg-primary text-white fw-bold fs-15 mb-2">\n        <div class="container py-1 d-md-flex flex-md-row">\n          <div class="d-flex flex-row align-items-center">\n            <div class="icon text-white fs-22 mt-1 me-2"> <i class="uil uil-location-pin-alt"></i></div>\n            <address class="mb-0">Moonshine St. 14/05 Light City</address>\n          </div>\n          <div class="d-flex flex-row align-items-center me-6 ms-auto">\n            <div class="icon text-white fs-22 mt-1 me-2"> <i class="uil uil-phone-volume"></i></div>\n            <p class="mb-0">00 (123) 456 78 90</p>\n          </div>\n          <div class="d-flex flex-row align-items-center">\n            <div class="icon text-white fs-22 mt-1 me-2"> <i class="uil uil-message"></i></div>\n            <p class="mb-0"><a href="mailto:sandbox@email.com" class="link-white hover">sandbox@email.com</a></p>\n          </div>\n        </div>\n        <!-- /.container -->\n      </div>\n      <nav class="navbar navbar-expand-lg center-nav transparent navbar-light">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img src="/assets/img/logo.png" srcset="/assets/img/logo@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi1.jpg" srcset="/assets/img/demos/mi1@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi2.jpg" srcset="/assets/img/demos/mi2@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi3.jpg" srcset="/assets/img/demos/mi3@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi4.jpg" srcset="/assets/img/demos/mi4@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi5.jpg" srcset="/assets/img/demos/mi5@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi6.jpg" srcset="/assets/img/demos/mi6@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi7.jpg" srcset="/assets/img/demos/mi7@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi8.jpg" srcset="/assets/img/demos/mi8@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi9.jpg" srcset="/assets/img/demos/mi9@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi10.jpg" srcset="/assets/img/demos/mi10@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi11.jpg" srcset="/assets/img/demos/mi11@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi12.jpg" srcset="/assets/img/demos/mi12@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi13.jpg" srcset="/assets/img/demos/mi13@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi14.jpg" srcset="/assets/img/demos/mi14@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi15.jpg" srcset="/assets/img/demos/mi15@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi16.jpg" srcset="/assets/img/demos/mi16@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi17.jpg" srcset="/assets/img/demos/mi17@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi18.jpg" srcset="/assets/img/demos/mi18@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi19.jpg" srcset="/assets/img/demos/mi19@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi20.jpg" srcset="/assets/img/demos/mi20@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi21.jpg" srcset="/assets/img/demos/mi21@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi22.jpg" srcset="/assets/img/demos/mi22@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi23.jpg" srcset="/assets/img/demos/mi23@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi24.jpg" srcset="/assets/img/demos/mi24@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi25.jpg" srcset="/assets/img/demos/mi25@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi26.jpg" srcset="/assets/img/demos/mi26@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi27.jpg" srcset="/assets/img/demos/mi27@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi28.jpg" srcset="/assets/img/demos/mi28@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi29.jpg" srcset="/assets/img/demos/mi29@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi30.jpg" srcset="/assets/img/demos/mi30@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi31.jpg" srcset="/assets/img/demos/mi31@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi32.jpg" srcset="/assets/img/demos/mi32@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi33.jpg" srcset="/assets/img/demos/mi33@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi34.jpg" srcset="/assets/img/demos/mi34@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi35.jpg" srcset="/assets/img/demos/mi35@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi36.jpg" srcset="/assets/img/demos/mi36@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block1.svg" alt=""></div>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block2.svg" alt=""></div>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block3.svg" alt=""></div>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block4.svg" alt=""></div>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block5.svg" alt=""></div>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block6.svg" alt=""></div>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block7.svg" alt=""></div>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block8.svg" alt=""></div>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block9.svg" alt=""></div>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block10.svg" alt=""></div>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block17.svg" alt=""></div>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block11.svg" alt=""></div>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block12.svg" alt=""></div>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block13.svg" alt=""></div>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block14.svg" alt=""></div>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block15.svg" alt=""></div>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block16.svg" alt=""></div>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other w-100 d-flex ms-auto">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item dropdown language-select text-uppercase">\n                <a class="nav-link dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">En</a>\n                <ul class="dropdown-menu">\n                  <li class="nav-item"><a class="dropdown-item" href="#">En</a></li>\n                  <li class="nav-item"><a class="dropdown-item" href="#">De</a></li>\n                  <li class="nav-item"><a class="dropdown-item" href="#">Es</a></li>\n                </ul>\n              </li>\n              <li class="nav-item d-none d-md-block">\n                <a href="/contact.html" class="btn btn-sm btn-primary rounded">Contact</a>\n              </li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n    </header>'),
(31, 'content', 'section_1', '<section class="wrapper">\n      <div class="container pt-11 pt-md-13 pb-19 pb-md-17 text-center">\n        <div class="row">\n          <div class="col-lg-9 col-xl-8 col-xxl-7 mx-auto" data-cues="slideInDown" data-group="page-title" data-delay="500">\n            <h1 class="display-1 ls-sm fs-64 mb-4 px-md-8 px-lg-0">We bring rapid solutions for your <span class="underline-3 style-1 primary"><em>business</em></span></h1>\n            <p class="lead fs-24 lh-sm mb-7">We are creative company that values quality and focuses on establishing long-term relationships with customers.</p>\n            <div>\n              <a class="btn btn-lg btn-primary rounded mb-10 mb-xxl-5">See Projects</a>\n            </div>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row">\n          <div class="col-lg-10 col-xl-9 mx-auto mt-11 mb-n21">\n            <figure><img class="img-fluid" src="/assets/img/illustrations/i28.png" srcset="/assets/img/illustrations/i28@2x.png 2x" alt=""></figure>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n      <div class="overflow-hidden">\n        <div class="divider text-soft-primary mx-n2">\n          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 70">\n            <path fill="currentColor" d="M1440,70H0V45.16a5762.49,5762.49,0,0,1,1440,0Z" />\n          </svg>\n        </div>\n      </div>\n    </section>'),
(31, 'content', 'section_2', '<section class="wrapper bg-gradient-primary">\n      <div class="container pt-15 pt-md-17">\n        <h2 class="fs-16 text-uppercase text-muted mb-8 text-center">Trusted by over 5000 clients</h2>\n        <div class="swiper-container clients mb-19" data-margin="30" data-dots="false" data-loop="true" data-autoplay="true" data-autoplaytime="1" data-drag="false" data-speed="5000" data-items-xxl="7" data-items-xl="6" data-items-lg="5" data-items-md="4" data-items-sm="3" data-items-xs="3">\n          <div class="swiper pe-none">\n            <div class="swiper-wrapper ticker">\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c1.png" alt="" /></div>\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c2.png" alt="" /></div>\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c3.png" alt="" /></div>\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c4.png" alt="" /></div>\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c5.png" alt="" /></div>\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c6.png" alt="" /></div>\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c7.png" alt="" /></div>\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c8.png" alt="" /></div>\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c9.png" alt="" /></div>\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c10.png" alt="" /></div>\n              <div class="swiper-slide px-5"><img src="/assets/img/brands/c11.png" alt="" /></div>\n            </div>\n            <!--/.swiper-wrapper -->\n          </div>\n          <!-- /.swiper -->\n        </div>\n        <!-- /.swiper-container -->\n        <div class="row text-center">\n          <div class="col-md-10 col-lg-9 col-xxl-7 mx-auto mb-12">\n            <h2 class="fs-16 text-uppercase text-muted mb-3">Our Services</h2>\n            <h3 class="display-2 ls-sm px-xxl-10">The service we offer is <span class="underline-3 style-1 primary"><em>designed</em></span> to meet your business needs.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gy-10 align-items-center mb-15 mb-md-17">\n          <div class="col-lg-7">\n            <figure><img class="img-fluid" src="/assets/img/illustrations/i29.png" srcset="/assets/img/illustrations/i29@2x.png 2x" alt="" /></figure>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-4 ms-auto">\n            <div class="svg-bg bg-pale-primary rounded mb-5"> <img src="/assets/img/icons/solid/like.svg" class="svg-inject icon-svg solid text-primary" alt="" /> </div>\n            <h3 class="h1 post-title ls-sm mb-3">Social Media Marketing</h3>\n            <p>Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus.</p>\n            <ul class="icon-list bullet-bg bullet-soft-primary">\n              <li><i class="uil uil-check"></i>Aenean eu leo quam. Pellentesque ornare.</li>\n              <li><i class="uil uil-check"></i>Nullam quis risus eget urna mollis ornare.</li>\n              <li><i class="uil uil-check"></i>Fusce dapibus, tellus ac cursus commodo.</li>\n            </ul>\n            <a href="#" class="more hover link-primary">Learn More</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gy-10 align-items-center mb-15 mb-md-17">\n          <div class="col-lg-7 order-lg-2">\n            <figure><img class="img-fluid" src="/assets/img/illustrations/i30.png" srcset="/assets/img/illustrations/i30@2x.png 2x" alt="" /></figure>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-4 me-auto">\n            <div class="svg-bg bg-pale-green rounded mb-5"> <img src="/assets/img/icons/solid/layout-2.svg" class="svg-inject icon-svg solid text-green" alt="" /> </div>\n            <h3 class="h1 post-title ls-sm mb-3">Web Design & Development</h3>\n            <p>Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus.</p>\n            <ul class="icon-list bullet-bg bullet-soft-green">\n              <li><i class="uil uil-check"></i>Aenean eu leo quam. Pellentesque ornare.</li>\n              <li><i class="uil uil-check"></i>Nullam quis risus eget urna mollis ornare.</li>\n              <li><i class="uil uil-check"></i>Fusce dapibus, tellus ac cursus commodo.</li>\n            </ul>\n            <a href="#" class="more hover link-green">Learn More</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gy-10 align-items-center">\n          <div class="col-lg-7">\n            <figure><img class="img-fluid" src="/assets/img/illustrations/i31.png" srcset="/assets/img/illustrations/i31@2x.png 2x" alt="" /></figure>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-4 ms-auto">\n            <div class="svg-bg bg-pale-fuchsia rounded mb-5"> <img src="/assets/img/icons/solid/bullhorn.svg" class="svg-inject icon-svg solid text-fuchsia" alt="" /> </div>\n            <h3 class="h1 post-title ls-sm mb-3">Content Marketing Services</h3>\n            <p>Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus.</p>\n            <ul class="icon-list bullet-bg bullet-soft-fuchsia">\n              <li><i class="uil uil-check"></i>Aenean eu leo quam. Pellentesque ornare.</li>\n              <li><i class="uil uil-check"></i>Nullam quis risus eget urna mollis ornare.</li>\n              <li><i class="uil uil-check"></i>Fusce dapibus, tellus ac cursus commodo.</li>\n            </ul>\n            <a href="#" class="more hover link-fuchsia">Learn More</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(31, 'content', 'section_3', '<section class="wrapper bg-light">\n      <div class="container py-16 py-md-18">\n        <div class="card bg-soft-primary rounded-4 mb-16 mb-md-18">\n          <div class="card-body py-14 px-lg-0">\n            <div class="row text-center">\n              <div class="col-lg-9 col-xl-8 mx-auto">\n                <h2 class="fs-16 text-uppercase text-muted mb-3">Happy Customers</h2>\n                <h3 class="display-2 ls-sm mb-10 px-xxl-10">Don''t take our word for it. See what our <span class="underline-3 style-1 primary"><em>customers</em></span> are saying about us.</h3>\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n            <div class="row gx-lg-8 gx-xl-12 align-items-center">\n              <div class="col-lg-5 ms-auto col-xl-4 d-none d-lg-flex">\n                <div class="img-mask mask-3"><img src="/assets/img/photos/about13.jpg" srcset="/assets/img/photos/about13@2x.jpg 2x" alt="" /></div>\n              </div>\n              <!--/column -->\n              <div class="col-lg-6 col-xl-6 col-xxl-5 me-auto">\n                <div class="swiper-container dots-start dots-closer mb-6" data-margin="30" data-dots="true">\n                  <div class="swiper">\n                    <div class="swiper-wrapper">\n                      <div class="swiper-slide">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="border-0 fs-lg mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur nulla dapibus curabitur blandit faucibus.”</p>\n                          <div class="blockquote-details">\n                            <div class="info ps-0">\n                              <h5 class="mb-1">Coriss Ambady</h5>\n                              <p class="mb-0">Financial Analyst</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!--/.swiper-slide -->\n                      <div class="swiper-slide">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="border-0 fs-lg mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur nulla dapibus curabitur blandit faucibus.”</p>\n                          <div class="blockquote-details">\n                            <div class="info ps-0">\n                              <h5 class="mb-1">Cory Zamora</h5>\n                              <p class="mb-0">Marketing Specialist</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!--/.swiper-slide -->\n                      <div class="swiper-slide">\n                        <span class="ratings five mb-3"></span>\n                        <blockquote class="border-0 fs-lg mb-0">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur nulla dapibus curabitur blandit faucibus.”</p>\n                          <div class="blockquote-details">\n                            <div class="info ps-0">\n                              <h5 class="mb-1">Nikolas Brooten</h5>\n                              <p class="mb-0">Sales Manager</p>\n                            </div>\n                          </div>\n                        </blockquote>\n                      </div>\n                      <!--/.swiper-slide -->\n                    </div>\n                    <!--/.swiper-wrapper -->\n                  </div>\n                  <!-- /.swiper -->\n                </div>\n                <!-- /.swiper-container -->\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/.card-body -->\n        </div>\n        <!--/.card -->\n        <div class="row text-center">\n          <div class="col-lg-10 col-xxl-8 mx-auto mb-12">\n            <h2 class="fs-16 text-uppercase text-muted mb-3">Latest Projects</h2>\n            <h3 class="display-2 ls-sm">Check out some of our <span class="underline-3 style-1 primary"><em>awesome</em></span> projects with creative ideas and great design.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gy-10 align-items-center mb-15 mb-md-17">\n          <div class="col-lg-7">\n            <div class="card bg-soft-grape">\n              <div class="card-body px-9 py-0 overflow-hidden">\n                <div class="row gx-4 gx-md-9">\n                  <div class="col-6">\n                    <figure class="mt-9"><a href="#"><img class="shadow-lg rounded-top" src="/assets/img/demos/d18.jpg" srcset="/assets/img/demos/d18@2x.jpg 2x" alt="" /></a></figure>\n                  </div>\n                  <!-- /column -->\n                  <div class="col-6">\n                    <figure><a href="#"><img class="shadow-lg rounded-bottom" src="/assets/img/demos/d18-2.jpg" srcset="/assets/img/demos/d18-2@2x.jpg 2x" alt="" /></a></figure>\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /column -->\n          <div class="col-lg-4 ms-auto">\n            <h3 class="h1 post-title ls-sm mb-2">Wiretree Network Company</h3>\n            <div class="post-category text-muted mb-4">\n              <span>Dashboard</span>, <span>Web Development</span>\n            </div>\n            <p class="mb-6">Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus. Donec sed odio dui. Vivamus sagittis lacus vel.</p>\n            <a href="#" class="btn btn-grape rounded">See Project</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gy-10 align-items-center mb-15 mb-md-17">\n          <div class="col-lg-7 order-lg-2">\n            <div class="card bg-soft-primary">\n              <div class="card-body p-11 overflow-hidden">\n                <figure><a href="#"><img src="/assets/img/photos/f2.png" srcset="/assets/img/photos/f2@2x.png 2x" alt="" /></a></figure>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /column -->\n          <div class="col-lg-4 me-auto">\n            <h3 class="h1 post-title ls-sm mb-2">Alphine Finance</h3>\n            <div class="post-category text-muted mb-4">\n              <span>Branding</span>, <span>Web Design</span>\n            </div>\n            <p class="mb-6">Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus. Donec sed odio dui. Vivamus sagittis lacus vel.</p>\n            <a href="#" class="btn btn-primary rounded">See Project</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gy-10 align-items-center mb-15 mb-md-17">\n          <div class="col-lg-7">\n            <div class="card bg-soft-violet">\n              <div class="card-body p-11 pb-0 overflow-hidden">\n                <figure><a href="#"><img src="/assets/img/photos/f1.png" srcset="/assets/img/photos/f1@2x.png 2x" alt="" /></a></figure>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /column -->\n          <div class="col-lg-4 ms-auto">\n            <h3 class="h1 post-title ls-sm mb-2">Skybox Landing Pages</h3>\n            <div class="post-category text-muted mb-4">\n              <span>Logo</span>, <span>Web Design</span>\n            </div>\n            <p class="mb-6">Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus. Donec sed odio dui. Vivamus sagittis lacus vel.</p>\n            <a href="#" class="btn btn-violet rounded">See Project</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gy-10 align-items-center mb-17 mb-md-19">\n          <div class="col-lg-7 order-lg-2">\n            <div class="card bg-soft-red">\n              <div class="card-body p-11 pb-0 overflow-hidden">\n                <figure><a href="#"><img src="/assets/img/photos/f4.png" srcset="/assets/img/photos/f4@2x.png 2x" alt="" /></a></figure>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /column -->\n          <div class="col-lg-4 me-auto">\n            <h3 class="h1 post-title ls-sm mb-2">Nutshell Application</h3>\n            <div class="post-category text-muted mb-4">\n              <span>App Design</span>, <span>Branding</span>\n            </div>\n            <p class="mb-6">Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus. Donec sed odio dui. Vivamus sagittis lacus vel.</p>\n            <a href="#" class="btn btn-red rounded">See Project</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row text-center mb-7">\n          <div class="col-lg-10 col-xl-9 col-xxl-8 mx-auto">\n            <h2 class="fs-16 text-uppercase text-muted mb-3">Join Our Community</h2>\n            <h3 class="display-2 ls-sm">We are <span class="underline-3 style-1 primary"><em>trusted</em></span> by over 50000+ clients. Join them now and grow your business.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row mb-8">\n          <div class="col-md-10 col-lg-9 col-xl-7 mx-auto">\n            <div class="row align-items-center counter-wrapper gy-4 gy-md-0">\n              <div class="col-md-4 text-center">\n                <h3 class="counter counter-lg text-primary">1000+</h3>\n                <p>Completed Projects</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4 text-center">\n                <h3 class="counter counter-lg text-primary">50K+</h3>\n                <p>Happy Customers</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4 text-center">\n                <h3 class="counter counter-lg text-primary">4x</h3>\n                <p>Revenue Growth</p>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row position-relative" style="z-index: 1">\n          <div class="col-lg-10 col-xl-9 mx-auto mt-11 mb-sm-n20 mb-md-n22">\n            <figure><img class="img-fluid" src="/assets/img/illustrations/i32.png" srcset="/assets/img/illustrations/i32@2x.png 2x" alt=""></figure>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n      <div class="overflow-hidden">\n        <div class="divider text-soft-primary mx-n2">\n          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 70">\n            <path fill="currentColor" d="M1440,70H0V45.16a5762.49,5762.49,0,0,1,1440,0Z" />\n          </svg>\n        </div>\n      </div>\n    </section>'),
(31, 'footer', 'footer', '<footer class="bg-soft-primary">\n    <div class="container pt-17 pt-md-19 pb-14 pb-md-16">\n      <div class="row gy-6 gy-lg-0">\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <img class="mb-4" src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n            <p class="mb-4">© <script>\n                document.write(new Date().getUTCFullYear());\n              </script> Simeya. <br class="d-none d-lg-block" />All rights reserved.</p>\n            <nav class="nav social ">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title  mb-3">Get in Touch</h4>\n            <address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address>\n            <a href="mailto:#" class="link-body">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title  mb-3">Learn More</h4>\n            <ul class="list-unstyled text-reset mb-0">\n              <li><a href="#">About Us</a></li>\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Projects</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-12 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title  mb-3">Our Newsletter</h4>\n            <p class="mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p>\n            <div class="newsletter-wrapper">\n              <!-- Begin Mailchimp Signup Form -->\n              <div id="mc_embed_signup2">\n                <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate " target="_blank" novalidate>\n                  <div id="mc_embed_signup_scroll2">\n                    <div class="mc-field-group input-group form-floating">\n                      <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2">\n                      <label for="mce-EMAIL2">Email Address</label>\n                      <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary ">\n                    </div>\n                    <div id="mce-responses2" class="clear">\n                      <div class="response" id="mce-error-response2" style="display:none"></div>\n                      <div class="response" id="mce-success-response2" style="display:none"></div>\n                    </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n                    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>\n                    <div class="clear"></div>\n                  </div>\n                </form>\n              </div>\n              <!--End mc_embed_signup-->\n            </div>\n            <!-- /.newsletter-wrapper -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!--/.row -->\n    </div>\n    <!-- /.container -->\n  </footer>'),
(31, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(32, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <meta name="description" content="An impressive and flawless site template that includes various UI elements and countless features, attractive ready-made blocks and rich pages, basically everything you need to create a unique and professional website.">\n  <meta name="keywords" content="bootstrap 5, business, corporate, creative, gulp, marketing, minimal, modern, multipurpose, one page, responsive, saas, sass, seo, startup, html5 template, site template">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="preload" href="/assets/css/fonts/space.css" as="style" onload="this.rel=''stylesheet''">\n</head>\n\n<body class="box-layout">\n  <div class="content-wrapper bg-light">\n    <header'),
(32, 'header', 'header', '<header class="position-absolute w-100 pt-1">\n      <nav class="navbar navbar-expand-lg center-nav transparent navbar-dark caret-none">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img class="logo-dark" src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n              <img class="logo-light" src="/assets/img/logo-light.png" srcset="/assets/img/logo-light@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi1.jpg" srcset="/assets/img/demos/mi1@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi2.jpg" srcset="/assets/img/demos/mi2@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi3.jpg" srcset="/assets/img/demos/mi3@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi4.jpg" srcset="/assets/img/demos/mi4@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi5.jpg" srcset="/assets/img/demos/mi5@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi6.jpg" srcset="/assets/img/demos/mi6@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi7.jpg" srcset="/assets/img/demos/mi7@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi8.jpg" srcset="/assets/img/demos/mi8@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi9.jpg" srcset="/assets/img/demos/mi9@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi10.jpg" srcset="/assets/img/demos/mi10@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi11.jpg" srcset="/assets/img/demos/mi11@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi12.jpg" srcset="/assets/img/demos/mi12@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi13.jpg" srcset="/assets/img/demos/mi13@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi14.jpg" srcset="/assets/img/demos/mi14@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi15.jpg" srcset="/assets/img/demos/mi15@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi16.jpg" srcset="/assets/img/demos/mi16@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi17.jpg" srcset="/assets/img/demos/mi17@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi18.jpg" srcset="/assets/img/demos/mi18@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi19.jpg" srcset="/assets/img/demos/mi19@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi20.jpg" srcset="/assets/img/demos/mi20@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi21.jpg" srcset="/assets/img/demos/mi21@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi22.jpg" srcset="/assets/img/demos/mi22@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi23.jpg" srcset="/assets/img/demos/mi23@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi24.jpg" srcset="/assets/img/demos/mi24@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi25.jpg" srcset="/assets/img/demos/mi25@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi26.jpg" srcset="/assets/img/demos/mi26@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi27.jpg" srcset="/assets/img/demos/mi27@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi28.jpg" srcset="/assets/img/demos/mi28@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi29.jpg" srcset="/assets/img/demos/mi29@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi30.jpg" srcset="/assets/img/demos/mi30@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi31.jpg" srcset="/assets/img/demos/mi31@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi32.jpg" srcset="/assets/img/demos/mi32@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi33.jpg" srcset="/assets/img/demos/mi33@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi34.jpg" srcset="/assets/img/demos/mi34@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi35.jpg" srcset="/assets/img/demos/mi35@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi36.jpg" srcset="/assets/img/demos/mi36@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block1.svg" alt=""></div>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block2.svg" alt=""></div>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block3.svg" alt=""></div>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block4.svg" alt=""></div>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block5.svg" alt=""></div>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block6.svg" alt=""></div>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block7.svg" alt=""></div>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block8.svg" alt=""></div>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block9.svg" alt=""></div>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block10.svg" alt=""></div>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block17.svg" alt=""></div>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block11.svg" alt=""></div>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block12.svg" alt=""></div>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block13.svg" alt=""></div>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block14.svg" alt=""></div>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block15.svg" alt=""></div>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block16.svg" alt=""></div>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other w-100 d-flex ms-auto">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item"><a class="nav-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-info"><i class="uil uil-info-circle"></i></a></li>\n              <li class="nav-item"><a class="nav-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-search"><i class="uil uil-search"></i></a></li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n      <div class="offcanvas offcanvas-end text-inverse" id="offcanvas-info" data-bs-scroll="true">\n        <div class="offcanvas-header">\n          <h3 class="text-white fs-30 mb-0">Simeya</h3>\n          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n        </div>\n        <div class="offcanvas-body pb-6">\n          <div class="widget mb-8">\n            <p>Simeya is a multipurpose HTML5 template with various layouts which will be a great solution for your business.</p>\n          </div>\n          <!-- /.widget -->\n          <div class="widget mb-8">\n            <h4 class="widget-title text-white mb-3">Contact Info</h4>\n            <address> Moonshine St. 14/05 <br /> Light City, London </address>\n            <a href="mailto:first.last@email.com">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n          <div class="widget mb-8">\n            <h4 class="widget-title text-white mb-3">Learn More</h4>\n            <ul class="list-unstyled">\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n              <li><a href="#">Contact Us</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Follow Us</h4>\n            <nav class="nav social social-white">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /.offcanvas-body -->\n      </div>\n      <!-- /.offcanvas -->\n      <div class="offcanvas offcanvas-top bg-light" id="offcanvas-search" data-bs-scroll="true">\n        <div class="container d-flex flex-row py-6">\n          <form class="search-form w-100">\n            <input id="search-form" type="text" class="form-control" placeholder="Type keyword and hit enter">\n          </form>\n          <!-- /.search-form -->\n          <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n        </div>\n        <!-- /.container -->\n      </div>\n      <!-- /.offcanvas -->\n    </header>'),
(32, 'content', 'section_1', '<section class="wrapper gradient-8 bg-lines">\n      <div class="container pt-17 pt-md-19 pb-21 pb-lg-23 text-center">\n        <div class="row">\n          <div class="col-lg-10 col-xl-9 col-xxl-8 mx-auto" data-cues="zoomIn" data-group="page-title" data-interval="-200" data-delay="500">\n            <h2 class="h6 text-uppercase ls-xl text-white mb-5">Hello! We are Simeya</h2>\n            <h1 class="display-1 fs-68 lh-xxs mb-8 text-white">We have considered our solutions to <span class="underline-2 underline-gradient-6"><em>assist</em></span> every stage of your growth.</h1>\n            <div class="d-flex justify-content-center mb-4" data-cues="zoomIn" data-group="page-title-buttons" data-delay="900">\n              <span><a href="#" class="btn btn-lg btn-white">Explore Now</a></span>\n            </div>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(32, 'content', 'section_2', '<section class="wrapper bg-light">\n      <div class="container py-15 py-md-17 position-relative">\n        <figure class="rounded mt-n21 mt-lg-n23 mb-16 mb-md-18 position-relative" data-cues="fadeIn" data-delay="250">\n          <a href="/assets/media/movie3.mp4" class="btn btn-circle btn-white btn-play ripple mx-auto position-absolute" style="top:50%; left: 50%; transform: translate(-50%,-50%); z-index:3;" data-glightbox><i class="icn-caret-right"></i></a>\n          <video class="w-100 rounded caption-overlay d-block" poster="/assets/img/photos/movie3.jpg" src="/assets/media/movie3.mp4" autoplay loop playsinline muted></video>\n        </figure>\n        <div class="row gy-10 gy-sm-13 gx-md-8 gx-xl-12 align-items-center mb-10 mb-md-12">\n          <div class="col-lg-6">\n            <div class="row gx-md-5 gy-5">\n              <div class="col-md-6">\n                <figure class="rounded"><img src="/assets/img/photos/g12.jpg" srcset="/assets/img/photos/g12@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 align-self-end">\n                <figure class="rounded"><img src="/assets/img/photos/g13.jpg" srcset="/assets/img/photos/g13@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-12">\n                <figure class="rounded mx-md-5"><img src="/assets/img/photos/g11.jpg" srcset="/assets/img/photos/g11@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h2 class="fs-16 text-uppercase text-primary mb-3">Who Are We?</h2>\n            <h3 class="display-3 mb-5">Company that believes in the power of creative strategy.</h3>\n            <p class="mb-6">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed.</p>\n            <div class="row align-items-center counter-wrapper gy-6">\n              <div class="col-md-6">\n                <h3 class="counter counter-lg mb-1">99.7%</h3>\n                <h5 class="mb-0">Customer Satisfaction</h5>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <h3 class="counter counter-lg mb-1">12x</h3>\n                <h5 class="mb-0">Revenue Growth</h5>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-6 mb-7 mb-md-9">\n          <div class="col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <div class="icon btn btn-block pe-none btn-soft-primary me-4 w-10 h-10"> <span class="number fs-18">1</span> </div>\n              </div>\n              <div>\n                <h3>Our Vision</h3>\n                <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget. Fusce dapibus tellus.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <div class="icon btn btn-block pe-none btn-soft-primary me-4 w-10 h-10"> <span class="number fs-18">2</span> </div>\n              </div>\n              <div>\n                <h3>Our Mission</h3>\n                <p class="mb-2">Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet. Sed posuere consectetur.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <div class="icon btn btn-block pe-none btn-soft-primary me-4 w-10 h-10"> <span class="number fs-18">3</span> </div>\n              </div>\n              <div>\n                <h3>Our Values</h3>\n                <p class="mb-2">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna scelerisque.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="text-center"><a href="#" class="btn btn-primary">More Details</a></div>\n      </div>\n      <!-- /.container -->\n    </section>'),
(32, 'content', 'section_3', '<section class="wrapper bg-dark text-inverse">\n      <div class="container py-15 py-md-17">\n        <div class="row text-center">\n          <div class="col-lg-10 col-xl-9 col-xxl-8 mx-auto">\n            <h2 class="fs-16 text-uppercase text-white mb-3">Our Services</h2>\n            <h3 class="display-3 text-white mb-10">The full service we are offering is specifically designed to meet your business needs.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-9">\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/illustrations/ni1.png" class="w-13 me-5" alt="" />\n              </div>\n              <div>\n                <h3 class="mb-2 text-white">Marketing Automation</h3>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/illustrations/ni2.png" class="w-13 me-5" alt="" />\n              </div>\n              <div>\n                <h3 class="mb-2 text-white">Project Management</h3>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/illustrations/ni3.png" class="w-13 me-5" alt="" />\n              </div>\n              <div>\n                <h3 class="mb-2 text-white">Web Analytics</h3>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/illustrations/ni4.png" class="w-13 me-5" alt="" />\n              </div>\n              <div>\n                <h3 class="mb-2 text-white">SEO Services</h3>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/illustrations/ni5.png" class="w-13 me-5" alt="" />\n              </div>\n              <div>\n                <h3 class="mb-2 text-white">Market Research</h3>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/illustrations/ni6.png" class="w-13 me-5" alt="" />\n              </div>\n              <div>\n                <h3 class="mb-2 text-white">Social Media Management</h3>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(32, 'content', 'section_4', '<section class="wrapper bg-light">\n      <div class="container py-15 py-md-17">\n        <div class="row gx-md-8 gy-10 align-items-center">\n          <div class="col-lg-6 offset-lg-1 order-lg-2 position-relative">\n            <figure class="rounded"><img class="img-fluid" src="/assets/img/photos/about27.jpg" srcset="/assets/img/photos/about27@2x.jpg 2x" alt="" /></figure>\n            <div class="card shadow-lg position-absolute d-none d-md-block" style="top: 15%; left: -7%">\n              <div class="card-body py-4 px-5">\n                <div class="d-flex flex-row align-items-center">\n                  <div>\n                    <div class="icon btn btn-block btn-soft-primary pe-none mx-auto me-4 w-10 h-10"> <i class="uil uil-users-alt"></i> </div>\n                  </div>\n                  <div>\n                    <h3 class="fs-25 counter mb-0 text-nowrap">25000+</h3>\n                    <p class="fs-16 lh-sm mb-0 text-nowrap">Happy Clients</p>\n                  </div>\n                </div>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n            <div class="card shadow-lg position-absolute text-center d-none d-md-block" style="bottom: 10%; left: -10%;">\n              <div class="card-body p-6">\n                <div class="progressbar semi-circle primary mb-3" data-value="80"></div>\n                <h4 class="mb-0">Time Saved</h4>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-5">\n            <h2 class="fs-16 text-uppercase text-primary mb-3">What Makes Us Different?</h2>\n            <h3 class="display-3 mb-5">We make spending stress free so you have the perfect control.</h3>\n            <p class="mb-6">Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus. Integer posuere erat a ante venenatis.</p>\n            <ul class="icon-list bullet-bg bullet-soft-primary">\n              <li><i class="uil uil-check"></i>Aenean eu leo quam. Pellentesque ornare.</li>\n              <li><i class="uil uil-check"></i>Nullam quis risus eget urna mollis ornare.</li>\n              <li><i class="uil uil-check"></i>Donec id elit non mi porta gravida at eget.</li>\n            </ul>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(32, 'content', 'section_5', '<section class="wrapper bg-gray">\n      <div class="container py-15 py-md-17">\n        <div class="row text-center">\n          <div class="col-lg-10 col-xl-9 col-xxl-8 mx-auto">\n            <h2 class="fs-16 text-uppercase text-primary mb-3">Case Studies</h2>\n            <h3 class="display-3 mb-10">Check out some of our awesome projects with creative ideas and great design.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row grid-view gy-6">\n          <div class="col-md-6 col-lg-4">\n            <article>\n              <div class="card shadow-lg">\n                <figure class="card-img-top overlay overlay-1 hover-scale"><a href="#"> <img src="/assets/img/photos/b4.jpg" alt="" /></a>\n                  <figcaption>\n                    <h5 class="from-top mb-0">Read More</h5>\n                  </figcaption>\n                </figure>\n                <div class="card-body">\n                  <div class="post-header">\n                    <h2 class="post-title h3 mt-1 mb-3"><a class="link-dark" href="/blog-post.html">Ligula tristique quis risus</a></h2>\n                  </div>\n                  <!-- /.post-header -->\n                  <div class="post-content">\n                    <p>Mauris convallis non ligula non interdum. Gravida vulputate convallis tempus vestibulum cras imperdiet nun eu dolor.</p>\n                  </div>\n                  <!-- /.post-content -->\n                </div>\n                <!--/.card-body -->\n                <div class="card-footer">\n                  <ul class="post-meta d-flex mb-0">\n                    <li class="post-date"><i class="uil uil-calendar-alt"></i><span>14 Apr 2022</span></li>\n                    <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Coding</a></li>\n                  </ul>\n                  <!-- /.post-meta -->\n                </div>\n                <!-- /.card-footer -->\n              </div>\n              <!-- /.card -->\n            </article>\n            <!-- /article -->\n          </div>\n          <!-- /column -->\n          <div class="col-md-6 col-lg-4">\n            <article>\n              <div class="card shadow-lg">\n                <figure class="card-img-top overlay overlay-1 hover-scale"><a href="#"> <img src="/assets/img/photos/b5.jpg" alt="" /></a>\n                  <figcaption>\n                    <h5 class="from-top mb-0">Read More</h5>\n                  </figcaption>\n                </figure>\n                <div class="card-body">\n                  <div class="post-header">\n                    <h2 class="post-title h3 mt-1 mb-3"><a class="link-dark" href="/blog-post.html">Nullam id dolor elit id nibh</a></h2>\n                  </div>\n                  <!-- /.post-header -->\n                  <div class="post-content">\n                    <p>Mauris convallis non ligula non interdum. Gravida vulputate convallis tempus vestibulum cras imperdiet nun eu dolor.</p>\n                  </div>\n                  <!-- /.post-content -->\n                </div>\n                <!--/.card-body -->\n                <div class="card-footer">\n                  <ul class="post-meta d-flex mb-0">\n                    <li class="post-date"><i class="uil uil-calendar-alt"></i><span>29 Mar 2022</span></li>\n                    <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Office</a></li>\n                  </ul>\n                  <!-- /.post-meta -->\n                </div>\n                <!-- /.card-footer -->\n              </div>\n              <!-- /.card -->\n            </article>\n            <!-- /article -->\n          </div>\n          <!-- /column -->\n          <div class="col-md-6 col-lg-4">\n            <article>\n              <div class="card shadow-lg">\n                <figure class="card-img-top overlay overlay-1 hover-scale"><a href="#"> <img src="/assets/img/photos/b6.jpg" alt="" /></a>\n                  <figcaption>\n                    <h5 class="from-top mb-0">Read More</h5>\n                  </figcaption>\n                </figure>\n                <div class="card-body">\n                  <div class="post-header">\n                    <h2 class="post-title h3 mt-1 mb-3"><a class="link-dark" href="/blog-post.html">Ultricies fusce porta elit</a></h2>\n                  </div>\n                  <!-- /.post-header -->\n                  <div class="post-content">\n                    <p>Mauris convallis non ligula non interdum. Gravida vulputate convallis tempus vestibulum cras imperdiet nun eu dolor.</p>\n                  </div>\n                  <!-- /.post-content -->\n                </div>\n                <!--/.card-body -->\n                <div class="card-footer">\n                  <ul class="post-meta d-flex mb-0">\n                    <li class="post-date"><i class="uil uil-calendar-alt"></i><span>26 Feb 2022</span></li>\n                    <li class="post-comments"><a href="#"><i class="uil uil-file-alt fs-15"></i>Meeting</a></li>\n                  </ul>\n                  <!-- /.post-meta -->\n                </div>\n                <!-- /.card-footer -->\n              </div>\n              <!-- /.card -->\n            </article>\n            <!-- /article -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(32, 'content', 'section_6', '<section class="wrapper bg-light">\n      <div class="container py-15 py-md-17">\n        <div class="row">\n          <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2 mx-auto text-center">\n            <h2 class="fs-16 text-uppercase text-primary mb-3">Why Choose Simeya?</h2>\n            <h3 class="display-3 mb-10 px-xl-10 px-xxl-15">Here are a few reasons why our customers choose Simeya.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <ul class="nav nav-tabs nav-tabs-bg nav-tabs-shadow-lg d-flex justify-content-between nav-justified flex-lg-row flex-column">\n          <li class="nav-item"> <a class="nav-link d-flex flex-row active" data-bs-toggle="tab" href="#tab2-1">\n              <div><img src="/assets/img/illustrations/ni7.png" class="w-13 me-5" alt="" /></div>\n              <div>\n                <h3 class="mb-2">Easy Usage</h3>\n                <p>Duis mollis commodo luctus cursus commodo tortor.</p>\n              </div>\n            </a> </li>\n          <li class="nav-item"> <a class="nav-link d-flex flex-row" data-bs-toggle="tab" href="#tab2-2">\n              <div><img src="/assets/img/illustrations/ni8.png" class="w-13 me-5" alt="" /></div>\n              <div>\n                <h3 class="mb-2">Fast Transactions</h3>\n                <p>Vivamus sagittis lacus augue fusce dapibus tellus nibh.</p>\n              </div>\n            </a> </li>\n          <li class="nav-item"> <a class="nav-link d-flex flex-row" data-bs-toggle="tab" href="#tab2-3">\n              <div><img src="/assets/img/illustrations/ni9.png" class="w-13 me-5" alt="" /></div>\n              <div>\n                <h3 class="mb-2">Secure Payments</h3>\n                <p>Vestibulum ligula porta felis maecenas faucibus mollis.</p>\n              </div>\n            </a> </li>\n        </ul>\n        <!-- /.nav-tabs -->\n        <div class="tab-content mt-6 mt-lg-8 mb-md-9">\n          <div class="tab-pane fade show active" id="tab2-1">\n            <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">\n              <div class="col-lg-6">\n                <div class="row gx-md-5 gy-5 align-items-center">\n                  <div class="col-6">\n                    <img class="img-fluid rounded shadow-lg d-flex ms-auto" src="/assets/img/photos/sa13.jpg" srcset="/assets/img/photos/sa13@2x.jpg 2x" alt="" />\n                  </div>\n                  <!-- /column -->\n                  <div class="col-6">\n                    <img class="img-fluid rounded shadow-lg mb-5" src="/assets/img/photos/sa14.jpg" srcset="/assets/img/photos/sa14@2x.jpg 2x" alt="" />\n                    <img class="img-fluid rounded shadow-lg d-flex col-10" src="/assets/img/photos/sa15.jpg" srcset="/assets/img/photos/sa15@2x.jpg 2x" alt="" />\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </div>\n              <!--/column -->\n              <div class="col-lg-6">\n                <h2 class="mb-3">Easy Usage</h2>\n                <p>Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna.</p>\n                <ul class="icon-list bullet-bg bullet-soft-primary">\n                  <li><i class="uil uil-check"></i>Aenean eu leo quam. Pellentesque ornare.</li>\n                  <li><i class="uil uil-check"></i>Nullam quis risus eget urna mollis ornare.</li>\n                  <li><i class="uil uil-check"></i>Donec id elit non mi porta gravida at eget.</li>\n                </ul>\n                <a href="#" class="btn btn-primary mt-2">Learn More</a>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/.tab-pane -->\n          <div class="tab-pane fade" id="tab2-2">\n            <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">\n              <div class="col-lg-6 order-lg-2">\n                <div class="row gx-md-5 gy-5">\n                  <div class="col-5">\n                    <img class="img-fluid rounded shadow-lg my-5 d-flex ms-auto" src="/assets/img/photos/sa9.jpg" srcset="/assets/img/photos/sa9@2x.jpg 2x" alt="" />\n                    <img class="img-fluid rounded shadow-lg d-flex col-10 ms-auto" src="/assets/img/photos/sa10.jpg" srcset="/assets/img/photos/sa10@2x.jpg 2x" alt="" />\n                  </div>\n                  <!-- /column -->\n                  <div class="col-7">\n                    <img class="img-fluid rounded shadow-lg mb-5" src="/assets/img/photos/sa11.jpg" srcset="/assets/img/photos/sa11@2x.jpg 2x" alt="" />\n                    <img class="img-fluid rounded shadow-lg d-flex col-11" src="/assets/img/photos/sa12.jpg" srcset="/assets/img/photos/sa12@2x.jpg 2x" alt="" />\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </div>\n              <!--/column -->\n              <div class="col-lg-6">\n                <h2 class="mb-3">Fast Transactions</h2>\n                <p>Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna.</p>\n                <ul class="icon-list bullet-bg bullet-soft-primary">\n                  <li><i class="uil uil-check"></i>Aenean eu leo quam. Pellentesque ornare.</li>\n                  <li><i class="uil uil-check"></i>Nullam quis risus eget urna mollis ornare.</li>\n                  <li><i class="uil uil-check"></i>Donec id elit non mi porta gravida at eget.</li>\n                </ul>\n                <a href="#" class="btn btn-primary mt-2">Learn More</a>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/.tab-pane -->\n          <div class="tab-pane fade" id="tab2-3">\n            <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">\n              <div class="col-lg-6">\n                <div class="row gx-md-5 gy-5">\n                  <div class="col-6">\n                    <img class="img-fluid rounded shadow-lg mb-5" src="/assets/img/photos/sa5.jpg" srcset="/assets/img/photos/sa5@2x.jpg 2x" alt="" />\n                    <img class="img-fluid rounded shadow-lg d-flex col-10 ms-auto" src="/assets/img/photos/sa6.jpg" srcset="/assets/img/photos/sa6@2x.jpg 2x" alt="" />\n                  </div>\n                  <!-- /column -->\n                  <div class="col-6">\n                    <img class="img-fluid rounded shadow-lg my-5" src="/assets/img/photos/sa7.jpg" srcset="/assets/img/photos/sa7@2x.jpg 2x" alt="" />\n                    <img class="img-fluid rounded shadow-lg d-flex col-10" src="/assets/img/photos/sa8.jpg" srcset="/assets/img/photos/sa8@2x.jpg 2x" alt="" />\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </div>\n              <!--/column -->\n              <div class="col-lg-6">\n                <h2 class="mb-3">Secure Payments</h2>\n                <p>Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna.</p>\n                <ul class="icon-list bullet-bg bullet-soft-primary">\n                  <li><i class="uil uil-check"></i>Aenean eu leo quam. Pellentesque ornare.</li>\n                  <li><i class="uil uil-check"></i>Nullam quis risus eget urna mollis ornare.</li>\n                  <li><i class="uil uil-check"></i>Donec id elit non mi porta gravida at eget.</li>\n                </ul>\n                <a href="#" class="btn btn-primary mt-2">Learn More</a>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/.tab-pane -->\n        </div>\n        <!-- /.tab-content -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(32, 'content', 'section_7', '<section class="wrapper bg-gray">\n      <div class="container pt-15 pt-md-17">\n        <div class="row">\n          <div class="col-xl-9 col-xxl-8 mx-auto text-center">\n            <h2 class="fs-16 text-uppercase text-primary mb-3">Our Team</h2>\n            <h3 class="display-3 px-lg-18 px-xl-12 px-xxl-15 mb-6">Save your time and money by choosing our professional team.</h3>\n            <p class="mb-8 px-lg-10 px-xl-0">Curabitur blandit tempus porttitor. Maecenas faucibus mollis interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna.</p>\n            <a href="#" class="btn btn-primary">Read More</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n      <figure><img src="/assets/img/photos/bg12.jpg" alt="" /></figure>\n    </section>'),
(32, 'content', 'section_8', '<section class="wrapper gradient-8 bg-lines">\n      <div class="container py-15 pt-md-0 pb-md-17 text-center">\n        <div class="row text-center">\n          <div class="col-xl-9 mx-auto">\n            <div class="card shadow-lg mt-md-n16 mb-15 mb-md-17">\n              <div class="card-body p-9 p-xl-12">\n                <div class="row gx-0">\n                  <div class="col-xxl-9 mx-auto">\n                    <div class="swiper-container dots-closer mb-6" data-margin="30" data-dots="true">\n                      <div class="swiper">\n                        <div class="swiper-wrapper">\n                          <div class="swiper-slide">\n                            <span class="ratings five mb-3"></span>\n                            <blockquote class="border-0 fs-lg mb-2">\n                              <p>“Vivamus sagittis lacus augue laoreet rutrum faucibus auctor vestibulum ligula porta felis, euismod semper cras justo odio.”</p>\n                              <div class="blockquote-details justify-content-center">\n                                <img class="rounded-circle w-12" src="/assets/img/avatars/te1.jpg" srcset="/assets/img/avatars/te1@2x.jpg 2x" alt="" />\n                                <div class="info">\n                                  <h5 class="mb-1">Coriss Ambady</h5>\n                                  <p class="mb-0">Financial Analyst</p>\n                                </div>\n                              </div>\n                            </blockquote>\n                          </div>\n                          <!--/.swiper-slide -->\n                          <div class="swiper-slide">\n                            <span class="ratings five mb-3"></span>\n                            <blockquote class="border-0 fs-lg mb-2">\n                              <p>“Vivamus sagittis lacus augue laoreet rutrum faucibus auctor vestibulum ligula porta felis, euismod semper cras justo odio.”</p>\n                              <div class="blockquote-details justify-content-center">\n                                <img class="rounded-circle w-12" src="/assets/img/avatars/te2.jpg" srcset="/assets/img/avatars/te2@2x.jpg 2x" alt="" />\n                                <div class="info">\n                                  <h5 class="mb-1">Cory Zamora</h5>\n                                  <p class="mb-0">Marketing Specialist</p>\n                                </div>\n                              </div>\n                            </blockquote>\n                          </div>\n                          <!--/.swiper-slide -->\n                          <div class="swiper-slide">\n                            <span class="ratings five mb-3"></span>\n                            <blockquote class="border-0 fs-lg mb-2">\n                              <p>“Vivamus sagittis lacus augue laoreet rutrum faucibus auctor vestibulum ligula porta felis, euismod semper cras justo odio.”</p>\n                              <div class="blockquote-details justify-content-center">\n                                <img class="rounded-circle w-12" src="/assets/img/avatars/te3.jpg" srcset="/assets/img/avatars/te3@2x.jpg 2x" alt="" />\n                                <div class="info">\n                                  <h5 class="mb-1">Nikolas Brooten</h5>\n                                  <p class="mb-0">Sales Manager</p>\n                                </div>\n                              </div>\n                            </blockquote>\n                          </div>\n                          <!--/.swiper-slide -->\n                        </div>\n                        <!--/.swiper-wrapper -->\n                      </div>\n                      <!--/.swiper -->\n                    </div>\n                    <!-- /.swiper-container -->\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row">\n          <div class="col-lg-9 col-xl-8 col-xxl-7 mx-auto text-center">\n            <h2 class="fs-16 text-uppercase text-white mb-3">Join Our Community</h2>\n            <h3 class="display-3 text-white mb-6">We are <span class="underline-2 underline-gradient-6"><em>trusted</em></span> by over 5000+ clients. Join them now and grow your business.</h3>\n            <a href="#" class="btn btn-white">Join Us</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(32, 'footer', 'footer', '<footer class="wrapper bg-dark text-inverse">\n    <div class="container py-13 py-md-15">\n      <div class="row gy-6 gy-lg-0">\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <img class="mb-4" src="/assets/img/logo-light.png" srcset="/assets/img/logo-light@2x.png 2x" alt="" />\n            <p class="mb-4">© <script>\n                document.write(new Date().getUTCFullYear());\n              </script> Simeya. <br class="d-none d-lg-block" />All rights reserved.</p>\n            <nav class="nav social social-white">\n              <a href="#"><i class="uil uil-twitter"></i></a>\n              <a href="#"><i class="uil uil-facebook-f"></i></a>\n              <a href="#"><i class="uil uil-dribbble"></i></a>\n              <a href="#"><i class="uil uil-instagram"></i></a>\n              <a href="#"><i class="uil uil-youtube"></i></a>\n            </nav>\n            <!-- /.social -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Get in Touch</h4>\n            <address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address>\n            <a href="mailto:#">info@email.com</a><br /> 00 (123) 456 78 90\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-4 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Learn More</h4>\n            <ul class="list-unstyled  mb-0">\n              <li><a href="#">About Us</a></li>\n              <li><a href="#">Our Story</a></li>\n              <li><a href="#">Projects</a></li>\n              <li><a href="#">Terms of Use</a></li>\n              <li><a href="#">Privacy Policy</a></li>\n            </ul>\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n        <div class="col-md-12 col-lg-3">\n          <div class="widget">\n            <h4 class="widget-title text-white mb-3">Our Newsletter</h4>\n            <p class="mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p>\n            <div class="newsletter-wrapper">\n              <!-- Begin Mailchimp Signup Form -->\n              <div id="mc_embed_signup2">\n                <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate dark-fields" target="_blank" novalidate>\n                  <div id="mc_embed_signup_scroll2">\n                    <div class="mc-field-group input-group form-floating">\n                      <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2">\n                      <label for="mce-EMAIL2">Email Address</label>\n                      <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary ">\n                    </div>\n                    <div id="mce-responses2" class="clear">\n                      <div class="response" id="mce-error-response2" style="display:none"></div>\n                      <div class="response" id="mce-success-response2" style="display:none"></div>\n                    </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n                    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>\n                    <div class="clear"></div>\n                  </div>\n                </form>\n              </div>\n              <!--End mc_embed_signup-->\n            </div>\n            <!-- /.newsletter-wrapper -->\n          </div>\n          <!-- /.widget -->\n        </div>\n        <!-- /column -->\n      </div>\n      <!--/.row -->\n    </div>\n    <!-- /.container -->\n  </footer>'),
(32, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(33, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <meta name="description" content="An impressive and flawless site template that includes various UI elements and countless features, attractive ready-made blocks and rich pages, basically everything you need to create a unique and professional website.">\n  <meta name="keywords" content="bootstrap 5, business, corporate, creative, gulp, marketing, minimal, modern, multipurpose, one page, responsive, saas, sass, seo, startup, html5 template, site template">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/navy.css">\n  <link rel="preload" href="/assets/css/fonts/space.css" as="style" onload="this.rel=''stylesheet''">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(33, 'header', 'header', '<header class="wrapper bg-soft-primary my-1">\n      <nav class="navbar navbar-expand-lg center-nav navbar-light navbar-bg-light">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi1.jpg" srcset="/assets/img/demos/mi1@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi2.jpg" srcset="/assets/img/demos/mi2@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi3.jpg" srcset="/assets/img/demos/mi3@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi4.jpg" srcset="/assets/img/demos/mi4@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi5.jpg" srcset="/assets/img/demos/mi5@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi6.jpg" srcset="/assets/img/demos/mi6@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi7.jpg" srcset="/assets/img/demos/mi7@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi8.jpg" srcset="/assets/img/demos/mi8@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi9.jpg" srcset="/assets/img/demos/mi9@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi10.jpg" srcset="/assets/img/demos/mi10@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi11.jpg" srcset="/assets/img/demos/mi11@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi12.jpg" srcset="/assets/img/demos/mi12@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi13.jpg" srcset="/assets/img/demos/mi13@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi14.jpg" srcset="/assets/img/demos/mi14@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi15.jpg" srcset="/assets/img/demos/mi15@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi16.jpg" srcset="/assets/img/demos/mi16@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi17.jpg" srcset="/assets/img/demos/mi17@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi18.jpg" srcset="/assets/img/demos/mi18@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi19.jpg" srcset="/assets/img/demos/mi19@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi20.jpg" srcset="/assets/img/demos/mi20@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi21.jpg" srcset="/assets/img/demos/mi21@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi22.jpg" srcset="/assets/img/demos/mi22@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi23.jpg" srcset="/assets/img/demos/mi23@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi24.jpg" srcset="/assets/img/demos/mi24@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi25.jpg" srcset="/assets/img/demos/mi25@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi26.jpg" srcset="/assets/img/demos/mi26@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi27.jpg" srcset="/assets/img/demos/mi27@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi28.jpg" srcset="/assets/img/demos/mi28@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi29.jpg" srcset="/assets/img/demos/mi29@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi30.jpg" srcset="/assets/img/demos/mi30@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi31.jpg" srcset="/assets/img/demos/mi31@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi32.jpg" srcset="/assets/img/demos/mi32@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi33.jpg" srcset="/assets/img/demos/mi33@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi34.jpg" srcset="/assets/img/demos/mi34@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi35.jpg" srcset="/assets/img/demos/mi35@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi36.jpg" srcset="/assets/img/demos/mi36@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block1.svg" alt=""></div>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block2.svg" alt=""></div>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block3.svg" alt=""></div>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block4.svg" alt=""></div>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block5.svg" alt=""></div>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block6.svg" alt=""></div>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block7.svg" alt=""></div>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block8.svg" alt=""></div>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block9.svg" alt=""></div>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block10.svg" alt=""></div>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block17.svg" alt=""></div>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block11.svg" alt=""></div>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block12.svg" alt=""></div>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block13.svg" alt=""></div>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block14.svg" alt=""></div>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block15.svg" alt=""></div>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block16.svg" alt=""></div>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other w-100 d-flex ms-auto">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item d-none d-md-block">\n                <a href="/contact.html" class="btn btn-sm btn-primary">Contact Me</a>\n              </li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n    </header>'),
(33, 'content', 'section_1', '<section class="section-frame mx-xxl-11 overflow-hidden">\n      <div class="wrapper image-wrapper bg-image bg-cover bg-overlay bg-overlay-light-500" data-image-src="/assets/img/photos/bg23.png">\n        <div class="container py-16 py-md-18 text-center position-relative">\n          <div class="position-absolute shape yellow d-none d-lg-block w-5" style="top: 18%; left: 5%;"><img src="/assets/img/svg/pie.svg" class="svg-inject icon-svg w-100 h-100" alt="" /></div>\n          <div class="position-absolute shape leaf d-none d-lg-block w-10" style="bottom: 30%; left: 2%;"><img src="/assets/img/svg/scribble.svg" class="svg-inject icon-svg w-100 h-100" alt="" /></div>\n          <div class="position-absolute shape fuchsia d-none d-lg-block w-6" style="top: 20%; right: 2%; transform: rotate(70deg);"><img src="/assets/img/svg/tri.svg" class="svg-inject icon-svg w-100 h-100" alt="" /></div>\n          <div class="position-absolute shape grape d-none d-lg-block w-6" style="bottom: 28%; right: 5%;"><img src="/assets/img/svg/circle.svg" class="svg-inject icon-svg w-100 h-100" alt="" /></div>\n          <div class="row">\n            <div class="col-lg-9 col-xxl-8 mx-auto">\n              <h1 class="display-1 fs-70 px-md-10 px-lg-0 px-xl-8 mb-5">👋 Hello! I''m <img class="d-inline w-12 mx-1" src="/assets/img/avatars/avatar.png" alt=""> Camille, a product designer.</h1>\n              <p class="lead fs-24 px-md-10 px-lg-0 mx-lg-n10 mx-xl-0 mb-8">I’m very passionate about the work that I do, and if you are curious you can find my works on <a href="#" class="hover" style="color: var(--bs-dribbble);">Dribbble</a>, my portfolio on <a href="#" class="hover" style="color: var(--bs-behance);">Behance</a>.</p>\n              <a href="#" class="btn btn-lg btn-primary btn-icon btn-icon-end">See My Works <i class="uil uil-arrow-up-right"></i></a>\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n        </div>\n        <!-- /.container -->\n      </div>\n      <!-- /.wrapper -->\n    </section>'),
(33, 'content', 'section_2', '<section class="wrapper bg-light">\n      <div class="container py-16 py-md-18">\n        <div class="row d-flex align-items-start gy-10 mb-18 mb-md-20">\n          <div class="col-lg-5 position-lg-sticky" style="top: 8rem;">\n            <h3 class="display-2 mb-5">The service I offer is specifically designed to meet your needs.</h3>\n            <p class="mb-7">Cras mattis consectetur purus sit amet fermentum. Donec ullamcorper nulla non metus auctor fringilla. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p>\n            <a href="#" class="btn btn-lg btn-primary btn-icon btn-icon-end">More Details <i class="uil uil-arrow-up-right"></i></a>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-6 ms-auto">\n            <div class="card bg-soft-fuchsia mb-6">\n              <div class="card-body d-flex flex-row">\n                <div>\n                  <img src="/assets/img/icons/lineal/search-2.svg" class="svg-inject icon-svg icon-svg-md text-fuchsia me-5" alt="" />\n                </div>\n                <div>\n                  <h3 class="fs-21 mb-2">User Research</h3>\n                  <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, nulla non metus auctor eget lacinia odio sem aget elit.</p>\n                </div>\n              </div>\n              <!-- /.card-body -->\n            </div>\n            <!-- /.card -->\n            <div class="card bg-soft-aqua mb-6">\n              <div class="card-body d-flex flex-row">\n                <div>\n                  <img src="/assets/img/icons/lineal/puzzle-2.svg" class="svg-inject icon-svg icon-svg-md text-aqua me-5" alt="" />\n                </div>\n                <div>\n                  <h3 class="fs-21 mb-2">Strategy & Planning</h3>\n                  <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, nulla non metus auctor eget lacinia odio sem aget elit.</p>\n                </div>\n              </div>\n              <!-- /.card-body -->\n            </div>\n            <!-- /.card -->\n            <div class="card bg-soft-yellow mb-6">\n              <div class="card-body d-flex flex-row">\n                <div>\n                  <img src="/assets/img/icons/lineal/smartphone.svg" class="svg-inject icon-svg icon-svg-md text-yellow me-5" alt="" />\n                </div>\n                <div>\n                  <h3 class="fs-21 mb-2">App Design</h3>\n                  <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, nulla non metus auctor eget lacinia odio sem aget elit.</p>\n                </div>\n              </div>\n              <!-- /.card-body -->\n            </div>\n            <!-- /.card -->\n            <div class="card bg-soft-leaf mb-6">\n              <div class="card-body d-flex flex-row">\n                <div>\n                  <img src="/assets/img/icons/lineal/design.svg" class="svg-inject icon-svg icon-svg-md text-leaf me-5" alt="" />\n                </div>\n                <div>\n                  <h3 class="fs-21 mb-2">Brand Design</h3>\n                  <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, nulla non metus auctor eget lacinia odio sem aget elit.</p>\n                </div>\n              </div>\n              <!-- /.card-body -->\n            </div>\n            <!-- /.card -->\n            <div class="card bg-soft-orange mb-6">\n              <div class="card-body d-flex flex-row">\n                <div>\n                  <img src="/assets/img/icons/lineal/video-editing.svg" class="svg-inject icon-svg icon-svg-md text-orange me-5" alt="" />\n                </div>\n                <div>\n                  <h3 class="fs-21 mb-2">Motion Graphic</h3>\n                  <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, nulla non metus auctor eget lacinia odio sem aget elit.</p>\n                </div>\n              </div>\n              <!-- /.card-body -->\n            </div>\n            <!-- /.card -->\n            <div class="card bg-soft-grape">\n              <div class="card-body d-flex flex-row">\n                <div>\n                  <img src="/assets/img/icons/lineal/browser.svg" class="svg-inject icon-svg icon-svg-md text-grape me-5" alt="" />\n                </div>\n                <div>\n                  <h3 class="fs-21 mb-2">Web Design</h3>\n                  <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, nulla non metus auctor eget lacinia odio sem aget elit.</p>\n                </div>\n              </div>\n              <!-- /.card-body -->\n            </div>\n            <!-- /.card -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row align-items-center mb-10">\n          <div class="col-md-8 col-lg-9 col-xl-8 col-xxl-7">\n            <h2 class="display-2 mb-0">Check out some of my latest projects with creative ideas.</h2>\n          </div>\n          <!--/column -->\n          <div class="col-md-4 col-lg-3 ms-md-auto text-md-end mt-5 mt-md-0">\n            <a href="#" class="btn btn-lg btn-primary btn-icon btn-icon-end mb-0">See All Projects <i class="uil uil-arrow-up-right"></i></a>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="card bg-soft-violet mb-10">\n          <div class="card-body p-12 pb-0">\n            <div class="row">\n              <div class="col-lg-4 pb-12 align-self-center">\n                <div class="post-category fs-15 mb-3 text-violet">Web Design</div>\n                <h3 class="h1 post-title mb-3">Snowlake Theme</h3>\n                <p>Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus cursus.</p>\n                <a href="#" class="btn btn-sm btn-violet btn-icon btn-icon-end mb-0">See Project <i class="uil uil-arrow-up-right"></i></a>\n              </div>\n              <!-- /column -->\n              <div class="col-lg-7 offset-lg-1 align-self-end">\n                <figure><img class="img-fluid" src="/assets/img/photos/f1.png" srcset="/assets/img/photos/f1@2x.png 2x" alt="" /></figure>\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!--/.card-body -->\n        </div>\n        <!--/.card -->\n        <div class="card bg-soft-blue mb-10">\n          <div class="card-body p-12">\n            <div class="row gy-10 align-items-center">\n              <div class="col-lg-4 order-lg-2 offset-lg-1">\n                <div class="post-category fs-15 mb-3 text-blue">Mobile Design</div>\n                <h3 class="h1 post-title mb-3">Budget App</h3>\n                <p>Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus cursus.</p>\n                <a href="#" class="btn btn-sm btn-blue btn-icon btn-icon-end mb-0">See Project <i class="uil uil-arrow-up-right"></i></a>\n              </div>\n              <!-- /column -->\n              <div class="col-lg-7">\n                <figure><img class="img-fluid" src="/assets/img/photos/f2.png" srcset="/assets/img/photos/f2@2x.png 2x" alt="" /></figure>\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!--/.card-body -->\n        </div>\n        <!--/.card -->\n        <div class="row gx-md-8 gx-xl-10">\n          <div class="col-lg-6">\n            <div class="card bg-soft-leaf mb-10">\n              <div class="card-body p-12 pb-0">\n                <div class="post-category fs-15 mb-3 text-leaf">Web Design</div>\n                <h3 class="h1 post-title mb-3">Missio Theme</h3>\n                <p>Maecenas faucibus mollis interdum sed posuere porta consectetur cursus porta lobortis. Scelerisque id ligula felis.</p>\n                <a href="#" class="btn btn-sm btn-leaf btn-icon btn-icon-end mb-10">See Project <i class="uil uil-arrow-up-right"></i></a>\n              </div>\n              <!--/.card-body -->\n              <img class="card-img-bottom" src="/assets/img/photos/f3.png" srcset="/assets/img/photos/f3@2x.png 2x" alt="" />\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /column -->\n          <div class="col-lg-6">\n            <div class="card bg-soft-pink">\n              <div class="card-body p-12 pb-0">\n                <div class="post-category fs-15 mb-3 text-pink">Mobile Design</div>\n                <h3 class="h1 post-title mb-3">Storage App</h3>\n                <p>Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis.</p>\n                <a href="#" class="btn btn-sm btn-pink btn-icon btn-icon-end mb-10">See Project <i class="uil uil-arrow-up-right"></i></a>\n              </div>\n              <!--/.card-body -->\n              <img class="card-img-bottom" src="/assets/img/photos/f4.png" srcset="/assets/img/photos/f4@2x.png 2x" alt="" />\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(33, 'content', 'section_3', '<section class="section-frame mx-xxl-11">\n      <div class="wrapper image-wrapper bg-image bg-cover bg-overlay bg-overlay-light-500 section-frame-wrapper" data-image-src="/assets/img/photos/bg23.png">\n        <div class="container py-16 py-md-18">\n          <div class="row">\n            <div class="col-md-10 col-lg-9 col-xl-8 mx-auto text-center">\n              <h3 class="display-2 mb-10 px-xxl-10">Don''t take our word for it. See what customers are saying about us.</h3>\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n          <div class="row">\n            <div class="grid col-md-11 mx-auto mb-lg-n23">\n              <div class="row isotope gy-6">\n                <div class="item col-md-6 col-xl-4">\n                  <div class="card shadow-lg">\n                    <div class="card-body">\n                      <span class="ratings five mb-3"></span>\n                      <blockquote class="icon mb-0">\n                        <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis.”</p>\n                        <div class="blockquote-details">\n                          <div class="info ps-0">\n                            <h5 class="mb-1">Coriss Ambady</h5>\n                            <p class="mb-0">Financial Analyst</p>\n                          </div>\n                        </div>\n                      </blockquote>\n                    </div>\n                    <!-- /.card-body -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!--/column -->\n                <div class="item col-md-6 col-xl-4">\n                  <div class="card shadow-lg">\n                    <div class="card-body">\n                      <span class="ratings five mb-3"></span>\n                      <blockquote class="icon mb-0">\n                        <p>“Fusce dapibus, tellus ac cursus tortor mauris condimentum fermentum massa justo sit amet. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras mattis consectetur purus sit amet fermentum.”</p>\n                        <div class="blockquote-details">\n                          <div class="info ps-0">\n                            <h5 class="mb-1">Cory Zamora</h5>\n                            <p class="mb-0">Marketing Specialist</p>\n                          </div>\n                        </div>\n                      </blockquote>\n                    </div>\n                    <!-- /.card-body -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!--/column -->\n                <div class="item col-md-6 col-xl-4">\n                  <div class="card shadow-lg">\n                    <div class="card-body">\n                      <span class="ratings five mb-3"></span>\n                      <blockquote class="icon mb-0">\n                        <p>“Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nullam quis risus eget porta ac consectetur vestibulum. Donec sed odio dui consectetur.”</p>\n                        <div class="blockquote-details">\n                          <div class="info ps-0">\n                            <h5 class="mb-1">Nikolas Brooten</h5>\n                            <p class="mb-0">Sales Manager</p>\n                          </div>\n                        </div>\n                      </blockquote>\n                    </div>\n                    <!-- /.card-body -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!--/column -->\n                <div class="item col-md-6 col-xl-4">\n                  <div class="card shadow-lg">\n                    <div class="card-body">\n                      <span class="ratings five mb-3"></span>\n                      <blockquote class="icon mb-0">\n                        <p>“Etiam adipiscing tincidunt elit convallis felis suscipit ut. Phasellus rhoncus tincidunt auctor. Nullam eu sagittis mauris. Donec non dolor ac elit aliquam tincidunt at at sapien.”</p>\n                        <div class="blockquote-details">\n                          <div class="info ps-0">\n                            <h5 class="mb-1">Coriss Ambady</h5>\n                            <p class="mb-0">Financial Analyst</p>\n                          </div>\n                        </div>\n                      </blockquote>\n                    </div>\n                    <!-- /.card-body -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!--/column -->\n                <div class="item col-md-6 col-xl-4">\n                  <div class="card shadow-lg">\n                    <div class="card-body">\n                      <span class="ratings five mb-3"></span>\n                      <blockquote class="icon mb-0">\n                        <p>“Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus magnis dis montes, nascetur ridiculus mus. Donec sed odio dui.”</p>\n                        <div class="blockquote-details">\n                          <div class="info ps-0">\n                            <h5 class="mb-1">Jackie Sanders</h5>\n                            <p class="mb-0">Investment Planner</p>\n                          </div>\n                        </div>\n                      </blockquote>\n                    </div>\n                    <!-- /.card-body -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!--/column -->\n                <div class="item col-md-6 col-xl-4">\n                  <div class="card shadow-lg">\n                    <div class="card-body">\n                      <span class="ratings five mb-3"></span>\n                      <blockquote class="icon mb-0">\n                        <p>“Donec id elit non mi porta gravida at eget metus. Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur.”</p>\n                        <div class="blockquote-details">\n                          <div class="info ps-0">\n                            <h5 class="mb-1">Laura Widerski</h5>\n                            <p class="mb-0">Sales Specialist</p>\n                          </div>\n                        </div>\n                      </blockquote>\n                    </div>\n                    <!-- /.card-body -->\n                  </div>\n                  <!-- /.card -->\n                </div>\n                <!--/column -->\n              </div>\n              <!-- /.row -->\n            </div>\n            <!-- /.grid-view -->\n          </div>\n          <!-- /.row -->\n        </div>\n        <!-- /.container -->\n      </div>\n      <!-- /.wrapper -->\n    </section>'),
(33, 'content', 'section_4', '<section class="wrapper bg-light">\n      <div class="container py-16 py-md-18">\n        <div class="row gx-md-8 gx-xl-12 gy-10 align-items-center mt-lg-18 mb-16 mb-md-18">\n          <div class="col-md-8 col-lg-6 mx-auto">\n            <div class="img-mask mask-3 px-xxl-5"><img src="/assets/img/avatars/avatar.jpg" srcset="/assets/img/avatars/avatar@2x.jpg 2x" alt="" /></div>\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h2 class="display-2 mb-3">More about me</h2>\n            <p class="lead fs-24">👋 Hello! I''m Camille, a multidisciplinary product designer 🧸 based in New York City 🚕. I’m very passionate about the work 💌 that I do.</p>\n            <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh ut fermentum massa justo sit amet risus.</p>\n            <p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur.</p>\n            <a href="#" class="btn btn-primary btn-icon btn-icon-end mt-2">Learn More <i class="uil uil-arrow-up-right"></i></a>\n          </div>\n          <!--/column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gx-md-8 gx-xl-12 gy-10">\n          <div class="col-lg-5 mx-auto">\n            <h2 class="display-2 mb-3">My experiences</h2>\n            <p class="lead fs-24 pe-xxl-8">I''ve had the pleasure to work with companies 🏢 across a variety of industries 🏛️ I''m always interested in new ✨ and exciting adventures 🧨</p>\n            <a href="#" class="btn btn-primary btn-icon btn-icon-end mt-2">Download Resume <i class="uil uil-arrow-up-right"></i></a>\n          </div>\n          <!--/column -->\n          <div class="col-lg-7">\n            <ul class="timeline">\n              <li class="timeline-item">\n                <div class="timeline-info meta fs-14">Nov 2017 - Present</div>\n                <div class="timeline-marker"></div>\n                <div class="timeline-content">\n                  <h3 class="timeline-title">Creative Director at Malory House</h3>\n                  <p>Nullam vel sem. Nullam vel sem. Integer ante arcu, accumsan a consectetuer eget, posuere ut, mauris. Donec orci lectus, aliquam ut, faucibus non euismod id nulla.</p>\n                </div>\n              </li>\n              <li class="timeline-item">\n                <div class="timeline-info meta fs-14">Sep 2015 - Apr 2017</div>\n                <div class="timeline-marker"></div>\n                <div class="timeline-content">\n                  <h3 class="timeline-title">Senior Developer at Longwave Studio</h3>\n                  <p>Donec vitae sapien ut libero venenatis faucibus. ullam dictum felis eu pede mollis pretium. Pellentesque ut neque.</p>\n                </div>\n              </li>\n              <li class="timeline-item">\n                <div class="timeline-info meta fs-14">May 2011 - Sep 2015</div>\n                <div class="timeline-marker"></div>\n                <div class="timeline-content">\n                  <h3 class="timeline-title">Junior Developer at Webpaint Media</h3>\n                  <p>Cras mattis consectetur purus sit amet fermentum. Donec ullamcorper nulla non metus auctor fringilla. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p>\n                </div>\n              </li>\n            </ul>\n          </div>\n          <!--/column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(33, 'content', 'section_5', '<section class="section-frame mx-xxl-11 overflow-hidden">\n      <div class="wrapper image-wrapper bg-image bg-cover bg-overlay bg-overlay-light-500" data-image-src="/assets/img/photos/bg23.png">\n        <div class="container py-16 py-md-18 text-center">\n          <div class="position-absolute shape yellow d-none d-lg-block w-5" style="top: 18%; left: 5%;"><img src="/assets/img/svg/pie.svg" class="svg-inject icon-svg w-100 h-100" alt="" /></div>\n          <div class="position-absolute shape leaf d-none d-lg-block w-10" style="bottom: 30%; left: 2%;"><img src="/assets/img/svg/scribble.svg" class="svg-inject icon-svg w-100 h-100" alt="" /></div>\n          <div class="position-absolute shape fuchsia d-none d-lg-block w-6" style="top: 20%; right: 2%; transform: rotate(70deg);"><img src="/assets/img/svg/tri.svg" class="svg-inject icon-svg w-100 h-100" alt="" /></div>\n          <div class="position-absolute shape grape d-none d-lg-block w-6" style="bottom: 28%; right: 5%;"><img src="/assets/img/svg/circle.svg" class="svg-inject icon-svg w-100 h-100" alt="" /></div>\n          <div class="row">\n            <div class="col-lg-9 col-xxl-8 mx-auto">\n              <h1 class="display-1 fs-70 mx-lg-n10 mx-xl-0 mb-5">Got a 👾 project in mind? Let''s work together. ✌️</h1>\n              <p class="lead fs-24 px-md-12 px-lg-0 mx-lg-n10 mx-xl-0 mb-8">I bring rapid solutions to make the life of my clients easier. Have any questions? Reach out to me and I will get back to you shortly.</p>\n              <a href="#" class="btn btn-lg btn-primary btn-icon btn-icon-end">Contact Me <i class="uil uil-arrow-up-right"></i></a>\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n        </div>\n        <!-- /.container -->\n      </div>\n      <!-- /.wrapper -->\n    </section>'),
(33, 'footer', 'footer', '<footer>\n    <div class="container py-7">\n      <div class="d-md-flex align-items-center justify-content-between">\n        <p class="mb-2 mb-lg-0">© <script>\n            document.write(new Date().getUTCFullYear());\n          </script> Simeya. All rights reserved.</p>\n        <nav class="nav social social-muted mb-0 text-md-end">\n          <a href="#"><i class="uil uil-twitter"></i></a>\n          <a href="#"><i class="uil uil-facebook-f"></i></a>\n          <a href="#"><i class="uil uil-dribbble"></i></a>\n          <a href="#"><i class="uil uil-instagram"></i></a>\n          <a href="#"><i class="uil uil-youtube"></i></a>\n        </nav>\n        <!-- /.social -->\n      </div>\n    </div>\n    <!-- /.container -->\n  </footer>'),
(33, 'foot', 'foot', '<div class="progress-wrap">\n    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">\n      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />\n    </svg>\n  </div>\n  <script src="/assets/js/plugins.js"></script>\n  <script src="/assets/js/theme.js"></script>\n</body>\n\n</html>'),
(34, 'head', 'head', '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="utf-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <meta name="description" content="An impressive and flawless site template that includes various UI elements and countless features, attractive ready-made blocks and rich pages, basically everything you need to create a unique and professional website.">\n  <meta name="keywords" content="bootstrap 5, business, corporate, creative, gulp, marketing, minimal, modern, multipurpose, one page, responsive, saas, sass, seo, startup, html5 template, site template">\n  <meta name="author" content="elemis">\n  <title>Simeya - Modern & Multipurpose Bootstrap 5 Template</title>\n  <link rel="shortcut icon" href="/assets/img/favicon.png">\n  <link rel="stylesheet" href="/assets/css/plugins.css">\n  <link rel="stylesheet" href="/assets/css/style.css">\n  <link rel="stylesheet" href="/assets/css/colors/navy.css">\n</head>\n\n<body>\n  <div class="content-wrapper">\n    <header'),
(34, 'header', 'header', '<header class="wrapper bg-light mb-2">\n      <nav class="navbar navbar-expand-lg center-nav transparent navbar-light">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi1.jpg" srcset="/assets/img/demos/mi1@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi2.jpg" srcset="/assets/img/demos/mi2@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi3.jpg" srcset="/assets/img/demos/mi3@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi4.jpg" srcset="/assets/img/demos/mi4@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi5.jpg" srcset="/assets/img/demos/mi5@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi6.jpg" srcset="/assets/img/demos/mi6@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi7.jpg" srcset="/assets/img/demos/mi7@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi8.jpg" srcset="/assets/img/demos/mi8@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi9.jpg" srcset="/assets/img/demos/mi9@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi10.jpg" srcset="/assets/img/demos/mi10@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi11.jpg" srcset="/assets/img/demos/mi11@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi12.jpg" srcset="/assets/img/demos/mi12@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi13.jpg" srcset="/assets/img/demos/mi13@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi14.jpg" srcset="/assets/img/demos/mi14@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi15.jpg" srcset="/assets/img/demos/mi15@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi16.jpg" srcset="/assets/img/demos/mi16@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi17.jpg" srcset="/assets/img/demos/mi17@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi18.jpg" srcset="/assets/img/demos/mi18@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi19.jpg" srcset="/assets/img/demos/mi19@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi20.jpg" srcset="/assets/img/demos/mi20@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi21.jpg" srcset="/assets/img/demos/mi21@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi22.jpg" srcset="/assets/img/demos/mi22@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi23.jpg" srcset="/assets/img/demos/mi23@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi24.jpg" srcset="/assets/img/demos/mi24@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi25.jpg" srcset="/assets/img/demos/mi25@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi26.jpg" srcset="/assets/img/demos/mi26@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi27.jpg" srcset="/assets/img/demos/mi27@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi28.jpg" srcset="/assets/img/demos/mi28@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi29.jpg" srcset="/assets/img/demos/mi29@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi30.jpg" srcset="/assets/img/demos/mi30@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi31.jpg" srcset="/assets/img/demos/mi31@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi32.jpg" srcset="/assets/img/demos/mi32@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi33.jpg" srcset="/assets/img/demos/mi33@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi34.jpg" srcset="/assets/img/demos/mi34@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi35.jpg" srcset="/assets/img/demos/mi35@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi36.jpg" srcset="/assets/img/demos/mi36@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block1.svg" alt=""></div>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block2.svg" alt=""></div>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block3.svg" alt=""></div>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block4.svg" alt=""></div>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block5.svg" alt=""></div>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block6.svg" alt=""></div>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block7.svg" alt=""></div>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block8.svg" alt=""></div>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block9.svg" alt=""></div>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block10.svg" alt=""></div>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block17.svg" alt=""></div>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block11.svg" alt=""></div>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block12.svg" alt=""></div>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block13.svg" alt=""></div>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block14.svg" alt=""></div>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block15.svg" alt=""></div>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block16.svg" alt=""></div>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other w-100 d-flex ms-auto">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item dropdown language-select text-uppercase">\n                <a class="nav-link dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">En</a>\n                <ul class="dropdown-menu">\n                  <li class="nav-item"><a class="dropdown-item" href="#">En</a></li>\n                  <li class="nav-item"><a class="dropdown-item" href="#">De</a></li>\n                  <li class="nav-item"><a class="dropdown-item" href="#">Es</a></li>\n                </ul>\n              </li>\n              <li class="nav-item d-none d-md-block">\n                <a href="/contact.html" class="btn btn-sm btn-primary rounded">Contact</a>\n              </li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n    </header>'),
(34, 'content', 'section_1', '<section class="wrapper bg-gray position-relative min-vh-60 d-lg-flex align-items-center">\n      <div class="col-lg-6 position-lg-absolute top-0 start-0 image-wrapper bg-image bg-cover h-100" data-image-src="/assets/img/photos/about32.jpg">\n        <a href="/assets/media/movie3.mp4" class="btn btn-circle btn-primary btn-play ripple mx-auto position-absolute d-lg-none" style="top:50%; left: 50%; transform: translate(-50%,-50%); z-index:3;" data-glightbox data-gallery="mobile-video"><i class="icn-caret-right"></i></a>\n      </div>\n      <!--/column -->\n      <div class="container position-relative" data-cue="fadeIn" data-delay="600">\n        <a href="/assets/media/movie3.mp4" class="btn btn-circle btn-primary btn-play ripple mx-auto position-absolute d-none d-lg-flex" style="top:50%; left: 50%; transform: translate(-50%,-50%); z-index:3;" data-glightbox data-gallery="desktop-video"><i class="icn-caret-right"></i></a>\n        <div class="row gx-0">\n          <div class="col-lg-6 offset-lg-6">\n            <div class="py-12 py-lg-16 ps-lg-12 py-xxl-18 ps-xxl-16 pe-lg-0 position-relative" data-cues="slideInDown" data-group="page-title">\n              <h1 class="display-1 ls-xs fs-52 mb-4">We bring solutions to make life <span class="underline-3 style-2 yellow">easier</span> for our customers.</h1>\n              <p class="lead fs-25 lh-sm mb-7">We have considered our solutions to support every stage of your growth.</p>\n              <div>\n                <a class="btn btn-lg btn-primary rounded mb-2">Get Started</a>\n              </div>\n            </div>\n          </div>\n          <!-- /column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(34, 'content', 'section_2', '<section class="bg-light">\n      <div class="container py-15 py-md-17 pb-md-25">\n        <div class="row d-flex align-items-start gy-10">\n          <div class="col-lg-5 position-lg-sticky" style="top: 8rem;">\n            <h2 class="fs-16 text-uppercase text-muted mb-3">What We Do?</h2>\n            <h3 class="display-2 ls-xs mb-5">The service we offer is <span class="underline-3 style-2 yellow">specifically</span> designed to meet your needs.</h3>\n            <p class="mb-7">Cras mattis consectetur purus sit amet fermentum. Donec ullamcorper nulla non metus auctor fringilla. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p>\n            <a href="#" class="btn btn-primary">More Details</a>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-6 ms-auto">\n            <div class="card mb-6">\n              <div class="card-body d-flex flex-row">\n                <div>\n                  <img src="/assets/img/illustrations/ni1.png" class="w-13 me-5" alt="" />\n                </div>\n                <div>\n                  <h3 class="fs-21 ls-xs mb-2">Marketing Automation</h3>\n                  <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit.</p>\n                </div>\n              </div>\n              <!-- /.card-body -->\n            </div>\n            <!-- /.card -->\n            <div class="card mb-6">\n              <div class="card-body d-flex flex-row">\n                <div>\n                  <img src="/assets/img/illustrations/ni2.png" class="w-13 me-5" alt="" />\n                </div>\n                <div>\n                  <h3 class="fs-21 ls-xs mb-2">Project Management</h3>\n                  <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit.</p>\n                </div>\n              </div>\n              <!-- /.card-body -->\n            </div>\n            <!-- /.card -->\n            <div class="card mb-6">\n              <div class="card-body d-flex flex-row">\n                <div>\n                  <img src="/assets/img/illustrations/ni3.png" class="w-13 me-5" alt="" />\n                </div>\n                <div>\n                  <h3 class="fs-21 ls-xs mb-2">Web Analytics</h3>\n                  <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit.</p>\n                </div>\n              </div>\n              <!-- /.card-body -->\n            </div>\n            <!-- /.card -->\n            <div class="card mb-6">\n              <div class="card-body d-flex flex-row">\n                <div>\n                  <img src="/assets/img/illustrations/ni4.png" class="w-13 me-5" alt="" />\n                </div>\n                <div>\n                  <h3 class="fs-21 ls-xs mb-2">SEO Services</h3>\n                  <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit.</p>\n                </div>\n              </div>\n              <!-- /.card-body -->\n            </div>\n            <!-- /.card -->\n            <div class="card mb-6">\n              <div class="card-body d-flex flex-row">\n                <div>\n                  <img src="/assets/img/illustrations/ni5.png" class="w-13 me-5" alt="" />\n                </div>\n                <div>\n                  <h3 class="fs-21 ls-xs mb-2">Market Research</h3>\n                  <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit.</p>\n                </div>\n              </div>\n              <!-- /.card-body -->\n            </div>\n            <!-- /.card -->\n            <div class="card">\n              <div class="card-body d-flex flex-row">\n                <div>\n                  <img src="/assets/img/illustrations/ni6.png" class="w-13 me-5" alt="" />\n                </div>\n                <div>\n                  <h3 class="fs-21 ls-xs mb-2">Social Media Management</h3>\n                  <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit.</p>\n                </div>\n              </div>\n              <!-- /.card-body -->\n            </div>\n            <!-- /.card -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(34, 'content', 'section_3', '<section class="wrapper bg-gray">\n      <div class="container py-14 py-md-17">\n        <div class="row mt-md-n25">\n          <div class="col-lg-9 col-xxl-8 mx-auto text-center">\n            <h2 class="fs-16 text-uppercase text-muted mb-3">Happy Customers</h2>\n            <h3 class="display-2 ls-xs mb-10 px-xl-10">Don''t take our word for it. See what <span class="underline-3 style-2 yellow">customers</span> are saying about us.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="grid">\n          <div class="row isotope gy-6">\n            <div class="item col-md-6 col-xl-4">\n              <div class="card">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque penatibus.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te1.jpg" srcset="/assets/img/avatars/te1@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Coriss Ambady</h5>\n                        <p class="mb-0">Financial Analyst</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Fusce dapibus, tellus ac cursus tortor mauris condimentum fermentum massa justo sit amet. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te2.jpg" srcset="/assets/img/avatars/te2@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Cory Zamora</h5>\n                        <p class="mb-0">Marketing Specialist</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nullam quis risus eget porta ac consectetur vestibulum. Donec sed odio dui consectetur adipiscing elit.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te3.jpg" srcset="/assets/img/avatars/te3@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Nikolas Brooten</h5>\n                        <p class="mb-0">Sales Manager</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Etiam adipiscing tincidunt elit convallis felis suscipit ut. Phasellus rhoncus tincidunt auctor. Nullam eu sagittis mauris. Donec non dolor ac elit aliquam tincidunt at at sapien. Aenean tortor libero condimentum ac laoreet vitae.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te4.jpg" srcset="/assets/img/avatars/te4@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Coriss Ambady</h5>\n                        <p class="mb-0">Financial Analyst</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus magnis dis montes, nascetur ridiculus mus. Donec sed odio dui. Nulla vitae elit libero a pharetra.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te5.jpg" srcset="/assets/img/avatars/te5@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Jackie Sanders</h5>\n                        <p class="mb-0">Investment Planner</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-4">\n              <div class="card">\n                <div class="card-body">\n                  <span class="ratings five mb-3"></span>\n                  <blockquote class="icon mb-0">\n                    <p>“Donec id elit non mi porta gravida at eget metus. Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.”</p>\n                    <div class="blockquote-details">\n                      <img class="rounded-circle w-12" src="/assets/img/avatars/te6.jpg" srcset="/assets/img/avatars/te6@2x.jpg 2x" alt="" />\n                      <div class="info">\n                        <h5 class="mb-1">Laura Widerski</h5>\n                        <p class="mb-0">Sales Specialist</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n          </div>\n          <!-- /.row -->\n        </div>\n        <!-- /.grid-view -->\n      </div>\n      <!-- /.container -->\n    </section>'),
(34, 'content', 'section_4', '<section class="wrapper bg-light">\n      <div class="container py-15 py-md-17">\n        <div class="row">\n          <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2 mx-auto text-center position-relative">\n            <h2 class="fs-16 text-uppercase text-muted mb-3">Why Choose Simeya?</h2>\n            <h3 class="display-2 ls-xs mb-10 px-xl-10 px-xxl-15">Here are a few <span class="underline-3 style-2 yellow">reasons</span> why our customers choose Simeya.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <ul class="nav nav-tabs nav-tabs-bg d-flex justify-content-between nav-justified flex-lg-row flex-column">\n          <li class="nav-item"> <a class="nav-link d-flex flex-row active" data-bs-toggle="tab" href="#tab2-1">\n              <div><span class="fs-50 d-block mt-2 me-4">01</span></div>\n              <div>\n                <h3 class="fs-21 ls-xs mb-1">Collect Ideas</h3>\n                <p>Duis mollis commodo luctus cursus commodo tortor mauris.</p>\n              </div>\n            </a> </li>\n          <li class="nav-item"> <a class="nav-link d-flex flex-row" data-bs-toggle="tab" href="#tab2-2">\n              <div><span class="fs-50 d-block mt-2 me-4">02</span></div>\n              <div>\n                <h3 class="fs-21 ls-xs mb-1">Data Analysis</h3>\n                <p>Vivamus sagittis lacus augue fusce dapibus tellus nibh.</p>\n              </div>\n            </a> </li>\n          <li class="nav-item"> <a class="nav-link d-flex flex-row" data-bs-toggle="tab" href="#tab2-3">\n              <div><span class="fs-50 d-block mt-2 me-4">03</span></div>\n              <div>\n                <h3 class="fs-21 ls-xs mb-1">Finalize Product</h3>\n                <p>Vestibulum ligula porta felis maecenas faucibus mollis.</p>\n              </div>\n            </a> </li>\n        </ul>\n        <!-- /.nav-tabs -->\n        <div class="tab-content mt-6 mt-lg-8 mb-5">\n          <div class="tab-pane fade show active" id="tab2-1">\n            <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">\n              <div class="col-lg-6">\n                <figure class="rounded"><img src="/assets/img/photos/se5.jpg" srcset="/assets/img/photos/se5@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-lg-6">\n                <h2 class="ls-xs mb-3">Collect Ideas</h2>\n                <p>Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna.</p>\n                <ul class="icon-list bullet-bg bullet-soft-primary">\n                  <li><i class="uil uil-check"></i>Aenean eu leo quam. Pellentesque ornare.</li>\n                  <li><i class="uil uil-check"></i>Nullam quis risus eget urna mollis ornare.</li>\n                  <li><i class="uil uil-check"></i>Donec id elit non mi porta gravida at eget.</li>\n                </ul>\n                <a href="#" class="btn btn-primary mt-2">Learn More</a>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/.tab-pane -->\n          <div class="tab-pane fade" id="tab2-2">\n            <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">\n              <div class="col-lg-6 order-lg-2">\n                <figure class="rounded"><img src="/assets/img/photos/se6.jpg" srcset="/assets/img/photos/se6@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-lg-6">\n                <h2 class="ls-xs mb-3">Data Analysis</h2>\n                <p>Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna.</p>\n                <ul class="icon-list bullet-bg bullet-soft-primary">\n                  <li><i class="uil uil-check"></i>Aenean eu leo quam. Pellentesque ornare.</li>\n                  <li><i class="uil uil-check"></i>Nullam quis risus eget urna mollis ornare.</li>\n                  <li><i class="uil uil-check"></i>Donec id elit non mi porta gravida at eget.</li>\n                </ul>\n                <a href="#" class="btn btn-primary mt-2">Learn More</a>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/.tab-pane -->\n          <div class="tab-pane fade" id="tab2-3">\n            <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">\n              <div class="col-lg-6">\n                <figure class="rounded"><img src="/assets/img/photos/se7.jpg" srcset="/assets/img/photos/se7@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-lg-6">\n                <h2 class="ls-xs mb-3">Finalize Product</h2>\n                <p>Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna.</p>\n                <ul class="icon-list bullet-bg bullet-soft-primary">\n                  <li><i class="uil uil-check"></i>Aenean eu leo quam. Pellentesque ornare.</li>\n                  <li><i class="uil uil-check"></i>Nullam quis risus eget urna mollis ornare.</li>\n                  <li><i class="uil uil-check"></i>Donec id elit non mi porta gravida at eget.</li>\n                </ul>\n                <a href="#" class="btn btn-primary mt-2">Learn More</a>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/.tab-pane -->\n        </div>\n        <!-- /.tab-content -->\n      </div>\n      <!-- /.container -->\n    </section>'),
