{"id":2,"date":"2026-08-16T18:12:46","date_gmt":"2026-08-16T18:12:46","guid":{"rendered":"https:\/\/versatechmodular.com\/?page_id=2"},"modified":"2026-08-16T21:20:48","modified_gmt":"2026-08-16T21:20:48","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/versatechmodular.com\/","title":{"rendered":"c"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a3f9d15 e-flex e-con-boxed e-con e-parent\" data-id=\"a3f9d15\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0120522 elementor-widget elementor-widget-html\" data-id=\"0120522\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =====================================================\r\n   ELEMENTOR FULL PAGE RESET\r\n   ===================================================== *\/\r\n\r\nhtml,\r\nbody {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    width: 100% !important;\r\n    min-height: 100% !important;\r\n    overflow: hidden !important;\r\n}\r\n\r\n\/* Remove Elementor default spacing *\/\r\n.elementor,\r\n.elementor-page,\r\n.elementor-section,\r\n.elementor-container,\r\n.elementor-column,\r\n.elementor-widget-wrap,\r\n.elementor-widget-html {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n\/* =====================================================\r\n   FULL PAGE COMING SOON\r\n   ===================================================== *\/\r\n\r\n.versatech-page {\r\n    position: relative;\r\n\r\n    width: 100vw !important;\r\n    height: 100vh !important;\r\n    min-height: 100vh !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    overflow: hidden;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    color: #ffffff;\r\n\r\n    background: #01411C;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   PAKISTAN FLAG BACKGROUND\r\n   ===================================================== *\/\r\n\r\n.versatech-flag {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to right,\r\n            #ffffff 0%,\r\n            #ffffff 25%,\r\n            #01411C 25%,\r\n            #01411C 100%\r\n        );\r\n\r\n    z-index: 0;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   GREEN OVERLAY\r\n   ===================================================== *\/\r\n\r\n.versatech-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    background: rgba(0, 45, 20, 0.72);\r\n\r\n    z-index: 1;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MAIN CONTENT CARD\r\n   ===================================================== *\/\r\n\r\n.versatech-content {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width: 850px;\r\n    max-width: 90%;\r\n\r\n    max-height: 90vh;\r\n\r\n    padding: 50px 30px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    text-align: center;\r\n\r\n    background: rgba(0, 0, 0, 0.22);\r\n\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n\r\n    border: 1px solid rgba(255,255,255,0.20);\r\n\r\n    border-radius: 25px;\r\n\r\n    box-shadow:\r\n        0 20px 60px rgba(0,0,0,0.35);\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   LOGO\r\n   ===================================================== *\/\r\n\r\n.versatech-logo {\r\n    display: block;\r\n\r\n    width: 500px;\r\n    max-width: 85%;\r\n\r\n    height: auto;\r\n\r\n    margin: 0 auto 25px;\r\n\r\n    object-fit: contain;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   COMING SOON\r\n   ===================================================== *\/\r\n\r\n.versatech-content h2 {\r\n    margin: 0 0 15px;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: clamp(30px, 5vw, 55px);\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1.1;\r\n\r\n    letter-spacing: 4px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SUBTITLE\r\n   ===================================================== *\/\r\n\r\n.versatech-subtitle {\r\n    margin: 0 0 35px;\r\n\r\n    color: rgba(255,255,255,0.9);\r\n\r\n    font-size: 20px;\r\n\r\n    line-height: 1.4;\r\n\r\n    letter-spacing: 2px;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   CLOCK\r\n   ===================================================== *\/\r\n\r\n.versatech-clock {\r\n    margin: 20px 0;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: clamp(40px, 8vw, 80px);\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: 5px;\r\n\r\n    font-variant-numeric: tabular-nums;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   DATE\r\n   ===================================================== *\/\r\n\r\n.versatech-date {\r\n    margin: 0 0 35px;\r\n\r\n    color: rgba(255,255,255,0.85);\r\n\r\n    font-size: 18px;\r\n\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MESSAGE\r\n   ===================================================== *\/\r\n\r\n.versatech-message {\r\n    margin: 0;\r\n\r\n    color: rgba(255,255,255,0.9);\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   FOOTER\r\n   ===================================================== *\/\r\n\r\n.versatech-footer {\r\n    margin-top: 35px;\r\n\r\n    color: rgba(255,255,255,0.7);\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MOBILE\r\n   ===================================================== *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .versatech-content {\r\n\r\n        width: 92%;\r\n        max-width: 92%;\r\n\r\n        max-height: 94vh;\r\n\r\n        padding: 35px 20px;\r\n\r\n        border-radius: 20px;\r\n    }\r\n\r\n\r\n    .versatech-logo {\r\n\r\n        width: 350px;\r\n\r\n        max-width: 90%;\r\n\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n\r\n    .versatech-content h2 {\r\n\r\n        font-size: 32px;\r\n\r\n        letter-spacing: 2px;\r\n\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n\r\n    .versatech-subtitle {\r\n\r\n        font-size: 15px;\r\n\r\n        letter-spacing: 1px;\r\n\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n\r\n    .versatech-clock {\r\n\r\n        font-size: 42px;\r\n\r\n        letter-spacing: 2px;\r\n\r\n        margin: 15px 0;\r\n    }\r\n\r\n\r\n    .versatech-date {\r\n\r\n        font-size: 15px;\r\n\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n\r\n    .versatech-message {\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.6;\r\n    }\r\n\r\n\r\n    .versatech-footer {\r\n\r\n        margin-top: 25px;\r\n\r\n        font-size: 12px;\r\n    }\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   VERY SMALL MOBILE\r\n   ===================================================== *\/\r\n\r\n@media (max-height: 700px) and (max-width: 600px) {\r\n\r\n    .versatech-content {\r\n\r\n        padding-top: 25px;\r\n        padding-bottom: 25px;\r\n    }\r\n\r\n\r\n    .versatech-logo {\r\n\r\n        width: 250px;\r\n\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n\r\n    .versatech-content h2 {\r\n\r\n        font-size: 28px;\r\n    }\r\n\r\n\r\n    .versatech-subtitle {\r\n\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n\r\n    .versatech-clock {\r\n\r\n        font-size: 36px;\r\n    }\r\n\r\n\r\n    .versatech-date {\r\n\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n\r\n    .versatech-footer {\r\n\r\n        margin-top: 18px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- =====================================================\r\n     FULL PAGE\r\n     ===================================================== -->\r\n\r\n<div class=\"versatech-page\">\r\n\r\n\r\n    <!-- Pakistan Flag -->\r\n    <div class=\"versatech-flag\"><\/div>\r\n\r\n\r\n    <!-- Green Overlay -->\r\n    <div class=\"versatech-overlay\"><\/div>\r\n\r\n\r\n    <!-- =================================================\r\n         CONTENT\r\n         ================================================= -->\r\n\r\n    <div class=\"versatech-content\">\r\n\r\n\r\n        <!-- =================================================\r\n             LOGO URL\r\n             \r\n             REPLACE YOUR-LOGO-URL-HERE\r\n             WITH YOUR WORDPRESS LOGO URL\r\n             ================================================= -->\r\n\r\n        <img decoding=\"async\"\r\n            class=\"versatech-logo\"\r\n            src=\"https:\/\/versatechmodular.com\/wp-content\/uploads\/2021\/05\/versatech-logo-green-01.png\"\r\n            alt=\"VersaTech Logo\"\r\n        >\r\n\r\n\r\n        <!-- Coming Soon -->\r\n\r\n        <h2>\r\n            Coming Soon\r\n        <\/h2>\r\n\r\n\r\n        <!-- Subtitle -->\r\n\r\n        <p class=\"versatech-subtitle\">\r\n            Something Amazing Is On The Way\r\n        <\/p>\r\n\r\n\r\n        <!-- Pakistan Live Clock -->\r\n\r\n        <div\r\n            id=\"versatech-clock\"\r\n            class=\"versatech-clock\">\r\n            00:00:00\r\n        <\/div>\r\n\r\n\r\n        <!-- Pakistan Date -->\r\n\r\n        <div\r\n            id=\"versatech-date\"\r\n            class=\"versatech-date\">\r\n            Loading...\r\n        <\/div>\r\n\r\n\r\n        <!-- Message -->\r\n\r\n        <p class=\"versatech-message\">\r\n            We are working hard to bring you something special.\r\n            Our new website will be launching soon.\r\n        <\/p>\r\n\r\n\r\n        <!-- Footer -->\r\n\r\n        <div class=\"versatech-footer\">\r\n            \ud83c\uddf5\ud83c\uddf0 Made with pride in Pakistan\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    function updateVersaTechClock() {\r\n\r\n        const now = new Date();\r\n\r\n\r\n        \/* ================================\r\n           PAKISTAN TIME\r\n           UTC +5\r\n           ================================ *\/\r\n\r\n        const pakistanTime =\r\n            new Intl.DateTimeFormat(\"en-PK\", {\r\n\r\n                timeZone: \"Asia\/Karachi\",\r\n\r\n                hour: \"2-digit\",\r\n                minute: \"2-digit\",\r\n                second: \"2-digit\",\r\n\r\n                hour12: true\r\n\r\n            }).format(now);\r\n\r\n\r\n        \/* ================================\r\n           PAKISTAN DATE\r\n           ================================ *\/\r\n\r\n        const pakistanDate =\r\n            new Intl.DateTimeFormat(\"en-PK\", {\r\n\r\n                timeZone: \"Asia\/Karachi\",\r\n\r\n                weekday: \"long\",\r\n\r\n                year: \"numeric\",\r\n\r\n                month: \"long\",\r\n\r\n                day: \"numeric\"\r\n\r\n            }).format(now);\r\n\r\n\r\n        \/* Update Clock *\/\r\n\r\n        const clock =\r\n            document.getElementById(\r\n                \"versatech-clock\"\r\n            );\r\n\r\n\r\n        \/* Update Date *\/\r\n\r\n        const date =\r\n            document.getElementById(\r\n                \"versatech-date\"\r\n            );\r\n\r\n\r\n        if (clock) {\r\n\r\n            clock.textContent =\r\n                pakistanTime;\r\n\r\n        }\r\n\r\n\r\n        if (date) {\r\n\r\n            date.textContent =\r\n                pakistanDate;\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* Start *\/\r\n\r\n    updateVersaTechClock();\r\n\r\n\r\n    \/* Update every second *\/\r\n\r\n    setInterval(\r\n        updateVersaTechClock,\r\n        1000\r\n    );\r\n\r\n})();\r\n\r\n<\/script>\r\n```\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cc7daeb e-flex e-con-boxed e-con e-parent\" data-id=\"cc7daeb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Coming Soon Something Amazing Is On The Way 00:00:00 Loading&#8230; We are working hard to bring you something special. Our new website will be launching soon. \ud83c\uddf5\ud83c\uddf0 Made with pride in Pakistan &#8220;`<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/versatechmodular.com\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/versatechmodular.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/versatechmodular.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/versatechmodular.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/versatechmodular.com\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":40,"href":"https:\/\/versatechmodular.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":10333,"href":"https:\/\/versatechmodular.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/10333"}],"wp:attachment":[{"href":"https:\/\/versatechmodular.com\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}