{"id":377,"date":"2019-08-12T11:37:05","date_gmt":"2019-08-12T11:37:05","guid":{"rendered":"http:\/\/ed.aislinthemes.com\/classes\/?page_id=5266"},"modified":"2026-06-12T16:36:55","modified_gmt":"2026-06-12T16:36:55","slug":"home-default","status":"publish","type":"page","link":"https:\/\/seeallacademy.com\/","title":{"rendered":"Home Default"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"377\" class=\"elementor elementor-377\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-45b0057 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"45b0057\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bb44ca6\" data-id=\"bb44ca6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-51370bb elementor-widget elementor-widget-html\" data-id=\"51370bb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!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>Hero Section<\/title>\n    <style>\n        \/* Base Container *\/\n        .hero-section {\n            position: relative;\n            height: 750px; \/* Increased height to show even more of the photos *\/\n            overflow: hidden;\n            background-color: #001528;\n            border-bottom: 8px solid #F9B000; \/* Yellow Brand Accent *\/\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            \n            \/* Forces the banner to be truly full-width, breaking out of WordPress containers *\/\n            width: 100vw;\n            max-width: 100vw;\n            margin-left: calc(50% - 50vw);\n        }\n\n        \/* Slideshow Background *\/\n        .slideshow-container {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 1;\n        }\n\n        .slide {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-size: cover;\n            background-position: center;\n            opacity: 0;\n            transition: opacity 2s ease-in-out;\n        }\n\n        .slide.active {\n            opacity: 1;\n            animation: zoom 12s linear infinite;\n        }\n\n        @keyframes zoom {\n            0% { transform: scale(1); }\n            100% { transform: scale(1.1); }\n        }\n\n        \/* Brand Overlay Gradient - Blue to Transparent *\/\n        .hero-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            \/* Solid Blue on left for text, transparent on right for photos *\/\n            background: linear-gradient(90deg, #005a9c 0%, rgba(0, 90, 156, 0.85) 45%, rgba(0, 90, 156, 0.1) 100%);\n            z-index: 2;\n        }\n\n        \/* Canvas for Particle Animation *\/\n        #particle-canvas {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 3;\n            pointer-events: none;\n        }\n\n        \/* Layout Structure (Bulletproofed with !important to override theme) *\/\n        .hero-content {\n            position: absolute !important;\n            inset: 0 !important;\n            display: flex !important;\n            flex-direction: row !important;\n            align-items: center !important;\n            justify-content: space-between !important;\n            z-index: 10 !important;\n            padding: 0 6% !important;\n            max-width: 1600px !important;\n            margin: 0 auto !important;\n            animation: fadeInUp 1.2s ease-out forwards;\n            box-sizing: border-box !important;\n        }\n\n        @keyframes fadeInUp {\n            from { opacity: 0; transform: translateY(20px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        \/* Text Area Styling *\/\n        .hero-text-container {\n            flex: 1 !important;\n            text-align: left !important;\n            padding-right: 2rem !important;\n            max-width: 650px !important;\n        }\n\n        .accent-line {\n            width: 60px !important;\n            height: 6px !important;\n            background-color: #F9B000 !important;\n            margin-bottom: 1.5rem !important;\n            border-radius: 3px !important;\n        }\n\n        .hero-title {\n            color: #ffffff !important;\n            font-size: 3.5rem !important;\n            font-weight: 800 !important;\n            margin: 0 0 1rem 0 !important;\n            line-height: 1.1 !important;\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3) !important;\n            letter-spacing: -0.5px !important;\n        }\n\n        .text-brand-yellow {\n            color: #F9B000 !important;\n        }\n\n        .hero-subtitle {\n            color: #e6f0f7 !important;\n            font-size: 1.25rem !important;\n            font-weight: 500 !important;\n            margin: 0 !important;\n            line-height: 1.6 !important;\n            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4) !important;\n        }\n\n        \/* Badges Container - Frosted Glass Effect *\/\n        .hero-badges-container {\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 15px !important;\n            align-items: center !important;\n            justify-content: center !important;\n            background: rgba(255, 255, 255, 0.15) !important;\n            backdrop-filter: blur(8px) !important;\n            -webkit-backdrop-filter: blur(8px) !important;\n            padding: 20px 25px !important;\n            border-radius: 16px !important;\n            border: 1px solid rgba(255, 255, 255, 0.3) !important;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;\n        }\n\n        .hero-badge-link {\n            display: block !important;\n            transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\n            border: none !important;\n            outline: none !important;\n        }\n\n        .hero-badge {\n            height: 65px !important;\n            width: auto !important;\n            object-fit: contain !important;\n            filter: drop-shadow(0 4px 6px rgba(0,0,0,0.4)) !important;\n            display: block !important;\n            margin: 0 !important;\n        }\n\n        .hero-badge-link:hover {\n            transform: scale(1.08) translateY(-2px) !important;\n        }\n\n        \/* Accessibility Focus *\/\n        .hero-badge-link:focus-visible {\n            outline: 3px solid #F9B000 !important;\n            outline-offset: 4px !important;\n            border-radius: 4px !important;\n        }\n\n        \/* Mobile Layout *\/\n        @media (max-width: 850px) {\n            .hero-section {\n                height: auto !important;\n                min-height: 750px !important; \/* Increased mobile height to fit photos and stacked text *\/\n            }\n            .hero-overlay {\n                \/* Change gradient direction for mobile so text is legible at the top *\/\n                background: linear-gradient(180deg, #005a9c 0%, rgba(0, 90, 156, 0.9) 55%, rgba(0, 90, 156, 0.3) 100%) !important;\n            }\n            .hero-content {\n                flex-direction: column !important;\n                justify-content: center !important;\n                text-align: center !important;\n                padding: 3rem 1.5rem !important;\n            }\n            .hero-text-container {\n                padding-right: 0 !important;\n                margin-bottom: 2.5rem !important;\n                display: flex !important;\n                flex-direction: column !important;\n                align-items: center !important;\n            }\n            .hero-title {\n                font-size: 2.8rem !important;\n            }\n            .hero-badges-container {\n                flex-direction: row !important;\n                flex-wrap: wrap !important;\n                background: rgba(255, 255, 255, 0.2) !important;\n            }\n            .hero-badge {\n                height: 55px !important;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            .slide.active { animation: none !important; }\n            .hero-content { animation: none !important; opacity: 1 !important; transform: none !important; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <main>\n        <section class=\"hero-section\" aria-label=\"Welcome to The SEE ALL Academy\">\n            \n            <!-- Background Slideshow -->\n            <div class=\"slideshow-container\" id=\"slideshow\" aria-hidden=\"true\">\n                <div class=\"slide active\" style=\"background-image: url('https:\/\/seeallacademy.com\/wp-content\/uploads\/2026\/06\/download-1.jpg');\"><\/div>\n            <\/div>\n\n            <!-- Color Overlay -->\n            <div class=\"hero-overlay\" aria-hidden=\"true\"><\/div>\n\n            <!-- Particle Animation Canvas -->\n            <canvas id=\"particle-canvas\" aria-hidden=\"true\"><\/canvas>\n\n            <!-- Foreground Content -->\n            <div class=\"hero-content\">\n                \n                <div class=\"hero-text-container\">\n                    <div class=\"accent-line\" aria-hidden=\"true\"><\/div>\n                    <h1 class=\"hero-title\">The <span class=\"text-brand-yellow\">SEEALL<\/span> Academy<\/h1>\n                    <p class=\"hero-subtitle\">\n                        Empowering students to achieve their full potential through innovative education and community.\n                    <\/p>\n                <\/div>\n\n                <!-- Accreditation Badges (Inside a Glassmorphism Panel) -->\n                <div class=\"hero-badges-container\">\n                    <!-- Unlinked Badge -->\n                    <img decoding=\"async\" src=\"https:\/\/seeallacademy.com\/wp-content\/uploads\/2023\/06\/generic-best-gold_300x255.png\" alt=\"U.S. News Best Schools Gold Badge\" class=\"hero-badge\" \/>\n                    \n                    <!-- Linked Badge 1 -->\n                    <a href=\"https:\/\/www.usnews.com\/education\/k12\/middle-schools\/new-york\/new-york-city-public-schools-100001?name=The+Seeall+Academy\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"View U.S. News Best Middle Schools Ranking\" class=\"hero-badge-link\">\n                        <img decoding=\"async\" src=\"https:\/\/seeallacademy.com\/wp-content\/uploads\/2023\/06\/Badge-Middle-Generic.svg\" alt=\"U.S. News Best Middle Schools Badge\" class=\"hero-badge\" \/>\n                    <\/a>\n                    \n                    <!-- Linked Badge 2 -->\n                    <a href=\"https:\/\/seeallacademy.com\/wp-content\/uploads\/2023\/09\/Screenshot-2023-09-12-at-12.13.46-PM.png\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"View NYCDOE Reward School Certificate\" class=\"hero-badge-link\">\n                        <img decoding=\"async\" src=\"https:\/\/seeallacademy.com\/wp-content\/uploads\/2023\/09\/Screenshot-2023-09-12-at-12.13.46-PM.png\" alt=\"NYCDOE Reward School Badge\" class=\"hero-badge\" \/>\n                    <\/a>\n                <\/div>\n                \n            <\/div>\n            \n        <\/section>\n    <\/main>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ --- Slideshow Logic ---\n            const images = [\n                'https:\/\/seeallacademy.com\/wp-content\/uploads\/2026\/06\/download-1.jpg',\n                'https:\/\/seeallacademy.com\/wp-content\/uploads\/2026\/06\/download.jpg',\n                'https:\/\/seeallacademy.com\/wp-content\/uploads\/2026\/06\/IMG_5965-2.jpeg',\n                'https:\/\/seeallacademy.com\/wp-content\/uploads\/2026\/06\/IMG_8892.jpeg',\n                'https:\/\/seeallacademy.com\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-09-at-4.06.05-PM.png',\n                'https:\/\/seeallacademy.com\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-09-at-4.09.57-PM.png',\n                'https:\/\/seeallacademy.com\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-09-at-4.10.48-PM.png',\n                'https:\/\/seeallacademy.com\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-09-at-4.11.51-PM.png',\n                'https:\/\/seeallacademy.com\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-09-at-4.12.24-PM.png'\n            ];\n            \n            const slideshowContainer = document.getElementById('slideshow');\n            let currentImageIndex = 0;\n\n            \/\/ Preload and append the rest of the images\n            images.forEach((src, index) => {\n                if (index === 0) return; \/\/ First image is already hardcoded\n                const div = document.createElement('div');\n                div.className = 'slide';\n                div.style.backgroundImage = `url('${src}')`;\n                slideshowContainer.appendChild(div);\n            });\n\n            const slides = document.querySelectorAll('.slide');\n\n            function nextSlide() {\n                slides[currentImageIndex].classList.remove('active');\n                currentImageIndex = (currentImageIndex + 1) % slides.length;\n                slides[currentImageIndex].classList.add('active');\n            }\n\n            setInterval(nextSlide, 6000);\n\n            \/\/ --- Particle Animation Logic ---\n            const canvas = document.getElementById('particle-canvas');\n            if (!canvas) return;\n            const ctx = canvas.getContext('2d');\n            let particlesArray = [];\n\n            function resizeCanvas() {\n                canvas.width = canvas.offsetWidth;\n                canvas.height = canvas.offsetHeight;\n            }\n            window.addEventListener('resize', resizeCanvas);\n            resizeCanvas();\n\n            class Particle {\n                constructor() {\n                    this.x = Math.random() * canvas.width;\n                    this.y = Math.random() * canvas.height;\n                    this.size = Math.random() * 2 + 0.5;\n                    this.speedX = Math.random() * 0.8 - 0.4;\n                    this.speedY = Math.random() * 0.8 - 0.4;\n                }\n                update() {\n                    this.x += this.speedX;\n                    this.y += this.speedY;\n                    \n                    if (this.x > canvas.width) this.x = 0;\n                    if (this.x < 0) this.x = canvas.width;\n                    if (this.y > canvas.height) this.y = 0;\n                    if (this.y < 0) this.y = canvas.height;\n                }\n                draw() {\n                    ctx.fillStyle = 'rgba(255, 255, 255, 0.3)';\n                    ctx.beginPath();\n                    ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\n                    ctx.fill();\n                }\n            }\n\n            function initParticles() {\n                particlesArray = [];\n                const numberOfParticles = (canvas.width * canvas.height) \/ 12000;\n                for (let i = 0; i < numberOfParticles; i++) {\n                    particlesArray.push(new Particle());\n                }\n            }\n\n            function animateParticles() {\n                ctx.clearRect(0, 0, canvas.width, canvas.height);\n                for (let i = 0; i < particlesArray.length; i++) {\n                    particlesArray[i].update();\n                    particlesArray[i].draw();\n                }\n                requestAnimationFrame(animateParticles);\n            }\n\n            const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n            if (!prefersReducedMotion) {\n                initParticles();\n                animateParticles();\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bd7e2eb elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"bd7e2eb\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a23302c\" data-id=\"a23302c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9b29124 elementor-widget elementor-widget-html\" data-id=\"9b29124\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!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>The SEEALL Academy | Welcome<\/title>\n    \n    <!-- Google Fonts & Icons -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cedarville+Cursive&family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\n    \n    <style>\n        \/* --- Base & Reset & Accessibility --- *\/\n        html {\n            scroll-behavior: smooth;\n        }\n        .seeall-container {\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            background-color: #f4f7f9;\n            color: #333333;\n            line-height: 1.5;\n            -webkit-font-smoothing: antialiased;\n            margin: 0;\n            padding: 0;\n        }\n        .seeall-container * {\n            box-sizing: border-box;\n        }\n        \n        \/* Screen reader only class for accessibility *\/\n        .sr-only {\n            position: absolute;\n            width: 1px;\n            height: 1px;\n            padding: 0;\n            margin: -1px;\n            overflow: hidden;\n            clip: rect(0, 0, 0, 0);\n            white-space: nowrap;\n            border-width: 0;\n        }\n        .sr-only-focusable:focus {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: auto;\n            height: auto;\n            padding: 0.5rem 1rem;\n            margin: 0;\n            overflow: visible;\n            clip: auto;\n            white-space: normal;\n            background-color: #F9B000;\n            color: #004a80;\n            font-weight: 800;\n            z-index: 99999;\n            text-decoration: none;\n            border-bottom-right-radius: 8px;\n        }\n\n        \/* --- Quick Info Bar --- *\/\n        .seeall-top-bar {\n            background: linear-gradient(135deg, #001528 0%, #004a80 100%);\n            padding: 2rem 1.5rem;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\n            position: relative;\n            z-index: 10;\n        }\n        .seeall-top-inner {\n            max-width: 1200px;\n            margin: 0 auto;\n            display: flex;\n            flex-direction: column;\n            gap: 2rem;\n            align-items: center;\n            justify-content: space-between;\n        }\n        @media (min-width: 1280px) {\n            .seeall-top-inner { flex-direction: row; }\n        }\n        .seeall-top-links {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 1rem;\n            width: 100%;\n            flex-grow: 1;\n        }\n        @media (min-width: 768px) {\n            .seeall-top-links { grid-template-columns: repeat(4, 1fr); gap: 1.25rem; }\n        }\n        .seeall-top-btn {\n            background: rgba(255, 255, 255, 0.05);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            border-bottom: 3px solid #F9B000;\n            border-radius: 12px;\n            color: #ffffff;\n            text-transform: uppercase;\n            font-weight: 700;\n            font-size: 0.85rem;\n            text-align: center;\n            padding: 1.25rem 0.5rem;\n            text-decoration: none;\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            gap: 0.5rem;\n            line-height: 1.25;\n            letter-spacing: 0.05em;\n        }\n        .seeall-top-btn i {\n            font-size: 1.5rem;\n            color: #F9B000;\n            transition: transform 0.3s ease, color 0.3s ease;\n        }\n        @media (min-width: 640px) {\n            .seeall-top-btn { font-size: 0.875rem; }\n        }\n        .seeall-top-btn:hover, .seeall-top-btn:focus {\n            background-color: #F9B000;\n            border-color: #F9B000;\n            color: #001528;\n            transform: translateY(-4px);\n            box-shadow: 0 10px 20px rgba(249, 176, 0, 0.2);\n            outline: none;\n        }\n        .seeall-top-btn:hover i, .seeall-top-btn:focus i {\n            color: #001528;\n            transform: scale(1.1);\n        }\n        .seeall-top-hours {\n            text-align: center;\n            flex-shrink: 0;\n            background: rgba(0, 0, 0, 0.25);\n            padding: 1rem 1.5rem;\n            border-radius: 12px;\n            border: 1px solid rgba(255, 255, 255, 0.05);\n            backdrop-filter: blur(4px);\n        }\n        @media (min-width: 1280px) {\n            .seeall-top-hours { text-align: right; }\n        }\n        .seeall-hours-days {\n            color: #F9B000;\n            font-weight: 800;\n            font-size: 0.875rem;\n            text-transform: uppercase;\n            letter-spacing: 0.1em;\n            margin: 0 0 0.25rem 0;\n        }\n        @media (min-width: 640px) {\n            .seeall-hours-days { font-size: 1rem; }\n        }\n        .seeall-hours-time {\n            color: #ffffff;\n            font-weight: 800;\n            font-size: 1.875rem;\n            margin: 0;\n            line-height: 1;\n            letter-spacing: -0.025em;\n        }\n        @media (min-width: 640px) {\n            .seeall-hours-time { font-size: 2.25rem; }\n        }\n\n        \/* --- Main Content Layout --- *\/\n        .seeall-main-section {\n            max-width: 100%;\n            margin: 0 auto;\n            padding: 3rem 1.5rem;\n        }\n        @media (min-width: 1024px) {\n            .seeall-main-section { padding: 5rem 1.5rem; }\n        }\n        .seeall-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 2rem;\n        }\n        @media (min-width: 1024px) {\n            .seeall-grid { grid-template-columns: repeat(3, 1fr); gap: 2.5rem; }\n        }\n\n        \/* --- Cards --- *\/\n        .seeall-card {\n            background-color: #ffffff;\n            border-radius: 0.75rem;\n            padding: 2rem;\n            box-shadow: 0 4px 25px rgba(0,0,0,0.05);\n            display: flex;\n            flex-direction: column;\n            transition: box-shadow 0.3s ease;\n            height: 100%;\n        }\n        .seeall-card:hover {\n            box-shadow: 0 8px 30px rgba(0,90,156,0.1);\n        }\n        .seeall-card-vision { border-top: 6px solid #005a9c; }\n        .seeall-card-about { border-top: 6px solid #F9B000; align-items: center; }\n\n        .seeall-card-title {\n            text-align: center;\n            font-weight: 800;\n            color: #005a9c;\n            font-size: 1.5rem;\n            margin: 0 0 1rem 0;\n            text-transform: uppercase;\n            letter-spacing: -0.025em;\n        }\n        .seeall-divider {\n            width: 4rem;\n            height: 6px;\n            background-color: #F9B000;\n            margin: 0 auto 2rem auto;\n            border-radius: 9999px;\n        }\n        .seeall-card-text {\n            color: #4b5563;\n            line-height: 1.625;\n            margin: 0 0 2rem 0;\n            text-align: center;\n            font-weight: 500;\n            flex-grow: 1;\n        }\n        .seeall-card-text strong {\n            color: #005a9c;\n            font-weight: 700;\n        }\n\n        \/* --- Buttons --- *\/\n        .seeall-btn {\n            font-weight: 800;\n            text-transform: uppercase;\n            padding: 1rem 1.5rem;\n            border-radius: 0.5rem;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            font-size: 0.875rem;\n            letter-spacing: 0.025em;\n            transition: all 0.3s ease;\n            text-decoration: none;\n            width: 100%;\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n            cursor: pointer;\n            margin-top: auto;\n        }\n        .seeall-btn:hover, .seeall-btn:focus {\n            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n        }\n        .seeall-btn-yellow {\n            background-color: #F9B000;\n            color: #005a9c;\n        }\n        .seeall-btn-yellow:hover, .seeall-btn-yellow:focus {\n            background-color: #005a9c;\n            color: #ffffff;\n        }\n        .seeall-btn-blue {\n            background-color: #004a80;\n            color: #F9B000;\n            border: 2px solid #004a80;\n            margin-top: 0;\n            margin-bottom: 1.25rem;\n        }\n        .seeall-btn-blue:hover, .seeall-btn-blue:focus {\n            background-color: #ffffff;\n            color: #004a80;\n        }\n        .seeall-btn svg {\n            width: 1.25rem;\n            height: 1.25rem;\n            fill: currentColor;\n            transition: transform 0.3s ease;\n        }\n        .seeall-btn:hover svg, .seeall-btn:focus svg {\n            transform: translateX(4px);\n        }\n\n        \/* --- Video Column --- *\/\n        .seeall-video-col {\n            display: flex;\n            flex-direction: column;\n            height: 100%;\n        }\n        .seeall-video-link {\n            position: relative;\n            display: block;\n            flex-grow: 1;\n            border-radius: 0.75rem;\n            overflow: hidden;\n            box-shadow: 0 4px 25px rgba(0,0,0,0.05);\n            min-height: 300px;\n        }\n        .seeall-video-link img {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.7s ease;\n            display: block;\n        }\n        .seeall-video-link:hover img, .seeall-video-link:focus img {\n            transform: scale(1.05);\n        }\n        .seeall-video-overlay {\n            position: absolute;\n            top: 0; left: 0; right: 0; bottom: 0;\n            background-color: rgba(0,0,0,0.2);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: background-color 0.3s ease;\n        }\n        .seeall-video-link:hover .seeall-video-overlay, .seeall-video-link:focus .seeall-video-overlay {\n            background-color: rgba(0,0,0,0.4);\n        }\n        .seeall-play-btn {\n            width: 4rem;\n            height: 4rem;\n            background-color: rgba(249, 176, 0, 0.9);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\n            transition: transform 0.3s ease;\n            backdrop-filter: blur(4px);\n        }\n        .seeall-video-link:hover .seeall-play-btn, .seeall-video-link:focus .seeall-play-btn {\n            transform: scale(1.1);\n        }\n        .seeall-play-btn svg {\n            width: 2rem;\n            height: 2rem;\n            color: #004a80;\n            margin-left: 0.25rem;\n        }\n\n        \/* --- About Contact Elements --- *\/\n        .seeall-logo {\n            width: 16rem;\n            max-width: 100%;\n            margin-bottom: 2rem;\n        }\n        .seeall-contact-wrapper {\n            width: 100%;\n            margin-top: auto;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n        .seeall-contact-box {\n            width: 100%;\n            background-color: #f9fafb;\n            padding: 1rem;\n            border-radius: 0.5rem;\n            margin-bottom: 1.5rem;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 0.75rem;\n        }\n        .seeall-contact-item {\n            display: flex;\n            align-items: center;\n            font-weight: 700;\n            color: #005a9c;\n        }\n        .seeall-contact-item svg {\n            width: 1.25rem;\n            height: 1.25rem;\n            color: #F9B000;\n            margin-right: 0.5rem;\n            flex-shrink: 0;\n        }\n        .seeall-contact-item a {\n            color: inherit;\n            text-decoration: none;\n            transition: color 0.2s ease;\n        }\n        .seeall-contact-item a:hover, .seeall-contact-item a:focus {\n            text-decoration: underline;\n            color: #004a80;\n        }\n        .seeall-social-row {\n            display: flex;\n            gap: 1rem;\n            width: 100%;\n            justify-content: center;\n        }\n        .seeall-social-btn {\n            color: #ffffff;\n            padding: 0.875rem;\n            border-radius: 9999px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            flex: 1;\n            max-width: 60px;\n            text-decoration: none;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n        }\n        .seeall-social-btn:hover, .seeall-social-btn:focus {\n            transform: translateY(-4px);\n            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n        }\n        .seeall-social-insta {\n            background: linear-gradient(to top right, #fd5949, #d6249f);\n        }\n        .seeall-social-map {\n            background-color: #d35400; \/* Darkened slightly for accessible contrast *\/\n        }\n        .seeall-social-btn svg {\n            width: 1.5rem;\n            height: 1.5rem;\n            fill: currentColor;\n        }\n\n        \/* --- Letter \/ Widget Section --- *\/\n        .seeall-letter-card {\n            background-color: #ffffff;\n            border-radius: 0.75rem;\n            padding: 2.5rem;\n            box-shadow: 0 4px 25px rgba(0,0,0,0.05);\n            margin-top: 4rem;\n            border-top: 6px solid #005a9c;\n            max-width: 900px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n        @media (min-width: 768px) {\n            .seeall-letter-card { padding: 4rem; }\n        }\n        .seeall-letter-content {\n            font-size: 1rem;\n            color: #4b5563;\n            line-height: 1.7;\n        }\n        .seeall-letter-content strong {\n            color: #004a80;\n            font-size: 1.125rem;\n        }\n        .seeall-letter-content p {\n            margin-bottom: 1.5rem;\n        }\n        .seeall-letter-content ol {\n            padding-left: 1.5rem;\n            margin-bottom: 1.5rem;\n        }\n        .seeall-letter-content li {\n            margin-bottom: 1rem;\n        }\n        .seeall-letter-content ul {\n            padding-left: 1.5rem;\n            margin-top: 0.5rem;\n            list-style-type: disc;\n        }\n        .seeall-letter-content ul li {\n            margin-bottom: 0.5rem;\n        }\n        .seeall-signature-block {\n            margin-top: 3rem;\n            padding-top: 2rem;\n            border-top: 1px solid #e5e7eb;\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n        }\n        .seeall-signature {\n            font-family: 'Cedarville Cursive', cursive;\n            font-size: 2.5rem;\n            color: #005a9c;\n            line-height: 1;\n            margin-bottom: 0.5rem;\n            transform: rotate(-3deg);\n        }\n        .seeall-signature-text p {\n            margin: 0;\n            line-height: 1.4;\n        }\n        .seeall-signature-name {\n            font-weight: 800;\n            color: #333;\n        }\n        .seeall-signature-title {\n            font-size: 0.875rem;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            color: #666;\n        }\n        .seeall-letter-vision {\n            margin-top: 3rem;\n            padding: 1.5rem;\n            background-color: #f4f7f9;\n            border-radius: 0.5rem;\n            text-align: center;\n            border-left: 4px solid #F9B000;\n        }\n        .seeall-letter-vision p.vision-title {\n            font-weight: 800;\n            color: #004a80;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            font-size: 0.875rem;\n            margin-bottom: 0.5rem;\n        }\n        .seeall-letter-vision p.vision-text {\n            font-style: italic;\n            font-size: 0.875rem;\n            margin: 0;\n            color: #555;\n        }\n\n        \/* --- Calendar Section --- *\/\n        .calendar-wrapper {\n            margin-top: 4rem;\n            max-width: 1200px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n        .calendar-container {\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            line-height: 1.5;\n            color: #333333;\n            background-color: #ffffff;\n            border-radius: 0.75rem;\n            box-shadow: 0 4px 25px rgba(0,0,0,0.05);\n            border-top: 6px solid #F9B000;\n            overflow: hidden;\n        }\n        .calendar-header {\n            background-color: #ffffff;\n            color: #004a80;\n            padding: 2rem 1.5rem 1rem;\n            text-align: center;\n        }\n        .calendar-header h2 {\n            margin: 0;\n            font-size: 2rem;\n            font-weight: 800;\n            text-transform: uppercase;\n            letter-spacing: -0.025em;\n        }\n        .lang-toggle {\n            display: flex;\n            justify-content: center;\n            padding: 0 1.5rem 1.5rem;\n            background-color: #ffffff;\n            flex-wrap: wrap;\n            gap: 0.75rem;\n        }\n        .lang-toggle button {\n            background-color: #f4f7f9;\n            color: #005a9c;\n            border: 2px solid transparent;\n            padding: 0.5rem 1.25rem;\n            border-radius: 9999px;\n            cursor: pointer;\n            font-size: 0.9rem; \n            font-weight: 700;\n            transition: all 0.3s ease;\n        }\n        .lang-toggle button:hover, .lang-toggle button:focus-visible {\n            background-color: #e6f0f7;\n            outline: none;\n        }\n        .lang-toggle button.active {\n            background-color: #004a80;\n            color: #F9B000;\n            border-color: #004a80;\n        }\n        [hidden] {\n            display: none !important;\n        }\n        table.calendar-table {\n            width: 100%;\n            border-collapse: collapse;\n            table-layout: fixed;\n            border-top: 1px solid #e5e7eb;\n            border-bottom: 1px solid #e5e7eb;\n        }\n        table.calendar-table th {\n            background-color: #004a80;\n            color: #ffffff;\n            font-weight: 700;\n            font-size: 0.9rem;\n            padding: 1rem 0.5rem;\n            text-align: center;\n            border: 1px solid #003b66;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n        }\n        table.calendar-table td {\n            vertical-align: top;\n            height: 140px; \n            padding: 0.5rem;\n            border: 1px solid #e5e7eb;\n            background-color: #ffffff;\n        }\n        .date-num {\n            font-weight: 800;\n            font-size: 1.1rem;\n            display: block;\n            margin-bottom: 0.5rem;\n            text-align: right;\n            color: #4b5563;\n        }\n        .event {\n            font-size: 0.85rem; \n            line-height: 1.4;\n            background-color: #f4f7f9;\n            padding: 0.5rem;\n            border-radius: 0.375rem;\n            margin-top: 0.25rem;\n            text-align: left;\n            display: block;\n            color: #005a9c; \n            font-weight: 500;\n            border-left: 3px solid #F9B000;\n        }\n        td.no-school {\n            background-color: #fffaf0;\n        }\n        td.no-school .event {\n            background-color: #fee2e2; \n            color: #b91c1c;\n            border-left: 3px solid #dc2626;\n        }\n        .calendar-footer {\n            padding: 2rem;\n            background-color: #f9fafb;\n            font-size: 0.95rem;\n            color: #4b5563;\n        }\n        .calendar-footer h3 {\n            margin-top: 0;\n            font-size: 1.25rem;\n            color: #004a80;\n            font-weight: 800;\n            margin-bottom: 1rem;\n        }\n        .calendar-footer hr {\n            border: 0;\n            height: 1px;\n            background-color: #e5e7eb;\n            margin: 1.5rem 0;\n        }\n        .calendar-staff-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 1.25rem;\n        }\n        .calendar-staff-member p { margin: 0; line-height: 1.4; }\n        .calendar-staff-member .name { font-weight: 800; color: #333; }\n        .calendar-staff-member .title { font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.05em; color: #6b7280; }\n\n        @media (max-width: 768px) {\n            .calendar-header h2 { font-size: 1.5rem; }\n            table.calendar-table td { height: auto; min-height: 100px; }\n            .event { font-size: 0.8rem; }\n            table.calendar-table th { padding: 0.5rem 0.25rem; font-size: 0.75rem; }\n            .date-num { font-size: 1rem; }\n        }\n\n        \/* --- Educational Cornerstones --- *\/\n        .cornerstone-section {\n            padding: 5rem 1.5rem;\n            text-align: center;\n        }\n        .cornerstone-header h2 {\n            font-size: 2.2rem;\n            font-weight: 800;\n            color: #005a9c;\n            margin-bottom: 0.5rem;\n            text-transform: uppercase;\n        }\n        .cornerstone-header p {\n            font-size: 1.15rem;\n            color: #4b5563;\n            max-width: 700px;\n            margin: 0 auto 3rem auto;\n            font-weight: 500;\n        }\n        .cornerstone-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 2rem;\n            max-width: 1400px;\n            margin: 0 auto;\n        }\n        .cornerstone-card {\n            background: #ffffff;\n            border-radius: 12px;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(0,0,0,0.06);\n            text-align: left;\n            border-top: 5px solid #F9B000;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            display: flex;\n            flex-direction: column;\n        }\n        .cornerstone-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 30px rgba(0,90,156,0.1);\n        }\n        .cornerstone-card img {\n            width: 100%;\n            height: 220px;\n            object-fit: cover;\n        }\n        .cornerstone-content {\n            padding: 2rem;\n            flex-grow: 1;\n        }\n        .cornerstone-content h3 {\n            color: #005a9c;\n            font-size: 1.4rem;\n            font-weight: 800;\n            margin-top: 0;\n            margin-bottom: 1rem;\n        }\n        .cornerstone-content p {\n            color: #4b5563;\n            line-height: 1.6;\n            margin: 0;\n            font-size: 0.95rem;\n        }\n\n        \/* --- Policy Widgets --- *\/\n        .download-widget {\n            font-family: 'Inter', sans-serif; line-height: 1.5; background-color: #f9fafb;\n            border: 1px solid #e5e7eb; border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n            max-width: 900px; margin: 20px auto; padding: 24px; box-sizing: border-box;\n            display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 20px;\n        }\n        .download-icon { font-size: 32px; color: #005a9c; display: flex; align-items: center; justify-content: center; }\n        .download-info h2 { font-size: 20px; font-weight: 600; color: #111827; margin: 0; }\n        .download-button {\n            display: inline-flex; align-items: center; justify-content: center; background-color: #005a9c;\n            color: #ffffff !important; font-size: 15px; font-weight: 600; text-decoration: none; padding: 12px 24px;\n            border-radius: 8px; transition: background-color 0.2s ease, transform 0.2s ease; white-space: nowrap; border: none; cursor: pointer;\n        }\n        .download-button:hover, .download-button:focus { background-color: #004a80; transform: translateY(-2px); color: #ffffff; }\n        .download-button i { margin-left: 10px; }\n        \n        .privacy-widget {\n            font-family: 'Inter', sans-serif; line-height: 1.6; background-color: #ffffff; border: 1px solid #e5e7eb;\n            border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); max-width: 900px; margin: 20px auto; padding: 24px; color: #374151; box-sizing: border-box;\n        }\n        .privacy-widget h2 { font-size: 24px; font-weight: 700; color: #111827; margin: 0 0 5px 0; display: flex; align-items: center; }\n        .privacy-widget h2 .fa-solid { color: #005a9c; margin-right: 12px; font-size: 22px; }\n        .privacy-widget .widget-subtitle { font-size: 16px; color: #6b7280; margin: 0 0 24px 0; border-bottom: 2px solid #f3f4f6; padding-bottom: 16px; }\n        .privacy-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\n        .privacy-card { background-color: #f9fafb; border: 1px solid #e5e7eb; border-radius: 10px; padding: 24px; display: flex; flex-direction: column; }\n        .privacy-card .card-icon { font-size: 24px; color: #005a9c; margin-bottom: 12px; }\n        .privacy-card h3 { font-size: 18px; font-weight: 600; color: #111827; margin: 0 0 8px 0; }\n        .privacy-card p { font-size: 15px; color: #4b5563; margin: 0 0 20px 0; flex-grow: 1; }\n        .privacy-card .privacy-button {\n            display: inline-block; background-color: #005a9c; color: #ffffff; font-size: 15px; font-weight: 600;\n            text-decoration: none; padding: 12px 20px; border-radius: 8px; text-align: center; transition: background-color 0.2s ease, transform 0.2s ease;\n        }\n        .privacy-card .privacy-button:hover, .privacy-card .privacy-button:focus { background-color: #004a80; transform: translateY(-2px); }\n        .privacy-card .privacy-button .fa-solid { margin-left: 8px; }\n\n        .dress-code-widget {\n            font-family: 'Inter', sans-serif; line-height: 1.6; background-color: #f9fafb; border-radius: 12px;\n            max-width: 900px; margin: 20px auto; padding: 24px; box-sizing: border-box; color: #374151; border: 1px solid #e5e7eb;\n        }\n        .dress-code-widget h2 { font-size: 28px; font-weight: 700; color: #111827; margin: 0 0 5px 0; display: flex; align-items: center; }\n        .dress-code-widget h2 .fa-solid { color: #005a9c; margin-right: 12px; font-size: 24px; }\n        .dress-code-widget .subtitle { font-size: 16px; font-weight: 600; color: #4b5563; margin: 0 0 24px 0; border-bottom: 2px solid #e5e7eb; padding-bottom: 16px; }\n        .dress-code-widget h3 { font-size: 20px; font-weight: 700; color: #111827; margin: 32px 0 16px 0; }\n        ul.uniform-list, ul.special-list, ol.violation-steps { list-style: none; padding-left: 0; margin: 0; }\n        .uniform-list { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n        .uniform-item { background-color: #ffffff; border: 1px solid #e5e7eb; border-radius: 10px; padding: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.03); }\n        .uniform-item h4 { display: flex; align-items: center; font-size: 16px; font-weight: 600; color: #005a9c; margin: 0 0 8px 0; }\n        .uniform-item h4 .fa-solid { margin-right: 10px; width: 20px; text-align: center; }\n        .uniform-item p { font-size: 15px; color: #4b5563; margin: 0; }\n        .special-list .special-item { background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; padding: 20px; margin-bottom: 16px; box-shadow: 0 2px 4px rgba(0,0,0,0.03); }\n        .special-list h4 { font-size: 16px; font-weight: 600; margin: 0 0 8px 0; display: flex; align-items: center; }\n        .special-list h4 .fa-solid { margin-right: 10px; }\n        .special-list p, .special-list ul { font-size: 15px; color: #4b5563; margin: 0; padding-left: 20px; }\n        .special-item.prohibited { border-left: 4px solid #c02626; background-color: #fef7f7; }\n        .special-item.prohibited h4 { color: #c02626; }\n        .friday-alert { background-color: #e6f7ff; border: 1px solid #b3e0ff; color: #004494; padding: 16px; text-align: center; font-size: 16px; font-weight: 700; border-radius: 10px; margin: 32px 0; text-transform: uppercase; }\n        .violation-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }\n        .violation-step { background-color: #ffffff; border: 1px solid #e5e7eb; border-radius: 10px; padding: 24px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.03); }\n        .violation-step .step-number { display: block; font-size: 20px; font-weight: 700; color: #c02626; width: 44px; height: 44px; line-height: 44px; border-radius: 50%; background-color: #fef7f7; border: 1px solid #fde2e2; margin: 0 auto 16px auto; }\n        .violation-step h4 { font-size: 16px; font-weight: 600; color: #111827; margin: 0 0 12px 0; }\n        .violation-step ul { text-align: left; font-size: 14px; color: #4b5563; padding-left: 20px; margin: 0; }\n        .violation-step li { margin-bottom: 5px; }\n\n        @media (max-width: 768px) {\n            .download-widget { grid-template-columns: 1fr; justify-items: center; gap: 16px; text-align: center; padding: 20px; }\n            .download-info h2 { text-align: center; }\n            .download-button { display: flex; width: 100%; box-sizing: border-box; }\n            .privacy-widget { padding: 20px; }\n            .privacy-grid { grid-template-columns: 1fr; }\n            .privacy-widget h2 { font-size: 22px; }\n            .dress-code-widget { padding: 16px; }\n            .uniform-list { grid-template-columns: 1fr; }\n            .violation-steps { grid-template-columns: 1fr; }\n            .dress-code-widget h2 { font-size: 24px; }\n            .dress-code-widget h3 { font-size: 18px; }\n        }\n\n        \/* --- School Overview Section --- *\/\n        .overview-section {\n            background-color: #004a80;\n            padding: 4rem 1.5rem;\n            margin-top: 4rem;\n        }\n        .overview-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 3rem;\n            color: #ffffff;\n        }\n        @media (min-width: 768px) {\n            .overview-container {\n                grid-template-columns: 1.5fr 1fr;\n                gap: 5rem;\n            }\n        }\n        .overview-left h2, .overview-right h2 {\n            font-size: 2rem;\n            font-weight: 800;\n            color: #F9B000;\n            margin-top: 0;\n            margin-bottom: 1.5rem;\n            line-height: 1.2;\n        }\n        .overview-left p {\n            font-size: 1.05rem;\n            line-height: 1.7;\n            color: #e6f0f7;\n            margin-bottom: 1.2rem;\n        }\n        .overview-phone {\n            display: inline-block;\n            font-size: 1.1rem;\n            font-weight: 800;\n            color: #ffffff;\n            text-decoration: none;\n            margin-bottom: 2rem;\n            transition: color 0.3s ease;\n        }\n        .overview-phone:hover, .overview-phone:focus {\n            color: #F9B000;\n            outline: none;\n        }\n        .overview-socials {\n            display: flex;\n            gap: 1rem;\n        }\n        .overview-social-btn {\n            width: 45px;\n            height: 45px;\n            border-radius: 50%;\n            background-color: #ffffff;\n            color: #004a80;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.2rem;\n            text-decoration: none;\n            transition: all 0.3s ease;\n        }\n        .overview-social-btn:hover, .overview-social-btn:focus {\n            background-color: #F9B000;\n            color: #ffffff;\n            transform: translateY(-4px);\n            outline: none;\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- Skip Link for Accessibility -->\n    <a href=\"#main-content\" class=\"sr-only sr-only-focusable\">Skip to main content<\/a>\n\n    <div class=\"seeall-container\">\n        \n        <!-- Hidden Main Title for Outline -->\n        <h1 class=\"sr-only\">The SEEALL Academy<\/h1>\n\n        <!-- Quick Info Bar (Navigation Landmark) -->\n        <nav class=\"seeall-top-bar\" aria-label=\"Quick Info\">\n            <div class=\"seeall-top-inner\">\n                \n                <!-- Action Links -->\n                <div class=\"seeall-top-links\">\n                    <a href=\"https:\/\/www.schools.nyc.gov\/about-us\/messages-for-families\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"seeall-top-btn\">\n                        <i class=\"fa-solid fa-envelope-open-text\" aria-hidden=\"true\"><\/i>\n                        <span>Messages For<br>Families<\/span>\n                    <\/a>\n                    <a href=\"#school-calendar-section\" class=\"seeall-top-btn\">\n                        <i class=\"fa-regular fa-calendar-days\" aria-hidden=\"true\"><\/i>\n                        <span>School<br>Calendar<\/span>\n                    <\/a>\n                    <a href=\"https:\/\/seeallacademy.com\/school-procedures\/\" class=\"seeall-top-btn\">\n                        <i class=\"fa-solid fa-clipboard-list\" aria-hidden=\"true\"><\/i>\n                        <span>School<br>Procedures<\/span>\n                    <\/a>\n                    <a href=\"https:\/\/www.schools.nyc.gov\/learning\/student-journey\/nyc-schools-account\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"seeall-top-btn\">\n                        <i class=\"fa-solid fa-user-shield\" aria-hidden=\"true\"><\/i>\n                        <span>NYC School<br>Account<\/span>\n                    <\/a>\n                <\/div>\n\n                <!-- Hours -->\n                <div class=\"seeall-top-hours\">\n                    <p class=\"seeall-hours-days\">Monday &ndash; Friday<\/p>\n                    <p class=\"seeall-hours-time\">8:10 AM &ndash; 2:30 PM<\/p>\n                <\/div>\n            <\/div>\n        <\/nav>\n\n        <!-- Main Content Area -->\n        <main id=\"main-content\">\n            <!-- 3 Column Content Section -->\n            <div class=\"seeall-main-section\">\n                <div class=\"seeall-grid\">\n                    \n                    <!-- Column 1: Vision Statement -->\n                    <div class=\"seeall-card seeall-card-vision\">\n                        <h2 class=\"seeall-card-title\">VISION STATEMENT<\/h2>\n                        <div class=\"seeall-divider\"><\/div>\n                        \n                        <p class=\"seeall-card-text\">\n                            At The SEEALL Academy, we believe <strong>all children come first and can succeed.<\/strong> Teaching and learning are grounded in a standards-based curriculum that combines creative instruction with the social emotional supports necessary to ensure high expectations for all students.\n                        <\/p>\n                        \n                        <a href=\"https:\/\/seeallacademy.com\/about-us\/\" class=\"seeall-btn seeall-btn-yellow\">\n                            Learn More\n                            <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\"\/><\/svg>\n                        <\/a>\n                    <\/div>\n\n                    <!-- Column 2: Open House & Video -->\n                    <div class=\"seeall-video-col\">\n                        <a href=\"https:\/\/seeallacademy.com\/open-house\/\" class=\"seeall-btn seeall-btn-blue\">\n                            Open House\n                            <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\"\/><\/svg>\n                        <\/a>\n                        \n                        <a href=\"https:\/\/youtu.be\/IDMuQXUlVGA?si=EbxkP2v1v5wpLWZL\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"seeall-video-link\" aria-label=\"Play LEGO Robotics Enrichment Video\">\n                            <img decoding=\"async\" src=\"https:\/\/seeallacademy.com\/wp-content\/uploads\/2025\/03\/seeall-video-thumbnail.png\" alt=\"LEGO Robotics Enrichment\">\n                            <div class=\"seeall-video-overlay\" aria-hidden=\"true\">\n                                <div class=\"seeall-play-btn\">\n                                    <svg fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                        <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z\" clip-rule=\"evenodd\" \/>\n                                    <\/svg>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                    <\/div>\n\n                    <!-- Column 3: About & Contact -->\n                    <div class=\"seeall-card seeall-card-about\">\n                        <img decoding=\"async\" src=\"https:\/\/seeallacademy.com\/wp-content\/uploads\/2023\/06\/The-SEEALL-Academy-Logo-Horizontal-2-1024x188.png\" alt=\"The SEEALL Academy Logo\" class=\"seeall-logo\">\n                        \n                        <p class=\"seeall-card-text\">\n                            The SEEALL Academy is committed to becoming the gateway into the top performing High Schools in New York City.<br><br>\n                            Join us on this journey of academic and creative expansion.\n                        <\/p>\n\n                        <div class=\"seeall-contact-wrapper\">\n                            <div class=\"seeall-contact-box\">\n                                <div class=\"seeall-contact-item\">\n                                    <svg fill=\"currentColor\" viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z\" clip-rule=\"evenodd\"\/><\/svg>\n                                    <span>5601 16th Ave, Brooklyn, NY<\/span>\n                                <\/div>\n                                <div class=\"seeall-contact-item\">\n                                    <svg fill=\"currentColor\" viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z\"\/><\/svg>\n                                    <a href=\"tel:718-851-8070\">718-851-8070<\/a>\n                                <\/div>\n                            <\/div>\n\n                            <!-- Social Action Buttons -->\n                            <div class=\"seeall-social-row\">\n                                <a href=\"https:\/\/www.instagram.com\/theseeallgram\/?hl=en\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"seeall-social-btn seeall-social-insta\" aria-label=\"Instagram\">\n                                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\n                                <\/a>\n                                <a href=\"https:\/\/maps.google.com\/?q=5601+16th+Ave,+Brooklyn,+NY\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"seeall-social-btn seeall-social-map\" aria-label=\"Google Maps\">\n                                    <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z\" clip-rule=\"evenodd\"\/><\/svg>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n                \n                <!-- Title I Letter Section -->\n                <div class=\"seeall-letter-card\">\n                    <h2 class=\"sr-only\">Title I Information<\/h2>\n                    <div class=\"seeall-letter-content\">\n                        <p><strong>To Parents\/Guardians:<\/strong><\/p>\n\n                        <p>\n                            Your child is attending a school receiving Title I federal funds through the Every\n                            Student Succeeds Act (ESSA). The ESSA replaced the No Child Left Behind Act\n                            (NCLB) and is the latest reauthorization of the Elementary and Secondary Education\n                            Act (ESEA). At the beginning of each school year, local educational agencies receiving\n                            Title I funds are required to notify parents whose student(s) attend a Title I school that\n                            they may request information regarding the professional qualifications of the student's\n                            classroom teachers, including at a minimum:\n                        <\/p>\n\n                        <ol>\n                            <li>\n                                Whether the student's teacher:\n                                <ul>\n                                    <li>Has met State qualification and licensing criteria for the grade levels and subject areas in which the teacher provides instruction.<\/li>\n                                    <li>Is teaching under emergency or other provisional status through which State qualification or licensing criteria have been waived; and<\/li>\n                                    <li>Is teaching in the field of discipline of the certification of the teacher.<\/li>\n                                <\/ul>\n                            <\/li>\n                            <li>\n                                Whether the child is provided with services by paraprofessionals and, if so, their qualifications.\n                            <\/li>\n                        <\/ol>\n\n                        <p>\n                            For more information on ESSA, and the role of parents, please visit the United States\n                            Department of Education's (USDE) website at <a href=\"http:\/\/www.ed.gov\/essa\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color: #005a9c; text-decoration: underline; font-weight: bold;\">http:\/\/www.ed.gov\/essa<\/a>. By partnering,\n                            families and educators can provide your child with the best education possible. We\n                            encourage you to participate in your child's education. If you have any questions, please\n                            don't hesitate to contact Ms. Ferguson at <strong>718-851-8070 ext. 1102<\/strong>.\n                        <\/p>\n\n                        <div class=\"seeall-signature-block\">\n                            <p style=\"margin-bottom: 0.5rem;\">Sincerely,<\/p>\n                            <div class=\"seeall-signature\" aria-hidden=\"true\">Angelo Sacco<\/div>\n                            <div class=\"seeall-signature-text\">\n                                <p class=\"seeall-signature-name\">Angelo Sacco<\/p>\n                                <p class=\"seeall-signature-title\">Principal<\/p>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"seeall-letter-vision\">\n                            <p class=\"vision-title\" aria-hidden=\"true\">School Vision Statement<\/p>\n                            <p class=\"vision-text\">At The SEEALL Academy, we believe all children count first and can succeed. Teaching and learning are grounded in a standards-based curriculum that combines creative instruction with the social emotional supports necessary to ensure high expectations for all students.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Policies & Resources Widgets -->\n                <div class=\"policy-widgets-container\" style=\"padding: 0 1.5rem;\">\n                    \n                    <!-- Cell Phone Policy Widget -->\n                    <div class=\"download-widget\">\n                        <div class=\"download-icon\" aria-hidden=\"true\">\n                            <i class=\"fa-solid fa-file-shield\"><\/i>\n                        <\/div>\n                        <div class=\"download-info\">\n                            <h2>Cell Phone Policy<\/h2>\n                        <\/div>\n                        <div class=\"download-action\">\n                            <a class=\"download-button\" href=\"https:\/\/seeallacademy.com\/3825-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                View Policy <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Privacy Widget -->\n                    <div class=\"privacy-widget\">\n                        <h2><i class=\"fa-solid fa-lock\" aria-hidden=\"true\"><\/i> Data Privacy & Your Rights<\/h2>\n                        <p class=\"widget-subtitle\">View official policies and notifications.<\/p>\n                        <div class=\"privacy-grid\">\n                            <div class=\"privacy-card\">\n                                <div class=\"card-icon\" aria-hidden=\"true\">\n                                    <i class=\"fa-solid fa-shield-halved\"><\/i>\n                                <\/div>\n                                <h3>Parents' Bill of Rights for Data Privacy and Security<\/h3>\n                                <p>Understand your rights to inspect, review, and request changes to your child's education records and learn how student data is kept private and secure.<\/p>\n                                <a href=\"https:\/\/www.schools.nyc.gov\/school-life\/know-your-rights\/parents-bill-of-rights-for-data-privacy-and-security\" class=\"privacy-button\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                    Read the Bill of Rights <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i>\n                                <\/a>\n                            <\/div>\n                            <div class=\"privacy-card\">\n                                <div class=\"card-icon\" aria-hidden=\"true\">\n                                    <i class=\"fa-solid fa-file-lines\"><\/i>\n                                <\/div>\n                                <h3>Annual FERPA Notification (2024-25)<\/h3>\n                                <p>View the official annual notification regarding the Family Educational Rights and Privacy Act (FERPA), a Federal law that protects student education records.<\/p>\n                                <a href=\"https:\/\/www.schools.nyc.gov\/about-us\/policies\/data-privacy-and-security-policies\/annual-ferpa-notification4\" class=\"privacy-button\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                    View FERPA Notice <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Dress Code Widget -->\n                    <div class=\"dress-code-widget\">\n                        <h2><i class=\"fa-solid fa-shirt\" aria-hidden=\"true\"><\/i> Dress Code Policy<\/h2>\n                        <p class=\"subtitle\">Kindergarten through Grade Eight<\/p>\n                        <p style=\"margin-top: -16px; margin-bottom: 24px; font-size: 15px; color: #4b5563;\">The following guidelines shall apply to attendance at school and all school activities and events.<\/p>\n\n                        <h3>Daily Uniform<\/h3>\n                        <ul class=\"uniform-list\">\n                            <li class=\"uniform-item\">\n                                <h4><i class=\"fa-solid fa-shirt\" aria-hidden=\"true\"><\/i> Shirts<\/h4>\n                                <p>Plain, solid color polo shirt (long or short sleeve, any color) with NO visible writing or pictures.<\/p>\n                            <\/li>\n                            <li class=\"uniform-item\">\n                                <h4><i class=\"fa-solid fa-user-tie\" aria-hidden=\"true\"><\/i> Sweater<\/h4>\n                                <p>Solid color sweater or SEEALL three-quarter zip up. Students in K-5 may wear their SEEALL sweater, provided by the school.<\/p>\n                            <\/li>\n                            <li class=\"uniform-item\">\n                                <h4><i class=\"fa-solid fa-user-secret\" aria-hidden=\"true\"><\/i> Slacks<\/h4>\n                                <p>Plain, solid color black, navy or khaki uniform style slacks.<\/p>\n                            <\/li>\n                            <li class=\"uniform-item\">\n                                <h4><i class=\"fa-solid fa-person-walking\" aria-hidden=\"true\"><\/i> Shorts<\/h4>\n                                <p>Plain, solid color black, navy, or khaki walking shorts (knee-length) or capris style pants. (Permitted in September, May and June).<\/p>\n                            <\/li>\n                            <li class=\"uniform-item\" style=\"grid-column: 1 \/ -1;\"> \n                                <h4><i class=\"fa-solid fa-person-dress\" aria-hidden=\"true\"><\/i> Skirts<\/h4>\n                                <p>Plain, solid color black, navy, or khaki skirts. NO skirt may be higher than an inch above the knee.<\/p>\n                            <\/li>\n                        <\/ul>\n\n                        <h3>Special Days & Rules<\/h3>\n                        <ul class=\"special-list\">\n                            <li class=\"special-item\">\n                                <h4><i class=\"fa-solid fa-person-running\" style=\"color: #047857;\" aria-hidden=\"true\"><\/i> Physical Education Days<\/h4>\n                                <p>On PE days, students may wear SEEALL Academy or plain, solid color sweatshirts, t-shirts and dark, solid athletic pants.<\/p>\n                            <\/li>\n                            <li class=\"special-item\">\n                                <h4><i class=\"fa-solid fa-star\" style=\"color: #b45309;\" aria-hidden=\"true\"><\/i> Dress Down Days<\/h4>\n                                <p>Jeans are only permissible on dress down days (may not have writing or be torn). Clothing may not contain discriminatory language, images, or references. Noted on the school calendar.<\/p>\n                            <\/li>\n                            <li class=\"special-item\">\n                                <h4><i class=\"fa-solid fa-wand-sparkles\" style=\"color: #7c3aed;\" aria-hidden=\"true\"><\/i> Spirit Days<\/h4>\n                                <p>Pajamas and other type costume clothing are only permissible on Spirit Days. Noted on the school calendar.<\/p>\n                            <\/li>\n                            <li class=\"special-item prohibited\">\n                                <h4><i class=\"fa-solid fa-ban\" aria-hidden=\"true\"><\/i> Prohibitions<\/h4>\n                                <ul>\n                                    <li>Revealing clothing that does not provide full coverage of body parts is prohibited.<\/li>\n                                    <li>Hoods and caps are prohibited.<\/li>\n                                    <li>(Headwear for religious observance or disability-related attire is permitted.)<\/li>\n                                <\/ul>\n                            <\/li>\n                        <\/ul>\n\n                        <div class=\"friday-alert\">\n                            Fridays are dress down days\n                        <\/div>\n\n                        <h3>Violation Policy<\/h3>\n                        <ol class=\"violation-steps\">\n                            <li class=\"violation-step\">\n                                <span class=\"step-number\" aria-hidden=\"true\">1<\/span>\n                                <h4>1st Violation<\/h4>\n                                <ul>\n                                    <li>Parent will be notified<\/li>\n                                    <li>Student changes clothes (loaner provided)<\/li>\n                                    <li>Documented in Violation Log<\/li>\n                                <\/ul>\n                            <\/li>\n                            <li class=\"violation-step\">\n                                <span class=\"step-number\" aria-hidden=\"true\">2<\/span>\n                                <h4>2nd Violation<\/h4>\n                                <ul>\n                                    <li>Parent will be notified<\/li>\n                                    <li>Student changes clothes (loaner provided)<\/li>\n                                    <li>Documented in Violation Log<\/li>\n                                    <li><strong>Parent meeting with dean<\/strong><\/li>\n                                <\/ul>\n                            <\/li>\n                            <li class=\"violation-step\">\n                                <span class=\"step-number\" aria-hidden=\"true\">3<\/span>\n                                <h4>3rd Violation<\/h4>\n                                <ul>\n                                    <li>Parent will be notified<\/li>\n                                    <li>Student changes clothes (loaner provided)<\/li>\n                                    <li>Documented in Violation Log<\/li>\n                                    <li><strong>Parent meeting with administrator<\/strong><\/li>\n                                <\/ul>\n                            <\/li>\n                        <\/ol>\n                    <\/div>\n                <\/div>\n\n                <!-- Interactive Calendar Section -->\n                <div class=\"calendar-wrapper\" id=\"school-calendar-section\">\n                    <div class=\"calendar-container\" lang=\"en\">\n                        <div class=\"calendar-header\">\n                            <div id=\"header-en\"><h2>June&nbsp;2026<\/h2><\/div>\n                            <div id=\"header-es\" lang=\"es\" hidden><h2>Junio&nbsp;2026<\/h2><\/div>\n                            <div id=\"header-zh\" lang=\"zh\" hidden><h2>2026\u5e74&nbsp;6\u6708<\/h2><\/div>\n                            <div id=\"header-ru\" lang=\"ru\" hidden><h2>\u0418\u044e\u043d\u044c&nbsp;2026<\/h2><\/div>\n                        <\/div>\n\n                        <div class=\"lang-toggle\" aria-label=\"Language selection\">\n                            <button class=\"lang-btn active\" data-lang=\"en\" aria-pressed=\"true\">English<\/button>\n                            <button class=\"lang-btn\" data-lang=\"es\" aria-pressed=\"false\" lang=\"es\">Espa\u00f1ol<\/button>\n                            <button class=\"lang-btn\" data-lang=\"zh\" aria-pressed=\"false\" lang=\"zh\">\u4e2d\u6587<\/button>\n                            <button class=\"lang-btn\" data-lang=\"ru\" aria-pressed=\"false\" lang=\"ru\">\u0420\u0443\u0441\u0441\u043a\u0438\u0439<\/button>\n                        <\/div>\n                        \n                        <div class=\"calendar-views\">\n                            <!-- English Calendar -->\n                            <div id=\"cal-en\" class=\"language-cal\">\n                                <table class=\"calendar-table\">\n                                    <caption class=\"sr-only\">June 2026 School Calendar<\/caption>\n                                    <thead>\n                                        <tr>\n                                            <th scope=\"col\">Sun<\/th>\n                                            <th scope=\"col\">Mon<\/th>\n                                            <th scope=\"col\">Tue<\/th>\n                                            <th scope=\"col\">Wed<\/th>\n                                            <th scope=\"col\">Thu<\/th>\n                                            <th scope=\"col\">Fri<\/th>\n                                            <th scope=\"col\">Sat<\/th>\n                                        <\/tr>\n                                    <\/thead>\n                                    <tbody>\n                                        <tr>\n                                            <td aria-hidden=\"true\"><\/td>\n                                            <td><span class=\"date-num\">1<\/span><div class=\"event\">PTA Sale<br>Trip-5th Grade Liberty Science Center<\/div><\/td>\n                                            <td><span class=\"date-num\">2<\/span><div class=\"event\">Trip-Broadway Jr.<\/div><\/td>\n                                            <td><span class=\"date-num\">3<\/span><div class=\"event\">Trip- Math Olympiads<\/div><\/td>\n                                            <td class=\"no-school\"><span class=\"date-num\">4<\/span><div class=\"event\">No School<br>Chancellor's Conference Day<\/div><\/td>\n                                            <td class=\"no-school\"><span class=\"date-num\">5<\/span><div class=\"event\">No School<br>Clerical Day<\/div><\/td>\n                                            <td><span class=\"date-num\">6<\/span><\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td><span class=\"date-num\">7<\/span><\/td>\n                                            <td><span class=\"date-num\">8<\/span><\/td>\n                                            <td><span class=\"date-num\">9<\/span><div class=\"event\">PTA Meeting 5:00pm<br>Elementary National Honor Society 5:30pm<br>Spring Dance Performance 6:00pm<\/div><\/td>\n                                            <td><span class=\"date-num\">10<\/span><div class=\"event\">Trip- Debate Team<br>Trip- 8th Grade Brooklyn College Graduation Practice<\/div><\/td>\n                                            <td><span class=\"date-num\">11<\/span><div class=\"event\">Matilda Jr. 6:00pm<\/div><\/td>\n                                            <td><span class=\"date-num\">12<\/span><div class=\"event\">SLT 12:10pm<br>Last Day of FIAO Afterschool<br>Matilda Jr. 6:00pm<\/div><\/td>\n                                            <td><span class=\"date-num\">13<\/span><\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td><span class=\"date-num\">14<\/span><\/td>\n                                            <td><span class=\"date-num\">15<\/span><div class=\"event\">8th Grade Prom Bay Ridge Manor 5:00pm-9:00pm<\/div><\/td>\n                                            <td><span class=\"date-num\">16<\/span><div class=\"event\">5th Grade Ice Cream Social<\/div><\/td>\n                                            <td><span class=\"date-num\">17<\/span><div class=\"event\">Algebra Regent 9:00am<br>8th Grade Awards Night 4:00pm<\/div><\/td>\n                                            <td><span class=\"date-num\">18<\/span><div class=\"event\">8th Grade Graduation Brooklyn College 10:00am<\/div><\/td>\n                                            <td class=\"no-school\"><span class=\"date-num\">19<\/span><div class=\"event\">No School<br>Juneteenth<\/div><\/td>\n                                            <td><span class=\"date-num\">20<\/span><\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td><span class=\"date-num\">21<\/span><\/td>\n                                            <td><span class=\"date-num\">22<\/span><div class=\"event\">Senior Picnic 12:00pm<\/div><\/td>\n                                            <td><span class=\"date-num\">23<\/span><div class=\"event\">5th Grade Moving Up 9:00am<br>US History Regent 9:00am<\/div><\/td>\n                                            <td><span class=\"date-num\">24<\/span><\/td>\n                                            <td><span class=\"date-num\">25<\/span><div class=\"event\">8th Grade Six Flags Trip<br>Kindergarten Graduation 9:00am<\/div><\/td>\n                                            <td><span class=\"date-num\">26<\/span><div class=\"event\">LAST DAY OF SCHOOL<\/div><\/td>\n                                            <td><span class=\"date-num\">27<\/span><\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td><span class=\"date-num\">28<\/span><\/td>\n                                            <td><span class=\"date-num\">29<\/span><\/td>\n                                            <td><span class=\"date-num\">30<\/span><\/td>\n                                            <td aria-hidden=\"true\"><\/td>\n                                            <td aria-hidden=\"true\"><\/td>\n                                            <td aria-hidden=\"true\"><\/td>\n                                            <td aria-hidden=\"true\"><\/td>\n                                        <\/tr>\n                                    <\/tbody>\n                                <\/table>\n                                \n                                <div class=\"calendar-footer\">\n                                    <h3>Contact Information<\/h3>\n                                    <p><strong>The SEE ALL Academy<\/strong><br>\n                                    5601 16th Avenue Brooklyn, New York 11204<br>\n                                    Phone Number: 718-851-8070<\/p>\n                                    <hr>\n                                    <div class=\"calendar-staff-grid\">\n                                        <div class=\"calendar-staff-member\"><p class=\"name\">Angelo Sacco<\/p><p class=\"title\">Principal<\/p><\/div>\n                                        <div class=\"calendar-staff-member\"><p class=\"name\">Angela Panetta<\/p><p class=\"title\">Assistant Principal<\/p><\/div>\n                                        <div class=\"calendar-staff-member\"><p class=\"name\">Nicole Adisano<\/p><p class=\"title\">Assistant Principal<\/p><\/div>\n                                        <div class=\"calendar-staff-member\"><p class=\"name\">Andrew Wells<\/p><p class=\"title\">Assistant Principal<\/p><\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <!-- Spanish Calendar -->\n                            <div id=\"cal-es\" class=\"language-cal\" lang=\"es\" hidden>\n                                <table class=\"calendar-table\">\n                                    <caption class=\"sr-only\">Calendario Escolar Junio 2026<\/caption>\n                                    <thead>\n                                        <tr>\n                                            <th scope=\"col\">Dom<\/th>\n                                            <th scope=\"col\">Lun<\/th>\n                                            <th scope=\"col\">Mar<\/th>\n                                            <th scope=\"col\">Mi\u00e9<\/th>\n                                            <th scope=\"col\">Jue<\/th>\n                                            <th scope=\"col\">Vie<\/th>\n                                            <th scope=\"col\">S\u00e1b<\/th>\n                                        <\/tr>\n                                    <\/thead>\n                                    <tbody>\n                                        <tr>\n                                            <td aria-hidden=\"true\"><\/td>\n                                            <td><span class=\"date-num\">1<\/span><div class=\"event\">Venta PTA<br>Excursi\u00f3n-5to Grado Liberty Science Center<\/div><\/td>\n                                            <td><span class=\"date-num\">2<\/span><div class=\"event\">Excursi\u00f3n-Broadway Jr.<\/div><\/td>\n                                            <td><span class=\"date-num\">3<\/span><div class=\"event\">Excursi\u00f3n-Olimpiadas de Matem\u00e1ticas<\/div><\/td>\n                                            <td class=\"no-school\"><span class=\"date-num\">4<\/span><div class=\"event\">No hay clases<br>D\u00eda de Conferencia del Canciller<\/div><\/td>\n                                            <td class=\"no-school\"><span class=\"date-num\">5<\/span><div class=\"event\">No hay clases<br>D\u00eda Administrativo<\/div><\/td>\n                                            <td><span class=\"date-num\">6<\/span><\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td><span class=\"date-num\">7<\/span><\/td>\n                                            <td><span class=\"date-num\">8<\/span><\/td>\n                                            <td><span class=\"date-num\">9<\/span><div class=\"event\">Reuni\u00f3n de PTA 5:00pm<br>Sociedad Nacional de Honor de Primaria 5:30pm<br>Presentaci\u00f3n de Baile de Primavera 6:00pm<\/div><\/td>\n                                            <td><span class=\"date-num\">10<\/span><div class=\"event\">Excursi\u00f3n-Equipo de Debate<br>Excursi\u00f3n-8vo Grado Pr\u00e1ctica de Graduaci\u00f3n en Brooklyn College<\/div><\/td>\n                                            <td><span class=\"date-num\">11<\/span><div class=\"event\">Matilda Jr. 6:00pm<\/div><\/td>\n                                            <td><span class=\"date-num\">12<\/span><div class=\"event\">SLT 12:10pm<br>\u00daltimo d\u00eda del programa extracurricular FIAO<br>Matilda Jr. 6:00pm<\/div><\/td>\n                                            <td><span class=\"date-num\">13<\/span><\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td><span class=\"date-num\">14<\/span><\/td>\n                                            <td><span class=\"date-num\">15<\/span><div class=\"event\">Baile de Graduaci\u00f3n de 8vo Grado Bay Ridge Manor 5:00pm-9:00pm<\/div><\/td>\n                                            <td><span class=\"date-num\">16<\/span><div class=\"event\">Helado para 5to Grado<\/div><\/td>\n                                            <td><span class=\"date-num\">17<\/span><div class=\"event\">Examen Regents de \u00c1lgebra 9:00am<br>Noche de Premiaci\u00f3n de 8vo Grado 4:00pm<\/div><\/td>\n                                            <td><span class=\"date-num\">18<\/span><div class=\"event\">Graduaci\u00f3n de 8vo Grado Brooklyn College 10:00am<\/div><\/td>\n                                            <td class=\"no-school\"><span class=\"date-num\">19<\/span><div class=\"event\">No hay clases<br>Juneteenth<\/div><\/td>\n                                            <td><span class=\"date-num\">20<\/span><\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td><span class=\"date-num\">21<\/span><\/td>\n                                            <td><span class=\"date-num\">22<\/span><div class=\"event\">Picnic de Estudiantes de \u00daltimo A\u00f1o 12:00pm<\/div><\/td>\n                                            <td><span class=\"date-num\">23<\/span><div class=\"event\">Ceremonia de Paso a Secundaria 5to Grado 9:00am<br>Examen Regents de Historia de EE.UU. 9:00am<\/div><\/td>\n                                            <td><span class=\"date-num\">24<\/span><\/td>\n                                            <td><span class=\"date-num\">25<\/span><div class=\"event\">Excursi\u00f3n de 8vo Grado a Six Flags<br>Graduaci\u00f3n de K\u00ednder 9:00am<\/div><\/td>\n                                            <td><span class=\"date-num\">26<\/span><div class=\"event\">\u00daLTIMO D\u00cdA DE CLASES<\/div><\/td>\n                                            <td><span class=\"date-num\">27<\/span><\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td><span class=\"date-num\">28<\/span><\/td>\n                                            <td><span class=\"date-num\">29<\/span><\/td>\n                                            <td><span class=\"date-num\">30<\/span><\/td>\n                                            <td aria-hidden=\"true\"><\/td>\n                                            <td aria-hidden=\"true\"><\/td>\n                                            <td aria-hidden=\"true\"><\/td>\n                                            <td aria-hidden=\"true\"><\/td>\n                                        <\/tr>\n                                    <\/tbody>\n                                <\/table>\n                                <div class=\"calendar-footer\">\n                                    <h3>Informaci\u00f3n de Contacto<\/h3>\n                                    <p><strong>Academia SEE ALL<\/strong><br>\n                                    5601 Avenida 16, Brooklyn, Nueva York 11204<br>\n                                    Tel\u00e9fono: 718-851-8070<\/p>\n                                    <hr>\n                                    <div class=\"calendar-staff-grid\">\n                                        <div class=\"calendar-staff-member\"><p class=\"name\">Angelo Sacco<\/p><p class=\"title\">Director<\/p><\/div>\n                                        <div class=\"calendar-staff-member\"><p class=\"name\">Angela Panetta<\/p><p class=\"title\">Subdirectora<\/p><\/div>\n                                        <div class=\"calendar-staff-member\"><p class=\"name\">Nicole Adisano<\/p><p class=\"title\">Subdirectora<\/p><\/div>\n                                        <div class=\"calendar-staff-member\"><p class=\"name\">Andrew Wells<\/p><p class=\"title\">Subdirector<\/p><\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <!-- Chinese Calendar -->\n                            <div id=\"cal-zh\" class=\"language-cal\" lang=\"zh\" hidden>\n                                <table class=\"calendar-table\">\n                                    <caption class=\"sr-only\">2026\u5e746\u6708\u5b66\u6821\u65e5\u5386<\/caption>\n                                    <thead>\n                                        <tr>\n                                            <th scope=\"col\">\u5468\u65e5<\/th>\n                                            <th scope=\"col\">\u5468\u4e00<\/th>\n                                            <th scope=\"col\">\u5468\u4e8c<\/th>\n                                            <th scope=\"col\">\u5468\u4e09<\/th>\n                                            <th scope=\"col\">\u5468\u56db<\/th>\n                                            <th scope=\"col\">\u5468\u4e94<\/th>\n                                            <th scope=\"col\">\u5468\u516d<\/th>\n                                        <\/tr>\n                                    <\/thead>\n                                    <tbody>\n                                        <tr>\n                                            <td aria-hidden=\"true\"><\/td>\n                                            <td><span class=\"date-num\">1<\/span><div class=\"event\">PTA\u4e49\u5356<br>\u6821\u5916\u6d3b\u52a8-\u4e94\u5e74\u7ea7 Liberty Science Center<\/div><\/td>\n                                            <td><span class=\"date-num\">2<\/span><div class=\"event\">\u6821\u5916\u6d3b\u52a8-Broadway Jr.<\/div><\/td>\n                                            <td><span class=\"date-num\">3<\/span><div class=\"event\">\u6821\u5916\u6d3b\u52a8-\u6570\u5b66\u5965\u6797\u5339\u514b<\/div><\/td>\n                                            <td class=\"no-school\"><span class=\"date-num\">4<\/span><div class=\"event\">\u653e\u5047<br>\u6559\u80b2\u5c40\u957f\u4f1a\u8bae\u65e5<\/div><\/td>\n                                            <td class=\"no-school\"><span class=\"date-num\">5<\/span><div class=\"event\">\u653e\u5047<br>\u884c\u653f\u5de5\u4f5c\u65e5<\/div><\/td>\n                                            <td><span class=\"date-num\">6<\/span><\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td><span class=\"date-num\">7<\/span><\/td>\n                                            <td><span class=\"date-num\">8<\/span><\/td>\n                                            <td><span class=\"date-num\">9<\/span><div class=\"event\">PTA\u4f1a\u8bae 5:00pm<br>\u5c0f\u5b66\u56fd\u5bb6\u8363\u8a89\u534f\u4f1a 5:30pm<br>\u6625\u5b63\u821e\u8e48\u8868\u6f14 6:00pm<\/div><\/td>\n                                            <td><span class=\"date-num\">10<\/span><div class=\"event\">\u6821\u5916\u6d3b\u52a8-\u8fa9\u8bba\u961f<br>\u6821\u5916\u6d3b\u52a8-\u516b\u5e74\u7ea7\u5e03\u9c81\u514b\u6797\u5b66\u9662\u6bd5\u4e1a\u5178\u793c\u6392\u7ec3<\/div><\/td>\n                                            <td><span class=\"date-num\">11<\/span><div class=\"event\">Matilda Jr. 6:00pm<\/div><\/td>\n                                            <td><span class=\"date-num\">12<\/span><div class=\"event\">SLT\u4f1a\u8bae 12:10pm<br>FIAO\u8bfe\u540e\u73ed\u6700\u540e\u4e00\u5929<br>Matilda Jr. 6:00pm<\/div><\/td>\n                                            <td><span class=\"date-num\">13<\/span><\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td><span class=\"date-num\">14<\/span><\/td>\n                                            <td><span class=\"date-num\">15<\/span><div class=\"event\">\u516b\u5e74\u7ea7\u821e\u4f1a Bay Ridge Manor 5:00pm-9:00pm<\/div><\/td>\n                                            <td><span class=\"date-num\">16<\/span><div class=\"event\">\u4e94\u5e74\u7ea7\u51b0\u6dc7\u6dcb\u793e\u4ea4\u6d3b\u52a8<\/div><\/td>\n                                            <td><span class=\"date-num\">17<\/span><div class=\"event\">\u4ee3\u6570Regents\u8003\u8bd5 9:00am<br>\u516b\u5e74\u7ea7\u9881\u5956\u4e4b\u591c 4:00pm<\/div><\/td>\n                                            <td><span class=\"date-num\">18<\/span><div class=\"event\">\u516b\u5e74\u7ea7\u6bd5\u4e1a\u5178\u793c \u5e03\u9c81\u514b\u6797\u5b66\u9662 10:00am<\/div><\/td>\n                                            <td class=\"no-school\"><span class=\"date-num\">19<\/span><div class=\"event\">\u653e\u5047<br>\u516d\u6708\u8282<\/div><\/td>\n                                            <td><span class=\"date-num\">20<\/span><\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td><span class=\"date-num\">21<\/span><\/td>\n                                            <td><span class=\"date-num\">22<\/span><div class=\"event\">\u6bd5\u4e1a\u73ed\u91ce\u9910 12:00pm<\/div><\/td>\n                                            <td><span class=\"date-num\">23<\/span><div class=\"event\">\u4e94\u5e74\u7ea7\u5347\u5b66\u5178\u793c 9:00am<br>\u7f8e\u56fd\u5386\u53f2Regents\u8003\u8bd5 9:00am<\/div><\/td>\n                                            <td><span class=\"date-num\">24<\/span><\/td>\n                                            <td><span class=\"date-num\">25<\/span><div class=\"event\">\u516b\u5e74\u7ea7 Six Flags \u6821\u5916\u6d3b\u52a8<br>\u5e7c\u513f\u56ed\u6bd5\u4e1a\u5178\u793c 9:00am<\/div><\/td>\n                                            <td><span class=\"date-num\">26<\/span><div class=\"event\">\u6700\u540e\u4e00\u5929\u4e0a\u8bfe<\/div><\/td>\n                                            <td><span class=\"date-num\">27<\/span><\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td><span class=\"date-num\">28<\/span><\/td>\n                                            <td><span class=\"date-num\">29<\/span><\/td>\n                                            <td><span class=\"date-num\">30<\/span><\/td>\n                                            <td aria-hidden=\"true\"><\/td>\n                                            <td aria-hidden=\"true\"><\/td>\n                                            <td aria-hidden=\"true\"><\/td>\n                                            <td aria-hidden=\"true\"><\/td>\n                                        <\/tr>\n                                    <\/tbody>\n                                <\/table>\n                                <div class=\"calendar-footer\">\n                                    <h3>\u8054\u7cfb\u65b9\u5f0f<\/h3>\n                                    <p><strong>SEE ALL\u5b66\u9662<\/strong><br>\n                                    \u5e03\u9c81\u514b\u6797\u7b2c16\u5927\u90535601\u53f7,\u7ebd\u7ea611204<br>\n                                    \u7535\u8bdd: 718-851-8070<\/p>\n                                    <hr>\n                                    <div class=\"calendar-staff-grid\">\n                                        <div class=\"calendar-staff-member\"><p class=\"name\">Angelo Sacco<\/p><p class=\"title\">\u6821\u957f<\/p><\/div>\n                                        <div class=\"calendar-staff-member\"><p class=\"name\">Angela Panetta<\/p><p class=\"title\">\u526f\u6821\u957f<\/p><\/div>\n                                        <div class=\"calendar-staff-member\"><p class=\"name\">Nicole Adisano<\/p><p class=\"title\">\u526f\u6821\u957f<\/p><\/div>\n                                        <div class=\"calendar-staff-member\"><p class=\"name\">Andrew Wells<\/p><p class=\"title\">\u526f\u6821\u957f<\/p><\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <!-- Russian Calendar -->\n                            <div id=\"cal-ru\" class=\"language-cal\" lang=\"ru\" hidden>\n                                <table class=\"calendar-table\">\n                                    <caption class=\"sr-only\">\u0428\u043a\u043e\u043b\u044c\u043d\u044b\u0439 \u041a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u044c \u0418\u044e\u043d\u044c 2026<\/caption>\n                                    <thead>\n                                        <tr>\n                                            <th scope=\"col\">Bc<\/th>\n                                            <th scope=\"col\">\u041f\u043d<\/th>\n                                            <th scope=\"col\">\u0412\u0442<\/th>\n                                            <th scope=\"col\">CP<\/th>\n                                            <th scope=\"col\">\u0427\u0442<\/th>\n                                            <th scope=\"col\">\u041f\u0442<\/th>\n                                            <th scope=\"col\">c6<\/th>\n                                        <\/tr>\n                                    <\/thead>\n                                    <tbody>\n                                        <tr>\n                                            <td aria-hidden=\"true\"><\/td>\n                                            <td><span class=\"date-num\">1<\/span><div class=\"event\">\u041f\u0440\u043e\u0434\u0430\u0436\u0430 PTA<br>\u042d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u044f-5 \u043a\u043b\u0430\u0441\u0441 Liberty Science Center<\/div><\/td>\n                                            <td><span class=\"date-num\">2<\/span><div class=\"event\">\u042d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u044f-Broadway Jr.<\/div><\/td>\n                                            <td><span class=\"date-num\">3<\/span><div class=\"event\">\u042d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u044f-\u041e\u043b\u0438\u043c\u043f\u0438\u0430\u0434\u0430 \u043f\u043e \u043c\u0430\u0442\u0435\u043c\u0430\u0442\u0438\u043a\u0435<\/div><\/td>\n                                            <td class=\"no-school\"><span class=\"date-num\">4<\/span><div class=\"event\">\u041d\u0435\u0442 \u0437\u0430\u043d\u044f\u0442\u0438\u0439<br>\u0414\u0435\u043d\u044c \u043a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u0438 \u043a\u0430\u043d\u0446\u043b\u0435\u0440\u0430<\/div><\/td>\n                                            <td class=\"no-school\"><span class=\"date-num\">5<\/span><div class=\"event\">\u041d\u0435\u0442 \u0437\u0430\u043d\u044f\u0442\u0438\u0439<br>\u041a\u0430\u043d\u0446\u0435\u043b\u044f\u0440\u0441\u043a\u0438\u0439 \u0434\u0435\u043d\u044c<\/div><\/td>\n                                            <td><span class=\"date-num\">6<\/span><\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td><span class=\"date-num\">7<\/span><\/td>\n                                            <td><span class=\"date-num\">8<\/span><\/td>\n                                            <td><span class=\"date-num\">9<\/span><div class=\"event\">\u0421\u043e\u0431\u0440\u0430\u043d\u0438\u0435 PTA 17:00<br>\u041d\u0430\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e \u043f\u043e\u0447\u0435\u0442\u0430 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0439 \u0448\u043a\u043e\u043b\u044b 17:30<br>\u0412\u0435\u0441\u0435\u043d\u043d\u0435\u0435 \u0442\u0430\u043d\u0446\u0435\u0432\u0430\u043b\u044c\u043d\u043e\u0435 \u0432\u044b\u0441\u0442\u0443\u043f\u043b\u0435\u043d\u0438\u0435 18:00<\/div><\/td>\n                                            <td><span class=\"date-num\">10<\/span><div class=\"event\">\u042d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u044f-\u041a\u043e\u043c\u0430\u043d\u0434\u0430 \u043f\u043e \u0434\u0435\u0431\u0430\u0442\u0430\u043c<br>\u042d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u044f-8 \u043a\u043b\u0430\u0441\u0441 \u0420\u0435\u043f\u0435\u0442\u0438\u0446\u0438\u044f \u0432\u044b\u043f\u0443\u0441\u043a\u043d\u043e\u0433\u043e \u0432 \u0411\u0440\u0443\u043a\u043b\u0438\u043d\u0441\u043a\u043e\u043c \u043a\u043e\u043b\u043b\u0435\u0434\u0436\u0435<\/div><\/td>\n                                            <td><span class=\"date-num\">11<\/span><div class=\"event\">Matilda Jr. 18:00<\/div><\/td>\n                                            <td><span class=\"date-num\">12<\/span><div class=\"event\">SLT 12:10<br>\u041f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0434\u0435\u043d\u044c \u043f\u0440\u043e\u0434\u043b\u0435\u043d\u043a\u0438 FIAO<br>Matilda Jr. 18:00<\/div><\/td>\n                                            <td><span class=\"date-num\">13<\/span><\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td><span class=\"date-num\">14<\/span><\/td>\n                                            <td><span class=\"date-num\">15<\/span><div class=\"event\">\u0412\u044b\u043f\u0443\u0441\u043a\u043d\u043e\u0439 8 \u043a\u043b\u0430\u0441\u0441\u0430 Bay Ridge Manor 17:00-21:00<\/div><\/td>\n                                            <td><span class=\"date-num\">16<\/span><div class=\"event\">\u0412\u0435\u0447\u0435\u0440\u0438\u043d\u043a\u0430 \u0441 \u043c\u043e\u0440\u043e\u0436\u0435\u043d\u044b\u043c 5 \u043a\u043b\u0430\u0441\u0441<\/div><\/td>\n                                            <td><span class=\"date-num\">17<\/span><div class=\"event\">\u042d\u043a\u0437\u0430\u043c\u0435\u043d Regents \u043f\u043e \u0430\u043b\u0433\u0435\u0431\u0440\u0435 9:00<br>\u0412\u0435\u0447\u0435\u0440 \u043d\u0430\u0433\u0440\u0430\u0434 8 \u043a\u043b\u0430\u0441\u0441\u0430 16:00<\/div><\/td>\n                                            <td><span class=\"date-num\">18<\/span><div class=\"event\">\u0412\u044b\u043f\u0443\u0441\u043a\u043d\u043e\u0439 8 \u043a\u043b\u0430\u0441\u0441\u0430 \u0411\u0440\u0443\u043a\u043b\u0438\u043d\u0441\u043a\u0438\u0439 \u043a\u043e\u043b\u043b\u0435\u0434\u0436 10:00<\/div><\/td>\n                                            <td class=\"no-school\"><span class=\"date-num\">19<\/span><div class=\"event\">\u041d\u0435\u0442 \u0437\u0430\u043d\u044f\u0442\u0438\u0439<br>\u0414\u0435\u043d\u044c \u043e\u0441\u0432\u043e\u0431\u043e\u0436\u0434\u0435\u043d\u0438\u044f \u0440\u0430\u0431\u043e\u0432 (Juneteenth)<\/div><\/td>\n                                            <td><span class=\"date-num\">20<\/span><\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td><span class=\"date-num\">21<\/span><\/td>\n                                            <td><span class=\"date-num\">22<\/span><div class=\"event\">\u041f\u0438\u043a\u043d\u0438\u043a \u0441\u0442\u0430\u0440\u0448\u0435\u043a\u043b\u0430\u0441\u0441\u043d\u0438\u043a\u043e\u0432 12:00<\/div><\/td>\n                                            <td><span class=\"date-num\">23<\/span><div class=\"event\">\u041f\u0435\u0440\u0435\u0445\u043e\u0434 \u0432 \u0441\u0440\u0435\u0434\u043d\u044e\u044e \u0448\u043a\u043e\u043b\u0443 5 \u043a\u043b\u0430\u0441\u0441 9:00<br>\u042d\u043a\u0437\u0430\u043c\u0435\u043d Regents \u043f\u043e \u0438\u0441\u0442\u043e\u0440\u0438\u0438 \u0421\u0428\u0410 9:00<\/div><\/td>\n                                            <td><span class=\"date-num\">24<\/span><\/td>\n                                            <td><span class=\"date-num\">25<\/span><div class=\"event\">\u042d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u044f 8 \u043a\u043b\u0430\u0441\u0441\u0430 \u0432 Six Flags<br>\u0412\u044b\u043f\u0443\u0441\u043a\u043d\u043e\u0439 \u0434\u0435\u0442\u0441\u043a\u043e\u0433\u043e \u0441\u0430\u0434\u0430 9:00<\/div><\/td>\n                                            <td><span class=\"date-num\">26<\/span><div class=\"event\">\u041f\u041e\u0421\u041b\u0415\u0414\u041d\u0418\u0419 \u0423\u0427\u0415\u0411\u041d\u042b\u0419 \u0414\u0415\u041d\u042c<\/div><\/td>\n                                            <td><span class=\"date-num\">27<\/span><\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td><span class=\"date-num\">28<\/span><\/td>\n                                            <td><span class=\"date-num\">29<\/span><\/td>\n                                            <td><span class=\"date-num\">30<\/span><\/td>\n                                            <td aria-hidden=\"true\"><\/td>\n                                            <td aria-hidden=\"true\"><\/td>\n                                            <td aria-hidden=\"true\"><\/td>\n                                            <td aria-hidden=\"true\"><\/td>\n                                        <\/tr>\n                                    <\/tbody>\n                                <\/table>\n                                <div class=\"calendar-footer\">\n                                    <h3>\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f<\/h3>\n                                    <p><strong>\u0410\u043a\u0430\u0434\u0435\u043c\u0438\u044f SEE ALL<\/strong><br>\n                                    5601, 16-\u044f \u0410\u0432\u0435\u043d\u044e, \u0411\u0440\u0443\u043a\u043b\u0438\u043d, \u041d\u044c\u044e-\u0419\u043e\u0440\u043a, 11204<br>\n                                    \u0422\u0435\u043b\u0435\u0444\u043e\u043d: 718-851-8070<\/p>\n                                    <hr>\n                                    <div class=\"calendar-staff-grid\">\n                                        <div class=\"calendar-staff-member\"><p class=\"name\">\u0410\u043d\u0434\u0436\u0435\u043b\u043e \u0421\u0430\u043a\u043a\u043e<\/p><p class=\"title\">\u0414\u0438\u0440\u0435\u043a\u0442\u043e\u0440<\/p><\/div>\n                                        <div class=\"calendar-staff-member\"><p class=\"name\">\u0410\u043d\u0434\u0436\u0435\u043b\u0430 \u041f\u0430\u043d\u0435\u0442\u0442\u0430<\/p><p class=\"title\">\u0417\u0430\u043c\u0435\u0441\u0442\u0438\u0442\u0435\u043b\u044c \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0430<\/p><\/div>\n                                        <div class=\"calendar-staff-member\"><p class=\"name\">\u041d\u0438\u043a\u043e\u043b\u044c \u0410\u0434\u0438\u0441\u0430\u043d\u043e<\/p><p class=\"title\">\u0417\u0430\u043c\u0435\u0441\u0442\u0438\u0442\u0435\u043b\u044c \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0430<\/p><\/div>\n                                        <div class=\"calendar-staff-member\"><p class=\"name\">\u042d\u043d\u0434\u0440\u044e \u0423\u044d\u043b\u043b\u0441<\/p><p class=\"title\">\u0417\u0430\u043c\u0435\u0441\u0442\u0438\u0442\u0435\u043b\u044c \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0430<\/p><\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Educational Cornerstones Section -->\n                <section class=\"cornerstone-section\">\n                    <div class=\"cornerstone-header\">\n                        <h2>Educational Cornerstones of The SEEALL Academy<\/h2>\n                        <p>Find out how The SEEALL Academy stands out with our unique approach to educational enrichment.<\/p>\n                    <\/div>\n                    \n                    <div class=\"cornerstone-grid\">\n                        <!-- Cornerstone Card 1 -->\n                        <div class=\"cornerstone-card\">\n                            <img decoding=\"async\" src=\"https:\/\/seeallacademy.com\/wp-content\/uploads\/2023\/06\/Enrichment-Programs.jpg\" alt=\"Enrichment Programs\">\n                            <div class=\"cornerstone-content\">\n                                <h3>Enrichment Programs<\/h3>\n                                <p>The SEEALL Academy offers a wide variety of elective enrichment programs for its middle school students. These offerings allow students to take an active part in shaping their educational curriculum around their own individual interests.<br><br>Our enrichment programs range from arts and creative, to technology and robotics classes. Students are encouraged to find a program that will suit their interests and continue to challenge them academically.<\/p>\n                            <\/div>\n                        <\/div>\n                        \n                        <!-- Cornerstone Card 2 -->\n                        <div class=\"cornerstone-card\">\n                            <img decoding=\"async\" src=\"https:\/\/seeallacademy.com\/wp-content\/uploads\/2023\/06\/Screenshot-2023-06-05-at-5.42.07-AM.png\" alt=\"Student & Staff Expectations\">\n                            <div class=\"cornerstone-content\">\n                                <h3>Student & Staff Expectations<\/h3>\n                                <p>We have high expectations for all students and strive to prepare them to meet all academic challenges. Our school aims to develop literate, articulate, socially responsible young citizens. We hold high educational standards with academic success for all students.<br><br>Our staff provides a supportive environment, which encourages students to develop into young learning leaders. Our school community works collaboratively so that we may create an academically challenging environment.<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Cornerstone Card 3 -->\n                        <div class=\"cornerstone-card\">\n                            <img decoding=\"async\" src=\"https:\/\/seeallacademy.com\/wp-content\/uploads\/2023\/06\/SEEALL-School-Philosophy.jpg\" alt=\"The SEEALL Philosophy\">\n                            <div class=\"cornerstone-content\">\n                                <h3>The SEEALL Philosophy<\/h3>\n                                <p>The philosophy of Students Educationally Enriched As Learning Leaders (SEEALL) is that all students are active learners and participants in the educational process.<br><br>Leadership qualities are promoted and shaped through cooperative and collaborative learning, individual and group presentations, public speaking, and ongoing autonomy in all curriculum areas, including the Arts and Technology.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/section>\n\n                <!-- School Overview & Contact Section -->\n                <section class=\"overview-section\" aria-label=\"School Overview and Contact\">\n                    <div class=\"overview-container\">\n                        \n                        <div class=\"overview-left\">\n                            <h2>School Overview<\/h2>\n                            <p>We are a Pre-K through 8 school located in the heart of Borough Park in Brooklyn, New York. Our school holds high educational standards with academic success for all students.<\/p>\n                            <p>Our staff provides a supportive environment which encourages students to develop into young leaders as they progress through their educational careers.<\/p>\n                        <\/div>\n\n                        <div class=\"overview-right\">\n                            <h2>Get in touch with us to discuss<\/h2>\n                            <a href=\"tel:7188518070\" class=\"overview-phone\">718-851-8070<\/a>\n                            \n                            <div class=\"overview-socials\">\n                                <a href=\"https:\/\/twitter.com\/seeall180?lang=en\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"overview-social-btn\" aria-label=\"Twitter\">\n                                    <i class=\"fa-brands fa-twitter\" aria-hidden=\"true\"><\/i>\n                                <\/a>\n                                <a href=\"https:\/\/www.instagram.com\/theseeallgram\/?hl=en\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"overview-social-btn\" aria-label=\"Instagram\">\n                                    <i class=\"fa-brands fa-instagram\" aria-hidden=\"true\"><\/i>\n                                <\/a>\n                                <a href=\"https:\/\/goo.gl\/maps\/2WTeKArumJKn67Ju7\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"overview-social-btn\" aria-label=\"Google Maps\">\n                                    <i class=\"fa-solid fa-map-location-dot\" aria-hidden=\"true\"><\/i>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n\n                    <\/div>\n                <\/section>\n\n            <\/div>\n        <\/main>\n\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            if (window.calendarScriptLoaded) return;\n            window.calendarScriptLoaded = true;\n            \n            const calendarContainer = document.querySelector('.calendar-container');\n            if(!calendarContainer) return;\n            \n            const langButtons = calendarContainer.querySelectorAll('.lang-btn');\n            const calendars = calendarContainer.querySelectorAll('.language-cal');\n            const headers = {\n                en: calendarContainer.querySelector('#header-en'),\n                es: calendarContainer.querySelector('#header-es'),\n                zh: calendarContainer.querySelector('#header-zh'),\n                ru: calendarContainer.querySelector('#header-ru')\n            };\n\n            langButtons.forEach(button => {\n                button.addEventListener('click', function() {\n                    const selectedLang = this.getAttribute('data-lang');\n\n                    \/\/ Update button states\n                    langButtons.forEach(btn => {\n                        btn.classList.remove('active');\n                        btn.setAttribute('aria-pressed', 'false');\n                    });\n                    this.classList.add('active');\n                    this.setAttribute('aria-pressed', 'true');\n\n                    \/\/ Hide all calendars\/headers\n                    calendars.forEach(cal => cal.hidden = true);\n                    Object.values(headers).forEach(header => {\n                        if(header) header.hidden = true;\n                    });\n                    \n                    \/\/ Show selected\n                    const calToShow = calendarContainer.querySelector(`#cal-${selectedLang}`);\n                    const headerToShow = headers[selectedLang];\n                    \n                    if(calToShow) calToShow.hidden = false;\n                    if(headerToShow) headerToShow.hidden = false;\n                    \n                    \/\/ Accessibility: Update container lang\n                    calendarContainer.setAttribute('lang', selectedLang);\n                });\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hero Section The SEEALL Academy Empowering students to achieve their full potential through innovative education and community. The SEEALL Academy | Welcome Skip to main&nbsp;<a href=\"https:\/\/seeallacademy.com\/\">&hellip;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-home.php","meta":{"footnotes":""},"class_list":["post-377","page","type-page","status-publish","hentry","odd"],"_links":{"self":[{"href":"https:\/\/seeallacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/377","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seeallacademy.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seeallacademy.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/seeallacademy.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/seeallacademy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=377"}],"version-history":[{"count":0,"href":"https:\/\/seeallacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/377\/revisions"}],"wp:attachment":[{"href":"https:\/\/seeallacademy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=377"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}