{"id":91,"date":"2026-02-22T00:18:59","date_gmt":"2026-02-22T00:18:59","guid":{"rendered":"https:\/\/admin.9jaschool.com\/?page_id=91"},"modified":"2026-02-22T13:16:17","modified_gmt":"2026-02-22T13:16:17","slug":"michae","status":"publish","type":"page","link":"https:\/\/admin.9jaschool.com\/index.php\/michae\/","title":{"rendered":"Michae"},"content":{"rendered":"
\n
\n
<\/div>\n
\n
\n
\n
\n


\n
\n Chat & Connect<\/title><\/p>\n<style>\n :root {\n --bg: #eaf7ff;\n --card: #fff;\n --text: #222;\n --green-main: #18b160;\n --dark-green: #0d8463;\n --red-main: #ef4b4b;<\/p>\n<p> \/* Hover Colors (Pure Light Tones) *\/\n --hover-yes: #e8f9f0; \n --hover-no: #fff0f0; <\/p>\n<p> \/* Selected Colors *\/\n --active-yes: #c1f0d8; \n --active-no: #ffcccc;\n }<\/p>\n<p> * { box-sizing: border-box; margin: 0; padding: 0; font-family: system-ui, sans-serif; }<\/p>\n<p> body {\n background: var(--bg);\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 24px;\n }<\/p>\n<p> .card {\n background: var(--card);\n width: 100%;\n max-width: 400px;\n border-radius: 22px;\n box-shadow: 0 8px 30px rgba(0,0,0,0.08);\n padding: 28px 26px;\n text-align: center;\n }<\/p>\n<p> .logo {\n width: 72px; height: 72px;\n background: #25D366;\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n margin: 0 auto 14px;\n box-shadow: inset 0 0 0 4px #fff, 0 4px 12px rgba(0,0,0,0.08);\n }\n .logo svg { width: 40px; height: 40px; fill: white; }<\/p>\n<p> h1 { font-size: 26px; color: var(--text); margin-bottom: 6px; }\n .online { color: var(--green-main); font-weight: 600; font-size: 13px; margin-bottom: 18px; }\n .online:before { content: \"\u25cf\"; margin-right: 6px; }<\/p>\n<p> .avatars { display: flex; justify-content: center; gap: 10px; margin-bottom: 16px; }\n .avatar {\n width: 56px; height: 56px; border-radius: 50%;\n border: 3px solid #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.08);\n background-size: cover; background-position: center;\n }<\/p>\n<p> .confirm { font-weight: 600; color: #333; font-size: 16px; margin-bottom: 18px; }<\/p>\n<p> .btn-row { display: flex; gap: 12px; justify-content: center; margin-bottom: 16px; }<\/p>\n<p> .btn {\n flex: 1;\n padding: 12px 26px;\n border-radius: 28px;\n \/* Border is set to transparent to avoid the \"black\/dark\" look *\/\n border: 2px solid transparent; \n background: #FFF;\n color:#fff;\n font-weight: 700;\n cursor: pointer;\n font-size: 14px;\n transition: all 0.2s ease;\n }<\/p>\n<p> \/* --- HOVER STATES --- *\/\n .btn-yes:hover {\n background-color: var(--hover-yes) !important;\n color: var(--dark-green);<\/p>\n<p> }<\/p>\n<p> .btn-no:hover {\n background-color: var(--hover-no) !important;\n color: var(--red-main);\n }<\/p>\n<p> \/* --- ACTIVE STATES (No black borders) --- *\/\n .btn-yes.active {\n background-color: var(--active-yes);\n border-color: var(--green-main);\n }<\/p>\n<p> .btn-no.active {\n background-color: var(--active-no);\n border-color: var(--red-main);\n }<\/p>\n<p> .continue {\n width: 100%;\n background: var(--dark-green);\n color: #fff;\n padding: 14px;\n border-radius: 30px;\n border: none;\n font-size: 15px;\n font-weight: 700;\n cursor: pointer;\n box-shadow: 0 8px 16px rgba(13,132,99,0.3);\n }<\/p>\n<\/style>\n<div class=\"card\">\n<div class=\"logo\">\n <svg viewBox=\"0 0 32 32\"><path d=\"M16 4.7c-6.24 0-11.3 5.02-11.3 11.21 0 1.97.52 3.88 1.51 5.56L4.5 27.3l6.01-1.58c1.63.89 3.47 1.36 5.37 1.36 6.24 0 11.3-5.02 11.3-11.21C27.3 9.72 22.24 4.7 16 4.7zm0 20.18c-1.7 0-3.36-.46-4.8-1.32l-.34-.2-3.57.94.95-3.42-.22-.35c-.95-1.48-1.46-3.19-1.46-4.95 0-5.1 4.2-9.25 9.44-9.25 5.2 0 9.44 4.15 9.44 9.25 0 5.1-4.23 9.25-9.44 9.25zm5.25-6.92c-.29-.14-1.7-.84-1.96-.93-.26-.1-.45-.14-.64.14-.19.29-.73.93-.9 1.12-.16.19-.33.22-.61.08-.29-.14-1.2-.43-2.28-1.38-.84-.74-1.41-1.66-1.57-1.94-.16-.29-.02-.44.12-.58.13-.13.29-.34.43-.51.14-.17.19-.29.29-.48.1-.19.05-.36-.02-.51-.07-.14-.64-1.53-.88-2.09-.23-.55-.47-.47-.64-.47h-.55c-.19 0-.5.07-.76.36-.26.29-1 1-1 2.44 0 1.44 1.03 2.83 1.17 3.02.14.19 2.03 3.1 4.91 4.34.69.29 1.23.46 1.65.59.69.22 1.32.19 1.82.12.56-.08 1.7-.69 1.95-1.36.24-.67.24-1.24.17-1.36-.07-.12-.26-.19-.55-.33z\"><\/path><\/svg>\n <\/div>\n<h1 id=\"chat-connect\">Chat & Connect<\/h1>\n<div class=\"online\">ONLINE NOW<\/div>\n<div class=\"avatars\">\n<div class=\"avatar\" style=\"background-image:url('https:\/\/i.pravatar.cc\/100?img=47')\"><\/div>\n<div class=\"avatar\" style=\"background-image:url('https:\/\/i.pravatar.cc\/100?img=32')\"><\/div>\n<div class=\"avatar\" style=\"background-image:url('https:\/\/i.pravatar.cc\/100?img=56')\"><\/div>\n<\/p><\/div>\n<p class=\"confirm\">Are you 18 years or older?<\/p>\n<div class=\"btn-row\">\n <button class=\"btn btn-yes\" id=\"yesBtn\">YES<\/button><br \/>\n <button class=\"btn btn-no\" id=\"noBtn\">NO<\/button>\n <\/div>\n<p> <button class=\"continue\" id=\"continueBtn\">CONTINUE<\/button>\n <\/div>\n<p> <script>\n const yesBtn = document.getElementById('yesBtn');\n const noBtn = document.getElementById('noBtn');\n const continueBtn = document.getElementById('continueBtn');<\/p>\n<p> yesBtn.addEventListener('click', () => {\n yesBtn.classList.add('active');\n noBtn.classList.remove('active');\n });<\/p>\n<p> noBtn.addEventListener('click', () => {\n noBtn.classList.add('active');\n yesBtn.classList.remove('active');\n });<\/p>\n<p> continueBtn.addEventListener('click', () => {\n if(yesBtn.classList.contains('active')) {\n window.location.href = 'https:\/\/admin.9jaschool.com\/index.php\/2026\/02\/22\/uk-visa-sponsorship-jobs-for-skilled-mechanics-in-2026\/';\n } else {\n alert(\"Please select YES to continue.\");\n }\n });\n <\/script><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Chat & Connect Chat & Connect ONLINE NOW Are you 18 years or older? YES NO CONTINUE<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-91","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/admin.9jaschool.com\/index.php\/wp-json\/wp\/v2\/pages\/91","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/admin.9jaschool.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/admin.9jaschool.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/admin.9jaschool.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/admin.9jaschool.com\/index.php\/wp-json\/wp\/v2\/comments?post=91"}],"version-history":[{"count":5,"href":"https:\/\/admin.9jaschool.com\/index.php\/wp-json\/wp\/v2\/pages\/91\/revisions"}],"predecessor-version":[{"id":93,"href":"https:\/\/admin.9jaschool.com\/index.php\/wp-json\/wp\/v2\/pages\/91\/revisions\/93"}],"wp:attachment":[{"href":"https:\/\/admin.9jaschool.com\/index.php\/wp-json\/wp\/v2\/media?parent=91"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}