{"id":36,"date":"2025-09-12T16:27:06","date_gmt":"2025-09-12T16:27:06","guid":{"rendered":"https:\/\/workandschool.com\/apply\/?page_id=36"},"modified":"2025-09-15T08:29:17","modified_gmt":"2025-09-15T08:29:17","slug":"homely","status":"publish","type":"page","link":"https:\/\/workandschool.com\/apply\/homely\/","title":{"rendered":"Homely"},"content":{"rendered":"
\n
\n
\n
\n
\n
\n


\n
\n Start Application<\/title><\/p>\n<style>\n * { box-sizing: border-box; }<\/p>\n<p> body {\n margin: 0;\n padding: 20px;\n background-color: #f9f9f9;\n font-family: Arial, sans-serif;\n text-align: center;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n }<\/p>\n<p> h1 {\n font-size: 1.8em;\n margin-bottom: 20px;\n color: #333;\n }<\/p>\n<p> .apply-btn {\n background-color: #28a745; \/* Green *\/\n color: #ffffff !important;\n padding: 15px 30px;\n font-size: 1.2em;\n font-weight: bold;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n text-decoration: none;\n transition: background-color 0.3s ease, opacity 0.2s ease, transform 0.05s ease;\n width: 90%;\n max-width: 300px;\n display: inline-block;\n margin: 10px 0;\n }\n .apply-btn:hover { background-color: #218838; } \/* Darker green *\/\n .apply-btn:active { transform: translateY(1px); }\n .apply-btn.disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }<\/p>\n<p> .note {\n margin-top: 15px;\n font-size: 0.6em;\n color: #999;\n max-width: 90%;\n }<\/p>\n<p> .deadline {\n background-color: #ffffff;\n color: red;\n font-weight: bold;\n padding: 10px;\n margin-top: 30px;\n font-size: 1em;\n border-radius: 6px;\n display: inline-block;\n }<\/p>\n<p> .countdown {\n font-size: 2em;\n color: #ff0000;\n font-weight: bold;\n margin-top: 10px;\n animation: shake 0.5s infinite;\n }<\/p>\n<p> @keyframes shake {\n 0% { transform: translate(1px, 1px) rotate(0deg); }\n 10% { transform: translate(-1px, -2px) rotate(-1deg); }\n 20% { transform: translate(-3px, 0px) rotate(1deg); }\n 30% { transform: translate(3px, 2px) rotate(0deg); }\n 40% { transform: translate(1px, -1px) rotate(1deg); }\n 50% { transform: translate(-1px, 2px) rotate(-1deg); }\n 60% { transform: translate(-3px, 1px) rotate(0deg); }\n 70% { transform: translate(3px, 1px) rotate(-1deg); }\n 80% { transform: translate(-1px, -1px) rotate(1deg); }\n 90% { transform: translate(1px, 2px) rotate(-1deg); }\n 100% { transform: translate(1px, -2px) rotate(-1deg); }\n }<\/p>\n<p> .question {\n margin-bottom: 20px;\n font-size: 1em;\n color: #333;\n }\n .question label { margin: 0 8px; cursor: pointer; }<\/p>\n<p> \/* ===== Modal Styles ===== *\/\n .modal-overlay {\n position: fixed;\n inset: 0;\n background: rgba(0,0,0,0.45);\n display: none;\n align-items: center;\n justify-content: center;\n padding: 20px;\n z-index: 999;\n }\n .modal-overlay.open { display: flex; }<\/p>\n<p> .modal {\n background: #fff;\n width: 100%;\n max-width: 420px;\n border-radius: 12px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n text-align: left;\n overflow: hidden;\n outline: none;\n }\n .modal-header {\n padding: 14px 16px;\n background: #28a745;\n color: #fff;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n .modal-header h2 {\n margin: 0;\n font-size: 1.1rem;\n line-height: 1.2;\n }\n .modal-close {\n background: transparent;\n border: 0;\n color: #fff;\n font-size: 1.2rem;\n cursor: pointer;\n padding: 4px 8px;\n }\n .modal-body {\n padding: 16px;\n color: #333;\n font-size: 0.95rem;\n }\n .modal-actions {\n padding: 0 16px 16px 16px;\n display: flex;\n gap: 8px;\n justify-content: flex-end;\n }\n .btn {\n padding: 10px 14px;\n border-radius: 8px;\n border: none;\n cursor: pointer;\n font-weight: 600;\n }\n .btn-primary { background: #28a745; color: #fff; }\n .btn-ghost { background: #f0f0f0; color: #333; }\n <\/style>\n<h1>Congratulations!<\/h1>\n<p> <!-- Question with YES\/NO --><\/p>\n<div class=\"question\" aria-live=\"polite\">\n<p>Are you a Nigerian?<\/p>\n<p> <label><input type=\"radio\" name=\"nigerian\" value=\"yes\"> YES<\/label><br \/>\n <label><input type=\"radio\" name=\"nigerian\" value=\"no\"> NO<\/label>\n <\/div>\n<p> <a id=\"apply-link\" href=\"https:\/\/more.workandschool.com\/temporary-housing-options-for-immigrants-in-the-uk\/\" class=\"apply-btn disabled\" aria-disabled=\"true\">SUBMIT NOW<\/a><br \/>\n <a id=\"bank-link\" href=\"https:\/\/more.workandschool.com\/budget-friendly-temporary-housing-immigrants-usa\/\" class=\"apply-btn disabled\" aria-disabled=\"true\">CONTACT US NOW<\/a><\/p>\n<p class=\"note\">Note Well: We Only Provide Information<\/p>\n<p class=\"deadline\" id=\"deadline\">\n<div class=\"countdown\" id=\"countdown\"><\/div>\n<div class=\"modal-overlay\" id=\"noticeOverlay\" aria-hidden=\"true\">\n<div class=\"modal\" id=\"noticeModal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modalTitle\" aria-describedby=\"modalDesc\" tabindex=\"-1\">\n<div class=\"modal-header\">\n<h2 id=\"modalTitle\">Action Required<\/h2>\n<p> <button class=\"modal-close\" id=\"modalClose\" aria-label=\"Close notice\">\u00d7<\/button>\n <\/div>\n<div class=\"modal-body\" id=\"modalDesc\">\n <img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u26a0\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/26a0.svg\"> Please answer the question: <strong>Are you a Nigerian?<\/strong><br \/>\n Select <em>YES<\/em> or <em>NO<\/em> to proceed.\n <\/div>\n<div class=\"modal-actions\">\n <button class=\"btn btn-ghost\" id=\"modalCancel\">Cancel<\/button><br \/>\n <button class=\"btn btn-primary\" id=\"modalConfirm\">OK<\/button>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <script>\n \/* ===== Deadline & Countdown ===== *\/\n function updateDeadlineAndCountdown() {\n const deadlineText = document.getElementById(\"deadline\");\n const countdownEl = document.getElementById(\"countdown\");<\/p>\n<p> const baseDate = new Date(\"March 27, 2025 23:59:00\");\n const now = new Date();<\/p>\n<p> const nextDeadline = new Date(baseDate);\n nextDeadline.setDate(baseDate.getDate() + Math.floor((now - baseDate) \/ (1000 * 60 * 60 * 24)) + 1);<\/p>\n<p> const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };\n const formattedDate = nextDeadline.toLocaleDateString('en-US', options);\n deadlineText.innerText = `Application End: ${formattedDate} at 11:59:00PM`;<\/p>\n<p> function updateCountdown() {\n const now = new Date();\n const target = new Date(nextDeadline);\n target.setHours(23, 59, 0, 0);<\/p>\n<p> const diff = target - now;\n const hours = String(Math.floor((diff \/ (1000 * 60 * 60)) % 24)).padStart(2, '0');\n const minutes = String(Math.floor((diff \/ (1000 * 60)) % 60)).padStart(2, '0');\n const seconds = String(Math.floor((diff \/ 1000) % 60)).padStart(2, '0');<\/p>\n<p> countdownEl.textContent = `${hours}:${minutes}:${seconds}`;\n }<\/p>\n<p> updateCountdown();\n setInterval(updateCountdown, 1000);\n }<\/p>\n<p> \/* ===== Referral ===== *\/\n function modifyReferral() {\n const applyLink = document.getElementById(\"apply-link\");\n const referrer = document.referrer || \"\";\n if (referrer.includes(\"applynows.com\")) {\n const url = new URL(applyLink.href);\n url.searchParams.set(\"utm_source\", \"facebook\");\n applyLink.href = url.toString();\n }\n }<\/p>\n<p> \/* ===== Logic ===== *\/\n const radios = document.querySelectorAll('input[name=\"nigerian\"]');\n const buttons = document.querySelectorAll('.apply-btn');\n let answered = false;\n let lastTrigger = null;<\/p>\n<p> function enableButtons() {\n buttons.forEach(btn => {\n btn.classList.remove('disabled');\n btn.setAttribute('aria-disabled', 'false');\n });\n }<\/p>\n<p> radios.forEach(radio => {\n radio.addEventListener('change', () => {\n answered = true;\n enableButtons();\n });\n });<\/p>\n<p> const overlay = document.getElementById('noticeOverlay');\n const modal = document.getElementById('noticeModal');\n const btnClose = document.getElementById('modalClose');\n const btnCancel = document.getElementById('modalCancel');\n const btnConfirm = document.getElementById('modalConfirm');<\/p>\n<p> function openModal(triggerEl) {\n lastTrigger = triggerEl || null;\n overlay.classList.add('open');\n overlay.setAttribute('aria-hidden', 'false');\n document.body.style.overflow = 'hidden';\n modal.focus();<\/p>\n<p> function trap(e) {\n const focusable = modal.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])');\n const first = focusable[0];\n const last = focusable[focusable.length - 1];<\/p>\n<p> if (e.key === 'Tab') {\n if (e.shiftKey && document.activeElement === first) { e.preventDefault(); last.focus(); }\n else if (!e.shiftKey && document.activeElement === last) { e.preventDefault(); first.focus(); }\n } else if (e.key === 'Escape') {\n closeModal();\n }\n }\n modal.addEventListener('keydown', trap);\n overlay._trap = trap;\n }<\/p>\n<p> function closeModal() {\n overlay.classList.remove('open');\n overlay.setAttribute('aria-hidden', 'true');\n document.body.style.overflow = '';\n if (overlay._trap) modal.removeEventListener('keydown', overlay._trap);\n if (lastTrigger) lastTrigger.focus();\n }<\/p>\n<p> btnClose.addEventListener('click', closeModal);\n btnCancel.addEventListener('click', closeModal);\n btnConfirm.addEventListener('click', closeModal);\n overlay.addEventListener('click', (e) => { if (e.target === overlay) closeModal(); });<\/p>\n<p> \/* ===== Guard Button Clicks ===== *\/\n buttons.forEach(btn => {\n btn.addEventListener('click', (e) => {\n \/\/ Always intercept when disabled (i.e., before answering)\n if (!answered) {\n e.preventDefault();\n openModal(btn);\n }\n });\n });<\/p>\n<p> \/* Init *\/\n updateDeadlineAndCountdown();\n modifyReferral();\n <\/script><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Start Application Congratulations! Are you a Nigerian? YES NO SUBMIT NOW CONTACT US NOW Note Well: We Only Provide Information Action Required \u00d7 Please answer the question: Are you a Nigerian? Select YES or NO to proceed. Cancel OK<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-36","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/workandschool.com\/apply\/wp-json\/wp\/v2\/pages\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/workandschool.com\/apply\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/workandschool.com\/apply\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/workandschool.com\/apply\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/workandschool.com\/apply\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":6,"href":"https:\/\/workandschool.com\/apply\/wp-json\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":53,"href":"https:\/\/workandschool.com\/apply\/wp-json\/wp\/v2\/pages\/36\/revisions\/53"}],"wp:attachment":[{"href":"https:\/\/workandschool.com\/apply\/wp-json\/wp\/v2\/media?parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}