{"id":6,"date":"2026-07-18T08:38:32","date_gmt":"2026-07-18T08:38:32","guid":{"rendered":"https:\/\/minidemo.skjlab.in\/?page_id=6"},"modified":"2026-07-18T14:59:07","modified_gmt":"2026-07-18T14:59:07","slug":"home","status":"publish","type":"page","link":"https:\/\/minidemo.skjlab.in\/","title":{"rendered":"Home"},"content":{"rendered":"\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-3a8a1933 wp-block-columns-is-layout-flex\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-column has-cyan-bluish-gray-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-right:0;padding-left:0\">\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center has-black-color has-text-color has-link-color has-white-color has-medium-font-size wp-elements-1 wp-block-paragraph\"><strong>Demo For Meditation<\/strong><\/p>\n\n\n\n<style>\n  .frame-container {\n    width: 414px;\n    height: 660px;\n    margin: auto;\n    position: relative;\n    border: 4px solid #000;\n    border-radius: 30px;\n    box-shadow: 0 0 20px rgba(0,0,0,0.3);\n    overflow: hidden;\n  }\n\n  .scroll-frame {\n    width: 100%;\n    height: 100%;\n    overflow-y: scroll;\n    overflow-x: hidden;\n    scrollbar-width: none;\n  }\n\n  .scroll-frame::-webkit-scrollbar {\n    display: none;\n  }\n\n  .scroll-frame img {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  .hover-button {\n    position: absolute;\n    bottom: -60px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: #5e1c6c;\n    color: white;\n    padding: 10px 26px;\n    border-radius: 30px;\n    font-size: 16px;\n    font-weight: bold;\n    cursor: pointer;\n    opacity: 0;\n    pointer-events: none;\n    transition: all 0.4s ease;\n    z-index: 10;\n  }\n\n  .frame-container:hover .hover-button {\n    bottom: 20px;\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .iframe-overlay {\n    display: none;\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    width: 95vw;\n    height: 90vh;\n    transform: translate(-50%, -50%);\n    background: white;\n    border-radius: 14px;\n    box-shadow: 0 0 30px rgba(0,0,0,0.4);\n    z-index: 9999;\n    overflow: hidden;\n  }\n\n  .iframe-overlay iframe {\n    width: 100%;\n    height: 100%;\n    border: none;\n  }\n\n  .close-iframe-btn {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    background: black;\n    color: white;\n    border: none;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    font-size: 18px;\n    cursor: pointer;\n    z-index: 10000;\n  }\n\n  @media (max-width: 480px) {\n    .frame-container {\n      width: 95vw;\n      height: 85vh;\n    }\n    .iframe-overlay {\n      width: 100vw;\n      height: 100vh;\n      border-radius: 0;\n    }\n  }\n<\/style>\n\n<div class=\"frame-container\">\n  <div class=\"scroll-frame\">\n    <img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0769\/5102\/7875\/files\/A01-Meditation-demo.svg?v=1784360657\">\n  <\/div>\n  <button class=\"hover-button\" onclick=\"openIframePopup()\">Live Demo<\/button>\n<\/div>\n\n<div class=\"iframe-overlay\" id=\"demoIframePopup\">\n  <button class=\"close-iframe-btn\" onclick=\"closeIframePopup()\">\u00d7<\/button>\n  <iframe src=\"https:\/\/google.com\/view\/ca-lookup-skjweblab\/home\" allowfullscreen><\/iframe>\n<\/div>\n\n<script>\n  function openIframePopup() {\n    document.getElementById(\"demoIframePopup\").style.display = \"block\";\n  }\n\n  function closeIframePopup() {\n    document.getElementById(\"demoIframePopup\").style.display = \"none\";\n  }\n<\/script>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"background-color:#6b7684;padding-right:0;padding-left:0\">\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color has-link-color has-medium-font-size wp-elements-2 wp-block-paragraph\"><strong>Demo For CA<\/strong><\/p>\n\n\n\n<style>\n  .frame-container {\n    width: 414px;\n    height: 660px;\n    margin: auto;\n    position: relative;\n    border: 4px solid #000;\n    border-radius: 30px;\n    box-shadow: 0 0 20px rgba(0,0,0,0.3);\n    overflow: hidden;\n  }\n\n  .scroll-frame {\n    width: 100%;\n    height: 100%;\n    overflow-y: scroll;\n    overflow-x: hidden;\n    scrollbar-width: none;\n  }\n\n  .scroll-frame::-webkit-scrollbar {\n    display: none;\n  }\n\n  .scroll-frame img {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  .hover-button {\n    position: absolute;\n    bottom: -60px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: #5e1c6c;\n    color: white;\n    padding: 10px 26px;\n    border-radius: 30px;\n    font-size: 16px;\n    font-weight: bold;\n    cursor: pointer;\n    opacity: 0;\n    pointer-events: none;\n    transition: all 0.4s ease;\n    z-index: 10;\n  }\n\n  .frame-container:hover .hover-button {\n    bottom: 20px;\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .iframe-overlay {\n    display: none;\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    width: 95vw;\n    height: 90vh;\n    transform: translate(-50%, -50%);\n    background: white;\n    border-radius: 14px;\n    box-shadow: 0 0 30px rgba(0,0,0,0.4);\n    z-index: 9999;\n    overflow: hidden;\n  }\n\n  .iframe-overlay iframe {\n    width: 100%;\n    height: 100%;\n    border: none;\n  }\n\n  .close-iframe-btn {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    background: black;\n    color: white;\n    border: none;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    font-size: 18px;\n    cursor: pointer;\n    z-index: 10000;\n  }\n\n  @media (max-width: 480px) {\n    .frame-container {\n      width: 95vw;\n      height: 85vh;\n    }\n    .iframe-overlay {\n      width: 100vw;\n      height: 100vh;\n      border-radius: 0;\n    }\n  }\n<\/style>\n\n<div class=\"frame-container\">\n  <div class=\"scroll-frame\">\n    <img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0769\/5102\/7875\/files\/A01-CA-demo.svg?v=1784361897\">\n  <\/div>\n  <button class=\"hover-button\" onclick=\"openIframePopup()\">Live Demo<\/button>\n<\/div>\n\n<div class=\"iframe-overlay\" id=\"demoIframePopup\">\n  <button class=\"close-iframe-btn\" onclick=\"closeIframePopup()\">\u00d7<\/button>\n  <iframe src=\"https:\/\/google.com\/view\/ca-lookup-skjweblab\/home\" allowfullscreen><\/iframe>\n<\/div>\n\n<script>\n  function openIframePopup() {\n    document.getElementById(\"demoIframePopup\").style.display = \"block\";\n  }\n\n  function closeIframePopup() {\n    document.getElementById(\"demoIframePopup\").style.display = \"none\";\n  }\n<\/script>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-ast-global-color-3-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-right:0;padding-left:0\">\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color has-link-color has-medium-font-size wp-elements-3 wp-block-paragraph\"><strong>Demo For Physiotherapis<\/strong><\/p>\n\n\n\n<style>\n  .frame-container {\n    width: 414px;\n    height: 660px;\n    margin: auto;\n    position: relative;\n    border: 4px solid #000;\n    border-radius: 30px;\n    box-shadow: 0 0 20px rgba(0,0,0,0.3);\n    overflow: hidden;\n  }\n\n  .scroll-frame {\n    width: 100%;\n    height: 100%;\n    overflow-y: scroll;\n    overflow-x: hidden;\n    scrollbar-width: none;\n  }\n\n  .scroll-frame::-webkit-scrollbar {\n    display: none;\n  }\n\n  .scroll-frame img {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  .hover-button {\n    position: absolute;\n    bottom: -60px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: #5e1c6c;\n    color: white;\n    padding: 10px 26px;\n    border-radius: 30px;\n    font-size: 16px;\n    font-weight: bold;\n    cursor: pointer;\n    opacity: 0;\n    pointer-events: none;\n    transition: all 0.4s ease;\n    z-index: 10;\n  }\n\n  .frame-container:hover .hover-button {\n    bottom: 20px;\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .iframe-overlay {\n    display: none;\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    width: 95vw;\n    height: 90vh;\n    transform: translate(-50%, -50%);\n    background: white;\n    border-radius: 14px;\n    box-shadow: 0 0 30px rgba(0,0,0,0.4);\n    z-index: 9999;\n    overflow: hidden;\n  }\n\n  .iframe-overlay iframe {\n    width: 100%;\n    height: 100%;\n    border: none;\n  }\n\n  .close-iframe-btn {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    background: black;\n    color: white;\n    border: none;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    font-size: 18px;\n    cursor: pointer;\n    z-index: 10000;\n  }\n\n  @media (max-width: 480px) {\n    .frame-container {\n      width: 95vw;\n      height: 85vh;\n    }\n    .iframe-overlay {\n      width: 100vw;\n      height: 100vh;\n      border-radius: 0;\n    }\n  }\n<\/style>\n\n<div class=\"frame-container\">\n  <div class=\"scroll-frame\">\n    <img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0769\/5102\/7875\/files\/A01-Physiotherapist-Demo.svg?v=1784383650\">\n  <\/div>\n  <button class=\"hover-button\" onclick=\"openIframePopup()\">Live Demo<\/button>\n<\/div>\n\n<div class=\"iframe-overlay\" id=\"demoIframePopup\">\n  <button class=\"close-iframe-btn\" onclick=\"closeIframePopup()\">\u00d7<\/button>\n  <iframe src=\"https:\/\/google.com\/view\/ca-lookup-skjweblab\/home\" allowfullscreen=\"\"><\/iframe>\n<\/div>\n\n<script>\n  function openIframePopup() {\n    document.getElementById(\"demoIframePopup\").style.display = \"block\";\n  }\n\n  function closeIframePopup() {\n    document.getElementById(\"demoIframePopup\").style.display = \"none\";\n  }\n<\/script>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-ast-global-color-2-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-right:0;padding-left:0\">\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color has-link-color has-medium-font-size wp-elements-4 wp-block-paragraph\"><strong>Demo For Pest Control<\/strong><\/p>\n\n\n\n<style>\n  .frame-container {\n    width: 414px;\n    height: 660px;\n    margin: auto;\n    position: relative;\n    border: 4px solid #000;\n    border-radius: 30px;\n    box-shadow: 0 0 20px rgba(0,0,0,0.3);\n    overflow: hidden;\n  }\n\n  .scroll-frame {\n    width: 100%;\n    height: 100%;\n    overflow-y: scroll;\n    overflow-x: hidden;\n    scrollbar-width: none;\n  }\n\n  .scroll-frame::-webkit-scrollbar {\n    display: none;\n  }\n\n  .scroll-frame img {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  .hover-button {\n    position: absolute;\n    bottom: -60px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: #5e1c6c;\n    color: white;\n    padding: 10px 26px;\n    border-radius: 30px;\n    font-size: 16px;\n    font-weight: bold;\n    cursor: pointer;\n    opacity: 0;\n    pointer-events: none;\n    transition: all 0.4s ease;\n    z-index: 10;\n  }\n\n  .frame-container:hover .hover-button {\n    bottom: 20px;\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .iframe-overlay {\n    display: none;\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    width: 95vw;\n    height: 90vh;\n    transform: translate(-50%, -50%);\n    background: white;\n    border-radius: 14px;\n    box-shadow: 0 0 30px rgba(0,0,0,0.4);\n    z-index: 9999;\n    overflow: hidden;\n  }\n\n  .iframe-overlay iframe {\n    width: 100%;\n    height: 100%;\n    border: none;\n  }\n\n  .close-iframe-btn {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    background: black;\n    color: white;\n    border: none;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    font-size: 18px;\n    cursor: pointer;\n    z-index: 10000;\n  }\n\n  @media (max-width: 480px) {\n    .frame-container {\n      width: 95vw;\n      height: 85vh;\n    }\n    .iframe-overlay {\n      width: 100vw;\n      height: 100vh;\n      border-radius: 0;\n    }\n  }\n<\/style>\n\n<div class=\"frame-container\">\n  <div class=\"scroll-frame\">\n    <img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0769\/5102\/7875\/files\/A01-Pestcol-Demo.svg?v=1784383171\">\n  <\/div>\n  <button class=\"hover-button\" onclick=\"openIframePopup()\">Live Demo<\/button>\n<\/div>\n\n<div class=\"iframe-overlay\" id=\"demoIframePopup\">\n  <button class=\"close-iframe-btn\" onclick=\"closeIframePopup()\">\u00d7<\/button>\n  <iframe src=\"https:\/\/google.com\/view\/ca-lookup-skjweblab\/home\" allowfullscreen=\"\"><\/iframe>\n<\/div>\n\n<script>\n  function openIframePopup() {\n    document.getElementById(\"demoIframePopup\").style.display = \"block\";\n  }\n\n  function closeIframePopup() {\n    document.getElementById(\"demoIframePopup\").style.display = \"none\";\n  }\n<\/script>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-3a8a1933 wp-block-columns-is-layout-flex\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-column has-cyan-bluish-gray-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-right:0;padding-left:0\">\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center has-black-color has-text-color has-link-color has-white-color has-medium-font-size wp-elements-5 wp-block-paragraph\"><strong>Demo For Tv Repair<\/strong><\/p>\n\n\n\n<style>\n  .frame-container {\n    width: 414px;\n    height: 660px;\n    margin: auto;\n    position: relative;\n    border: 4px solid #000;\n    border-radius: 30px;\n    box-shadow: 0 0 20px rgba(0,0,0,0.3);\n    overflow: hidden;\n  }\n\n  .scroll-frame {\n    width: 100%;\n    height: 100%;\n    overflow-y: scroll;\n    overflow-x: hidden;\n    scrollbar-width: none;\n  }\n\n  .scroll-frame::-webkit-scrollbar {\n    display: none;\n  }\n\n  .scroll-frame img {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  .hover-button {\n    position: absolute;\n    bottom: -60px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: #5e1c6c;\n    color: white;\n    padding: 10px 26px;\n    border-radius: 30px;\n    font-size: 16px;\n    font-weight: bold;\n    cursor: pointer;\n    opacity: 0;\n    pointer-events: none;\n    transition: all 0.4s ease;\n    z-index: 10;\n  }\n\n  .frame-container:hover .hover-button {\n    bottom: 20px;\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .iframe-overlay {\n    display: none;\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    width: 95vw;\n    height: 90vh;\n    transform: translate(-50%, -50%);\n    background: white;\n    border-radius: 14px;\n    box-shadow: 0 0 30px rgba(0,0,0,0.4);\n    z-index: 9999;\n    overflow: hidden;\n  }\n\n  .iframe-overlay iframe {\n    width: 100%;\n    height: 100%;\n    border: none;\n  }\n\n  .close-iframe-btn {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    background: black;\n    color: white;\n    border: none;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    font-size: 18px;\n    cursor: pointer;\n    z-index: 10000;\n  }\n\n  @media (max-width: 480px) {\n    .frame-container {\n      width: 95vw;\n      height: 85vh;\n    }\n    .iframe-overlay {\n      width: 100vw;\n      height: 100vh;\n      border-radius: 0;\n    }\n  }\n<\/style>\n\n<div class=\"frame-container\">\n  <div class=\"scroll-frame\">\n    <img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0769\/5102\/7875\/files\/B01-Tv_Repair-Demo.svg?v=1784385354\">\n  <\/div>\n  <button class=\"hover-button\" onclick=\"openIframePopup()\">Live Demo<\/button>\n<\/div>\n\n<div class=\"iframe-overlay\" id=\"demoIframePopup\">\n  <button class=\"close-iframe-btn\" onclick=\"closeIframePopup()\">\u00d7<\/button>\n  <iframe src=\"https:\/\/google.com\/view\/ca-lookup-skjweblab\/home\" allowfullscreen=\"\"><\/iframe>\n<\/div>\n\n<script>\n  function openIframePopup() {\n    document.getElementById(\"demoIframePopup\").style.display = \"block\";\n  }\n\n  function closeIframePopup() {\n    document.getElementById(\"demoIframePopup\").style.display = \"none\";\n  }\n<\/script>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"background-color:#6b7684;padding-right:0;padding-left:0\">\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color has-link-color has-medium-font-size wp-elements-6 wp-block-paragraph\"><strong>Demo For TaxiService<\/strong><\/p>\n\n\n\n<style>\n  .frame-container {\n    width: 414px;\n    height: 660px;\n    margin: auto;\n    position: relative;\n    border: 4px solid #000;\n    border-radius: 30px;\n    box-shadow: 0 0 20px rgba(0,0,0,0.3);\n    overflow: hidden;\n  }\n\n  .scroll-frame {\n    width: 100%;\n    height: 100%;\n    overflow-y: scroll;\n    overflow-x: hidden;\n    scrollbar-width: none;\n  }\n\n  .scroll-frame::-webkit-scrollbar {\n    display: none;\n  }\n\n  .scroll-frame img {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  .hover-button {\n    position: absolute;\n    bottom: -60px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: #5e1c6c;\n    color: white;\n    padding: 10px 26px;\n    border-radius: 30px;\n    font-size: 16px;\n    font-weight: bold;\n    cursor: pointer;\n    opacity: 0;\n    pointer-events: none;\n    transition: all 0.4s ease;\n    z-index: 10;\n  }\n\n  .frame-container:hover .hover-button {\n    bottom: 20px;\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .iframe-overlay {\n    display: none;\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    width: 95vw;\n    height: 90vh;\n    transform: translate(-50%, -50%);\n    background: white;\n    border-radius: 14px;\n    box-shadow: 0 0 30px rgba(0,0,0,0.4);\n    z-index: 9999;\n    overflow: hidden;\n  }\n\n  .iframe-overlay iframe {\n    width: 100%;\n    height: 100%;\n    border: none;\n  }\n\n  .close-iframe-btn {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    background: black;\n    color: white;\n    border: none;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    font-size: 18px;\n    cursor: pointer;\n    z-index: 10000;\n  }\n\n  @media (max-width: 480px) {\n    .frame-container {\n      width: 95vw;\n      height: 85vh;\n    }\n    .iframe-overlay {\n      width: 100vw;\n      height: 100vh;\n      border-radius: 0;\n    }\n  }\n<\/style>\n\n<div class=\"frame-container\">\n  <div class=\"scroll-frame\">\n    <img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0769\/5102\/7875\/files\/A01-Taxi_Service-Demo.svg?v=1784384200\">\n  <\/div>\n  <button class=\"hover-button\" onclick=\"openIframePopup()\">Live Demo<\/button>\n<\/div>\n\n<div class=\"iframe-overlay\" id=\"demoIframePopup\">\n  <button class=\"close-iframe-btn\" onclick=\"closeIframePopup()\">\u00d7<\/button>\n  <iframe src=\"https:\/\/google.com\/view\/ca-lookup-skjweblab\/home\" allowfullscreen=\"\"><\/iframe>\n<\/div>\n\n<script>\n  function openIframePopup() {\n    document.getElementById(\"demoIframePopup\").style.display = \"block\";\n  }\n\n  function closeIframePopup() {\n    document.getElementById(\"demoIframePopup\").style.display = \"none\";\n  }\n<\/script>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-ast-global-color-3-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-right:0;padding-left:0\">\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color has-link-color has-medium-font-size wp-elements-7 wp-block-paragraph\"><strong>Demo For Sonography<\/strong><\/p>\n\n\n\n<style>\n  .frame-container {\n    width: 414px;\n    height: 660px;\n    margin: auto;\n    position: relative;\n    border: 4px solid #000;\n    border-radius: 30px;\n    box-shadow: 0 0 20px rgba(0,0,0,0.3);\n    overflow: hidden;\n  }\n\n  .scroll-frame {\n    width: 100%;\n    height: 100%;\n    overflow-y: scroll;\n    overflow-x: hidden;\n    scrollbar-width: none;\n  }\n\n  .scroll-frame::-webkit-scrollbar {\n    display: none;\n  }\n\n  .scroll-frame img {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  .hover-button {\n    position: absolute;\n    bottom: -60px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: #5e1c6c;\n    color: white;\n    padding: 10px 26px;\n    border-radius: 30px;\n    font-size: 16px;\n    font-weight: bold;\n    cursor: pointer;\n    opacity: 0;\n    pointer-events: none;\n    transition: all 0.4s ease;\n    z-index: 10;\n  }\n\n  .frame-container:hover .hover-button {\n    bottom: 20px;\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .iframe-overlay {\n    display: none;\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    width: 95vw;\n    height: 90vh;\n    transform: translate(-50%, -50%);\n    background: white;\n    border-radius: 14px;\n    box-shadow: 0 0 30px rgba(0,0,0,0.4);\n    z-index: 9999;\n    overflow: hidden;\n  }\n\n  .iframe-overlay iframe {\n    width: 100%;\n    height: 100%;\n    border: none;\n  }\n\n  .close-iframe-btn {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    background: black;\n    color: white;\n    border: none;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    font-size: 18px;\n    cursor: pointer;\n    z-index: 10000;\n  }\n\n  @media (max-width: 480px) {\n    .frame-container {\n      width: 95vw;\n      height: 85vh;\n    }\n    .iframe-overlay {\n      width: 100vw;\n      height: 100vh;\n      border-radius: 0;\n    }\n  }\n<\/style>\n\n<div class=\"frame-container\">\n  <div class=\"scroll-frame\">\n    <img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0769\/5102\/7875\/files\/B01-Sonography.svg?v=1784385857\">\n  <\/div>\n  <button class=\"hover-button\" onclick=\"openIframePopup()\">Live Demo<\/button>\n<\/div>\n\n<div class=\"iframe-overlay\" id=\"demoIframePopup\">\n  <button class=\"close-iframe-btn\" onclick=\"closeIframePopup()\">\u00d7<\/button>\n  <iframe src=\"https:\/\/google.com\/view\/ca-lookup-skjweblab\/home\" allowfullscreen=\"\"><\/iframe>\n<\/div>\n\n<script>\n  function openIframePopup() {\n    document.getElementById(\"demoIframePopup\").style.display = \"block\";\n  }\n\n  function closeIframePopup() {\n    document.getElementById(\"demoIframePopup\").style.display = \"none\";\n  }\n<\/script>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-ast-global-color-2-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-right:0;padding-left:0\">\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color has-link-color has-medium-font-size wp-elements-8 wp-block-paragraph\"><strong>Demo For Bike Rent<\/strong><\/p>\n\n\n\n<style>\n  .frame-container {\n    width: 414px;\n    height: 660px;\n    margin: auto;\n    position: relative;\n    border: 4px solid #000;\n    border-radius: 30px;\n    box-shadow: 0 0 20px rgba(0,0,0,0.3);\n    overflow: hidden;\n  }\n\n  .scroll-frame {\n    width: 100%;\n    height: 100%;\n    overflow-y: scroll;\n    overflow-x: hidden;\n    scrollbar-width: none;\n  }\n\n  .scroll-frame::-webkit-scrollbar {\n    display: none;\n  }\n\n  .scroll-frame img {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  .hover-button {\n    position: absolute;\n    bottom: -60px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: #5e1c6c;\n    color: white;\n    padding: 10px 26px;\n    border-radius: 30px;\n    font-size: 16px;\n    font-weight: bold;\n    cursor: pointer;\n    opacity: 0;\n    pointer-events: none;\n    transition: all 0.4s ease;\n    z-index: 10;\n  }\n\n  .frame-container:hover .hover-button {\n    bottom: 20px;\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .iframe-overlay {\n    display: none;\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    width: 95vw;\n    height: 90vh;\n    transform: translate(-50%, -50%);\n    background: white;\n    border-radius: 14px;\n    box-shadow: 0 0 30px rgba(0,0,0,0.4);\n    z-index: 9999;\n    overflow: hidden;\n  }\n\n  .iframe-overlay iframe {\n    width: 100%;\n    height: 100%;\n    border: none;\n  }\n\n  .close-iframe-btn {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    background: black;\n    color: white;\n    border: none;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    font-size: 18px;\n    cursor: pointer;\n    z-index: 10000;\n  }\n\n  @media (max-width: 480px) {\n    .frame-container {\n      width: 95vw;\n      height: 85vh;\n    }\n    .iframe-overlay {\n      width: 100vw;\n      height: 100vh;\n      border-radius: 0;\n    }\n  }\n<\/style>\n\n<div class=\"frame-container\">\n  <div class=\"scroll-frame\">\n    <img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0769\/5102\/7875\/files\/B01-Bike-Rent.svg?v=1784386264\">\n  <\/div>\n  <button class=\"hover-button\" onclick=\"openIframePopup()\">Live Demo<\/button>\n<\/div>\n\n<div class=\"iframe-overlay\" id=\"demoIframePopup\">\n  <button class=\"close-iframe-btn\" onclick=\"closeIframePopup()\">\u00d7<\/button>\n  <iframe src=\"https:\/\/google.com\/view\/ca-lookup-skjweblab\/home\" allowfullscreen=\"\"><\/iframe>\n<\/div>\n\n<script>\n  function openIframePopup() {\n    document.getElementById(\"demoIframePopup\").style.display = \"block\";\n  }\n\n  function closeIframePopup() {\n    document.getElementById(\"demoIframePopup\").style.display = \"none\";\n  }\n<\/script>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Demo For Meditation Live Demo \u00d7 Demo For CA Live Demo \u00d7 Demo For Physiotherapis Live Demo \u00d7 Demo For [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/minidemo.skjlab.in\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/minidemo.skjlab.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/minidemo.skjlab.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/minidemo.skjlab.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/minidemo.skjlab.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":12,"href":"https:\/\/minidemo.skjlab.in\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":30,"href":"https:\/\/minidemo.skjlab.in\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/30"}],"wp:attachment":[{"href":"https:\/\/minidemo.skjlab.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}