IT Help Desk & Managed Services<\/title>\n <style>\n \/* General Styles *\/\n body {\n font-family: Arial, sans-serif;\n background-color: #f8f9fa;\n padding: 20px;\n margin: 0;\n }\n h1 {\n text-align: center;\n color: #333;\n }\n .pricing-table {\n display: flex;\n gap: 1rem;\n justify-content: center;\n flex-wrap: wrap;\n }\n .plan {\n background: #fff;\n border: 1px solid #ddd;\n border-radius: 8px;\n padding: 20px;\n width: 300px;\n text-align: center;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n margin-bottom: 1rem;\n }\n .plan.most-popular {\n border: 2px solid #FF0000;\n }\n .plan h3 {\n font-size: 1.5rem;\n margin-bottom: 10px;\n color: #FF0000;\n }\n .price {\n font-size: 2rem;\n color: #333;\n margin-bottom: 10px;\n }\n .price span {\n font-size: 1rem;\n color: #666;\n }\n .features {\n list-style: none;\n padding: 0;\n margin: 20px 0;\n }\n .features li {\n padding: 5px 0;\n border-bottom: 1px solid #eee;\n }\n .features li:last-child {\n border-bottom: none;\n }\n button {\n background: #FF0000;\n color: #fff;\n border: none;\n padding: 10px 20px;\n border-radius: 5px;\n cursor: pointer;\n }\n button:hover {\n background: #CC0000;\n }\n\n \/* Popup Styles *\/\n .popup {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n justify-content: center;\n align-items: center;\n overflow: auto;\n }\n .popup-content {\n background: #fff;\n padding: 20px;\n border-radius: 8px;\n text-align: center;\n width: 80%;\n max-width: 800px;\n height: 85%; \/* Increased height for all screens *\/\n max-height: 90%; \/* To ensure responsiveness on smaller screens *\/\n position: relative;\n display: flex;\n flex-direction: column;\n }\n .popup-content iframe {\n border: none;\n flex-grow: 1; \/* Ensures iframe fills the remaining height *\/\n }\n .popup-close {\n position: absolute;\n top: 10px;\n right: 10px;\n background: none;\n border: none;\n font-size: 1.5rem;\n font-weight: bold;\n color: #333;\n cursor: pointer;\n }\n .popup-close:hover {\n color: #FF0000;\n }\n <\/style>\n <script>\n function openPopup(plan) {\n const popupTitle = document.getElementById('popup-title');\n const popupIframe = document.getElementById('popup-iframe');\n\n if (plan === 'Basic') {\n popupTitle.innerText = `${plan} Plan`;\n popupIframe.src = \"https:\/\/www.cognitoforms.com\/f\/DvNkxUgTpESPP93AAng9yg\/57\";\n } else if (plan === 'Premium') {\n popupTitle.innerText = `${plan} Plan`;\n popupIframe.src = \"https:\/\/www.cognitoforms.com\/f\/DvNkxUgTpESPP93AAng9yg\/61\";\n }\n\n document.getElementById('popup').style.display = 'flex';\n }\n\n function closePopup() {\n document.getElementById('popup').style.display = 'none';\n document.getElementById('popup-iframe').src = \"\"; \/\/ Clear iframe source\n }\n <\/script>\n<\/head>\n<body>\n <h1>IT Help Desk & Managed Services Plans<\/h1>\n <div class=\"pricing-table\">\n <div class=\"plan\">\n <h3>Basic<\/h3>\n <p class=\"price\">$6 <span>\/user\/month<\/span><\/p>\n <ul class=\"features\">\n <li>Minimum of 5 users<\/li>\n <li>Access to a generic knowledge base<\/li>\n <li>IT Help Desk during business hours<\/li>\n <\/ul>\n <button onclick=\"openPopup('Basic')\">Get Started<\/button>\n <\/div>\n <div class=\"plan most-popular\">\n <h3>Premium<\/h3>\n <p class=\"price\">$10 <span>\/user\/month<\/span><\/p>\n <ul class=\"features\">\n <li>Minimum of 5 users<\/li>\n <li>All Basic features<\/li>\n <li>IT Help Desk 24\/7<\/li>\n <li>Proactive system updates<\/li>\n <li>Advanced network monitoring<\/li>\n <li>Employee training (2x\/year)<\/li>\n <\/ul>\n <button onclick=\"openPopup('Premium')\">Choose Plan<\/button>\n <\/div>\n <\/div>\n\n \n <div id=\"popup\" class=\"popup\">\n <div class=\"popup-content\">\n <button class=\"popup-close\" onclick=\"closePopup()\">\u00d7<\/button>\n <h2 id=\"popup-title\"><\/h2>\n <iframe id=\"popup-iframe\" allow=\"payment\"><\/iframe>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>IT Help Desk & Managed Services IT Help Desk & Managed Services Plans Basic $6 \/user\/month Minimum of 5 users Access to a generic knowledge base IT Help Desk during business hours Get Started Premium $10 \/user\/month Minimum of 5 users All Basic features IT Help Desk 24\/7 Proactive system updates Advanced network monitoring Employee […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","footnotes":""},"class_list":["post-378","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pststenv01.digital.papsoo.com\/portal\/wp-json\/wp\/v2\/pages\/378","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pststenv01.digital.papsoo.com\/portal\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pststenv01.digital.papsoo.com\/portal\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pststenv01.digital.papsoo.com\/portal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pststenv01.digital.papsoo.com\/portal\/wp-json\/wp\/v2\/comments?post=378"}],"version-history":[{"count":2,"href":"https:\/\/pststenv01.digital.papsoo.com\/portal\/wp-json\/wp\/v2\/pages\/378\/revisions"}],"predecessor-version":[{"id":381,"href":"https:\/\/pststenv01.digital.papsoo.com\/portal\/wp-json\/wp\/v2\/pages\/378\/revisions\/381"}],"wp:attachment":[{"href":"https:\/\/pststenv01.digital.papsoo.com\/portal\/wp-json\/wp\/v2\/media?parent=378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}