PS 161 Juan Ponce De Leon School | Join The Pride<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&family=Open+Sans:wght@400;600&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary: #122449;\n --secondary: #F0F0F0;\n --accent: #F4A261; \/* Complementary gold\/orange for calls to action *\/\n }\n \n body {\n font-family: 'Open Sans', sans-serif;\n background-color: var(--secondary);\n overflow-x: hidden;\n }\n\n h1, h2, h3, h4, h5, h6, .font-heading {\n font-family: 'Montserrat', sans-serif;\n }\n\n \/* Custom Scrollbar *\/\n ::-webkit-scrollbar {\n width: 10px;\n }\n ::-webkit-scrollbar-track {\n background: #f1f1f1;\n }\n ::-webkit-scrollbar-thumb {\n background: var(--primary);\n border-radius: 5px;\n }\n\n \/* Hero Marquee Animation *\/\n .marquee-container {\n overflow: hidden;\n white-space: nowrap;\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n background: rgba(18, 36, 73, 0.9);\n color: white;\n padding: 15px 0;\n z-index: 20;\n border-top: 4px solid var(--accent);\n }\n\n .marquee-content {\n display: inline-block;\n animation: marquee 25s linear infinite;\n padding-left: 100%;\n font-weight: 600;\n letter-spacing: 1px;\n text-transform: uppercase;\n }\n\n @keyframes marquee {\n 0% { transform: translate(0, 0); }\n 100% { transform: translate(-100%, 0); }\n }\n\n \/* Float Animation for School Elements *\/\n .float-element {\n animation: float 6s ease-in-out infinite;\n }\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-20px); }\n 100% { transform: translateY(0px); }\n }\n\n \/* Reveal on Scroll *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s ease-out;\n }\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Blob Backgrounds for visual interest *\/\n .blob-bg {\n position: absolute;\n filter: blur(40px);\n opacity: 0.1;\n z-index: -1;\n animation: pulse 10s infinite alternate;\n }\n\n @keyframes pulse {\n 0% { transform: scale(1); }\n 100% { transform: scale(1.2); }\n }\n\n \/* Hero Slider Transitions *\/\n .hero-slide {\n position: absolute;\n inset: 0;\n opacity: 0;\n transition: opacity 1.5s ease-in-out;\n z-index: 0;\n }\n .hero-slide.active {\n opacity: 1;\n z-index: 1;\n }\n \/* Ensure overlay stays on top of images but below text *\/\n .hero-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(to right, rgba(18, 36, 73, 0.9), rgba(18, 36, 73, 0.4));\n z-index: 2;\n }\n <\/style>\n<\/head>\n<body class=\"text-gray-800\">\n\n \n <header class=\"relative h-[75vh] min-h-[500px] flex items-center justify-center overflow-hidden\">\n \n \n <div id=\"hero-slider\">\n <img decoding=\"async\" src=\"https:\/\/ps161x.org\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-24-at-8.24.13-PM-Large.jpeg\" alt=\"PS 161 Activity\" class=\"hero-slide active w-full h-full object-cover\">\n <img decoding=\"async\" src=\"https:\/\/ps161x.org\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-24-at-8.23.10-PM-Large.jpeg\" alt=\"PS 161 Classroom\" class=\"hero-slide w-full h-full object-cover\">\n <img decoding=\"async\" src=\"https:\/\/ps161x.org\/wp-content\/uploads\/2025\/11\/download-Large.jpeg\" alt=\"PS 161 Students\" class=\"hero-slide w-full h-full object-cover\">\n <img decoding=\"async\" src=\"https:\/\/ps161x.org\/wp-content\/uploads\/2025\/07\/download-2.jpg\" alt=\"PS 161 Art\" class=\"hero-slide w-full h-full object-cover\">\n <\/div>\n\n \n <div class=\"hero-overlay\"><\/div>\n\n \n <div class=\"relative z-10 text-center px-4 max-w-5xl mx-auto -mt-24\">\n <span class=\"inline-block py-1 px-3 rounded-full bg-orange-500 text-white text-sm font-bold mb-4 animate-bounce\">\n Accepting Applications\n <\/span>\n <h1 class=\"text-5xl md:text-7xl font-extrabold text-white mb-6 tracking-tight drop-shadow-lg font-heading\">\n JOIN THE <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-orange-400 to-yellow-300\">PRIDE<\/span>\n <\/h1>\n <p class=\"text-xl md:text-2xl text-gray-200 mb-10 leading-relaxed font-light max-w-3xl mx-auto\">\n Discover a school where your child will thrive. We serve students from 3K to 5th grade with a commitment to academic growth, bilingual education, and a rich arts program.\n <\/p>\n \n <div class=\"flex flex-col sm:flex-row justify-center gap-4\">\n <a href=\"https:\/\/docs.google.com\/forms\/d\/1WZ1al5BXacCBOcRVGWw0tsbBBh9NqBkRRLeIwkcRb3E\/viewform?edit_requested=true\" target=\"_blank\" class=\"group relative px-8 py-4 bg-orange-500 text-white font-bold text-lg rounded-full shadow-lg overflow-hidden transition-all hover:scale-105 hover:shadow-orange-500\/50\">\n <span class=\"relative z-10 flex items-center gap-2\">\n SIGN UP FOR A TOUR\n <i class=\"fas fa-arrow-right w-5 h-5 mt-1 group-hover:translate-x-1 transition-transform\"><\/i>\n <\/span>\n <div class=\"absolute inset-0 bg-orange-600 transform scale-x-0 group-hover:scale-x-100 transition-transform origin-left\"><\/div>\n <\/a>\n <a href=\"#welcome\" class=\"px-8 py-4 bg-white\/10 backdrop-blur-sm border-2 border-white text-white font-bold text-lg rounded-full hover:bg-white hover:text-[#122449] transition-all\">\n Learn More\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"marquee-container\">\n <div class=\"marquee-content\">\n \u2605 WELCOME TO PS 161 JUAN PONCE DE LEON \u2605 BILINGUAL EDUCATION \u2605 ARTS & MUSIC PROGRAMS \u2605 STEM & ROBOTICS \u2605 JOIN THE PRIDE TODAY \u2605 SERVING GRADES 3K - 5TH \u2605\n \n \u2605 WELCOME TO PS 161 JUAN PONCE DE LEON \u2605 BILINGUAL EDUCATION \u2605 ARTS & MUSIC PROGRAMS \u2605 STEM & ROBOTICS \u2605 JOIN THE PRIDE TODAY \u2605 SERVING GRADES 3K - 5TH \u2605\n <\/div>\n <\/div>\n\n \n <div class=\"absolute top-1\/4 left-10 w-24 h-24 bg-white\/10 rounded-full blur-xl float-element\"><\/div>\n <div class=\"absolute bottom-1\/3 right-10 w-32 h-32 bg-orange-500\/20 rounded-full blur-xl float-element\" style=\"animation-delay: 1s;\"><\/div>\n <\/header>\n\n \n <section id=\"welcome\" class=\"py-20 bg-white relative overflow-hidden\">\n \n <div class=\"blob-bg w-[500px] h-[500px] bg-blue-100 rounded-full top-0 right-0 -mr-20 -mt-20\"><\/div>\n\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex flex-col md:flex-row items-center gap-12\">\n <div class=\"md:w-1\/3 relative reveal\">\n <div class=\"relative rounded-2xl overflow-hidden shadow-2xl border-4 border-white transform rotate-2 hover:rotate-0 transition duration-500\">\n <img decoding=\"async\" src=\"https:\/\/ps161x.org\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-24-at-3.03.40-PM.png\" alt=\"Principal Alana Bibergal\" class=\"w-full h-auto object-cover\">\n <div class=\"absolute bottom-0 left-0 w-full bg-[#122449] bg-opacity-90 py-3 px-4\">\n <h3 class=\"text-white font-bold text-lg font-heading\">Alana Bibergal<\/h3>\n <p class=\"text-orange-300 text-sm font-semibold\">Principal, PS 161<\/p>\n <\/div>\n <\/div>\n \n <div class=\"absolute -z-10 top-[-20px] left-[-20px] w-full h-full border-2 border-[#122449] rounded-2xl\"><\/div>\n <\/div>\n \n <div class=\"md:w-2\/3 reveal\">\n <div class=\"flex items-center gap-3 mb-4\">\n <div class=\"h-1 w-12 bg-orange-500\"><\/div>\n <span class=\"text-[#122449] font-bold uppercase tracking-wider text-sm\">Welcome Message<\/span>\n <\/div>\n <h2 class=\"text-4xl font-bold text-[#122449] mb-6 font-heading\">Leading with Love & Excellence<\/h2>\n <div class=\"prose prose-lg text-gray-600\">\n <p class=\"mb-4\">\n Welcome to PS 161, Juan Ponce De Leon School. Our mission is to work in collaboration with one another to provide students with a safe, supportive, and joyful learning environment where children are intellectually stimulated and feel comfortable taking risks.\n <\/p>\n <p class=\"mb-4\">\n We believe in giving our students the world. Through rigorous instruction in ELA and Math, alongside deep exposure to the arts we are shaping the critical thinkers and successful leaders of tomorrow.\n <\/p>\n <p>\n Join us as we continue to grow, learn, and succeed together. <strong>Join the Pride!<\/strong>\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 bg-[#122449] text-white relative\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-8 text-center\">\n <div class=\"p-4 reveal\">\n <i class=\"fas fa-graduation-cap text-4xl text-orange-400 mx-auto mb-4 block\"><\/i>\n <h3 class=\"text-4xl font-bold mb-2\">3K - 5th<\/h3>\n <p class=\"text-gray-300\">Grades Served<\/p>\n <\/div>\n <div class=\"p-4 reveal\" style=\"transition-delay: 100ms;\">\n <i class=\"fas fa-language text-4xl text-orange-400 mx-auto mb-4 block\"><\/i>\n <h3 class=\"text-4xl font-bold mb-2\">Dual<\/h3>\n <p class=\"text-gray-300\">Language Programs<\/p>\n <\/div>\n <div class=\"p-4 reveal\" style=\"transition-delay: 200ms;\">\n <i class=\"fas fa-palette text-4xl text-orange-400 mx-auto mb-4 block\"><\/i>\n <h3 class=\"text-4xl font-bold mb-2\">Arts<\/h3>\n <p class=\"text-gray-300\">Rich Curriculum<\/p>\n <\/div>\n <div class=\"p-4 reveal\" style=\"transition-delay: 300ms;\">\n <i class=\"fas fa-users text-4xl text-orange-400 mx-auto mb-4 block\"><\/i>\n <h3 class=\"text-4xl font-bold mb-2\">1:1<\/h3>\n <p class=\"text-gray-300\">Student Support<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"highlights\" class=\"py-20 bg-[#F0F0F0]\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-12 reveal\">\n <span class=\"text-gray-500 font-bold uppercase tracking-wider text-sm\">WHY CHOOSE PS161?<\/span>\n <h2 class=\"text-3xl md:text-4xl font-bold text-[#122449] mt-2 mb-6 font-heading\">We Are The Bridge To Generational Success!<\/h2>\n <div class=\"w-24 h-1 bg-[#122449] mx-auto mb-6 rounded-full\"><\/div>\n <p class=\"max-w-4xl mx-auto text-gray-600 text-lg leading-relaxed\">\n At PS 161, we are dedicated to nurturing every child's potential. We offer a dynamic learning environment that includes a Spanish Dual Language program, allowing students to learn in both English and Spanish throughout the day. Our focus on small class sizes ensures personalized attention for every student. We are proud to be \"The Pride of the Bronx\", and our vision is to be the bridge to your child's successful future.\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n \n <div class=\"bg-white rounded-xl shadow-lg overflow-hidden group hover:shadow-2xl transition duration-300 reveal flex flex-col h-full\">\n <div class=\"h-64 overflow-hidden relative flex-shrink-0\">\n <img decoding=\"async\" src=\"https:\/\/ps161x.org\/wp-content\/uploads\/2025\/07\/download-1.jpg\" alt=\"Academics\" class=\"w-full h-full object-cover object-top transform group-hover:scale-110 transition duration-500\">\n <div class=\"absolute top-4 right-4 bg-blue-600 text-white text-xs font-bold px-3 py-1 rounded-full\">Academics<\/div>\n <\/div>\n <div class=\"p-6 flex flex-col flex-grow\">\n <h3 class=\"text-xl font-bold text-[#122449] mb-3\">Rigorous Instruction & Support<\/h3>\n <p class=\"text-gray-600 mb-4 text-sm flex-grow\">\n We offer rigorous instruction paired with intervention and enrichment to meet every child's needs. This includes dedicated ELA and Math WINN (What I need now) time to meet the needs of students who need intervention, as well as those who are excelling. We also work with CUNY Tutors to provide more intensive reading intervention for students in K-2.\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-xl shadow-lg overflow-hidden group hover:shadow-2xl transition duration-300 reveal flex flex-col h-full\" style=\"transition-delay: 100ms;\">\n <div class=\"h-64 overflow-hidden relative flex-shrink-0\">\n <img decoding=\"async\" src=\"https:\/\/ps161x.org\/wp-content\/uploads\/2025\/07\/download-3.jpg\" alt=\"Dual Language\" class=\"w-full h-full object-cover object-top transform group-hover:scale-110 transition duration-500\">\n <div class=\"absolute top-4 right-4 bg-pink-600 text-white text-xs font-bold px-3 py-1 rounded-full\">Bilingual<\/div>\n <\/div>\n <div class=\"p-6 flex flex-col flex-grow\">\n <h3 class=\"text-xl font-bold text-[#122449] mb-3\">Dual Language Program<\/h3>\n <p class=\"text-gray-600 mb-4 text-sm flex-grow\">\n Our Spanish Dual Language program immerses students in both English and Spanish, fostering bilingualism and biliteracy from a young age.\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-xl shadow-lg overflow-hidden group hover:shadow-2xl transition duration-300 reveal flex flex-col h-full\" style=\"transition-delay: 200ms;\">\n <div class=\"h-64 overflow-hidden relative flex-shrink-0\">\n <img decoding=\"async\" src=\"https:\/\/ps161x.org\/wp-content\/uploads\/2025\/07\/download-2.jpg\" alt=\"Support Services\" class=\"w-full h-full object-cover object-top transform group-hover:scale-110 transition duration-500\">\n <div class=\"absolute top-4 right-4 bg-green-600 text-white text-xs font-bold px-3 py-1 rounded-full\">Services<\/div>\n <\/div>\n <div class=\"p-6 flex flex-col flex-grow\">\n <h3 class=\"text-xl font-bold text-[#122449] mb-3\">Comprehensive Support Services<\/h3>\n <p class=\"text-gray-600 mb-2 text-sm\">We provide a range of services to ensure every child can succeed, including:<\/p>\n <ul class=\"list-disc pl-5 text-gray-600 text-sm flex-grow space-y-1\">\n <li>Integrated Co-Teaching classrooms<\/li>\n <li>Special Classes in a 12:1 setting<\/li>\n <li>SETSS, Speech, Occupational Therapy, Physical Therapy, and Counseling services<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 bg-white border-y border-gray-200\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <h2 class=\"text-3xl font-bold text-[#122449] text-center mb-10 font-heading\">Quick Links for Families<\/h2>\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n \n \n <a href=\"https:\/\/www.schools.nyc.gov\/school-life\/food\/menus\/school-lunch-meals?value=s8\" target=\"_blank\" class=\"flex flex-col items-center justify-center p-6 border rounded-xl hover:shadow-lg hover:border-orange-500 hover:text-orange-500 transition duration-300 group\">\n <div class=\"bg-blue-50 p-4 rounded-full mb-3 group-hover:bg-orange-50 transition\">\n <i class=\"fas fa-utensils w-8 h-8 text-[#122449] group-hover:text-orange-500 transition text-2xl flex justify-center items-center\"><\/i>\n <\/div>\n <span class=\"font-bold text-[#122449] group-hover:text-orange-500\">Lunch Menu<\/span>\n <\/a>\n\n \n <a href=\"https:\/\/www.schools.nyc.gov\/school-life\/food\/menus\/breakfast-meals?value=s4\" target=\"_blank\" class=\"flex flex-col items-center justify-center p-6 border rounded-xl hover:shadow-lg hover:border-orange-500 hover:text-orange-500 transition duration-300 group\">\n <div class=\"bg-blue-50 p-4 rounded-full mb-3 group-hover:bg-orange-50 transition\">\n <i class=\"fas fa-mug-hot w-8 h-8 text-[#122449] group-hover:text-orange-500 transition text-2xl flex justify-center items-center\"><\/i>\n <\/div>\n <span class=\"font-bold text-[#122449] group-hover:text-orange-500\">Breakfast Menu<\/span>\n <\/a>\n\n \n <a href=\"https:\/\/www.instagram.com\/ps161bx\/\" target=\"_blank\" class=\"flex flex-col items-center justify-center p-6 border rounded-xl hover:shadow-lg hover:border-orange-500 hover:text-orange-500 transition duration-300 group\">\n <div class=\"bg-blue-50 p-4 rounded-full mb-3 group-hover:bg-orange-50 transition\">\n <i class=\"fab fa-instagram w-8 h-8 text-[#122449] group-hover:text-orange-500 transition text-2xl flex justify-center items-center\"><\/i>\n <\/div>\n <span class=\"font-bold text-[#122449] group-hover:text-orange-500\">Instagram<\/span>\n <\/a>\n\n \n <a href=\"https:\/\/www.schools.nyc.gov\/enrollment\/enroll-grade-by-grade\" target=\"_blank\" class=\"flex flex-col items-center justify-center p-6 border rounded-xl hover:shadow-lg hover:border-orange-500 hover:text-orange-500 transition duration-300 group\">\n <div class=\"bg-blue-50 p-4 rounded-full mb-3 group-hover:bg-orange-50 transition\">\n <i class=\"fas fa-user-plus w-8 h-8 text-[#122449] group-hover:text-orange-500 transition text-2xl flex justify-center items-center\"><\/i>\n <\/div>\n <span class=\"font-bold text-[#122449] group-hover:text-orange-500\">How to Enroll<\/span>\n <\/a>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"contact\" class=\"py-0 relative\">\n <div class=\"flex flex-col md:flex-row h-full\">\n <div class=\"md:w-1\/2 bg-[#122449] text-white p-12 flex flex-col justify-center\">\n <h2 class=\"text-4xl font-bold mb-6 font-heading\">Visit Us<\/h2>\n <div class=\"space-y-6\">\n <div class=\"flex items-start gap-4\">\n <i class=\"fas fa-map-marker-alt w-6 h-6 text-orange-500 mt-1\"><\/i>\n <div>\n <h4 class=\"font-bold text-xl mb-1\">Address<\/h4>\n <p class=\"text-gray-300\">628 Tinton Avenue<br>Bronx, NY 10455<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-4\">\n <i class=\"fas fa-phone w-6 h-6 text-orange-500 mt-1\"><\/i>\n <div>\n <h4 class=\"font-bold text-xl mb-1\">Phone<\/h4>\n <p class=\"text-gray-300\">(718) 292-5478<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-4\">\n <i class=\"fas fa-envelope w-6 h-6 text-orange-500 mt-1\"><\/i>\n <div>\n <h4 class=\"font-bold text-xl mb-1\">Email<\/h4>\n <p class=\"text-gray-300\">\n Parent Coordinator Denise Jourdan<br>\n DJourdan@schools.nyc.gov\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"mt-10 pt-8 border-t border-gray-700\">\n <h4 class=\"font-bold text-lg mb-4\">Follow The Pride<\/h4>\n <div class=\"flex space-x-4\">\n <a href=\"https:\/\/www.instagram.com\/ps161bx\/\" target=\"_blank\" class=\"bg-white\/10 p-3 rounded-full hover:bg-orange-500 transition flex items-center justify-center w-12 h-12\">\n <i class=\"fab fa-instagram text-xl\"><\/i>\n <\/a>\n \n <\/div>\n <\/div>\n <\/div>\n <div class=\"md:w-1\/2 h-96 md:h-auto bg-gray-200\">\n <iframe \n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3020.2443048598717!2d-73.90768992426379!3d40.8126838321034!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c2f5b08c6913c3%3A0x6787652750808269!2sPS%20161%20Juan%20Ponce%20De%20Leon%20School!5e0!3m2!1sen!2sus!4v1700000000000!5m2!1sen!2sus\" \n width=\"100%\" \n height=\"100%\" \n style=\"border:0;\" \n allowfullscreen=\"\" \n loading=\"lazy\" \n referrerpolicy=\"no-referrer-when-downgrade\">\n <\/iframe>\n <\/div>\n <\/div>\n <\/section>\n\n \n <script>\n \/\/ No JS initialization needed for Font Awesome\n\n \/\/ Reveal on Scroll Animation\n function reveal() {\n var reveals = document.querySelectorAll(\".reveal\");\n for (var i = 0; i < reveals.length; i++) {\n var windowHeight = window.innerHeight;\n var elementTop = reveals[i].getBoundingClientRect().top;\n var elementVisible = 150;\n if (elementTop < windowHeight - elementVisible) {\n reveals[i].classList.add(\"active\");\n }\n }\n }\n window.addEventListener(\"scroll\", reveal);\n \/\/ Trigger once on load\n reveal();\n\n \/\/ --- HERO SLIDER LOGIC ---\n \n \/\/ 1. Shuffle the slides on load\n const sliderContainer = document.getElementById('hero-slider');\n \/\/ Convert NodeList to Array to shuffle\n const slidesArray = Array.from(sliderContainer.querySelectorAll('.hero-slide'));\n\n \/\/ Fisher-Yates Shuffle Algorithm\n for (let i = slidesArray.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [slidesArray[i], slidesArray[j]] = [slidesArray[j], slidesArray[i]];\n }\n\n \/\/ Re-append slides in random order and reset active class\n sliderContainer.innerHTML = ''; \/\/ Clear container\n slidesArray.forEach((slide, index) => {\n \/\/ Ensure only the first slide has the 'active' class initially\n if (index === 0) {\n slide.classList.add('active');\n } else {\n slide.classList.remove('active');\n }\n sliderContainer.appendChild(slide);\n });\n\n \/\/ 2. Initialize the Slider Interval\n \/\/ Select the newly ordered slides\n const slides = document.querySelectorAll('.hero-slide');\n let currentSlide = 0;\n const slideInterval = 5000; \/\/ 5 seconds\n\n function nextSlide() {\n slides[currentSlide].classList.remove('active');\n currentSlide = (currentSlide + 1) % slides.length;\n slides[currentSlide].classList.add('active');\n }\n\n setInterval(nextSlide, slideInterval);\n\n <\/script>\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>PS 161 Juan Ponce De Leon School | Join The Pride Accepting Applications JOIN THE PRIDE Discover a school where your child will thrive. We serve students from 3K to 5th grade with a commitment to academic growth, bilingual education, and a rich arts program. SIGN UP FOR A TOUR Learn More \u2605 WELCOME TO […]<\/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-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ps161x.org\/index.php?rest_route=\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ps161x.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ps161x.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ps161x.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ps161x.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=26"}],"version-history":[{"count":215,"href":"https:\/\/ps161x.org\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":412,"href":"https:\/\/ps161x.org\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions\/412"}],"wp:attachment":[{"href":"https:\/\/ps161x.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n PS 161 Juan Ponce De Leon School | Join The Pride<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&family=Open+Sans:wght@400;600&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary: #122449;\n --secondary: #F0F0F0;\n --accent: #F4A261; \/* Complementary gold\/orange for calls to action *\/\n }\n \n body {\n font-family: 'Open Sans', sans-serif;\n background-color: var(--secondary);\n overflow-x: hidden;\n }\n\n h1, h2, h3, h4, h5, h6, .font-heading {\n font-family: 'Montserrat', sans-serif;\n }\n\n \/* Custom Scrollbar *\/\n ::-webkit-scrollbar {\n width: 10px;\n }\n ::-webkit-scrollbar-track {\n background: #f1f1f1;\n }\n ::-webkit-scrollbar-thumb {\n background: var(--primary);\n border-radius: 5px;\n }\n\n \/* Hero Marquee Animation *\/\n .marquee-container {\n overflow: hidden;\n white-space: nowrap;\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n background: rgba(18, 36, 73, 0.9);\n color: white;\n padding: 15px 0;\n z-index: 20;\n border-top: 4px solid var(--accent);\n }\n\n .marquee-content {\n display: inline-block;\n animation: marquee 25s linear infinite;\n padding-left: 100%;\n font-weight: 600;\n letter-spacing: 1px;\n text-transform: uppercase;\n }\n\n @keyframes marquee {\n 0% { transform: translate(0, 0); }\n 100% { transform: translate(-100%, 0); }\n }\n\n \/* Float Animation for School Elements *\/\n .float-element {\n animation: float 6s ease-in-out infinite;\n }\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-20px); }\n 100% { transform: translateY(0px); }\n }\n\n \/* Reveal on Scroll *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s ease-out;\n }\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Blob Backgrounds for visual interest *\/\n .blob-bg {\n position: absolute;\n filter: blur(40px);\n opacity: 0.1;\n z-index: -1;\n animation: pulse 10s infinite alternate;\n }\n\n @keyframes pulse {\n 0% { transform: scale(1); }\n 100% { transform: scale(1.2); }\n }\n\n \/* Hero Slider Transitions *\/\n .hero-slide {\n position: absolute;\n inset: 0;\n opacity: 0;\n transition: opacity 1.5s ease-in-out;\n z-index: 0;\n }\n .hero-slide.active {\n opacity: 1;\n z-index: 1;\n }\n \/* Ensure overlay stays on top of images but below text *\/\n .hero-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(to right, rgba(18, 36, 73, 0.9), rgba(18, 36, 73, 0.4));\n z-index: 2;\n }\n <\/style>\n<\/head>\n<body class=\"text-gray-800\">\n\n \n <header class=\"relative h-[75vh] min-h-[500px] flex items-center justify-center overflow-hidden\">\n \n \n <div id=\"hero-slider\">\n <img decoding=\"async\" src=\"https:\/\/ps161x.org\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-24-at-8.24.13-PM-Large.jpeg\" alt=\"PS 161 Activity\" class=\"hero-slide active w-full h-full object-cover\">\n <img decoding=\"async\" src=\"https:\/\/ps161x.org\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-24-at-8.23.10-PM-Large.jpeg\" alt=\"PS 161 Classroom\" class=\"hero-slide w-full h-full object-cover\">\n <img decoding=\"async\" src=\"https:\/\/ps161x.org\/wp-content\/uploads\/2025\/11\/download-Large.jpeg\" alt=\"PS 161 Students\" class=\"hero-slide w-full h-full object-cover\">\n <img decoding=\"async\" src=\"https:\/\/ps161x.org\/wp-content\/uploads\/2025\/07\/download-2.jpg\" alt=\"PS 161 Art\" class=\"hero-slide w-full h-full object-cover\">\n <\/div>\n\n \n <div class=\"hero-overlay\"><\/div>\n\n \n <div class=\"relative z-10 text-center px-4 max-w-5xl mx-auto -mt-24\">\n <span class=\"inline-block py-1 px-3 rounded-full bg-orange-500 text-white text-sm font-bold mb-4 animate-bounce\">\n Accepting Applications\n <\/span>\n <h1 class=\"text-5xl md:text-7xl font-extrabold text-white mb-6 tracking-tight drop-shadow-lg font-heading\">\n JOIN THE <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-orange-400 to-yellow-300\">PRIDE<\/span>\n <\/h1>\n <p class=\"text-xl md:text-2xl text-gray-200 mb-10 leading-relaxed font-light max-w-3xl mx-auto\">\n Discover a school where your child will thrive. We serve students from 3K to 5th grade with a commitment to academic growth, bilingual education, and a rich arts program.\n <\/p>\n \n <div class=\"flex flex-col sm:flex-row justify-center gap-4\">\n <a href=\"https:\/\/docs.google.com\/forms\/d\/1WZ1al5BXacCBOcRVGWw0tsbBBh9NqBkRRLeIwkcRb3E\/viewform?edit_requested=true\" target=\"_blank\" class=\"group relative px-8 py-4 bg-orange-500 text-white font-bold text-lg rounded-full shadow-lg overflow-hidden transition-all hover:scale-105 hover:shadow-orange-500\/50\">\n <span class=\"relative z-10 flex items-center gap-2\">\n SIGN UP FOR A TOUR\n <i class=\"fas fa-arrow-right w-5 h-5 mt-1 group-hover:translate-x-1 transition-transform\"><\/i>\n <\/span>\n <div class=\"absolute inset-0 bg-orange-600 transform scale-x-0 group-hover:scale-x-100 transition-transform origin-left\"><\/div>\n <\/a>\n <a href=\"#welcome\" class=\"px-8 py-4 bg-white\/10 backdrop-blur-sm border-2 border-white text-white font-bold text-lg rounded-full hover:bg-white hover:text-[#122449] transition-all\">\n Learn More\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"marquee-container\">\n <div class=\"marquee-content\">\n \u2605 WELCOME TO PS 161 JUAN PONCE DE LEON \u2605 BILINGUAL EDUCATION \u2605 ARTS & MUSIC PROGRAMS \u2605 STEM & ROBOTICS \u2605 JOIN THE PRIDE TODAY \u2605 SERVING GRADES 3K - 5TH \u2605\n \n \u2605 WELCOME TO PS 161 JUAN PONCE DE LEON \u2605 BILINGUAL EDUCATION \u2605 ARTS & MUSIC PROGRAMS \u2605 STEM & ROBOTICS \u2605 JOIN THE PRIDE TODAY \u2605 SERVING GRADES 3K - 5TH \u2605\n <\/div>\n <\/div>\n\n \n <div class=\"absolute top-1\/4 left-10 w-24 h-24 bg-white\/10 rounded-full blur-xl float-element\"><\/div>\n <div class=\"absolute bottom-1\/3 right-10 w-32 h-32 bg-orange-500\/20 rounded-full blur-xl float-element\" style=\"animation-delay: 1s;\"><\/div>\n <\/header>\n\n \n <section id=\"welcome\" class=\"py-20 bg-white relative overflow-hidden\">\n \n <div class=\"blob-bg w-[500px] h-[500px] bg-blue-100 rounded-full top-0 right-0 -mr-20 -mt-20\"><\/div>\n\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex flex-col md:flex-row items-center gap-12\">\n <div class=\"md:w-1\/3 relative reveal\">\n <div class=\"relative rounded-2xl overflow-hidden shadow-2xl border-4 border-white transform rotate-2 hover:rotate-0 transition duration-500\">\n <img decoding=\"async\" src=\"https:\/\/ps161x.org\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-24-at-3.03.40-PM.png\" alt=\"Principal Alana Bibergal\" class=\"w-full h-auto object-cover\">\n <div class=\"absolute bottom-0 left-0 w-full bg-[#122449] bg-opacity-90 py-3 px-4\">\n <h3 class=\"text-white font-bold text-lg font-heading\">Alana Bibergal<\/h3>\n <p class=\"text-orange-300 text-sm font-semibold\">Principal, PS 161<\/p>\n <\/div>\n <\/div>\n \n <div class=\"absolute -z-10 top-[-20px] left-[-20px] w-full h-full border-2 border-[#122449] rounded-2xl\"><\/div>\n <\/div>\n \n <div class=\"md:w-2\/3 reveal\">\n <div class=\"flex items-center gap-3 mb-4\">\n <div class=\"h-1 w-12 bg-orange-500\"><\/div>\n <span class=\"text-[#122449] font-bold uppercase tracking-wider text-sm\">Welcome Message<\/span>\n <\/div>\n <h2 class=\"text-4xl font-bold text-[#122449] mb-6 font-heading\">Leading with Love & Excellence<\/h2>\n <div class=\"prose prose-lg text-gray-600\">\n <p class=\"mb-4\">\n Welcome to PS 161, Juan Ponce De Leon School. Our mission is to work in collaboration with one another to provide students with a safe, supportive, and joyful learning environment where children are intellectually stimulated and feel comfortable taking risks.\n <\/p>\n <p class=\"mb-4\">\n We believe in giving our students the world. Through rigorous instruction in ELA and Math, alongside deep exposure to the arts we are shaping the critical thinkers and successful leaders of tomorrow.\n <\/p>\n <p>\n Join us as we continue to grow, learn, and succeed together. <strong>Join the Pride!<\/strong>\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 bg-[#122449] text-white relative\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-8 text-center\">\n <div class=\"p-4 reveal\">\n <i class=\"fas fa-graduation-cap text-4xl text-orange-400 mx-auto mb-4 block\"><\/i>\n <h3 class=\"text-4xl font-bold mb-2\">3K - 5th<\/h3>\n <p class=\"text-gray-300\">Grades Served<\/p>\n <\/div>\n <div class=\"p-4 reveal\" style=\"transition-delay: 100ms;\">\n <i class=\"fas fa-language text-4xl text-orange-400 mx-auto mb-4 block\"><\/i>\n <h3 class=\"text-4xl font-bold mb-2\">Dual<\/h3>\n <p class=\"text-gray-300\">Language Programs<\/p>\n <\/div>\n <div class=\"p-4 reveal\" style=\"transition-delay: 200ms;\">\n <i class=\"fas fa-palette text-4xl text-orange-400 mx-auto mb-4 block\"><\/i>\n <h3 class=\"text-4xl font-bold mb-2\">Arts<\/h3>\n <p class=\"text-gray-300\">Rich Curriculum<\/p>\n <\/div>\n <div class=\"p-4 reveal\" style=\"transition-delay: 300ms;\">\n <i class=\"fas fa-users text-4xl text-orange-400 mx-auto mb-4 block\"><\/i>\n <h3 class=\"text-4xl font-bold mb-2\">1:1<\/h3>\n <p class=\"text-gray-300\">Student Support<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"highlights\" class=\"py-20 bg-[#F0F0F0]\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-12 reveal\">\n <span class=\"text-gray-500 font-bold uppercase tracking-wider text-sm\">WHY CHOOSE PS161?<\/span>\n <h2 class=\"text-3xl md:text-4xl font-bold text-[#122449] mt-2 mb-6 font-heading\">We Are The Bridge To Generational Success!<\/h2>\n <div class=\"w-24 h-1 bg-[#122449] mx-auto mb-6 rounded-full\"><\/div>\n <p class=\"max-w-4xl mx-auto text-gray-600 text-lg leading-relaxed\">\n At PS 161, we are dedicated to nurturing every child's potential. We offer a dynamic learning environment that includes a Spanish Dual Language program, allowing students to learn in both English and Spanish throughout the day. Our focus on small class sizes ensures personalized attention for every student. We are proud to be \"The Pride of the Bronx\", and our vision is to be the bridge to your child's successful future.\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n \n <div class=\"bg-white rounded-xl shadow-lg overflow-hidden group hover:shadow-2xl transition duration-300 reveal flex flex-col h-full\">\n <div class=\"h-64 overflow-hidden relative flex-shrink-0\">\n <img decoding=\"async\" src=\"https:\/\/ps161x.org\/wp-content\/uploads\/2025\/07\/download-1.jpg\" alt=\"Academics\" class=\"w-full h-full object-cover object-top transform group-hover:scale-110 transition duration-500\">\n <div class=\"absolute top-4 right-4 bg-blue-600 text-white text-xs font-bold px-3 py-1 rounded-full\">Academics<\/div>\n <\/div>\n <div class=\"p-6 flex flex-col flex-grow\">\n <h3 class=\"text-xl font-bold text-[#122449] mb-3\">Rigorous Instruction & Support<\/h3>\n <p class=\"text-gray-600 mb-4 text-sm flex-grow\">\n We offer rigorous instruction paired with intervention and enrichment to meet every child's needs. This includes dedicated ELA and Math WINN (What I need now) time to meet the needs of students who need intervention, as well as those who are excelling. We also work with CUNY Tutors to provide more intensive reading intervention for students in K-2.\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-xl shadow-lg overflow-hidden group hover:shadow-2xl transition duration-300 reveal flex flex-col h-full\" style=\"transition-delay: 100ms;\">\n <div class=\"h-64 overflow-hidden relative flex-shrink-0\">\n <img decoding=\"async\" src=\"https:\/\/ps161x.org\/wp-content\/uploads\/2025\/07\/download-3.jpg\" alt=\"Dual Language\" class=\"w-full h-full object-cover object-top transform group-hover:scale-110 transition duration-500\">\n <div class=\"absolute top-4 right-4 bg-pink-600 text-white text-xs font-bold px-3 py-1 rounded-full\">Bilingual<\/div>\n <\/div>\n <div class=\"p-6 flex flex-col flex-grow\">\n <h3 class=\"text-xl font-bold text-[#122449] mb-3\">Dual Language Program<\/h3>\n <p class=\"text-gray-600 mb-4 text-sm flex-grow\">\n Our Spanish Dual Language program immerses students in both English and Spanish, fostering bilingualism and biliteracy from a young age.\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-xl shadow-lg overflow-hidden group hover:shadow-2xl transition duration-300 reveal flex flex-col h-full\" style=\"transition-delay: 200ms;\">\n <div class=\"h-64 overflow-hidden relative flex-shrink-0\">\n <img decoding=\"async\" src=\"https:\/\/ps161x.org\/wp-content\/uploads\/2025\/07\/download-2.jpg\" alt=\"Support Services\" class=\"w-full h-full object-cover object-top transform group-hover:scale-110 transition duration-500\">\n <div class=\"absolute top-4 right-4 bg-green-600 text-white text-xs font-bold px-3 py-1 rounded-full\">Services<\/div>\n <\/div>\n <div class=\"p-6 flex flex-col flex-grow\">\n <h3 class=\"text-xl font-bold text-[#122449] mb-3\">Comprehensive Support Services<\/h3>\n <p class=\"text-gray-600 mb-2 text-sm\">We provide a range of services to ensure every child can succeed, including:<\/p>\n <ul class=\"list-disc pl-5 text-gray-600 text-sm flex-grow space-y-1\">\n <li>Integrated Co-Teaching classrooms<\/li>\n <li>Special Classes in a 12:1 setting<\/li>\n <li>SETSS, Speech, Occupational Therapy, Physical Therapy, and Counseling services<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 bg-white border-y border-gray-200\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <h2 class=\"text-3xl font-bold text-[#122449] text-center mb-10 font-heading\">Quick Links for Families<\/h2>\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n \n \n <a href=\"https:\/\/www.schools.nyc.gov\/school-life\/food\/menus\/school-lunch-meals?value=s8\" target=\"_blank\" class=\"flex flex-col items-center justify-center p-6 border rounded-xl hover:shadow-lg hover:border-orange-500 hover:text-orange-500 transition duration-300 group\">\n <div class=\"bg-blue-50 p-4 rounded-full mb-3 group-hover:bg-orange-50 transition\">\n <i class=\"fas fa-utensils w-8 h-8 text-[#122449] group-hover:text-orange-500 transition text-2xl flex justify-center items-center\"><\/i>\n <\/div>\n <span class=\"font-bold text-[#122449] group-hover:text-orange-500\">Lunch Menu<\/span>\n <\/a>\n\n \n <a href=\"https:\/\/www.schools.nyc.gov\/school-life\/food\/menus\/breakfast-meals?value=s4\" target=\"_blank\" class=\"flex flex-col items-center justify-center p-6 border rounded-xl hover:shadow-lg hover:border-orange-500 hover:text-orange-500 transition duration-300 group\">\n <div class=\"bg-blue-50 p-4 rounded-full mb-3 group-hover:bg-orange-50 transition\">\n <i class=\"fas fa-mug-hot w-8 h-8 text-[#122449] group-hover:text-orange-500 transition text-2xl flex justify-center items-center\"><\/i>\n <\/div>\n <span class=\"font-bold text-[#122449] group-hover:text-orange-500\">Breakfast Menu<\/span>\n <\/a>\n\n \n <a href=\"https:\/\/www.instagram.com\/ps161bx\/\" target=\"_blank\" class=\"flex flex-col items-center justify-center p-6 border rounded-xl hover:shadow-lg hover:border-orange-500 hover:text-orange-500 transition duration-300 group\">\n <div class=\"bg-blue-50 p-4 rounded-full mb-3 group-hover:bg-orange-50 transition\">\n <i class=\"fab fa-instagram w-8 h-8 text-[#122449] group-hover:text-orange-500 transition text-2xl flex justify-center items-center\"><\/i>\n <\/div>\n <span class=\"font-bold text-[#122449] group-hover:text-orange-500\">Instagram<\/span>\n <\/a>\n\n \n <a href=\"https:\/\/www.schools.nyc.gov\/enrollment\/enroll-grade-by-grade\" target=\"_blank\" class=\"flex flex-col items-center justify-center p-6 border rounded-xl hover:shadow-lg hover:border-orange-500 hover:text-orange-500 transition duration-300 group\">\n <div class=\"bg-blue-50 p-4 rounded-full mb-3 group-hover:bg-orange-50 transition\">\n <i class=\"fas fa-user-plus w-8 h-8 text-[#122449] group-hover:text-orange-500 transition text-2xl flex justify-center items-center\"><\/i>\n <\/div>\n <span class=\"font-bold text-[#122449] group-hover:text-orange-500\">How to Enroll<\/span>\n <\/a>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"contact\" class=\"py-0 relative\">\n <div class=\"flex flex-col md:flex-row h-full\">\n <div class=\"md:w-1\/2 bg-[#122449] text-white p-12 flex flex-col justify-center\">\n <h2 class=\"text-4xl font-bold mb-6 font-heading\">Visit Us<\/h2>\n <div class=\"space-y-6\">\n <div class=\"flex items-start gap-4\">\n <i class=\"fas fa-map-marker-alt w-6 h-6 text-orange-500 mt-1\"><\/i>\n <div>\n <h4 class=\"font-bold text-xl mb-1\">Address<\/h4>\n <p class=\"text-gray-300\">628 Tinton Avenue<br>Bronx, NY 10455<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-4\">\n <i class=\"fas fa-phone w-6 h-6 text-orange-500 mt-1\"><\/i>\n <div>\n <h4 class=\"font-bold text-xl mb-1\">Phone<\/h4>\n <p class=\"text-gray-300\">(718) 292-5478<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-4\">\n <i class=\"fas fa-envelope w-6 h-6 text-orange-500 mt-1\"><\/i>\n <div>\n <h4 class=\"font-bold text-xl mb-1\">Email<\/h4>\n <p class=\"text-gray-300\">\n Parent Coordinator Denise Jourdan<br>\n DJourdan@schools.nyc.gov\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"mt-10 pt-8 border-t border-gray-700\">\n <h4 class=\"font-bold text-lg mb-4\">Follow The Pride<\/h4>\n <div class=\"flex space-x-4\">\n <a href=\"https:\/\/www.instagram.com\/ps161bx\/\" target=\"_blank\" class=\"bg-white\/10 p-3 rounded-full hover:bg-orange-500 transition flex items-center justify-center w-12 h-12\">\n <i class=\"fab fa-instagram text-xl\"><\/i>\n <\/a>\n \n <\/div>\n <\/div>\n <\/div>\n <div class=\"md:w-1\/2 h-96 md:h-auto bg-gray-200\">\n <iframe \n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3020.2443048598717!2d-73.90768992426379!3d40.8126838321034!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c2f5b08c6913c3%3A0x6787652750808269!2sPS%20161%20Juan%20Ponce%20De%20Leon%20School!5e0!3m2!1sen!2sus!4v1700000000000!5m2!1sen!2sus\" \n width=\"100%\" \n height=\"100%\" \n style=\"border:0;\" \n allowfullscreen=\"\" \n loading=\"lazy\" \n referrerpolicy=\"no-referrer-when-downgrade\">\n <\/iframe>\n <\/div>\n <\/div>\n <\/section>\n\n \n <script>\n \/\/ No JS initialization needed for Font Awesome\n\n \/\/ Reveal on Scroll Animation\n function reveal() {\n var reveals = document.querySelectorAll(\".reveal\");\n for (var i = 0; i < reveals.length; i++) {\n var windowHeight = window.innerHeight;\n var elementTop = reveals[i].getBoundingClientRect().top;\n var elementVisible = 150;\n if (elementTop < windowHeight - elementVisible) {\n reveals[i].classList.add(\"active\");\n }\n }\n }\n window.addEventListener(\"scroll\", reveal);\n \/\/ Trigger once on load\n reveal();\n\n \/\/ --- HERO SLIDER LOGIC ---\n \n \/\/ 1. Shuffle the slides on load\n const sliderContainer = document.getElementById('hero-slider');\n \/\/ Convert NodeList to Array to shuffle\n const slidesArray = Array.from(sliderContainer.querySelectorAll('.hero-slide'));\n\n \/\/ Fisher-Yates Shuffle Algorithm\n for (let i = slidesArray.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [slidesArray[i], slidesArray[j]] = [slidesArray[j], slidesArray[i]];\n }\n\n \/\/ Re-append slides in random order and reset active class\n sliderContainer.innerHTML = ''; \/\/ Clear container\n slidesArray.forEach((slide, index) => {\n \/\/ Ensure only the first slide has the 'active' class initially\n if (index === 0) {\n slide.classList.add('active');\n } else {\n slide.classList.remove('active');\n }\n sliderContainer.appendChild(slide);\n });\n\n \/\/ 2. Initialize the Slider Interval\n \/\/ Select the newly ordered slides\n const slides = document.querySelectorAll('.hero-slide');\n let currentSlide = 0;\n const slideInterval = 5000; \/\/ 5 seconds\n\n function nextSlide() {\n slides[currentSlide].classList.remove('active');\n currentSlide = (currentSlide + 1) % slides.length;\n slides[currentSlide].classList.add('active');\n }\n\n setInterval(nextSlide, slideInterval);\n\n <\/script>\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>PS 161 Juan Ponce De Leon School | Join The Pride Accepting Applications JOIN THE PRIDE Discover a school where your child will thrive. We serve students from 3K to 5th grade with a commitment to academic growth, bilingual education, and a rich arts program. SIGN UP FOR A TOUR Learn More \u2605 WELCOME TO […]<\/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-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ps161x.org\/index.php?rest_route=\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ps161x.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ps161x.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ps161x.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ps161x.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=26"}],"version-history":[{"count":215,"href":"https:\/\/ps161x.org\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":412,"href":"https:\/\/ps161x.org\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions\/412"}],"wp:attachment":[{"href":"https:\/\/ps161x.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}