Food Safety Training Lesson<\/title>\r\n <style>\r\n * { box-sizing: border-box; }\r\n body {\r\n margin: 0;\r\n font-family: Arial, Helvetica, sans-serif;\r\n background: #f6f7fb;\r\n color: #1f2937;\r\n }\r\n .fsp-wrap {\r\n max-width: 1100px;\r\n margin: 30px auto;\r\n padding: 20px;\r\n }\r\n .fsp-grid {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr;\r\n gap: 24px;\r\n }\r\n .fsp-card {\r\n background: #ffffff;\r\n border: 1px solid #e5e7eb;\r\n border-radius: 18px;\r\n box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);\r\n overflow: hidden;\r\n }\r\n .fsp-card-header {\r\n padding: 24px 24px 8px;\r\n }\r\n .fsp-card-body {\r\n padding: 24px;\r\n }\r\n h1, h2, h3, p { margin-top: 0; }\r\n .fsp-title {\r\n font-size: 34px;\r\n line-height: 1.15;\r\n margin-bottom: 10px;\r\n color: #111827;\r\n }\r\n .fsp-subtitle {\r\n color: #6b7280;\r\n font-size: 16px;\r\n line-height: 1.6;\r\n margin-bottom: 0;\r\n }\r\n .fsp-pill {\r\n display: inline-block;\r\n padding: 8px 14px;\r\n border-radius: 999px;\r\n font-size: 13px;\r\n font-weight: bold;\r\n background: #eef2ff;\r\n color: #3730a3;\r\n margin-bottom: 14px;\r\n }\r\n .fsp-video {\r\n position: relative;\r\n width: 100%;\r\n aspect-ratio: 16 \/ 9;\r\n border-radius: 14px;\r\n overflow: hidden;\r\n background: #000;\r\n margin-bottom: 20px;\r\n }\r\n .fsp-video iframe {\r\n width: 100%;\r\n height: 100%;\r\n border: 0;\r\n display: block;\r\n }\r\n .fsp-summary {\r\n background: #f9fafb;\r\n border: 1px solid #e5e7eb;\r\n border-radius: 14px;\r\n padding: 18px;\r\n margin-bottom: 18px;\r\n }\r\n .fsp-summary h3 {\r\n margin-bottom: 8px;\r\n font-size: 18px;\r\n }\r\n .fsp-summary ul {\r\n margin: 0;\r\n padding-left: 18px;\r\n color: #4b5563;\r\n line-height: 1.7;\r\n }\r\n .fsp-check-row {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: #f9fafb;\r\n border: 1px solid #e5e7eb;\r\n border-radius: 14px;\r\n padding: 16px;\r\n margin-bottom: 20px;\r\n }\r\n .fsp-check-row input[type=\"checkbox\"] {\r\n width: 18px;\r\n height: 18px;\r\n accent-color: #111827;\r\n flex: 0 0 auto;\r\n }\r\n .fsp-check-row label {\r\n font-size: 15px;\r\n color: #374151;\r\n cursor: pointer;\r\n }\r\n .fsp-quiz-lock {\r\n background: #fff7ed;\r\n border: 1px solid #fdba74;\r\n color: #9a3412;\r\n border-radius: 14px;\r\n padding: 14px 16px;\r\n margin-bottom: 20px;\r\n font-size: 14px;\r\n line-height: 1.5;\r\n }\r\n .fsp-quiz.is-locked {\r\n opacity: 0.55;\r\n pointer-events: none;\r\n }\r\n .fsp-question {\r\n border: 1px solid #e5e7eb;\r\n border-radius: 14px;\r\n padding: 18px;\r\n margin-bottom: 16px;\r\n background: #fff;\r\n }\r\n .fsp-question h4 {\r\n font-size: 17px;\r\n margin-bottom: 12px;\r\n line-height: 1.5;\r\n }\r\n .fsp-option {\r\n display: block;\r\n border: 1px solid #e5e7eb;\r\n border-radius: 12px;\r\n padding: 12px 14px;\r\n margin-bottom: 10px;\r\n cursor: pointer;\r\n transition: 0.2s ease;\r\n background: #fcfcfd;\r\n }\r\n .fsp-option:hover {\r\n background: #f9fafb;\r\n border-color: #d1d5db;\r\n }\r\n .fsp-option input {\r\n margin-right: 10px;\r\n }\r\n .fsp-actions {\r\n display: flex;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n margin-top: 18px;\r\n }\r\n .fsp-btn {\r\n border: 0;\r\n border-radius: 12px;\r\n padding: 13px 18px;\r\n font-size: 15px;\r\n font-weight: bold;\r\n cursor: pointer;\r\n transition: 0.2s ease;\r\n }\r\n .fsp-btn-primary {\r\n background: #111827;\r\n color: #fff;\r\n }\r\n .fsp-btn-primary:hover {\r\n background: #1f2937;\r\n }\r\n .fsp-btn-secondary {\r\n background: #fff;\r\n color: #111827;\r\n border: 1px solid #d1d5db;\r\n }\r\n .fsp-btn-secondary:hover {\r\n background: #f9fafb;\r\n }\r\n .fsp-btn[disabled] {\r\n opacity: 0.55;\r\n cursor: not-allowed;\r\n }\r\n .fsp-result,\r\n .fsp-next,\r\n .fsp-certificate,\r\n .fsp-record-box {\r\n display: none;\r\n }\r\n .fsp-result {\r\n margin-top: 18px;\r\n border-radius: 14px;\r\n padding: 16px;\r\n font-size: 15px;\r\n line-height: 1.6;\r\n }\r\n .fsp-result.pass {\r\n background: #ecfdf5;\r\n border: 1px solid #86efac;\r\n color: #166534;\r\n }\r\n .fsp-result.fail {\r\n background: #fef2f2;\r\n border: 1px solid #fca5a5;\r\n color: #991b1b;\r\n }\r\n .fsp-next {\r\n margin-top: 16px;\r\n background: #eff6ff;\r\n border: 1px solid #93c5fd;\r\n color: #1d4ed8;\r\n border-radius: 14px;\r\n padding: 16px;\r\n font-size: 14px;\r\n line-height: 1.6;\r\n }\r\n .fsp-side-card-title {\r\n font-size: 20px;\r\n margin-bottom: 14px;\r\n }\r\n .fsp-field {\r\n margin-bottom: 16px;\r\n }\r\n .fsp-field label {\r\n display: block;\r\n font-size: 14px;\r\n font-weight: bold;\r\n margin-bottom: 7px;\r\n color: #374151;\r\n }\r\n .fsp-field input {\r\n width: 100%;\r\n padding: 12px 14px;\r\n border-radius: 12px;\r\n border: 1px solid #d1d5db;\r\n font-size: 15px;\r\n }\r\n .fsp-progress-track {\r\n width: 100%;\r\n height: 12px;\r\n background: #e5e7eb;\r\n border-radius: 999px;\r\n overflow: hidden;\r\n margin-bottom: 10px;\r\n }\r\n .fsp-progress-fill {\r\n width: 0%;\r\n height: 100%;\r\n background: #111827;\r\n transition: width 0.3s ease;\r\n }\r\n .fsp-progress-text {\r\n color: #6b7280;\r\n font-size: 14px;\r\n margin-bottom: 18px;\r\n }\r\n .fsp-status {\r\n display: inline-block;\r\n background: #f3f4f6;\r\n color: #374151;\r\n padding: 7px 12px;\r\n border-radius: 999px;\r\n font-size: 13px;\r\n font-weight: bold;\r\n margin-bottom: 18px;\r\n }\r\n .fsp-certificate {\r\n margin-top: 18px;\r\n background: #fff;\r\n border: 4px solid #d1d5db;\r\n border-radius: 18px;\r\n padding: 28px 22px;\r\n text-align: center;\r\n }\r\n .fsp-certificate small {\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n color: #6b7280;\r\n display: block;\r\n margin-bottom: 12px;\r\n }\r\n .fsp-certificate h3 {\r\n font-size: 30px;\r\n margin-bottom: 20px;\r\n }\r\n .fsp-certificate .fsp-name {\r\n font-size: 28px;\r\n font-weight: bold;\r\n margin: 16px 0;\r\n }\r\n .fsp-certificate .fsp-company {\r\n font-size: 22px;\r\n font-weight: bold;\r\n margin: 14px 0 18px;\r\n }\r\n .fsp-cert-date {\r\n color: #4b5563;\r\n font-size: 14px;\r\n }\r\n .fsp-record-box {\r\n margin-top: 16px;\r\n background: #f9fafb;\r\n border: 1px solid #e5e7eb;\r\n border-radius: 14px;\r\n padding: 16px;\r\n font-size: 14px;\r\n line-height: 1.7;\r\n color: #374151;\r\n }\r\n .fsp-note {\r\n font-size: 12px;\r\n color: #6b7280;\r\n line-height: 1.6;\r\n margin-top: 14px;\r\n }\r\n @media (max-width: 900px) {\r\n .fsp-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n .fsp-title {\r\n font-size: 28px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"fsp-wrap\">\r\n <div class=\"fsp-grid\">\r\n <div class=\"fsp-card\">\r\n <div class=\"fsp-card-header\">\r\n <div class=\"fsp-pill\">Food Safety Program \u00b7 Example Lesson<\/div>\r\n <h1 class=\"fsp-title\">Lesson 1: Personal Hygiene Basics<\/h1>\r\n <p class=\"fsp-subtitle\">Watch the lesson, review the key points, confirm you have watched it, then complete the short quiz below.<\/p>\r\n <\/div>\r\n <div class=\"fsp-card-body\">\r\n <div class=\"fsp-video\">\r\n <iframe\r\n src=\"https:\/\/www.youtube.com\/embed\/YOUTUBE_VIDEO_ID\"\r\n title=\"Food Safety Lesson\"\r\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n referrerpolicy=\"strict-origin-when-cross-origin\"\r\n allowfullscreen>\r\n <\/iframe>\r\n <\/div>\r\n\r\n <div class=\"fsp-summary\">\r\n <h3>Lesson Summary<\/h3>\r\n <ul>\r\n <li>Food handlers must wash hands thoroughly and at the right times.<\/li>\r\n <li>Illness symptoms such as vomiting or diarrhoea must be reported.<\/li>\r\n <li>Clean habits reduce the chance of contaminating food.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"fsp-check-row\">\r\n <input type=\"checkbox\" id=\"watchedLesson\" \/>\r\n <label for=\"watchedLesson\">I have watched this lesson and I am ready to complete the quiz.<\/label>\r\n <\/div>\r\n\r\n <div class=\"fsp-quiz-lock\" id=\"quizLockMessage\">\r\n Please confirm that you have watched the lesson. The quiz will unlock after you tick the box above.\r\n <\/div>\r\n\r\n <div class=\"fsp-quiz is-locked\" id=\"quizArea\">\r\n <div class=\"fsp-question\">\r\n <h4>1. When should food handlers wash their hands?<\/h4>\r\n <label class=\"fsp-option\"><input type=\"radio\" name=\"q1\" value=\"0\" \/>Only before starting work<\/label>\r\n <label class=\"fsp-option\"><input type=\"radio\" name=\"q1\" value=\"1\" \/>Before work, after touching raw food, after the toilet, and whenever contaminated<\/label>\r\n <label class=\"fsp-option\"><input type=\"radio\" name=\"q1\" value=\"0\" \/>Only after touching raw meat<\/label>\r\n <label class=\"fsp-option\"><input type=\"radio\" name=\"q1\" value=\"0\" \/>At the end of the shift only<\/label>\r\n <\/div>\r\n\r\n <div class=\"fsp-question\">\r\n <h4>2. Which of the following must be reported to a supervisor?<\/h4>\r\n <label class=\"fsp-option\"><input type=\"radio\" name=\"q2\" value=\"0\" \/>A mild headache<\/label>\r\n <label class=\"fsp-option\"><input type=\"radio\" name=\"q2\" value=\"0\" \/>A clean uniform<\/label>\r\n <label class=\"fsp-option\"><input type=\"radio\" name=\"q2\" value=\"1\" \/>Vomiting or diarrhoea<\/label>\r\n <label class=\"fsp-option\"><input type=\"radio\" name=\"q2\" value=\"0\" \/>Being early for work<\/label>\r\n <\/div>\r\n\r\n <div class=\"fsp-question\">\r\n <h4>3. Why are good personal hygiene habits important?<\/h4>\r\n <label class=\"fsp-option\"><input type=\"radio\" name=\"q3\" value=\"1\" \/>They help reduce contamination risks<\/label>\r\n <label class=\"fsp-option\"><input type=\"radio\" name=\"q3\" value=\"0\" \/>They make food cook faster<\/label>\r\n <label class=\"fsp-option\"><input type=\"radio\" name=\"q3\" value=\"0\" \/>They remove allergens from food<\/label>\r\n <label class=\"fsp-option\"><input type=\"radio\" name=\"q3\" value=\"0\" \/>They replace temperature control<\/label>\r\n <\/div>\r\n\r\n <div class=\"fsp-actions\">\r\n <button class=\"fsp-btn fsp-btn-primary\" id=\"submitQuizBtn\">Submit Quiz<\/button>\r\n <button class=\"fsp-btn fsp-btn-secondary\" id=\"resetQuizBtn\" type=\"button\">Reset<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"fsp-result\" id=\"quizResult\"><\/div>\r\n <div class=\"fsp-next\" id=\"nextLessonBox\">\r\n Lesson completed. In a full version, this is where the next lesson button would take the employee to Lesson 2.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"fsp-card\">\r\n <div class=\"fsp-card-header\">\r\n <h2 class=\"fsp-side-card-title\">Employee Progress<\/h2>\r\n <\/div>\r\n <div class=\"fsp-card-body\">\r\n <div class=\"fsp-field\">\r\n <label for=\"employeeName\">Employee Name<\/label>\r\n <input type=\"text\" id=\"employeeName\" placeholder=\"Enter full name\" \/>\r\n <\/div>\r\n\r\n <div class=\"fsp-field\">\r\n <label for=\"employeeEmail\">Email<\/label>\r\n <input type=\"email\" id=\"employeeEmail\" placeholder=\"Enter email address\" \/>\r\n <\/div>\r\n\r\n <div class=\"fsp-field\">\r\n <label for=\"businessName\">Business Name<\/label>\r\n <input type=\"text\" id=\"businessName\" placeholder=\"Your business name\" \/>\r\n <\/div>\r\n\r\n <div class=\"fsp-progress-track\">\r\n <div class=\"fsp-progress-fill\" id=\"progressFill\"><\/div>\r\n <\/div>\r\n <div class=\"fsp-progress-text\" id=\"progressText\">0 of 1 example lessons completed<\/div>\r\n <div class=\"fsp-status\" id=\"statusBadge\">In Progress<\/div>\r\n\r\n <button class=\"fsp-btn fsp-btn-primary\" id=\"showCertificateBtn\" type=\"button\" style=\"width:100%; margin-bottom:12px;\" disabled>Show Certificate<\/button>\r\n <button class=\"fsp-btn fsp-btn-secondary\" id=\"saveRecordBtn\" type=\"button\" style=\"width:100%;\">Show Example Record<\/button>\r\n\r\n <div class=\"fsp-certificate\" id=\"certificateBox\">\r\n <small>Certificate of Completion<\/small>\r\n <h3>Food Safety Training<\/h3>\r\n <p>This certifies that<\/p>\r\n <div class=\"fsp-name\" id=\"certName\">Employee Name<\/div>\r\n <p>has satisfactorily completed this lesson for<\/p>\r\n <div class=\"fsp-company\" id=\"certCompany\">Your Business<\/div>\r\n <div class=\"fsp-cert-date\" id=\"certDate\">Date: Pending<\/div>\r\n <\/div>\r\n\r\n <div class=\"fsp-record-box\" id=\"recordBox\"><\/div>\r\n\r\n <div class=\"fsp-note\">\r\n This is a front-end demonstration for Elementor. It shows the lesson flow, scoring, progress, a sample certificate, and an example record display. Permanent storage and real certificate tracking can be added later.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function () {\r\n const passMark = 80;\r\n const watchedLesson = document.getElementById('watchedLesson');\r\n const quizArea = document.getElementById('quizArea');\r\n const quizLockMessage = document.getElementById('quizLockMessage');\r\n const submitQuizBtn = document.getElementById('submitQuizBtn');\r\n const resetQuizBtn = document.getElementById('resetQuizBtn');\r\n const quizResult = document.getElementById('quizResult');\r\n const nextLessonBox = document.getElementById('nextLessonBox');\r\n const progressFill = document.getElementById('progressFill');\r\n const progressText = document.getElementById('progressText');\r\n const statusBadge = document.getElementById('statusBadge');\r\n const showCertificateBtn = document.getElementById('showCertificateBtn');\r\n const certificateBox = document.getElementById('certificateBox');\r\n const saveRecordBtn = document.getElementById('saveRecordBtn');\r\n const recordBox = document.getElementById('recordBox');\r\n const employeeName = document.getElementById('employeeName');\r\n const employeeEmail = document.getElementById('employeeEmail');\r\n const businessName = document.getElementById('businessName');\r\n const certName = document.getElementById('certName');\r\n const certCompany = document.getElementById('certCompany');\r\n const certDate = document.getElementById('certDate');\r\n\r\n let lessonPassed = false;\r\n\r\n function updateQuizLock() {\r\n if (watchedLesson.checked) {\r\n quizArea.classList.remove('is-locked');\r\n quizLockMessage.style.display = 'none';\r\n } else {\r\n quizArea.classList.add('is-locked');\r\n quizLockMessage.style.display = 'block';\r\n }\r\n }\r\n\r\n function getAnswerValue(name) {\r\n const selected = document.querySelector('input[name=\"' + name + '\"]:checked');\r\n return selected ? Number(selected.value) : null;\r\n }\r\n\r\n function updateCompletionUI(passed) {\r\n lessonPassed = passed;\r\n if (passed) {\r\n progressFill.style.width = '100%';\r\n progressText.textContent = '1 of 1 example lessons completed';\r\n statusBadge.textContent = 'Completed';\r\n statusBadge.style.background = '#dcfce7';\r\n statusBadge.style.color = '#166534';\r\n showCertificateBtn.disabled = false;\r\n nextLessonBox.style.display = 'block';\r\n } else {\r\n progressFill.style.width = '0%';\r\n progressText.textContent = '0 of 1 example lessons completed';\r\n statusBadge.textContent = 'In Progress';\r\n statusBadge.style.background = '#f3f4f6';\r\n statusBadge.style.color = '#374151';\r\n showCertificateBtn.disabled = true;\r\n certificateBox.style.display = 'none';\r\n nextLessonBox.style.display = 'none';\r\n }\r\n }\r\n\r\n watchedLesson.addEventListener('change', updateQuizLock);\r\n\r\n submitQuizBtn.addEventListener('click', function () {\r\n const answers = [getAnswerValue('q1'), getAnswerValue('q2'), getAnswerValue('q3')];\r\n\r\n if (answers.includes(null)) {\r\n quizResult.className = 'fsp-result fail';\r\n quizResult.style.display = 'block';\r\n quizResult.textContent = 'Please answer all questions before submitting the quiz.';\r\n updateCompletionUI(false);\r\n return;\r\n }\r\n\r\n const score = answers.reduce((sum, value) => sum + value, 0);\r\n const total = 3;\r\n const percent = Math.round((score \/ total) * 100);\r\n const passed = percent >= passMark;\r\n\r\n quizResult.className = passed ? 'fsp-result pass' : 'fsp-result fail';\r\n quizResult.style.display = 'block';\r\n quizResult.innerHTML = passed\r\n ? '<strong>Passed.<\/strong> You scored ' + percent + '%. This example lesson is now complete.'\r\n : '<strong>Not passed yet.<\/strong> You scored ' + percent + '%. A score of ' + passMark + '% or more is required.';\r\n\r\n updateCompletionUI(passed);\r\n });\r\n\r\n resetQuizBtn.addEventListener('click', function () {\r\n document.querySelectorAll('input[name=\"q1\"], input[name=\"q2\"], input[name=\"q3\"]').forEach(function (input) {\r\n input.checked = false;\r\n });\r\n watchedLesson.checked = false;\r\n quizResult.style.display = 'none';\r\n certificateBox.style.display = 'none';\r\n recordBox.style.display = 'none';\r\n updateCompletionUI(false);\r\n updateQuizLock();\r\n });\r\n\r\n showCertificateBtn.addEventListener('click', function () {\r\n if (!lessonPassed) return;\r\n certName.textContent = employeeName.value.trim() || 'Employee Name';\r\n certCompany.textContent = businessName.value.trim() || 'Your Business';\r\n certDate.textContent = 'Date: ' + new Date().toLocaleDateString();\r\n certificateBox.style.display = 'block';\r\n });\r\n\r\n saveRecordBtn.addEventListener('click', function () {\r\n const name = employeeName.value.trim() || 'Employee Name';\r\n const email = employeeEmail.value.trim() || 'No email entered';\r\n const business = businessName.value.trim() || 'Your Business';\r\n const status = lessonPassed ? 'Completed' : 'Incomplete';\r\n const certificate = lessonPassed ? 'Eligible to issue certificate' : 'Certificate not yet available';\r\n\r\n recordBox.innerHTML =\r\n '<strong>Example Record<\/strong><br>' +\r\n 'Employee: ' + name + '<br>' +\r\n 'Email: ' + email + '<br>' +\r\n 'Business: ' + business + '<br>' +\r\n 'Lesson: Personal Hygiene Basics<br>' +\r\n 'Status: ' + status + '<br>' +\r\n 'Certificate: ' + certificate + '<br>' +\r\n 'Recorded: ' + new Date().toLocaleString();\r\n recordBox.style.display = 'block';\r\n });\r\n\r\n updateQuizLock();\r\n updateCompletionUI(false);\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\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>Food Safety Training Lesson Food Safety Program \u00b7 Example Lesson Lesson 1: Personal Hygiene Basics Watch the lesson, review the key points, confirm you have watched it, then complete the short quiz below. Lesson Summary Food handlers must wash hands thoroughly and at the right times. Illness symptoms such as vomiting or diarrhoea must be […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"tpgb_global_settings":"","footnotes":""},"class_list":["post-6646","page","type-page","status-publish","hentry"],"tpgb_featured_images":null,"tpgb_post_meta_info":{"get_date":"26 March 2026","get_modified_date":"26 March 2026","author_name":"wp.gurto.org","author_url":"https:\/\/wp.gurto.org\/index.php\/author\/joegurto-com\/","author_email":"joegurto295@gmail.com","author_website":"http:\/\/wp.gurto.org","author_description":"","author_facebook":"","author_twitter":"","author_instagram":"","author_role":["administrator"],"author_firstname":"","author_lastname":"","user_login":"wp.gurto.org","author_avatar":"<img alt='' src='https:\/\/secure.gravatar.com\/avatar\/6ddc11785a94317c5f8476f4e27298e5?s=200&d=mm&r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/6ddc11785a94317c5f8476f4e27298e5?s=400&d=mm&r=g 2x' class='avatar avatar-200 photo' height='200' width='200' decoding='async'\/>","author_avatar_url":"https:\/\/secure.gravatar.com\/avatar\/6ddc11785a94317c5f8476f4e27298e5?s=96&d=mm&r=g","comment_count":0,"post_likes":0,"post_views":0},"tpgb_post_category":[],"_links":{"self":[{"href":"https:\/\/wp.gurto.org\/index.php\/wp-json\/wp\/v2\/pages\/6646","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.gurto.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp.gurto.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp.gurto.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.gurto.org\/index.php\/wp-json\/wp\/v2\/comments?post=6646"}],"version-history":[{"count":7,"href":"https:\/\/wp.gurto.org\/index.php\/wp-json\/wp\/v2\/pages\/6646\/revisions"}],"predecessor-version":[{"id":6654,"href":"https:\/\/wp.gurto.org\/index.php\/wp-json\/wp\/v2\/pages\/6646\/revisions\/6654"}],"wp:attachment":[{"href":"https:\/\/wp.gurto.org\/index.php\/wp-json\/wp\/v2\/media?parent=6646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Food Safety Training Lesson<\/title>\r\n <style>\r\n * { box-sizing: border-box; }\r\n body {\r\n margin: 0;\r\n font-family: Arial, Helvetica, sans-serif;\r\n background: #f6f7fb;\r\n color: #1f2937;\r\n }\r\n .fsp-wrap {\r\n max-width: 1100px;\r\n margin: 30px auto;\r\n padding: 20px;\r\n }\r\n .fsp-grid {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr;\r\n gap: 24px;\r\n }\r\n .fsp-card {\r\n background: #ffffff;\r\n border: 1px solid #e5e7eb;\r\n border-radius: 18px;\r\n box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);\r\n overflow: hidden;\r\n }\r\n .fsp-card-header {\r\n padding: 24px 24px 8px;\r\n }\r\n .fsp-card-body {\r\n padding: 24px;\r\n }\r\n h1, h2, h3, p { margin-top: 0; }\r\n .fsp-title {\r\n font-size: 34px;\r\n line-height: 1.15;\r\n margin-bottom: 10px;\r\n color: #111827;\r\n }\r\n .fsp-subtitle {\r\n color: #6b7280;\r\n font-size: 16px;\r\n line-height: 1.6;\r\n margin-bottom: 0;\r\n }\r\n .fsp-pill {\r\n display: inline-block;\r\n padding: 8px 14px;\r\n border-radius: 999px;\r\n font-size: 13px;\r\n font-weight: bold;\r\n background: #eef2ff;\r\n color: #3730a3;\r\n margin-bottom: 14px;\r\n }\r\n .fsp-video {\r\n position: relative;\r\n width: 100%;\r\n aspect-ratio: 16 \/ 9;\r\n border-radius: 14px;\r\n overflow: hidden;\r\n background: #000;\r\n margin-bottom: 20px;\r\n }\r\n .fsp-video iframe {\r\n width: 100%;\r\n height: 100%;\r\n border: 0;\r\n display: block;\r\n }\r\n .fsp-summary {\r\n background: #f9fafb;\r\n border: 1px solid #e5e7eb;\r\n border-radius: 14px;\r\n padding: 18px;\r\n margin-bottom: 18px;\r\n }\r\n .fsp-summary h3 {\r\n margin-bottom: 8px;\r\n font-size: 18px;\r\n }\r\n .fsp-summary ul {\r\n margin: 0;\r\n padding-left: 18px;\r\n color: #4b5563;\r\n line-height: 1.7;\r\n }\r\n .fsp-check-row {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: #f9fafb;\r\n border: 1px solid #e5e7eb;\r\n border-radius: 14px;\r\n padding: 16px;\r\n margin-bottom: 20px;\r\n }\r\n .fsp-check-row input[type=\"checkbox\"] {\r\n width: 18px;\r\n height: 18px;\r\n accent-color: #111827;\r\n flex: 0 0 auto;\r\n }\r\n .fsp-check-row label {\r\n font-size: 15px;\r\n color: #374151;\r\n cursor: pointer;\r\n }\r\n .fsp-quiz-lock {\r\n background: #fff7ed;\r\n border: 1px solid #fdba74;\r\n color: #9a3412;\r\n border-radius: 14px;\r\n padding: 14px 16px;\r\n margin-bottom: 20px;\r\n font-size: 14px;\r\n line-height: 1.5;\r\n }\r\n .fsp-quiz.is-locked {\r\n opacity: 0.55;\r\n pointer-events: none;\r\n }\r\n .fsp-question {\r\n border: 1px solid #e5e7eb;\r\n border-radius: 14px;\r\n padding: 18px;\r\n margin-bottom: 16px;\r\n background: #fff;\r\n }\r\n .fsp-question h4 {\r\n font-size: 17px;\r\n margin-bottom: 12px;\r\n line-height: 1.5;\r\n }\r\n .fsp-option {\r\n display: block;\r\n border: 1px solid #e5e7eb;\r\n border-radius: 12px;\r\n padding: 12px 14px;\r\n margin-bottom: 10px;\r\n cursor: pointer;\r\n transition: 0.2s ease;\r\n background: #fcfcfd;\r\n }\r\n .fsp-option:hover {\r\n background: #f9fafb;\r\n border-color: #d1d5db;\r\n }\r\n .fsp-option input {\r\n margin-right: 10px;\r\n }\r\n .fsp-actions {\r\n display: flex;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n margin-top: 18px;\r\n }\r\n .fsp-btn {\r\n border: 0;\r\n border-radius: 12px;\r\n padding: 13px 18px;\r\n font-size: 15px;\r\n font-weight: bold;\r\n cursor: pointer;\r\n transition: 0.2s ease;\r\n }\r\n .fsp-btn-primary {\r\n background: #111827;\r\n color: #fff;\r\n }\r\n .fsp-btn-primary:hover {\r\n background: #1f2937;\r\n }\r\n .fsp-btn-secondary {\r\n background: #fff;\r\n color: #111827;\r\n border: 1px solid #d1d5db;\r\n }\r\n .fsp-btn-secondary:hover {\r\n background: #f9fafb;\r\n }\r\n .fsp-btn[disabled] {\r\n opacity: 0.55;\r\n cursor: not-allowed;\r\n }\r\n .fsp-result,\r\n .fsp-next,\r\n .fsp-certificate,\r\n .fsp-record-box {\r\n display: none;\r\n }\r\n .fsp-result {\r\n margin-top: 18px;\r\n border-radius: 14px;\r\n padding: 16px;\r\n font-size: 15px;\r\n line-height: 1.6;\r\n }\r\n .fsp-result.pass {\r\n background: #ecfdf5;\r\n border: 1px solid #86efac;\r\n color: #166534;\r\n }\r\n .fsp-result.fail {\r\n background: #fef2f2;\r\n border: 1px solid #fca5a5;\r\n color: #991b1b;\r\n }\r\n .fsp-next {\r\n margin-top: 16px;\r\n background: #eff6ff;\r\n border: 1px solid #93c5fd;\r\n color: #1d4ed8;\r\n border-radius: 14px;\r\n padding: 16px;\r\n font-size: 14px;\r\n line-height: 1.6;\r\n }\r\n .fsp-side-card-title {\r\n font-size: 20px;\r\n margin-bottom: 14px;\r\n }\r\n .fsp-field {\r\n margin-bottom: 16px;\r\n }\r\n .fsp-field label {\r\n display: block;\r\n font-size: 14px;\r\n font-weight: bold;\r\n margin-bottom: 7px;\r\n color: #374151;\r\n }\r\n .fsp-field input {\r\n width: 100%;\r\n padding: 12px 14px;\r\n border-radius: 12px;\r\n border: 1px solid #d1d5db;\r\n font-size: 15px;\r\n }\r\n .fsp-progress-track {\r\n width: 100%;\r\n height: 12px;\r\n background: #e5e7eb;\r\n border-radius: 999px;\r\n overflow: hidden;\r\n margin-bottom: 10px;\r\n }\r\n .fsp-progress-fill {\r\n width: 0%;\r\n height: 100%;\r\n background: #111827;\r\n transition: width 0.3s ease;\r\n }\r\n .fsp-progress-text {\r\n color: #6b7280;\r\n font-size: 14px;\r\n margin-bottom: 18px;\r\n }\r\n .fsp-status {\r\n display: inline-block;\r\n background: #f3f4f6;\r\n color: #374151;\r\n padding: 7px 12px;\r\n border-radius: 999px;\r\n font-size: 13px;\r\n font-weight: bold;\r\n margin-bottom: 18px;\r\n }\r\n .fsp-certificate {\r\n margin-top: 18px;\r\n background: #fff;\r\n border: 4px solid #d1d5db;\r\n border-radius: 18px;\r\n padding: 28px 22px;\r\n text-align: center;\r\n }\r\n .fsp-certificate small {\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n color: #6b7280;\r\n display: block;\r\n margin-bottom: 12px;\r\n }\r\n .fsp-certificate h3 {\r\n font-size: 30px;\r\n margin-bottom: 20px;\r\n }\r\n .fsp-certificate .fsp-name {\r\n font-size: 28px;\r\n font-weight: bold;\r\n margin: 16px 0;\r\n }\r\n .fsp-certificate .fsp-company {\r\n font-size: 22px;\r\n font-weight: bold;\r\n margin: 14px 0 18px;\r\n }\r\n .fsp-cert-date {\r\n color: #4b5563;\r\n font-size: 14px;\r\n }\r\n .fsp-record-box {\r\n margin-top: 16px;\r\n background: #f9fafb;\r\n border: 1px solid #e5e7eb;\r\n border-radius: 14px;\r\n padding: 16px;\r\n font-size: 14px;\r\n line-height: 1.7;\r\n color: #374151;\r\n }\r\n .fsp-note {\r\n font-size: 12px;\r\n color: #6b7280;\r\n line-height: 1.6;\r\n margin-top: 14px;\r\n }\r\n @media (max-width: 900px) {\r\n .fsp-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n .fsp-title {\r\n font-size: 28px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"fsp-wrap\">\r\n <div class=\"fsp-grid\">\r\n <div class=\"fsp-card\">\r\n <div class=\"fsp-card-header\">\r\n <div class=\"fsp-pill\">Food Safety Program \u00b7 Example Lesson<\/div>\r\n <h1 class=\"fsp-title\">Lesson 1: Personal Hygiene Basics<\/h1>\r\n <p class=\"fsp-subtitle\">Watch the lesson, review the key points, confirm you have watched it, then complete the short quiz below.<\/p>\r\n <\/div>\r\n <div class=\"fsp-card-body\">\r\n <div class=\"fsp-video\">\r\n <iframe\r\n src=\"https:\/\/www.youtube.com\/embed\/YOUTUBE_VIDEO_ID\"\r\n title=\"Food Safety Lesson\"\r\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n referrerpolicy=\"strict-origin-when-cross-origin\"\r\n allowfullscreen>\r\n <\/iframe>\r\n <\/div>\r\n\r\n <div class=\"fsp-summary\">\r\n <h3>Lesson Summary<\/h3>\r\n <ul>\r\n <li>Food handlers must wash hands thoroughly and at the right times.<\/li>\r\n <li>Illness symptoms such as vomiting or diarrhoea must be reported.<\/li>\r\n <li>Clean habits reduce the chance of contaminating food.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"fsp-check-row\">\r\n <input type=\"checkbox\" id=\"watchedLesson\" \/>\r\n <label for=\"watchedLesson\">I have watched this lesson and I am ready to complete the quiz.<\/label>\r\n <\/div>\r\n\r\n <div class=\"fsp-quiz-lock\" id=\"quizLockMessage\">\r\n Please confirm that you have watched the lesson. The quiz will unlock after you tick the box above.\r\n <\/div>\r\n\r\n <div class=\"fsp-quiz is-locked\" id=\"quizArea\">\r\n <div class=\"fsp-question\">\r\n <h4>1. When should food handlers wash their hands?<\/h4>\r\n <label class=\"fsp-option\"><input type=\"radio\" name=\"q1\" value=\"0\" \/>Only before starting work<\/label>\r\n <label class=\"fsp-option\"><input type=\"radio\" name=\"q1\" value=\"1\" \/>Before work, after touching raw food, after the toilet, and whenever contaminated<\/label>\r\n <label class=\"fsp-option\"><input type=\"radio\" name=\"q1\" value=\"0\" \/>Only after touching raw meat<\/label>\r\n <label class=\"fsp-option\"><input type=\"radio\" name=\"q1\" value=\"0\" \/>At the end of the shift only<\/label>\r\n <\/div>\r\n\r\n <div class=\"fsp-question\">\r\n <h4>2. Which of the following must be reported to a supervisor?<\/h4>\r\n <label class=\"fsp-option\"><input type=\"radio\" name=\"q2\" value=\"0\" \/>A mild headache<\/label>\r\n <label class=\"fsp-option\"><input type=\"radio\" name=\"q2\" value=\"0\" \/>A clean uniform<\/label>\r\n <label class=\"fsp-option\"><input type=\"radio\" name=\"q2\" value=\"1\" \/>Vomiting or diarrhoea<\/label>\r\n <label class=\"fsp-option\"><input type=\"radio\" name=\"q2\" value=\"0\" \/>Being early for work<\/label>\r\n <\/div>\r\n\r\n <div class=\"fsp-question\">\r\n <h4>3. Why are good personal hygiene habits important?<\/h4>\r\n <label class=\"fsp-option\"><input type=\"radio\" name=\"q3\" value=\"1\" \/>They help reduce contamination risks<\/label>\r\n <label class=\"fsp-option\"><input type=\"radio\" name=\"q3\" value=\"0\" \/>They make food cook faster<\/label>\r\n <label class=\"fsp-option\"><input type=\"radio\" name=\"q3\" value=\"0\" \/>They remove allergens from food<\/label>\r\n <label class=\"fsp-option\"><input type=\"radio\" name=\"q3\" value=\"0\" \/>They replace temperature control<\/label>\r\n <\/div>\r\n\r\n <div class=\"fsp-actions\">\r\n <button class=\"fsp-btn fsp-btn-primary\" id=\"submitQuizBtn\">Submit Quiz<\/button>\r\n <button class=\"fsp-btn fsp-btn-secondary\" id=\"resetQuizBtn\" type=\"button\">Reset<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"fsp-result\" id=\"quizResult\"><\/div>\r\n <div class=\"fsp-next\" id=\"nextLessonBox\">\r\n Lesson completed. In a full version, this is where the next lesson button would take the employee to Lesson 2.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"fsp-card\">\r\n <div class=\"fsp-card-header\">\r\n <h2 class=\"fsp-side-card-title\">Employee Progress<\/h2>\r\n <\/div>\r\n <div class=\"fsp-card-body\">\r\n <div class=\"fsp-field\">\r\n <label for=\"employeeName\">Employee Name<\/label>\r\n <input type=\"text\" id=\"employeeName\" placeholder=\"Enter full name\" \/>\r\n <\/div>\r\n\r\n <div class=\"fsp-field\">\r\n <label for=\"employeeEmail\">Email<\/label>\r\n <input type=\"email\" id=\"employeeEmail\" placeholder=\"Enter email address\" \/>\r\n <\/div>\r\n\r\n <div class=\"fsp-field\">\r\n <label for=\"businessName\">Business Name<\/label>\r\n <input type=\"text\" id=\"businessName\" placeholder=\"Your business name\" \/>\r\n <\/div>\r\n\r\n <div class=\"fsp-progress-track\">\r\n <div class=\"fsp-progress-fill\" id=\"progressFill\"><\/div>\r\n <\/div>\r\n <div class=\"fsp-progress-text\" id=\"progressText\">0 of 1 example lessons completed<\/div>\r\n <div class=\"fsp-status\" id=\"statusBadge\">In Progress<\/div>\r\n\r\n <button class=\"fsp-btn fsp-btn-primary\" id=\"showCertificateBtn\" type=\"button\" style=\"width:100%; margin-bottom:12px;\" disabled>Show Certificate<\/button>\r\n <button class=\"fsp-btn fsp-btn-secondary\" id=\"saveRecordBtn\" type=\"button\" style=\"width:100%;\">Show Example Record<\/button>\r\n\r\n <div class=\"fsp-certificate\" id=\"certificateBox\">\r\n <small>Certificate of Completion<\/small>\r\n <h3>Food Safety Training<\/h3>\r\n <p>This certifies that<\/p>\r\n <div class=\"fsp-name\" id=\"certName\">Employee Name<\/div>\r\n <p>has satisfactorily completed this lesson for<\/p>\r\n <div class=\"fsp-company\" id=\"certCompany\">Your Business<\/div>\r\n <div class=\"fsp-cert-date\" id=\"certDate\">Date: Pending<\/div>\r\n <\/div>\r\n\r\n <div class=\"fsp-record-box\" id=\"recordBox\"><\/div>\r\n\r\n <div class=\"fsp-note\">\r\n This is a front-end demonstration for Elementor. It shows the lesson flow, scoring, progress, a sample certificate, and an example record display. Permanent storage and real certificate tracking can be added later.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function () {\r\n const passMark = 80;\r\n const watchedLesson = document.getElementById('watchedLesson');\r\n const quizArea = document.getElementById('quizArea');\r\n const quizLockMessage = document.getElementById('quizLockMessage');\r\n const submitQuizBtn = document.getElementById('submitQuizBtn');\r\n const resetQuizBtn = document.getElementById('resetQuizBtn');\r\n const quizResult = document.getElementById('quizResult');\r\n const nextLessonBox = document.getElementById('nextLessonBox');\r\n const progressFill = document.getElementById('progressFill');\r\n const progressText = document.getElementById('progressText');\r\n const statusBadge = document.getElementById('statusBadge');\r\n const showCertificateBtn = document.getElementById('showCertificateBtn');\r\n const certificateBox = document.getElementById('certificateBox');\r\n const saveRecordBtn = document.getElementById('saveRecordBtn');\r\n const recordBox = document.getElementById('recordBox');\r\n const employeeName = document.getElementById('employeeName');\r\n const employeeEmail = document.getElementById('employeeEmail');\r\n const businessName = document.getElementById('businessName');\r\n const certName = document.getElementById('certName');\r\n const certCompany = document.getElementById('certCompany');\r\n const certDate = document.getElementById('certDate');\r\n\r\n let lessonPassed = false;\r\n\r\n function updateQuizLock() {\r\n if (watchedLesson.checked) {\r\n quizArea.classList.remove('is-locked');\r\n quizLockMessage.style.display = 'none';\r\n } else {\r\n quizArea.classList.add('is-locked');\r\n quizLockMessage.style.display = 'block';\r\n }\r\n }\r\n\r\n function getAnswerValue(name) {\r\n const selected = document.querySelector('input[name=\"' + name + '\"]:checked');\r\n return selected ? Number(selected.value) : null;\r\n }\r\n\r\n function updateCompletionUI(passed) {\r\n lessonPassed = passed;\r\n if (passed) {\r\n progressFill.style.width = '100%';\r\n progressText.textContent = '1 of 1 example lessons completed';\r\n statusBadge.textContent = 'Completed';\r\n statusBadge.style.background = '#dcfce7';\r\n statusBadge.style.color = '#166534';\r\n showCertificateBtn.disabled = false;\r\n nextLessonBox.style.display = 'block';\r\n } else {\r\n progressFill.style.width = '0%';\r\n progressText.textContent = '0 of 1 example lessons completed';\r\n statusBadge.textContent = 'In Progress';\r\n statusBadge.style.background = '#f3f4f6';\r\n statusBadge.style.color = '#374151';\r\n showCertificateBtn.disabled = true;\r\n certificateBox.style.display = 'none';\r\n nextLessonBox.style.display = 'none';\r\n }\r\n }\r\n\r\n watchedLesson.addEventListener('change', updateQuizLock);\r\n\r\n submitQuizBtn.addEventListener('click', function () {\r\n const answers = [getAnswerValue('q1'), getAnswerValue('q2'), getAnswerValue('q3')];\r\n\r\n if (answers.includes(null)) {\r\n quizResult.className = 'fsp-result fail';\r\n quizResult.style.display = 'block';\r\n quizResult.textContent = 'Please answer all questions before submitting the quiz.';\r\n updateCompletionUI(false);\r\n return;\r\n }\r\n\r\n const score = answers.reduce((sum, value) => sum + value, 0);\r\n const total = 3;\r\n const percent = Math.round((score \/ total) * 100);\r\n const passed = percent >= passMark;\r\n\r\n quizResult.className = passed ? 'fsp-result pass' : 'fsp-result fail';\r\n quizResult.style.display = 'block';\r\n quizResult.innerHTML = passed\r\n ? '<strong>Passed.<\/strong> You scored ' + percent + '%. This example lesson is now complete.'\r\n : '<strong>Not passed yet.<\/strong> You scored ' + percent + '%. A score of ' + passMark + '% or more is required.';\r\n\r\n updateCompletionUI(passed);\r\n });\r\n\r\n resetQuizBtn.addEventListener('click', function () {\r\n document.querySelectorAll('input[name=\"q1\"], input[name=\"q2\"], input[name=\"q3\"]').forEach(function (input) {\r\n input.checked = false;\r\n });\r\n watchedLesson.checked = false;\r\n quizResult.style.display = 'none';\r\n certificateBox.style.display = 'none';\r\n recordBox.style.display = 'none';\r\n updateCompletionUI(false);\r\n updateQuizLock();\r\n });\r\n\r\n showCertificateBtn.addEventListener('click', function () {\r\n if (!lessonPassed) return;\r\n certName.textContent = employeeName.value.trim() || 'Employee Name';\r\n certCompany.textContent = businessName.value.trim() || 'Your Business';\r\n certDate.textContent = 'Date: ' + new Date().toLocaleDateString();\r\n certificateBox.style.display = 'block';\r\n });\r\n\r\n saveRecordBtn.addEventListener('click', function () {\r\n const name = employeeName.value.trim() || 'Employee Name';\r\n const email = employeeEmail.value.trim() || 'No email entered';\r\n const business = businessName.value.trim() || 'Your Business';\r\n const status = lessonPassed ? 'Completed' : 'Incomplete';\r\n const certificate = lessonPassed ? 'Eligible to issue certificate' : 'Certificate not yet available';\r\n\r\n recordBox.innerHTML =\r\n '<strong>Example Record<\/strong><br>' +\r\n 'Employee: ' + name + '<br>' +\r\n 'Email: ' + email + '<br>' +\r\n 'Business: ' + business + '<br>' +\r\n 'Lesson: Personal Hygiene Basics<br>' +\r\n 'Status: ' + status + '<br>' +\r\n 'Certificate: ' + certificate + '<br>' +\r\n 'Recorded: ' + new Date().toLocaleString();\r\n recordBox.style.display = 'block';\r\n });\r\n\r\n updateQuizLock();\r\n updateCompletionUI(false);\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\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>Food Safety Training Lesson Food Safety Program \u00b7 Example Lesson Lesson 1: Personal Hygiene Basics Watch the lesson, review the key points, confirm you have watched it, then complete the short quiz below. Lesson Summary Food handlers must wash hands thoroughly and at the right times. Illness symptoms such as vomiting or diarrhoea must be […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"tpgb_global_settings":"","footnotes":""},"class_list":["post-6646","page","type-page","status-publish","hentry"],"tpgb_featured_images":null,"tpgb_post_meta_info":{"get_date":"26 March 2026","get_modified_date":"26 March 2026","author_name":"wp.gurto.org","author_url":"https:\/\/wp.gurto.org\/index.php\/author\/joegurto-com\/","author_email":"joegurto295@gmail.com","author_website":"http:\/\/wp.gurto.org","author_description":"","author_facebook":"","author_twitter":"","author_instagram":"","author_role":["administrator"],"author_firstname":"","author_lastname":"","user_login":"wp.gurto.org","author_avatar":"<img alt='' src='https:\/\/secure.gravatar.com\/avatar\/6ddc11785a94317c5f8476f4e27298e5?s=200&d=mm&r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/6ddc11785a94317c5f8476f4e27298e5?s=400&d=mm&r=g 2x' class='avatar avatar-200 photo' height='200' width='200' decoding='async'\/>","author_avatar_url":"https:\/\/secure.gravatar.com\/avatar\/6ddc11785a94317c5f8476f4e27298e5?s=96&d=mm&r=g","comment_count":0,"post_likes":0,"post_views":0},"tpgb_post_category":[],"_links":{"self":[{"href":"https:\/\/wp.gurto.org\/index.php\/wp-json\/wp\/v2\/pages\/6646","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.gurto.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp.gurto.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp.gurto.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.gurto.org\/index.php\/wp-json\/wp\/v2\/comments?post=6646"}],"version-history":[{"count":7,"href":"https:\/\/wp.gurto.org\/index.php\/wp-json\/wp\/v2\/pages\/6646\/revisions"}],"predecessor-version":[{"id":6654,"href":"https:\/\/wp.gurto.org\/index.php\/wp-json\/wp\/v2\/pages\/6646\/revisions\/6654"}],"wp:attachment":[{"href":"https:\/\/wp.gurto.org\/index.php\/wp-json\/wp\/v2\/media?parent=6646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}