{"id":344,"date":"2025-12-08T20:32:23","date_gmt":"2025-12-08T20:32:23","guid":{"rendered":"https:\/\/brave-solomon.64-23-132-27.plesk.page\/?page_id=344"},"modified":"2026-04-03T19:41:35","modified_gmt":"2026-04-03T19:41:35","slug":"contact","status":"publish","type":"page","link":"https:\/\/brave-solomon.64-23-132-27.plesk.page\/index.php\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"344\" class=\"elementor elementor-344\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b67b5a e-con-full e-flex e-con e-parent\" data-id=\"8b67b5a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84480f5 elementor-widget elementor-widget-html\" data-id=\"84480f5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&family=Open+Sans:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n    \n<style>\n    \/* 1. BRAND COLORS & VARIABLES *\/\n    :root {\n        --elp-orange: #F68B36;\n        --elp-orange-glow: rgba(246, 139, 54, 0.4);\n        --elp-teal: #31C0C8;\n        --elp-teal-glow: rgba(49, 192, 200, 0.4);\n        --elp-navy: #1A2B3C;\n        --elp-blue-text: #2C3E50;\n        --elp-bg-light: #EFF3F8;\n        --elp-white: #ffffff;\n    }\n\n    \/* Reset & Base Styles - Bulletproof Breakout applied *\/\n    .elp-contact-wrapper {\n        font-family: 'Open Sans', sans-serif;\n        color: var(--elp-blue-text);\n        line-height: 1.6;\n        \n        \/* BULLETPROOF FULL-WIDTH BREAKOUT *\/\n        width: 100vw !important;\n        max-width: 100vw !important;\n        position: relative !important;\n        left: 0 !important;\n        margin-left: calc(50% - 50vw) !important;\n        \n        \/* PULL UP UNDER HEADER TO REMOVE WHITE GAP *\/\n        margin-top: -85px !important;\n        \/* Note: padding-top removed here so the background image reaches the top *\/\n        \n        background-color: var(--elp-bg-light) !important;\n        overflow-x: hidden;\n        box-sizing: border-box;\n    }\n\n    .elp-contact-wrapper *, .elp-contact-wrapper *::before, .elp-contact-wrapper *::after {\n        box-sizing: inherit;\n    }\n\n    .elp-contact-wrapper h1, \n    .elp-contact-wrapper h2, \n    .elp-contact-wrapper h3 {\n        font-family: 'Montserrat', sans-serif;\n        margin-bottom: 1rem;\n        color: var(--elp-navy);\n        line-height: 1.2;\n    }\n\n    \/* Entrance Animation *\/\n    @keyframes elpFadeUp {\n        from { opacity: 0; transform: translateY(30px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    .elp-animate-up {\n        animation: elpFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n    }\n\n    \/* --- IMMERSIVE HERO SECTION --- *\/\n    .elp-contact-hero {\n        position: relative;\n        min-height: 60vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        \/* Extra top padding ensures content clears the header *\/\n        padding: 160px 5% 160px;\n        background-image: url('https:\/\/brave-solomon.64-23-132-27.plesk.page\/wp-content\/uploads\/2025\/12\/elp-peope-13.jpg');\n        background-size: cover;\n        background-position: center;\n        background-attachment: fixed; \/* Parallax effect *\/\n    }\n\n    \/* Deep Overlay *\/\n    .elp-contact-hero::before {\n        content: '';\n        position: absolute;\n        top: 0; left: 0;\n        width: 100%; height: 100%;\n        background: linear-gradient(135deg, rgba(26, 43, 60, 0.85) 0%, rgba(49, 192, 200, 0.65) 100%);\n        z-index: 1;\n    }\n\n    .elp-hero-content {\n        position: relative;\n        z-index: 2;\n        max-width: 850px;\n        width: 100%;\n        padding: 50px 40px;\n        background-color: rgba(26, 43, 60, 0.4); \n        backdrop-filter: blur(16px);\n        -webkit-backdrop-filter: blur(16px);\n        border-radius: 24px;\n        border: 1px solid rgba(255, 255, 255, 0.15);\n        box-shadow: 0 30px 60px rgba(0,0,0,0.3);\n    }\n\n    .elp-hero-title {\n        font-size: clamp(3rem, 6vw, 4.5rem);\n        font-weight: 800;\n        margin-bottom: 20px;\n        letter-spacing: -1px;\n        color: var(--elp-white) !important; \n    }\n\n    .elp-hero-title span {\n        background: linear-gradient(135deg, var(--elp-orange), #ffae66);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n    }\n\n    .elp-hero-text {\n        font-size: 1.25rem;\n        margin-bottom: 0;\n        font-weight: 400;\n        color: rgba(255,255,255,0.95) !important;\n        line-height: 1.7;\n    }\n\n    \/* --- FLOATING CONTACT CARDS GRID --- *\/\n    .elp-contact-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n        gap: 30px;\n        padding: 0 5%;\n        max-width: 1250px;\n        margin: 0 auto;\n        margin-top: -100px; \/* Overlaps the Hero section elegantly *\/\n        position: relative;\n        z-index: 5;\n    }\n\n    .elp-contact-card {\n        background: var(--elp-white);\n        border-radius: 20px;\n        padding: 45px 35px;\n        text-align: left;\n        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n        box-shadow: 0 15px 35px rgba(0,0,0,0.06);\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n        border: 1px solid rgba(0,0,0,0.03);\n        position: relative;\n        overflow: hidden;\n    }\n\n    \/* Vibrant top border lines *\/\n    .elp-contact-card::before {\n        content: '';\n        position: absolute;\n        top: 0; left: 0; right: 0;\n        height: 5px;\n    }\n    .card-email::before { background: var(--elp-teal); }\n    .card-location::before { background: var(--elp-orange); }\n    .card-sponsor::before { background: var(--elp-navy); }\n\n    .elp-contact-card:hover {\n        transform: translateY(-12px);\n        box-shadow: 0 25px 50px rgba(0,0,0,0.1);\n    }\n\n    .elp-contact-icon {\n        width: 75px;\n        height: 75px;\n        margin-bottom: 25px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: transform 0.4s ease;\n    }\n\n    .card-email .elp-contact-icon { background: rgba(49, 192, 200, 0.1); color: var(--elp-teal); }\n    .card-location .elp-contact-icon { background: rgba(246, 139, 54, 0.1); color: var(--elp-orange); }\n    .card-sponsor .elp-contact-icon { background: rgba(26, 43, 60, 0.08); color: var(--elp-navy); }\n\n    .elp-contact-card:hover .elp-contact-icon {\n        transform: scale(1.1) rotate(-5deg);\n    }\n\n    .elp-contact-icon svg {\n        width: 32px;\n        height: 32px;\n        fill: none;\n        stroke: currentColor;\n        stroke-width: 1.5;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n    }\n\n    .elp-contact-title {\n        font-size: 1.4rem;\n        font-weight: 800;\n        color: var(--elp-navy);\n        margin-bottom: 15px;\n    }\n    \n    .elp-contact-card p, .elp-contact-card a {\n        color: #555;\n        font-size: 1.05rem;\n        margin-bottom: 10px;\n        text-decoration: none;\n        line-height: 1.6;\n    }\n\n    .elp-contact-card a {\n        font-weight: 600;\n        color: var(--elp-teal);\n        transition: color 0.3s ease;\n        display: inline-block;\n    }\n\n    .elp-contact-card a:hover {\n        color: var(--elp-orange);\n    }\n\n    \/* --- SCHOOL ANCHOR SECTION --- *\/\n    .elp-school-anchor {\n        padding: 100px 5%;\n        background-color: var(--elp-white);\n        margin-top: 40px;\n        position: relative;\n    }\n\n    .elp-anchor-grid {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 80px;\n        max-width: 1200px;\n        margin: 0 auto;\n        flex-wrap: wrap;\n    }\n\n    .elp-anchor-text {\n        flex: 1;\n        min-width: 300px;\n    }\n\n    .elp-anchor-text h3 {\n        color: var(--elp-navy);\n        font-size: clamp(2.2rem, 4vw, 2.8rem);\n        margin-bottom: 25px;\n        font-weight: 800;\n        position: relative;\n        display: inline-block;\n    }\n    \n    .elp-anchor-text h3::after {\n        content: '';\n        position: absolute;\n        left: 0; bottom: -5px;\n        width: 60px; height: 4px;\n        background: var(--elp-orange);\n        border-radius: 2px;\n    }\n\n    .elp-anchor-text p {\n        color: #4A5A6A;\n        font-size: 1.15rem;\n        line-height: 1.8;\n    }\n\n    .elp-anchor-image {\n        flex: 1;\n        min-width: 300px;\n        max-width: 550px;\n        position: relative;\n    }\n\n    .elp-anchor-image img {\n        width: 100%;\n        height: auto;\n        border-radius: 24px;\n        position: relative;\n        z-index: 2;\n        box-shadow: 0 20px 40px rgba(0,0,0,0.15);\n    }\n\n    \/* Soft premium glow offset *\/\n    .elp-anchor-image::before {\n        content: '';\n        position: absolute;\n        top: -20px; right: -20px;\n        width: 100%; height: 100%;\n        border-radius: 24px;\n        background: linear-gradient(135deg, rgba(246, 139, 54, 0.2), rgba(49, 192, 200, 0.2));\n        z-index: 1;\n        transition: transform 0.4s ease;\n    }\n\n    .elp-anchor-image:hover::before {\n        transform: translate(10px, -10px);\n    }\n\n    \/* --- RESPONSIVE ADJUSTMENTS --- *\/\n    @media (max-width: 1024px) {\n        .elp-anchor-grid { flex-direction: column-reverse; text-align: center; gap: 50px; }\n        .elp-anchor-text h3::after { left: 50%; transform: translateX(-50%); }\n    }\n    \n    @media (max-width: 768px) {\n        .elp-contact-hero { padding: 140px 5% 120px; min-height: auto; }\n        .elp-hero-content { padding: 40px 25px; }\n        .elp-hero-title { font-size: 2.5rem; }\n        .elp-contact-grid { margin-top: -60px; }\n        .elp-school-anchor { padding: 60px 5%; }\n    }\n<\/style>\n\n<div class=\"elp-contact-wrapper\">\n    \n    <!-- Hero Section -->\n    <div class=\"elp-contact-hero elp-animate-up\">\n        <div class=\"elp-hero-content\">\n            <h1 class=\"elp-hero-title\">Get in <span>Touch<\/span><\/h1>\n            <p class=\"elp-hero-text\">\n                Have questions or want to get involved? We'd love to hear from you. Reach out to our team directly.\n            <\/p>\n        <\/div>\n    <\/div>\n\n    <!-- Floating Contact Cards -->\n    <div class=\"elp-contact-grid elp-animate-up\" style=\"animation-delay: 0.2s;\">\n        \n        <!-- Email Card -->\n        <div class=\"elp-contact-card card-email\">\n            <div class=\"elp-contact-icon\">\n                <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path>\n                    <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n                <\/svg>\n            <\/div>\n            <h3 class=\"elp-contact-title\">Email Us<\/h3>\n            <p>For general inquiries, partnerships, or support:<\/p>\n            <a href=\"mailto:info@elpbx.org\">info@elpbx.org<\/a>\n        <\/div>\n\n        <!-- Location Card -->\n        <div class=\"elp-contact-card card-location\">\n            <div class=\"elp-contact-icon\">\n                <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\n                    <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n                <\/svg>\n            <\/div>\n            <h3 class=\"elp-contact-title\">Our Location<\/h3>\n            <p>Anchored in South Bronx Public Schools with our Emerging Leaders Center located at:<\/p>\n            <p><strong>2402 Third Avenue<br>Bronx NY 10454<\/strong><\/p>\n        <\/div>\n\n        <!-- Fiscal Sponsor Card -->\n        <div class=\"elp-contact-card card-sponsor\">\n            <div class=\"elp-contact-icon\">\n                <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\" ry=\"2\"><\/rect>\n                    <path d=\"M9 22v-4h6v4\"><\/path>\n                    <path d=\"M8 6h.01\"><\/path>\n                    <path d=\"M16 6h.01\"><\/path>\n                    <path d=\"M12 6h.01\"><\/path>\n                    <path d=\"M12 10h.01\"><\/path>\n                    <path d=\"M12 14h.01\"><\/path>\n                    <path d=\"M16 10h.01\"><\/path>\n                    <path d=\"M16 14h.01\"><\/path>\n                    <path d=\"M8 10h.01\"><\/path>\n                    <path d=\"M8 14h.01\"><\/path>\n                <\/svg>\n            <\/div>\n            <h3 class=\"elp-contact-title\">Fiscally Sponsored By<\/h3>\n            <p><strong>Fund for the City of New York<\/strong><\/p>\n            <p>121 Avenue of the Americas<br>New York, NY<\/p>\n        <\/div>\n\n    <\/div>\n\n    <!-- School Anchor Section -->\n    <div class=\"elp-school-anchor\">\n        <div class=\"elp-anchor-grid\">\n            <div class=\"elp-anchor-text\">\n                <h3>Anchored in Community<\/h3>\n                <p>ELP Bx operates directly within our partner schools in the South Bronx to ensure we are accessible, present, and trusted by our scholars. We believe in meeting students where they are to provide the most impactful support and resources possible.<\/p>\n            <\/div>\n            <div class=\"elp-anchor-image\">\n                <img decoding=\"async\" src=\"https:\/\/brave-solomon.64-23-132-27.plesk.page\/wp-content\/uploads\/2025\/12\/student1.jpeg\" alt=\"ELP Scholars in Community\">\n            <\/div>\n        <\/div>\n    <\/div>\n\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>Get in Touch Have questions or want to get involved? We&#8217;d love to hear from you. Reach out to our team directly. Email Us For general inquiries, partnerships, or support: info@elpbx.org Our Location Anchored in South Bronx Public Schools with our Emerging Leaders Center located at: 2402 Third AvenueBronx NY 10454 Fiscally Sponsored By Fund [&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-344","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/brave-solomon.64-23-132-27.plesk.page\/index.php\/wp-json\/wp\/v2\/pages\/344","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brave-solomon.64-23-132-27.plesk.page\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brave-solomon.64-23-132-27.plesk.page\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brave-solomon.64-23-132-27.plesk.page\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brave-solomon.64-23-132-27.plesk.page\/index.php\/wp-json\/wp\/v2\/comments?post=344"}],"version-history":[{"count":10,"href":"https:\/\/brave-solomon.64-23-132-27.plesk.page\/index.php\/wp-json\/wp\/v2\/pages\/344\/revisions"}],"predecessor-version":[{"id":683,"href":"https:\/\/brave-solomon.64-23-132-27.plesk.page\/index.php\/wp-json\/wp\/v2\/pages\/344\/revisions\/683"}],"wp:attachment":[{"href":"https:\/\/brave-solomon.64-23-132-27.plesk.page\/index.php\/wp-json\/wp\/v2\/media?parent=344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}