{"id":7873,"date":"2025-02-06T12:48:03","date_gmt":"2025-02-06T09:48:03","guid":{"rendered":"https:\/\/educare.ac.ug\/?page_id=7873"},"modified":"2025-02-06T12:48:04","modified_gmt":"2025-02-06T09:48:04","slug":"school-dress-code","status":"publish","type":"page","link":"https:\/\/educare.ac.ug\/index.php\/school-dress-code\/","title":{"rendered":"School Dress Code"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>School Year Calendar<\/title>\n\n    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n    <style>\n       html, body { font-family: Arial, sans-serif; text-align: center; margin: 0; padding: 0; background-color: #f4f4f4; overflow-x: hidden !important; }\n        \n        .active { opacity: 1 !important; }\n        .term-buttons { margin: 20px 0; }\n        button { padding: 10px 20px; font-size: 28px; color: #e9f7e9; background-color: rgb(13, 7, 80) !important; cursor: pointer; border-radius: 5px; border: none; margin: 5px; transition: 0.3s; }\n        button:hover { background-color: red !important;  color: white; cursor: pointer; border-radius: 5px; }\n        .calendar-container {display: flex; flex-wrap: wrap; margin-top: 20px;  overflow-x: hidden !important; }\n        \n        .calendar { display: none; width: 80%; margin: auto; background: rgb(13, 7, 80); padding: 20px; border-radius: 10px; max-width: 768px; overflow-x: auto;}\n        * {box-sizing: border-box; margin: 0; padding: 0;}\n        table { width: 100%; border-collapse: collapse; max-width: 1200px; overflow-x: auto !important;}\n        .table-wrapper { width: 100%; overflow-x: hidden !important;}\n        th, td, tr { border: 1px solid #ddd; padding: 10px; text-align: center;}\n        th { background-color: rgb(13, 7, 80) !important; color: white !important; }\n        tr:nth-child(even) { background-color: #f2f2f2;}\n        td:hover { background-color: green;  color: black; cursor: pointer; }\n        .month { cursor: pointer; margin: 10px 0; background: #ddd; padding: 10px; border-radius: 5px; }\n        .activities { display: none; }\n\n    <\/style>\n    <style>\n        \/* Ensure the container fits within the screen *\/\n        .container {\n            max-width: 1200px;\n            padding: -200px;\n            margin-right: 70px;\n            margin-bottom: 15px;\n            \n        }\n\n        \/* Card styling *\/\n        .card {\n            border-radius: 10px;\n            overflow: hidden;\n            transition: transform 0.3s ease-in-out;\n        }\n\n        .card:hover {\n            transform: scale(1.03);\n        }\n\n        \/* Table styling *\/\n        table {\n            width: 100%;\n            border-radius: 5px;\n            overflow: hidden;\n            font-size: 5rem;\n        }\n\n        thead {\n            background-color: #343a40;\n            color: white;\n        }\n\n        tbody tr:hover {\n            background-color: #f8f9fa;\n        }\n\n        \/* Ensure text is properly aligned *\/\n        td {\n            text-align: center;\n            font-size: 1rem;\n            \n        }\n\n        th {\n            text-align: center;\n            font-size: 5rem;\n            \n        }\n\n        \/* Responsive adjustments *\/\n        @media (max-width: 1200px) {\n            .col-md-4 {\n                width: 100%;\n                \n            }\n            .card {\n                margin-bottom: 15px;\n                \n                \n            }\n          \n        }\n    <\/style>\n\n\n    <script>\n        let index = 0;\n        function rotateImages() {\n            const images = document.querySelectorAll(\".navbar img\");\n            images.forEach(img => img.classList.remove(\"active\"));\n            images[index].classList.add(\"active\");\n            index = (index + 1) % images.length;\n        }\n        setInterval(rotateImages, 2000);\n\n        function showCalendar(term) {\n            document.querySelectorAll('.calendar').forEach(cal => cal.style.display = 'none');\n            document.getElementById(term).style.display = 'block';\n        }\n        function toggleActivities(id) {\n            document.querySelectorAll('.activities').forEach(activity => {\n                if (activity.id !== id) {\n                    activity.style.display = 'none';\n                }\n            });\n            let element = document.getElementById(id);\n            element.style.display = (element.style.display === 'none' || element.style.display === '') ? 'block' : 'none';\n        }\n    <\/script>\n    \n<\/head>\n<body>\n    <p class=\"text-white display-4 mb-4 wow fadeInDown text-center\" \n    data-wow-delay=\"0.1s\"style=\"background-color: red; border-radius: 30px; padding: 10px 20px; display: inline-block; font-size: 25px;\">\n    School Dress Code <\/p>\n    <!-- Container for grid layout -->\n\n    <div class=\"container py-4\">\n        <div class=\"row g-3 justify-content-center\">\n            <!-- Monday -->\n            <div class=\"col-md-4 col-sm-6\">\n                <div class=\"card shadow\">\n                    <div class=\"card-header bg-primary text-white text-center fw-bold\">Monday<\/div>\n                    <div class=\"card-body\">\n                        <table class=\"table table-bordered\">\n                            <thead>\n                                <tr>\n                                    <th>Day<\/th>\n                                    <th style=\"white-space: nowrap;\">Section<\/th>\n                                    <th style=\"white-space: nowrap;\">Dress Code<\/th>\n                                <\/tr>\n                            <\/thead>\n                            <tbody>\n                                <tr>\n                                    <td style=\"white-space: nowrap;\">Monday<\/td>\n                                    <td>Whole School<br> (Baby &#8211; P.7)<\/td>\n                                    <td class=\"fw-bold\">Uniform<\/td>\n                                <\/tr>\n                            <\/tbody>\n                        <\/table>\n                    <\/div>\n                <\/div>\n            <\/div>\n    \n            <!-- Tuesday -->\n            <div class=\"col-md-4 col-sm-6\">\n                <div class=\"card shadow\">\n                    <div class=\"card-header bg-success text-white text-center fw-bold\">Tuesday<\/div>\n                    <div class=\"card-body\">\n                        <table class=\"table table-bordered\">\n                            <thead>\n                                <tr>\n                                    <th>Day<\/th>\n                                    <th style=\"white-space: nowrap;\">Section<\/th>\n                                    <th style=\"white-space: nowrap;\">Dress Code<\/th>\n                                <\/tr>\n                            <\/thead>\n                            <tbody>\n                                <tr>\n                                    <td style=\"white-space: nowrap;\">Tuesday<\/td>\n                                    <td>Nursery<br> (Baby &#8211; Top Class)<\/td>\n                                    <td class=\"fw-bold\">Sports Wear<\/td>\n                                <\/tr>\n                            <\/tbody>\n                        <\/table>\n                    <\/div>\n                <\/div>\n            <\/div>\n    \n            <!-- Wednesday -->\n            <div class=\"col-md-4 col-sm-6\">\n                <div class=\"card shadow\">\n                    <div class=\"card-header bg-danger text-white text-center fw-bold\">Wednesday<\/div>\n                    <div class=\"card-body\">\n                        <table class=\"table table-bordered\">\n                            <thead>\n                                <tr>\n                                    <th>Day<\/th>\n                                    <th style=\"white-space: nowrap;\">Section<\/th>\n                                    <th style=\"white-space: nowrap;\">Dress Code<\/th>\n                                <\/tr>\n                            <\/thead>\n                            <tbody>\n                                <tr>\n                                    <td style=\"white-space: nowrap;\">Wednesday<\/td>\n                                    <td>Nursery<br> (Baby &#8211; Top Class)<\/td>\n                                    <td class=\"fw-bold\">Uniform<\/td>\n                                <\/tr>\n                            <\/tbody>\n                        <\/table>\n                    <\/div>\n                <\/div>\n            <\/div>\n    \n            <!-- Thursday -->\n            <div class=\"col-md-4 col-sm-6\">\n                <div class=\"card shadow\">\n                    <div class=\"card-header bg-info text-white text-center fw-bold\">Thursday<\/div>\n                    <div class=\"card-body\">\n                        <table class=\"table table-bordered\">\n                            <thead>\n                                <tr>\n                                    <th>Day<\/th>\n                                    <th style=\"white-space: nowrap;\">Section<\/th>\n                                    <th style=\"white-space: nowrap;\">Dress Code<\/th>\n                                <\/tr>\n                            <\/thead>\n                            <tbody>\n                                <tr>\n                                    <td style=\"white-space: nowrap;\">Thursday<\/td>\n                                    <td>Whole School<br> (Baby &#8211; P.7)<\/td>\n                                    <td class=\"fw-bold\">Uniform<\/td>\n                                <\/tr>\n                            <\/tbody>\n                        <\/table>\n                    <\/div>\n                <\/div>\n            <\/div>\n    \n            <!-- Friday -->\n            <div class=\"col-md-4 col-sm-6\">\n                <div class=\"card shadow\">\n                    <div class=\"card-header bg-warning text-white text-center fw-bold\">Friday<\/div>\n                    <div class=\"card-body\">\n                        <table class=\"table table-bordered\">\n                            <thead>\n                                <tr>\n                                    <th>Day <\/th>\n                                    <th style=\"white-space: nowrap;\">Section<\/th>\n                                    <th style=\"white-space: nowrap;\">Dress Code<\/th>\n                                <\/tr>\n                            <\/thead>\n                            <tbody>\n                                <tr>\n                                    <td style=\"white-space: nowrap;\">Friday <\/td>\n                                    <td>Whole School<br> (Baby &#8211; P.7)<\/td>\n                                    <td class=\"fw-bold\" >Sports Wear<\/td>\n                                <\/tr>\n                            <\/tbody>\n                        <\/table>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n   <!-- Bootstrap JS (Optional) -->\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>School Year Calendar School Dress Code Monday Day Section Dress Code Monday Whole School (Baby &#8211; P.7) Uniform Tuesday Day Section Dress Code Tuesday Nursery (Baby &#8211; Top Class) Sports [&hellip;]<\/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-7873","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/educare.ac.ug\/index.php\/wp-json\/wp\/v2\/pages\/7873","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/educare.ac.ug\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/educare.ac.ug\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/educare.ac.ug\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/educare.ac.ug\/index.php\/wp-json\/wp\/v2\/comments?post=7873"}],"version-history":[{"count":2,"href":"https:\/\/educare.ac.ug\/index.php\/wp-json\/wp\/v2\/pages\/7873\/revisions"}],"predecessor-version":[{"id":7875,"href":"https:\/\/educare.ac.ug\/index.php\/wp-json\/wp\/v2\/pages\/7873\/revisions\/7875"}],"wp:attachment":[{"href":"https:\/\/educare.ac.ug\/index.php\/wp-json\/wp\/v2\/media?parent=7873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}