{"id":563,"date":"2025-08-21T19:28:36","date_gmt":"2025-08-21T23:28:36","guid":{"rendered":"https:\/\/ps369.org\/?page_id=563"},"modified":"2026-02-23T17:46:01","modified_gmt":"2026-02-23T22:46:01","slug":"home-2","status":"publish","type":"page","link":"https:\/\/ps369.org\/?page_id=563","title":{"rendered":"About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"563\" class=\"elementor elementor-563\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d41c23 e-con-full e-flex e-con e-parent\" data-id=\"1d41c23\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9bd370f elementor-widget elementor-widget-html\" data-id=\"9bd370f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- External Dependencies -->\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n    #yle-about-widget {\n        --bg-navy: #122449;\n        --yle-gold: #FFD700;\n        --card-border: rgba(255, 255, 255, 0.1);\n        --glass-bg: rgba(255, 255, 255, 0.05);\n        \n        font-family: -apple-system, \"system-ui\", \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        background-color: var(--bg-navy);\n        color: #FFFFFF;\n        padding: 60px 20px;\n        min-height: 100vh;\n    }\n\n    #yle-about-widget .poppins { \n        font-family: 'Poppins', sans-serif; \n    }\n\n    \/* Glassmorphism Cards *\/\n    .about-card {\n        background: var(--glass-bg);\n        border: 1px solid var(--card-border);\n        backdrop-filter: blur(12px);\n        border-radius: 1.5rem;\n        padding: 2rem;\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        height: 100%;\n    }\n\n    .about-card:hover {\n        border-color: rgba(255, 215, 0, 0.3);\n        background: rgba(255, 255, 255, 0.08);\n        box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.5);\n    }\n\n    \/* Headings and Accents *\/\n    .gold-glow {\n        color: var(--yle-gold);\n        filter: drop-shadow(0 4px 6px rgba(0,0,0,0.3));\n    }\n\n    \/* List Styling for School Info *\/\n    .info-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n\n    .info-list li {\n        display: flex;\n        align-items: center;\n        padding: 1rem 0;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n    }\n\n    .info-list li:last-child {\n        border-bottom: none;\n    }\n\n    .info-label {\n        font-weight: 600;\n        color: var(--yle-gold);\n        min-width: 90px;\n    }\n\n    .info-value {\n        color: rgba(255, 255, 255, 0.9);\n    }\n\n    .info-icon {\n        width: 32px;\n        height: 32px;\n        background: rgba(255, 215, 0, 0.1);\n        border-radius: 8px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-right: 12px;\n        font-size: 1.1rem;\n    }\n\n    \/* Action Button *\/\n    .action-btn {\n        display: inline-block;\n        width: 100%;\n        background: var(--yle-gold);\n        color: var(--bg-navy);\n        font-family: 'Poppins', sans-serif;\n        font-weight: 700;\n        padding: 14px 24px;\n        border-radius: 12px;\n        font-size: 1rem;\n        text-align: center;\n        transition: all 0.3s ease;\n        text-decoration: none;\n        box-shadow: 0 4px 15px rgba(255, 215, 0, 0.2);\n    }\n\n    .action-btn:hover {\n        background: #fff080;\n        transform: translateY(-2px);\n        box-shadow: 0 6px 20px rgba(255, 215, 0, 0.3);\n    }\n\n    \/* Slideshow Container (Responsive Iframe) *\/\n    .slideshow-wrapper {\n        position: relative;\n        width: 100%;\n        overflow: hidden;\n        border-radius: 1rem;\n        border: 2px solid rgba(255, 255, 255, 0.1);\n        background-color: #0f172a;\n        \/* Maintains Google Slides aspect ratio *\/\n        padding-top: 59.27%; \n    }\n\n    .slideshow-wrapper iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        border: 0;\n    }\n<\/style>\n\n<div id=\"yle-about-widget\">\n    <div class=\"max-w-6xl mx-auto\">\n        \n        <!-- Header -->\n        <header class=\"text-center mb-16\">\n            <h1 class=\"poppins text-4xl md:text-6xl font-extrabold gold-glow mb-4\">About Us \ud83c\udfeb<\/h1>\n            <p class=\"text-gray-300 text-lg max-w-2xl mx-auto font-light\">Learn more about Young Leaders Elementary School and view our introductory presentation.<\/p>\n        <\/header>\n\n        <!-- Main Layout Grid -->\n        <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8 items-start\">\n            \n            <!-- Left Column: School Info & Contact (1\/3 width on desktop) -->\n            <div class=\"lg:col-span-1 space-y-8\">\n                \n                <!-- Featured Image Card -->\n                <div class=\"relative rounded-[1.5rem] overflow-hidden border border-white\/10 shadow-xl group bg-[#1a2c52]\">\n                    <img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2026\/02\/4th_grade-415.png\" alt=\"Young Leaders Elementary Community\" class=\"w-full h-56 object-cover transition-transform duration-700 group-hover:scale-105\">\n                    <!-- Subtle overlay to ensure it blends with the dark theme -->\n                    <div class=\"absolute inset-0 bg-[#122449]\/20 mix-blend-multiply pointer-events-none\"><\/div>\n                    <!-- Hover border glow -->\n                    <div class=\"absolute inset-0 border-2 border-transparent group-hover:border-yellow-400\/40 rounded-[1.5rem] transition-colors duration-300 pointer-events-none\"><\/div>\n                <\/div>\n\n                <!-- School Info Card -->\n                <div class=\"about-card\">\n                    <h2 class=\"poppins text-2xl font-bold text-white mb-6 border-b border-white\/10 pb-4\">School Details<\/h2>\n                    <ul class=\"info-list\">\n                        <li>\n                            <div class=\"info-icon\">\ud83d\udc69\ud83c\udffe\u200d\ud83c\udfeb<\/div>\n                            <div>\n                                <div class=\"info-label\">Principal<\/div>\n                                <div class=\"info-value\">Jaleelah Cooke<\/div>\n                            <\/div>\n                        <\/li>\n                        <li>\n                            <div class=\"info-icon\">\ud83c\udfe2<\/div>\n                            <div>\n                                <div class=\"info-label\">School<\/div>\n                                <div class=\"info-value poppins font-bold tracking-wider\">X369<\/div>\n                            <\/div>\n                        <\/li>\n                        <li>\n                            <div class=\"info-icon\">\ud83c\udf92<\/div>\n                            <div>\n                                <div class=\"info-label\">Grades<\/div>\n                                <div class=\"info-value\">PK, 0K, 01, 02, 03, 04, 05, SE<\/div>\n                            <\/div>\n                        <\/li>\n                        <li>\n                            <div class=\"info-icon\">\ud83d\udccd<\/div>\n                            <div>\n                                <div class=\"info-label\">District<\/div>\n                                <div class=\"info-value\">7<\/div>\n                            <\/div>\n                        <\/li>\n                        <li>\n                            <div class=\"info-icon\">\ud83d\uddfa\ufe0f<\/div>\n                            <div>\n                                <div class=\"info-label\">Borough<\/div>\n                                <div class=\"info-value\">Bronx<\/div>\n                            <\/div>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Contact Card -->\n                <div class=\"about-card flex flex-col justify-center text-center\">\n                    <div class=\"text-4xl mb-4\">\u2709\ufe0f<\/div>\n                    <h2 class=\"poppins text-2xl font-bold text-white mb-2\">Get in Touch<\/h2>\n                    <p class=\"text-gray-400 text-sm mb-6\">Have questions? Feel free to reach out to our team via email.<\/p>\n                    <a href=\"mailto:kpimentel@schools.nyc.gov\" class=\"action-btn\">\n                        Email Us\n                    <\/a>\n                <\/div>\n\n            <\/div>\n\n            <!-- Right Column: Slideshow (2\/3 width on desktop) -->\n            <div class=\"lg:col-span-2\">\n                <div class=\"about-card\">\n                    <div class=\"flex items-center justify-between mb-6 border-b border-white\/10 pb-4\">\n                        <h2 class=\"poppins text-2xl font-bold text-white\">Welcome Presentation<\/h2>\n                        <span class=\"text-yellow-400 text-xl\">\ud83d\udcfd\ufe0f<\/span>\n                    <\/div>\n                    \n                    <p class=\"text-gray-300 text-sm mb-6 leading-relaxed\">\n                        Click through the slides below to learn more about our community, our core values, and what makes Young Leaders Elementary a special place for all children to learn, play, and grow.\n                    <\/p>\n\n                    <!-- Responsive Iframe -->\n                    <div class=\"slideshow-wrapper shadow-2xl\">\n                        <iframe \n                            src=\"https:\/\/docs.google.com\/presentation\/d\/e\/2PACX-1vQNieoUpo2tJTFw5TPdQL95BHWMpK-zSutfgi5UnWq24fkgxgMpbBKMUTbphAmdEU8HiQRi6KfbZIk_\/pubembed?start=false&loop=false&delayms=3000\" \n                            frameborder=\"0\" \n                            allowfullscreen=\"true\" \n                            mozallowfullscreen=\"true\" \n                            webkitallowfullscreen=\"true\">\n                        <\/iframe>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About Us \ud83c\udfeb Learn more about Young Leaders Elementary School and view our introductory presentation. School Details \ud83d\udc69\ud83c\udffe\u200d\ud83c\udfeb Principal Jaleelah Cooke \ud83c\udfe2 School X369 \ud83c\udf92 Grades PK, 0K, 01, 02, 03, 04, 05, SE \ud83d\udccd District 7 \ud83d\uddfa\ufe0f Borough Bronx \u2709\ufe0f Get in Touch Have questions? Feel free to reach out to our team via [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-563","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ps369.org\/index.php?rest_route=\/wp\/v2\/pages\/563","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ps369.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ps369.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ps369.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ps369.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=563"}],"version-history":[{"count":20,"href":"https:\/\/ps369.org\/index.php?rest_route=\/wp\/v2\/pages\/563\/revisions"}],"predecessor-version":[{"id":1375,"href":"https:\/\/ps369.org\/index.php?rest_route=\/wp\/v2\/pages\/563\/revisions\/1375"}],"wp:attachment":[{"href":"https:\/\/ps369.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=563"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}