{"id":290,"date":"2025-11-24T16:03:37","date_gmt":"2025-11-24T21:03:37","guid":{"rendered":"https:\/\/ps161x.org\/?page_id=290"},"modified":"2026-01-17T15:14:05","modified_gmt":"2026-01-17T20:14:05","slug":"students","status":"publish","type":"page","link":"https:\/\/ps161x.org\/?page_id=290","title":{"rendered":"Students"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"290\" class=\"elementor elementor-290\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76385f2 e-con-full e-flex e-con e-parent\" data-id=\"76385f2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34fafaf elementor-widget elementor-widget-html\" data-id=\"34fafaf\" 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>Students | PS 161 Juan Ponce De Leon School<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\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;\n        }\n        \n        \/* Ensure full width reset *\/\n        html, body {\n            margin: 0;\n            padding: 0;\n            width: 100%;\n            overflow-x: hidden;\n            font-family: 'Open Sans', sans-serif;\n            background-color: var(--secondary);\n            color: #333;\n        }\n\n        h1, h2, h3, h4, h5, h6, .font-heading {\n            font-family: 'Montserrat', sans-serif;\n        }\n\n        \/* Fade In Animation *\/\n        .fade-in {\n            opacity: 0;\n            transform: translateY(20px);\n            animation: fadeIn 0.8s ease-out forwards;\n        }\n\n        @keyframes fadeIn {\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-[#F0F0F0] w-full\">\n\n    <header class=\"relative w-full h-[40vh] min-h-[300px] flex items-center justify-center overflow-hidden bg-[#122449]\">\n        <div class=\"absolute inset-0 z-0\">\n            <img decoding=\"async\" src=\"https:\/\/ps161x.org\/wp-content\/uploads\/2025\/11\/download-Large.jpeg\" alt=\"PS 161 Student Life\" class=\"w-full h-full object-cover opacity-40\">\n        <\/div>\n        <div class=\"relative z-10 text-center px-4\">\n            <h1 class=\"text-5xl font-extrabold text-white tracking-tight drop-shadow-lg font-heading uppercase\">\n                Student <span class=\"text-[#F4A261]\">Life<\/span>\n            <\/h1>\n            <div class=\"w-24 h-1 bg-[#F4A261] mx-auto mt-4 rounded-full\"><\/div>\n        <\/div>\n    <\/header>\n\n    <section class=\"py-20 bg-white w-full\">\n        <div class=\"w-full max-w-[95%] mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center mb-12 fade-in\">\n                <span class=\"text-[#F4A261] font-bold uppercase tracking-wider text-sm\">Our Values<\/span>\n                <h2 class=\"text-4xl font-bold text-[#122449] mt-2 font-heading\">We've Got The JUICE!<\/h2>\n            <\/div>\n            \n            <div class=\"flex flex-col md:flex-row items-center gap-12 fade-in\" style=\"animation-delay: 0.2s;\">\n                <div class=\"md:w-1\/2\">\n                    <img decoding=\"async\" src=\"https:\/\/ps161x.org\/wp-content\/uploads\/2025\/07\/juice.jpg\" alt=\"JUICE Core Values\" class=\"rounded-2xl shadow-2xl w-full border-4 border-[#F4A261] transform hover:rotate-1 transition duration-500\">\n                <\/div>\n                <div class=\"md:w-1\/2\">\n                    <h3 class=\"text-2xl font-bold text-[#122449] mb-4\">Living Our Values Every Day<\/h3>\n                    <p class=\"text-lg text-gray-600 mb-6 leading-relaxed\">\n                        At PS 161, our core values guide everything we do. From the classroom to the playground, we encourage our students to embody these principles, fostering a supportive and joyful community where everyone can thrive.\n                    <\/p>\n                    <ul class=\"space-y-4\">\n                        <li class=\"flex items-center p-4 bg-orange-50 rounded-lg border-l-4 border-[#F4A261]\">\n                            <div class=\"bg-[#F4A261] text-white w-8 h-8 rounded-full flex items-center justify-center font-bold mr-4 shrink-0\">J<\/div>\n                            <div>\n                                <span class=\"font-bold text-[#122449]\">JOY<\/span>\n                                <span class=\"text-gray-600 text-sm sm:text-base\"> - Foster & Spark<\/span>\n                            <\/div>\n                        <\/li>\n                        <li class=\"flex items-center p-4 bg-blue-50 rounded-lg border-l-4 border-blue-500\">\n                            <div class=\"bg-blue-600 text-white w-8 h-8 rounded-full flex items-center justify-center font-bold mr-4 shrink-0\">U<\/div>\n                            <div>\n                                <span class=\"font-bold text-[#122449]\">UNITY<\/span>\n                                <span class=\"text-gray-600 text-sm sm:text-base\"> - Cultivate<\/span>\n                            <\/div>\n                        <\/li>\n                        <li class=\"flex items-center p-4 bg-green-50 rounded-lg border-l-4 border-green-500\">\n                            <div class=\"bg-green-600 text-white w-8 h-8 rounded-full flex items-center justify-center font-bold mr-4 shrink-0\">I<\/div>\n                            <div>\n                                <span class=\"font-bold text-[#122449]\">INTEGRITY<\/span>\n                                <span class=\"text-gray-600 text-sm sm:text-base\"> - Model<\/span>\n                            <\/div>\n                        <\/li>\n                        <li class=\"flex items-center p-4 bg-purple-50 rounded-lg border-l-4 border-purple-500\">\n                            <div class=\"bg-purple-600 text-white w-8 h-8 rounded-full flex items-center justify-center font-bold mr-4 shrink-0\">C<\/div>\n                            <div>\n                                <span class=\"font-bold text-[#122449]\">COLLABORATE<\/span>\n                                <span class=\"text-gray-600 text-sm sm:text-base\"> - With Purpose<\/span>\n                            <\/div>\n                        <\/li>\n                        <li class=\"flex items-center p-4 bg-red-50 rounded-lg border-l-4 border-red-500\">\n                            <div class=\"bg-red-600 text-white w-8 h-8 rounded-full flex items-center justify-center font-bold mr-4 shrink-0\">E<\/div>\n                            <div>\n                                <span class=\"font-bold text-[#122449]\">EMPOWER<\/span>\n                                <span class=\"text-gray-600 text-sm sm:text-base\"> - To Lead<\/span>\n                            <\/div>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"py-20 bg-[#122449] text-white w-full\">\n        <div class=\"w-full max-w-[95%] mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center mb-16 fade-in\">\n                <h2 class=\"text-4xl font-bold mb-4 font-heading\">Extracurricular Activities<\/h2>\n                <p class=\"text-gray-300 max-w-2xl mx-auto\">\n                    Learning doesn't stop when the bell rings. We offer a variety of programs to spark curiosity and develop new skills.\n                <\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-6\">\n                \n                <div class=\"bg-white\/10 backdrop-blur-sm p-6 rounded-xl border border-white\/10 hover:bg-white\/20 transition duration-300 fade-in text-center\">\n                    <div class=\"text-[#F4A261] mb-4 text-4xl\"><i class=\"fas fa-chalkboard-user\"><\/i><\/div>\n                    <h3 class=\"font-bold text-lg\">Tutoring<\/h3>\n                <\/div>\n\n                <div class=\"bg-white\/10 backdrop-blur-sm p-6 rounded-xl border border-white\/10 hover:bg-white\/20 transition duration-300 fade-in text-center\" style=\"animation-delay: 0.1s;\">\n                    <div class=\"text-[#F4A261] mb-4 text-4xl\"><i class=\"fas fa-hand-holding-heart\"><\/i><\/div>\n                    <h3 class=\"font-bold text-lg\">Academic Support<\/h3>\n                <\/div>\n\n                <div class=\"bg-white\/10 backdrop-blur-sm p-6 rounded-xl border border-white\/10 hover:bg-white\/20 transition duration-300 fade-in text-center\" style=\"animation-delay: 0.2s;\">\n                    <div class=\"text-[#F4A261] mb-4 text-4xl\"><i class=\"fas fa-basketball\"><\/i><\/div>\n                    <h3 class=\"font-bold text-lg\">Basketball Team<\/h3>\n                <\/div>\n\n                <div class=\"bg-white\/10 backdrop-blur-sm p-6 rounded-xl border border-white\/10 hover:bg-white\/20 transition duration-300 fade-in text-center\" style=\"animation-delay: 0.3s;\">\n                    <div class=\"text-[#F4A261] mb-4 text-4xl\"><i class=\"fas fa-futbol\"><\/i><\/div>\n                    <h3 class=\"font-bold text-lg\">Soccer Team<\/h3>\n                <\/div>\n\n                <div class=\"bg-white\/10 backdrop-blur-sm p-6 rounded-xl border border-white\/10 hover:bg-white\/20 transition duration-300 fade-in text-center\" style=\"animation-delay: 0.4s;\">\n                    <div class=\"text-[#F4A261] mb-4 text-4xl\"><i class=\"fas fa-volleyball\"><\/i><\/div>\n                    <h3 class=\"font-bold text-lg\">Girls Volleyball Team<\/h3>\n                <\/div>\n\n                <div class=\"bg-white\/10 backdrop-blur-sm p-6 rounded-xl border border-white\/10 hover:bg-white\/20 transition duration-300 fade-in text-center\" style=\"animation-delay: 0.5s;\">\n                    <div class=\"text-[#F4A261] mb-4 text-4xl\"><i class=\"fas fa-chess-knight\"><\/i><\/div>\n                    <h3 class=\"font-bold text-lg\">Chess<\/h3>\n                <\/div>\n\n                <div class=\"bg-white\/10 backdrop-blur-sm p-6 rounded-xl border border-white\/10 hover:bg-white\/20 transition duration-300 fade-in text-center\" style=\"animation-delay: 0.6s;\">\n                    <div class=\"text-[#F4A261] mb-4 text-4xl\"><i class=\"fas fa-person-praying\"><\/i><\/div>\n                    <h3 class=\"font-bold text-lg\">Yoga<\/h3>\n                <\/div>\n\n                <div class=\"bg-white\/10 backdrop-blur-sm p-6 rounded-xl border border-white\/10 hover:bg-white\/20 transition duration-300 fade-in text-center\" style=\"animation-delay: 0.7s;\">\n                    <div class=\"text-[#F4A261] mb-4 text-4xl\"><i class=\"fas fa-microscope\"><\/i><\/div>\n                    <h3 class=\"font-bold text-lg\">STEM Club<\/h3>\n                <\/div>\n\n                <div class=\"bg-white\/10 backdrop-blur-sm p-6 rounded-xl border border-white\/10 hover:bg-white\/20 transition duration-300 fade-in text-center\" style=\"animation-delay: 0.8s;\">\n                    <div class=\"text-[#F4A261] mb-4 text-4xl\"><i class=\"fas fa-palette\"><\/i><\/div>\n                    <h3 class=\"font-bold text-lg\">Art Club<\/h3>\n                <\/div>\n\n                 <div class=\"bg-white\/10 backdrop-blur-sm p-6 rounded-xl border border-white\/10 hover:bg-white\/20 transition duration-300 fade-in text-center\" style=\"animation-delay: 0.9s;\">\n                    <div class=\"text-[#F4A261] mb-4 text-4xl\"><i class=\"fas fa-music\"><\/i><\/div>\n                    <h3 class=\"font-bold text-lg\">Music, Rock Band & Dance<\/h3>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\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>Students | PS 161 Juan Ponce De Leon School Student Life Our Values We&#8217;ve Got The JUICE! Living Our Values Every Day At PS 161, our core values guide everything we do. From the classroom to the playground, we encourage our students to embody these principles, fostering a supportive and joyful community where everyone can [&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-290","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ps161x.org\/index.php?rest_route=\/wp\/v2\/pages\/290","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=290"}],"version-history":[{"count":13,"href":"https:\/\/ps161x.org\/index.php?rest_route=\/wp\/v2\/pages\/290\/revisions"}],"predecessor-version":[{"id":396,"href":"https:\/\/ps161x.org\/index.php?rest_route=\/wp\/v2\/pages\/290\/revisions\/396"}],"wp:attachment":[{"href":"https:\/\/ps161x.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}