{"id":127,"date":"2026-03-19T00:44:10","date_gmt":"2026-03-19T00:44:10","guid":{"rendered":"https:\/\/csd7.org\/?page_id=127"},"modified":"2026-03-19T18:18:23","modified_gmt":"2026-03-19T18:18:23","slug":"about","status":"publish","type":"page","link":"https:\/\/csd7.org\/?page_id=127","title":{"rendered":"About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"127\" class=\"elementor elementor-127\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dfd8d55 e-con-full e-flex e-con e-parent\" data-id=\"dfd8d55\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3dfe47d elementor-widget elementor-widget-html\" data-id=\"3dfe47d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Fonts -->\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=Outfit:wght@300;400;600;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<!-- Tailwind CSS -->\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script>\n    tailwind.config = {\n        corePlugins: {\n            preflight: false, \/\/ Prevents Elementor overrides\n        },\n        theme: {\n            extend: {\n                colors: {\n                    d7blue: '#132448',\n                    d7light: '#c4ced3',\n                    d7accent: '#2b4c8c',\n                },\n                fontFamily: {\n                    display: ['Outfit', 'sans-serif'],\n                    body: ['Plus Jakarta Sans', 'sans-serif'],\n                }\n            }\n        }\n    }\n<\/script>\n\n<!-- GSAP for Animations -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n\n<style>\n    \/* Scoped Elementor Container *\/\n    #csd7-about-container {\n        background-color: #132448;\n        color: #ffffff;\n        min-height: 100vh;\n        font-family: 'Plus Jakarta Sans', sans-serif;\n        position: relative;\n        overflow-x: hidden;\n    }\n\n    #csd7-about-container h1, \n    #csd7-about-container h2, \n    #csd7-about-container h3, \n    #csd7-about-container h4 {\n        font-family: 'Outfit', sans-serif !important;\n        margin: 0;\n        line-height: 1.2;\n    }\n    \n    #csd7-about-container p { margin: 0; }\n    #csd7-about-container a { text-decoration: none !important; }\n\n    \/* Ambient Background *\/\n    .about-ambient-bg {\n        position: absolute;\n        inset: 0;\n        z-index: 0;\n        background: \n            radial-gradient(circle at 85% 15%, rgba(43, 76, 140, 0.2), transparent 30%),\n            radial-gradient(circle at 15% 85%, rgba(196, 206, 211, 0.08), transparent 30%);\n    }\n    \n    .about-grid-pattern {\n        position: absolute;\n        inset: 0;\n        z-index: 0;\n        background-image: \n            linear-gradient(to right, rgba(196, 206, 211, 0.03) 1px, transparent 1px),\n            linear-gradient(to bottom, rgba(196, 206, 211, 0.03) 1px, transparent 1px);\n        background-size: 40px 40px;\n        mask-image: radial-gradient(ellipse at center, black 20%, transparent 80%);\n        -webkit-mask-image: radial-gradient(ellipse at center, black 20%, transparent 80%);\n    }\n\n    \/* Glass Cards *\/\n    .glass-panel {\n        background: rgba(19, 36, 72, 0.5);\n        backdrop-filter: blur(16px);\n        -webkit-backdrop-filter: blur(16px);\n        border: 1px solid rgba(196, 206, 211, 0.15);\n        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\n    }\n\n    .priority-card {\n        background: linear-gradient(145deg, rgba(43,76,140,0.2) 0%, rgba(19,36,72,0.6) 100%);\n        border: 1px solid rgba(196, 206, 211, 0.1);\n        transition: all 0.4s ease;\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-start;\n    }\n    \n    .priority-card:hover {\n        transform: translateY(-5px);\n        border-color: rgba(196, 206, 211, 0.4);\n        background: linear-gradient(145deg, rgba(43,76,140,0.4) 0%, rgba(19,36,72,0.8) 100%);\n        box-shadow: 0 10px 30px -5px rgba(0,0,0,0.5), 0 0 15px rgba(196, 206, 211, 0.1);\n    }\n\n    \/* Image Masking *\/\n    .super-img-container {\n        position: relative;\n        isolation: isolate;\n    }\n    .super-img-container::after {\n        content: '';\n        position: absolute;\n        inset: 0;\n        border-radius: 2rem;\n        box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);\n        pointer-events: none;\n    }\n<\/style>\n\n<!-- MAIN WRAPPER START -->\n<div id=\"csd7-about-container\" class=\"antialiased selection:bg-d7light selection:text-d7blue\">\n\n    <!-- Backgrounds -->\n    <div class=\"about-ambient-bg\"><\/div>\n    <div class=\"about-grid-pattern\"><\/div>\n\n    <!-- Header Section -->\n    <header class=\"pt-16 pb-16 px-6 md:px-12 text-center relative z-10 gsap-fade\">\n        <div class=\"max-w-4xl mx-auto flex flex-col items-center\">\n            <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white\/5 border border-white\/10 mb-6\">\n                <span class=\"w-2 h-2 rounded-full bg-d7light animate-pulse\"><\/span>\n                <span class=\"text-xs font-bold tracking-widest text-d7light uppercase\">Our Vision<\/span>\n            <\/div>\n            <h1 class=\"text-5xl md:text-6xl lg:text-7xl font-black mb-6 tracking-tight leading-tight text-white !text-center w-full\">\n                D7 is the Bridge to <br>\n                <span class=\"bg-gradient-to-r from-d7light to-slate-500\" style=\"-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent !important;\">Generational Success.<\/span>\n            <\/h1>\n        <\/div>\n    <\/header>\n\n    <!-- Main Content -->\n    <main class=\"px-6 md:px-12 pb-24 relative z-10\">\n        <div class=\"max-w-6xl mx-auto space-y-12\">\n\n            <!-- Leadership & Contact Profile -->\n            <div class=\"glass-panel rounded-[2.5rem] p-8 md:p-12 gsap-fade\">\n                <div class=\"flex flex-col md:flex-row gap-8 md:gap-12 items-start\">\n                    \n                    <!-- Superintendent Photo -->\n                    <div class=\"w-40 md:w-56 shrink-0 super-img-container mx-auto md:mx-0\">\n                        <div class=\"absolute inset-0 bg-gradient-to-tr from-d7light\/20 to-transparent rounded-[2rem] blur-xl transform -translate-x-2 translate-y-2\"><\/div>\n                        <img decoding=\"async\" \n                            src=\"https:\/\/pwsblobprd.schools.nyc\/prd-pws\/images\/default-source\/default-album\/superintendents\/padilla.png?sfvrsn=6b134cb2_2\" \n                            alt=\"Superintendent Roberto Padilla\" \n                            class=\"w-full aspect-square object-cover object-top rounded-[2rem] relative z-10 bg-[#0d1830]\"\n                        >\n                    <\/div>\n\n                    <!-- Leadership Bio & Info -->\n                    <div class=\"flex-grow\">\n                        <div class=\"mb-8 text-center md:text-left\">\n                            <h2 class=\"text-4xl font-black mb-2 text-white\">Roberto Padilla<\/h2>\n                            <p class=\"text-xl text-d7light font-medium mb-6\">Superintendent<\/p>\n                            <p class=\"text-d7light\/80 leading-relaxed text-lg font-body\">\n                                Roberto Padilla has over two decades of teaching and leadership experience that began in middle schools in Manhattan and the Bronx. He went on to become a superintendent outside the DOE, where he was named the <strong class=\"text-white\">2021 New York State Superintendent of the Year<\/strong>, <strong class=\"text-white\">2021 National TRIO Achiever<\/strong>, and the <strong class=\"text-white\">2019 Education Weekly Leader to Learn From<\/strong>.\n                            <\/p>\n                        <\/div>\n\n                        <!-- District Contact Grid -->\n                        <div class=\"grid sm:grid-cols-2 gap-6 pt-6 border-t border-white\/10\">\n                            \n                            <div class=\"flex items-start gap-4\">\n                                <div class=\"w-12 h-12 rounded-full bg-white\/5 flex items-center justify-center shrink-0 border border-white\/10\">\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-d7light\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n                                <\/div>\n                                <div>\n                                    <p class=\"text-xs text-d7light\/60 uppercase tracking-wider font-bold mb-1\">District Office<\/p>\n                                    <p class=\"text-sm font-medium text-white\">501 Courtlandt Avenue<br>Bronx, NY 10451<\/p>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"flex items-start gap-4\">\n                                <div class=\"w-12 h-12 rounded-full bg-white\/5 flex items-center justify-center shrink-0 border border-white\/10\">\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-d7light\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n                                <\/div>\n                                <div>\n                                    <p class=\"text-xs text-d7light\/60 uppercase tracking-wider font-bold mb-1\">Phone<\/p>\n                                    <p class=\"text-sm font-medium text-white\">(718) 742-6500<\/p>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"flex items-start gap-4\">\n                                <div class=\"w-12 h-12 rounded-full bg-white\/5 flex items-center justify-center shrink-0 border border-white\/10\">\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-d7light\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n                                <\/div>\n                                <div>\n                                    <p class=\"text-xs text-d7light\/60 uppercase tracking-wider font-bold mb-1\">Family Support Coord.<\/p>\n                                    <p class=\"text-sm font-medium text-white\">Melodie Duran<\/p>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"flex items-start gap-4\">\n                                <div class=\"w-12 h-12 rounded-full bg-white\/5 flex items-center justify-center shrink-0 border border-white\/10\">\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-d7light\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><line x1=\"19\" y1=\"8\" x2=\"19\" y2=\"14\"\/><line x1=\"22\" y1=\"11\" x2=\"16\" y2=\"11\"\/><\/svg>\n                                <\/div>\n                                <div>\n                                    <p class=\"text-xs text-d7light\/60 uppercase tracking-wider font-bold mb-1\">Family Leadership Coord.<\/p>\n                                    <p class=\"text-sm font-medium text-white\">Fior Taveras<\/p>\n                                    <a href=\"mailto:ftaveras10@schools.nyc.gov\" class=\"text-xs text-d7light\/80 hover:text-white transition-colors mt-0.5 block !underline\">ftaveras10@schools.nyc.gov<\/a>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"flex items-start gap-4\">\n                                <div class=\"w-12 h-12 rounded-full bg-white\/5 flex items-center justify-center shrink-0 border border-white\/10\">\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-d7light\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg>\n                                <\/div>\n                                <div>\n                                    <p class=\"text-xs text-d7light\/60 uppercase tracking-wider font-bold mb-1\">Exec. Dir. Support & Ops<\/p>\n                                    <p class=\"text-sm font-medium text-white\">Stephanie Arriola<\/p>\n                                    <a href=\"mailto:sarriola@schools.nyc.gov\" class=\"text-xs text-d7light\/80 hover:text-white transition-colors mt-0.5 block !underline\">sarriola@schools.nyc.gov<\/a>\n                                <\/div>\n                            <\/div>\n                            \n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n\n            <!-- Strategic Priorities Grid -->\n            <div class=\"pt-8\">\n                <h3 class=\"text-3xl md:text-4xl font-black mb-12 text-white !text-center gsap-fade w-full block\">Our Strategic Priorities (2023-2026)<\/h3>\n                \n                <div class=\"grid md:grid-cols-2 gap-6\">\n                    \n                    <!-- Priority 1 -->\n                    <div class=\"priority-card rounded-3xl p-8 gsap-stagger\">\n                        <div class=\"text-5xl font-black text-white\/10 mb-4 font-display leading-none\">01<\/div>\n                        <h4 class=\"text-2xl font-bold mb-3 text-white\">Read to Succeed<\/h4>\n                        <p class=\"text-d7light\/80 text-base leading-relaxed font-body\">\n                            Ensuring students in all D7 elementary schools read at or above grade level by 3rd Grade, accelerating growth for all students to secure the most important skill required for educational and lifetime success.\n                        <\/p>\n                    <\/div>\n\n                    <!-- Priority 2 -->\n                    <div class=\"priority-card rounded-3xl p-8 gsap-stagger\">\n                        <div class=\"text-5xl font-black text-white\/10 mb-4 font-display leading-none\">02<\/div>\n                        <h4 class=\"text-2xl font-bold mb-3 text-white\">Educational Excellence<\/h4>\n                        <p class=\"text-d7light\/80 text-base leading-relaxed font-body\">\n                            Enhancing our dynamic academic environment by promoting innovative teaching, investing in staff, and ensuring all students excel in foundational literacies, core knowledge, and advanced coursework.\n                        <\/p>\n                    <\/div>\n\n                    <!-- Priority 3 -->\n                    <div class=\"priority-card rounded-3xl p-8 gsap-stagger\">\n                        <div class=\"text-5xl font-black text-white\/10 mb-4 font-display leading-none\">03<\/div>\n                        <h4 class=\"text-2xl font-bold mb-3 text-white\">Mutually Supportive Partnerships<\/h4>\n                        <p class=\"text-d7light\/80 text-base leading-relaxed font-body\">\n                            Developing positive, goal-oriented relationships between families, schools, and the South Bronx community to actively support student learning outcomes and overall family well-being.\n                        <\/p>\n                    <\/div>\n\n                    <!-- Priority 4 -->\n                    <div class=\"priority-card rounded-3xl p-8 gsap-stagger\">\n                        <div class=\"text-5xl font-black text-white\/10 mb-4 font-display leading-none\">04<\/div>\n                        <h4 class=\"text-2xl font-bold mb-3 text-white\">Recruitment & Retention<\/h4>\n                        <p class=\"text-d7light\/80 text-base leading-relaxed font-body\">\n                            Cultivating a vibrant workplace environment where education professionals and support staff realize their impact, fulfill their purpose, and make D7 a true destination district.\n                        <\/p>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/main>\n<\/div>\n<!-- MAIN WRAPPER END -->\n\n<!-- Logic -->\n<script>\n    \/\/ GSAP Animations (Wrapped safely for Elementor rendering)\n    setTimeout(() => {\n        if (typeof gsap !== 'undefined') {\n            \/\/ General fades\n            gsap.fromTo(\".gsap-fade\", \n                { y: 30, opacity: 0 },\n                { y: 0, opacity: 1, duration: 0.8, stagger: 0.2, ease: \"power2.out\" }\n            );\n\n            \/\/ Priorities Grid Stagger\n            gsap.fromTo(\".gsap-stagger\", \n                { y: 40, opacity: 0 },\n                { y: 0, opacity: 1, duration: 0.8, stagger: 0.15, ease: \"power2.out\", delay: 0.3 }\n            );\n        }\n    }, 100); \/\/ 100ms timeout ensures Elementor has painted the DOM\n<\/script>\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>Our Vision D7 is the Bridge to Generational Success. Roberto Padilla Superintendent Roberto Padilla has over two decades of teaching and leadership experience that began in middle schools in Manhattan and the Bronx. He went on to become a superintendent outside the DOE, where he was named the 2021 New York State Superintendent of the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-127","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/csd7.org\/index.php?rest_route=\/wp\/v2\/pages\/127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/csd7.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/csd7.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/csd7.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/csd7.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=127"}],"version-history":[{"count":10,"href":"https:\/\/csd7.org\/index.php?rest_route=\/wp\/v2\/pages\/127\/revisions"}],"predecessor-version":[{"id":175,"href":"https:\/\/csd7.org\/index.php?rest_route=\/wp\/v2\/pages\/127\/revisions\/175"}],"wp:attachment":[{"href":"https:\/\/csd7.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}