{"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-05-13T18:54:40","modified_gmt":"2026-05-13T18:54:40","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<!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>Contact Us<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=Montserrat:ital,wght@0,100..900;1,100..900&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: #0b1a69;\n            --elp-bg-light: #EFF3F8;\n            --elp-white: #ffffff;\n\n            \/* Font Variables *\/\n            --font-primary: 'Montserrat', sans-serif;\n            --font-secondary: 'Arimo', sans-serif;\n            --font-display: 'Lovelo', 'Montserrat', sans-serif;\n        }\n\n        \/* Reset & Base Styles - Bulletproof Breakout applied *\/\n        body {\n            margin: 0;\n            padding: 0;\n            overflow-x: hidden;\n            background-color: var(--elp-bg-light);\n        }\n\n        .elp-contact-wrapper {\n            font-family: var(--font-secondary);\n            color: var(--elp-navy);\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: var(--font-primary);\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            padding-bottom: 80px; \/* Added some padding to the bottom since the anchor section is gone *\/\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: var(--elp-navy);\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        \/* --- RESPONSIVE ADJUSTMENTS --- *\/\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        }\n    <\/style>\n<\/head>\n<body>\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 the ELP Bx 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, the Emerging Leaders Program Bx center is located at:<\/p>\n            <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=2402+Third+Avenue,+Bronx,+NY+10454\" target=\"_blank\" rel=\"noopener noreferrer\">\n                <strong>2402 Third Avenue<br>Bronx NY 10454<\/strong>\n            <\/a>\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<\/div>\n\n<\/body>\n<\/html>\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>Contact Us Get in Touch Have questions or want to get involved? We&#8217;d love to hear from you. Reach out to the ELP Bx team directly. Email Us For general inquiries, partnerships, or support: info@elpbx.org Our Location Anchored in South Bronx Public Schools, the Emerging Leaders Program Bx center is located at: 2402 Third AvenueBronx [&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":13,"href":"https:\/\/brave-solomon.64-23-132-27.plesk.page\/index.php\/wp-json\/wp\/v2\/pages\/344\/revisions"}],"predecessor-version":[{"id":849,"href":"https:\/\/brave-solomon.64-23-132-27.plesk.page\/index.php\/wp-json\/wp\/v2\/pages\/344\/revisions\/849"}],"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}]}}