{"id":1946,"date":"2025-12-09T22:58:30","date_gmt":"2025-12-09T22:58:30","guid":{"rendered":"https:\/\/csaac.org\/?page_id=1946"},"modified":"2026-07-09T13:49:26","modified_gmt":"2026-07-09T13:49:26","slug":"home-page","status":"publish","type":"page","link":"https:\/\/csaac.org\/en\/","title":{"rendered":"Home Page"},"content":{"rendered":"\n\n<style>\n        * { margin: 0; padding: 0; box-sizing: border-box; }<br \/>        body { font-family: 'DM Sans', sans-serif; line-height: 1.6; color: #333; }<br \/>        .header { background: transparent; box-shadow: 0 2px 5px rgba(0,0,0,0.1); position: sticky; top: 0; z-index: 1000; }<br \/>        .nav-container { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 1rem 2rem; }<br \/>        .logo { font-size: 1.8rem; font-weight: bold; color: #06505c; }<br \/>        .nav-menu { display: flex; list-style: none; gap: 2rem; }<br \/>        .nav-menu a { text-decoration: none; color: #333; font-weight: 500; transition: color 0.3s; }<br \/>        .nav-menu a:hover { color: #06505c; }<br \/>        .news-ticker { background: #cbb777; color: #06505c; padding: 1rem 0; overflow: hidden; position: sticky; top: 0; z-index: 1000; box-shadow: 0 2px 8px rgba(0,0,0,0.15); margin-bottom: 0; }<br \/>        .ticker-content { display: flex; align-items: center; gap: 3rem; animation: scroll 30s linear infinite; width: max-content; }<br \/>        @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }<br \/>        .ticker-item { display: flex; align-items: center; gap: 2rem; white-space: nowrap; }<br \/>        .ticker-text { font-size: 1.1rem; font-weight: 500; display: flex; align-items: center; gap: 0.5rem; color: #06505c; }<br \/>        .ticker-icon { background: #06505c; color: white; width: 32px; height: 32px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 1rem; flex-shrink: 0; }<br \/>        .ticker-btn { background: #06505c; color: white; padding: 0.6rem 1.5rem; border-radius: 5px; text-decoration: none; font-weight: 600; transition: all 0.3s; white-space: nowrap; flex-shrink: 0; }<br \/>        .ticker-btn:hover { background: #078199; transform: translateY(-2px); }<br \/>        .news-ticker:hover .ticker-content { animation-play-state: paused; }<br \/>        .hero { background: linear-gradient(135deg, #06505c 0%, #078199 100%); color: white; padding: 0; }<br \/>        .hero-content { max-width: 1300px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1.3fr; gap: 3rem; align-items: center; padding: 4rem 2rem; }<br \/>        .hero-image-container { position: relative; width: 100%; padding-bottom: 100%; overflow: hidden; }<br \/>        .hero-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 0; }<br \/>        .hero-text { text-align: left; }<br \/>        .hero h1 { font-size: 2.8rem; margin-bottom: 1.5rem; line-height: 1.2; }<br \/>        .hero p { font-size: 1.2rem; margin-bottom: 2.5rem; line-height: 1.8; }<br \/>        .button-group { display: flex; gap: 1rem; justify-content: flex-start; flex-wrap: wrap; }<br \/>        .btn { padding: 1rem 2rem; text-decoration: none; border-radius: 5px; font-weight: 600; transition: all 0.3s; display: inline-block; }<br \/>        .btn-primary { background: #cbb777; color: #06505c; font-weight: 600; }<br \/>        .btn-primary:hover { background: #b8a566; transform: translateY(-2px); }<br \/>        .btn-secondary { background: #cbb777; color: #06505c; border: 2px solid #cbb777; font-weight: 600; }<br \/>        .btn-secondary:hover { background: #b8a566; border-color: #b8a566; transform: translateY(-2px); }<br \/>        .btn-accent { background: #cbb777; color: #06505c; font-weight: 700; }<br \/>        .btn-accent:hover { background: #b8a566; transform: translateY(-2px); }<br \/>        .gala-section { background: white; padding: 3rem 0 0 0; margin-bottom: 0; }<br \/>        .gala-content { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; align-items: center; padding: 0 2rem; }<br \/>        .gala-text { text-align: left; }<br \/>        .gala-section .section-title { color: #06505c; font-size: 3rem; margin-bottom: 1.5rem; text-align: left; font-weight: 700; }<br \/>        .gala-description { font-size: 1.3rem; line-height: 1.8; color: #555; }<br \/>        .gala-image img { width: 100%; max-width: 400px; height: auto; display: block; margin-left: auto; }<br \/>        .container { max-width: 1200px; margin: 0 auto; padding: 4rem 2rem; }<br \/>        section { margin-bottom: 0; }<br \/>        .section-title { font-size: 2.2rem; color: #06505c; margin-bottom: 1rem; text-align: center; }<br \/>        .section-subtitle { font-size: 1.1rem; color: #666; text-align: center !important; margin-bottom: 3rem; max-width: 800px; margin-left: auto !important; margin-right: auto !important; display: block; width: 100%; }<br \/>        .about-section { background: #f8f9fa; padding: 2rem 2rem 4rem; text-align: center; }<br \/>        .about-content { max-width: 800px; margin: 0 auto; }<br \/>        .about-content p { font-size: 1.15rem; line-height: 1.8; margin-bottom: 2rem; color: #555; }<br \/>        .services-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; margin-top: 3rem; }<br \/>        .service-card { background: white; border-radius: 10px; padding: 2rem; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: transform 0.3s, box-shadow 0.3s; border: 3px solid #06505c; display: flex; flex-direction: column; text-align: center; }<br \/>        .service-card:hover { transform: translateY(-5px); box-shadow: 0 6px 12px rgba(0,0,0,0.15); }<br \/>        .service-card h3 { color: #06505c; font-size: 1.5rem; margin-bottom: 1rem; }<br \/>        .service-card h3.school-title { font-size: 1.25rem; }<br \/>        .service-card p { color: #666; margin-bottom: 1.5rem; line-height: 1.7; flex-grow: 1; }<br \/>        .service-card .btn { width: 100%; text-align: center; height: 70px; display: flex; align-items: center; justify-content: center; padding: 0.5rem 1.5rem; }<br \/>        .service-card .btn-small { font-size: 0.75rem; }<br \/>        .services-flip-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin: 2rem auto 3rem; max-width: 1000px; padding: 0 1rem; }<br \/>        .services-flip-card { perspective: 1000px; height: 300px; cursor: pointer; }<br \/>        .services-flip-inner { position: relative; width: 100%; height: 100%; transition: transform 0.6s; transform-style: preserve-3d; }<br \/>        .services-flip-card.flipped .services-flip-inner { transform: rotateY(180deg); }<br \/>        .services-flip-front, .services-flip-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 10px; overflow: hidden; }<br \/>        .services-flip-front img, .services-flip-back img { width: 100%; height: 100%; object-fit: cover; }<br \/>        .services-flip-back { transform: rotateY(180deg); }<br \/>        .join-mission { background: linear-gradient(135deg, #06505c 0%, #078199 100%); color: white; padding: 2.5rem 2rem 2rem; }<br \/>        .join-mission .section-title, .join-mission .section-subtitle { color: white; }<br \/>        .join-mission .section-subtitle { margin-bottom: 2rem; }<br \/>        .mission-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; margin-top: 1.5rem; }<br \/>        .mission-card { background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); border-radius: 10px; padding: 2rem; border: 1px solid rgba(255,255,255,0.2); display: flex; flex-direction: column; }<br \/>        .mission-card h3 { font-size: 1.4rem; margin-bottom: 1rem; }<br \/>        .mission-card p { margin-bottom: 1.5rem; line-height: 1.7; flex-grow: 1; }<br \/>        .mission-card .btn { width: 100%; text-align: center; margin-top: auto; }<br \/>        .testimonial { background: linear-gradient(135deg, #06505c 0%, #078199 100%); padding: 4rem 2rem; text-align: center; }<br \/>        .testimonial-content { max-width: 800px; margin: 0 auto; }<br \/>        .testimonial .section-title { color: white; }<br \/>        .testimonial blockquote { font-size: 1.4rem; font-style: italic; color: white; margin-bottom: 1.5rem; line-height: 1.8; }<br \/>        .testimonial-author { font-size: 1rem; color: #cbb777; margin-bottom: 2rem; }<br \/>        .donate-section { background: white; color: #333; padding: 0 2rem 4rem; text-align: center; }<br \/>        .donate-section .section-title { color: #06505c; }<br \/>        .donate-section p { font-size: 1.2rem; margin-bottom: 2rem; max-width: 700px; margin-left: auto; margin-right: auto; color: #555; }<br \/>        #news .container { padding-bottom: 2rem; }<br \/>        .news-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-top: 2rem; }<br \/>        .news-item { background: white; border-left: 4px solid #cbb777; padding: 1.5rem; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }<br \/>        .news-item h3 { color: #06505c; font-size: 1.2rem; margin-bottom: 0.5rem; }<br \/>        .footer { background: #06505c; color: white; padding: 3rem 2rem 1rem; font-size: 1.1rem; }<br \/>        .footer-content { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-bottom: 2rem; }<br \/>        .footer-section h3 { color: #cbb777; margin-bottom: 1rem; font-size: 1.3rem; }<br \/>        .footer-section ul { list-style: none; }<br \/>        .footer-section ul li { margin-bottom: 0.5rem; }<br \/>        .footer-section a { color: #ccc; text-decoration: none; transition: color 0.3s; }<br \/>        .footer-section a:hover { color: #cbb777; }<br \/>        .newsletter-signup input { padding: 0.75rem; border: none; border-radius: 5px; width: 100%; margin-bottom: 0.5rem; }<br \/>        .newsletter-signup button { padding: 0.75rem 1.5rem; background: #cbb777; color: #06505c; border: none; border-radius: 5px; cursor: pointer; font-weight: 600; transition: background 0.3s; }<br \/>        .newsletter-signup button:hover { background: #b8a566; }<br \/>        .social-links { display: flex; gap: 1rem; margin-top: 1rem; }<br \/>        .social-links a { display: inline-block; width: 55px; height: 55px; background: #cbb777; border-radius: 50%; text-align: center; line-height: 55px; transition: background 0.3s; color: #06505c; font-weight: bold; font-size: 1.3rem; }<br \/>        .social-links a:hover { background: #b8a566; }<br \/>        .footer-bottom { text-align: center; padding-top: 2rem; border-top: 1px solid rgba(255,255,255,0.2); color: #ccc; }<br \/>        @media (max-width: 768px) {<br \/>            .news-ticker { padding: 0.85rem 1rem; }<br \/>            .ticker-content { gap: 2rem; }<br \/>            .ticker-text { font-size: 0.95rem; }<br \/>            .ticker-icon { width: 26px; height: 26px; font-size: 0.9rem; }<br \/>            .ticker-btn { padding: 0.5rem 1.25rem; font-size: 0.9rem; }<br \/>            .hero { padding: 0; }<br \/>            .hero-content { grid-template-columns: 1fr; gap: 1rem; padding: 1.5rem 1rem; }<br \/>            .hero-image-container { padding-bottom: 0; height: auto; aspect-ratio: 1 \/ 1; }<br \/>            .hero-image { position: relative; width: 100%; height: 100%; }<br \/>            .hero-text { text-align: center; }<br \/>            .hero-text .button-group { justify-content: center; }<br \/>            .hero h1 { font-size: 1.45rem; line-height: 1.25; margin-bottom: 0.75rem; }<br \/>            .hero p { font-size: 0.9rem; margin-bottom: 1rem; line-height: 1.5; }<br \/>            .button-group { gap: 0.5rem; }<br \/>            .btn { padding: 0.6rem 1rem; font-size: 0.85rem; }<br \/>            .nav-menu { flex-direction: column; gap: 1rem; }<br \/>            .section-title { font-size: 1.4rem; margin-bottom: 0.75rem; }<br \/>            .section-subtitle { font-size: 0.95rem; margin-bottom: 1.5rem; }<br \/>            .gala-section { padding: 1.5rem 0 0 0; }<br \/>            .gala-content { grid-template-columns: 1fr; gap: 1rem; padding: 0 1rem; }<br \/>            .gala-text { text-align: center; }<br \/>            .gala-section .section-title { font-size: 1.8rem; text-align: center; margin-bottom: 1rem; }<br \/>            .gala-description { font-size: 1.05rem; }<br \/>            .gala-image img { margin: 0 auto; }<br \/>            .about-section { padding: 1.5rem 1rem; }<br \/>            .about-content p { font-size: 0.95rem; margin-bottom: 1rem; }<br \/>            .container { padding: 1.5rem 1rem; }<br \/>            .services-flip-grid { grid-template-columns: 1fr; max-width: 320px; gap: 0.75rem; padding: 0; margin: 1rem auto 1.5rem; }<br \/>            .services-flip-card { height: 260px; width: 100%; }<br \/>            .services-flip-front, .services-flip-back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }<br \/>            .services-flip-front img, .services-flip-back img { object-fit: contain; object-position: center; }<br \/>            .services-grid { grid-template-columns: 1fr; gap: 1rem; margin-top: 1.5rem; }<br \/>            .service-card { padding: 1.25rem; }<br \/>            .service-card h3 { font-size: 1.2rem; }<br \/>            .service-card h3.school-title { font-size: 1.05rem; }<br \/>            .service-card p { font-size: 0.9rem; margin-bottom: 1rem; }<br \/>            .service-card .btn { height: 55px; font-size: 0.8rem; }<br \/>            .testimonial { padding: 1.5rem 1rem; }<br \/>            .testimonial blockquote { font-size: 1rem; line-height: 1.5; }<br \/>            #news .container { padding-bottom: 1rem; }<br \/>            .join-mission { padding: 1.25rem 1rem 1.5rem; }<br \/>            .join-mission .section-subtitle { margin-bottom: 1rem; }<br \/>            .mission-grid { gap: 1rem; margin-top: 1rem; }<br \/>            .mission-card { padding: 1.25rem; }<br \/>            .mission-card h3 { font-size: 1.1rem; }<br \/>            .mission-card p { font-size: 0.9rem; margin-bottom: 1rem; }<br \/>            .donate-section { padding: 0.75rem 1rem 1.5rem; }<br \/>            .donate-section p { font-size: 0.95rem; margin-bottom: 1rem; }<br \/>            .news-grid { grid-template-columns: 1fr; margin-top: 1rem; }<br \/>            .news-item { padding: 1rem; }<br \/>            .news-item h3 { font-size: 1.1rem; }<br \/>            .news-item p { font-size: 0.9rem; }<br \/>            .footer { padding: 1.5rem 1rem 1rem; font-size: 0.95rem; }<br \/>            .footer-content { gap: 1.25rem; }<br \/>            .footer-section h3 { font-size: 1.1rem; margin-bottom: 0.75rem; }<br \/>.social-links a { width: 42px; height: 42px; line-height: 42px; font-size: 1rem; }\n        }\n  @media (max-width: 768px) {\n     .header-right-wrapper {\n        display: flex !important;\n        flex-direction: column !important;\n        align-items: center !important;\n        width: 100% !important;\n     }\n    .header-top { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 0.75rem 1rem !important; }\n    .logo img { height: 60px !important; width: auto !important; }\n    .mobile-menu-toggle { display: flex !important; }\n    }\n@media (max-width: 380px) {<br \/>            .hero h1 { font-size: 1.3rem; }<br \/>            .hero p { font-size: 0.85rem; }<br \/>            .btn { padding: 0.5rem 0.85rem; font-size: 0.8rem; }<br \/>            .services-flip-grid { max-width: 280px; }<br \/>            .services-flip-card { height: 230px; }<br \/>            .ticker-text { font-size: 0.9rem; }<br \/>            .ticker-btn { padding: 0.45rem 1rem; font-size: 0.85rem; }<br \/>        }<br \/>        @media (max-width: 1200px) and (min-width: 769px) {<br \/>            .services-grid { grid-template-columns: repeat(4, 1fr); }<br \/>        }<br \/>    <\/style>\n<p><!-- Join Mission Section --><\/p>\n<p><!-- Hero Section --><\/p>\n<section class=\"hero\">\n<div class=\"hero-content\">\n<div class=\"hero-image-container\" style=\"position:relative; overflow:hidden; border-radius:10px;\">\n<div class=\"home-slides\" style=\"position:relative; width:100%; height:100%;\">\n<div class=\"home-slide\" style=\"position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:opacity 0.7s;\">\n            <img decoding=\"async\" src=\"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/IMG_1171.jpg\" style=\"width:100%; height:100%; object-fit:cover; display:block;\">\n        <\/div>\n<div class=\"home-slide active\" style=\"position:absolute; top:0; left:0; width:100%; height:100%; opacity:1; transition:opacity 0.7s;\">\n            <img decoding=\"async\" src=\"https:\/\/csaac.org\/wp-content\/uploads\/2018\/02\/20180202_142627.jpg\" style=\"width:100%; height:100%; object-fit:cover; display:block;\">\n        <\/div>\n<div class=\"home-slide active\" style=\"position:absolute; top:0; left:0; width:100%; height:100%; opacity:1; transition:opacity 0.7s;\">\n            <img decoding=\"async\" src=\"https:\/\/csaac.org\/wp-content\/uploads\/2026\/07\/Everett7.jpeg\" style=\"width:100%; height:100%; object-fit:cover; display:block;\">\n        <\/div>\n<div class=\"home-slide\" style=\"position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:opacity 0.7s;\">\n            <img decoding=\"async\" src=\"https:\/\/csaac.org\/wp-content\/uploads\/2024\/01\/20231222_115217_resized.jpg\" style=\"width:100%; height:100%; object-fit:cover; display:block;\">\n        <\/div>\n<div class=\"home-slide\" style=\"position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:opacity 0.7s;\">\n            <img decoding=\"async\" src=\"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/IMG_20260622_111256-3.jpg\" style=\"width:100%; height:100%; object-fit:cover; display:block;\">\n        <\/div>\n<div class=\"home-slide\" style=\"position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:opacity 0.7s;\">\n            <img decoding=\"async\" src=\"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/DSC03688.jpg\" style=\"width:100%; height:100%; object-fit:cover; display:block;\">\n        <\/div>\n<\/p><\/div>\n<p>    <!-- Prev\/Next Buttons --><br \/>\n    <button onclick=\"changeHomeSlide(-1)\" style=\"position:absolute; top:50%; left:8px; transform:translateY(-50%); background:rgba(6,80,92,0.7); color:white; border:none; width:36px; height:36px; border-radius:50%; cursor:pointer; font-size:1.2rem; z-index:10;\">\u2039<\/button><br \/>\n    <button onclick=\"changeHomeSlide(1)\" style=\"position:absolute; top:50%; right:8px; transform:translateY(-50%); background:rgba(6,80,92,0.7); color:white; border:none; width:36px; height:36px; border-radius:50%; cursor:pointer; font-size:1.2rem; z-index:10;\">\u203a<\/button><br \/>\n    <!-- Dots --><\/p>\n<div style=\"position:absolute; bottom:10px; left:0; right:0; text-align:center; z-index:10;\">\n        <span class=\"home-dot active\" onclick=\"goToHomeSlide(0)\" style=\"display:inline-block; width:8px; height:8px; border-radius:50%; background:white; margin:0 3px; cursor:pointer; opacity:1;\"><\/span><br \/>\n        <span class=\"home-dot\" onclick=\"goToHomeSlide(1)\" style=\"display:inline-block; width:8px; height:8px; border-radius:50%; background:white; margin:0 3px; cursor:pointer; opacity:0.5;\"><\/span><br \/>\n        <span class=\"home-dot\" onclick=\"goToHomeSlide(2)\" style=\"display:inline-block; width:8px; height:8px; border-radius:50%; background:white; margin:0 3px; cursor:pointer; opacity:0.5;\"><\/span><br \/>\n        <span class=\"home-dot\" onclick=\"goToHomeSlide(3)\" style=\"display:inline-block; width:8px; height:8px; border-radius:50%; background:white; margin:0 3px; cursor:pointer; opacity:0.5;\"><\/span><br \/>\n        <span class=\"home-dot\" onclick=\"goToHomeSlide(4)\" style=\"display:inline-block; width:8px; height:8px; border-radius:50%; background:white; margin:0 3px; cursor:pointer; opacity:0.5;\"><\/span>\n    <\/div>\n<\/div>\n<p><script>\nvar homeSlideIndex = 0;\nvar homeTotalSlides = 5;\nvar homeAutoPlay = setInterval(function(){ changeHomeSlide(1); }, 4000);<\/p>\n<p>function changeHomeSlide(direction) {\n    homeSlideIndex = (homeSlideIndex + direction + homeTotalSlides) % homeTotalSlides;\n    updateHomeSlider();\n}<\/p>\n<p>function goToHomeSlide(index) {\n    homeSlideIndex = index;\n    updateHomeSlider();\n    clearInterval(homeAutoPlay);\n    homeAutoPlay = setInterval(function(){ changeHomeSlide(1); }, 4000);\n}<\/p>\n<p>function updateHomeSlider() {\n    var slides = document.querySelectorAll('.home-slide');\n    var dots = document.querySelectorAll('.home-dot');\n    slides.forEach(function(slide, i) {\n        slide.style.opacity = i === homeSlideIndex ? '1' : '0';\n    });\n    dots.forEach(function(dot, i) {\n        dot.style.opacity = i === homeSlideIndex ? '1' : '0.5';\n    });\n}\n<\/script><\/p>\n<div class=\"hero-text\">\n<h1>Empowering Individuals with Autism to Live Meaningful, <span style=\"white-space: nowrap;\">Self-Directed<\/span> Lives<\/h1>\n<p>CSAAC provides lifelong support from specialized education and community inclusion to independent living and vocational programs that make every day purposeful.<\/p>\n\n<\/div>\n<\/div>\n<\/section>\n<p><!-- About Section --><\/p>\n<section id=\"about\" class=\"about-section\">\n<div class=\"about-content\">\n<h2 class=\"section-title\">About CSAAC<\/h2>\n<h2 style=\"margin-top:0; margin-bottom:1.5rem;\">A Place to Belong. A Path to Thrive.<\/h2>\n<p><em>Since 1979, CSAAC has empowered individuals with autism to lead lives of purpose, connection, and independence. Through education, community programs, and compassionate support, we help people of all ages thrive.<br \/>\n<\/em><\/p>\n\n<p style=\"text-align: center;\"><a class=\"btn btn-primary\" href=\"https:\/\/csaac.org\/about-csaac-2\/\"><strong>Learn More About Us<\/strong><\/a><\/p>\n<\/div>\n<\/section>\n<p><!-- Services Section --><\/p>\n<section id=\"services\">\n<div class=\"container\">\n<h2 class=\"section-title\">Education, Empowerment, and Support for Every Stage of Life<\/h2>\n<div class=\"services-grid\">\n<div class=\"service-card\">\n<h3 class=\"school-title\">Community School of Maryland<\/h3>\n<p>Specialized education for students ages 5-21 that builds communication, confidence, and life skills.<br \/>\n<a class=\"btn btn-primary\" href=\"https:\/\/csaac.org\/community-school-of-maryland-2\/\"><strong>Explore the School<\/strong><\/a><\/p>\n<\/div>\n<div class=\"service-card\">\n<h3>Youth Services<\/h3>\n<p>Nurturing residential programs for children and young adults with autism, fostering growth, independence, and lifelong skills.<br \/>\n<a class=\"btn btn-primary\" href=\"https:\/\/csaac.org\/youth-services-2\/\"><strong>Explore Youth Services<\/strong><\/a><\/p>\n<\/div>\n<div class=\"service-card\">\n<h3>Residential Services<\/h3>\n<p>Safe, supportive community homes that foster independence and inclusion.<br \/>\n<a class=\"btn btn-primary\" href=\"https:\/\/csaac.org\/residential-services\/\"><strong>Learn About Residential Services<\/strong><\/a><\/p>\n<\/div>\n<div class=\"service-card\">\n<h3>Meaningful Day &amp; Vocational Services<\/h3>\n<p>Engaging daily activities that promote community participation, skill development, and a sense of purpose.<br \/>\n<a class=\"btn btn-primary\" href=\"https:\/\/csaac.org\/meaningful-day-vocational-programs\/\"><strong>Discover Our Program<\/strong><\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"testimonial\">\n<div class=\"testimonial-content\">\n<h2 class=\"section-title\">Success Story Spotlight<\/h2>\n<blockquote><p>&#8220;We have 2 sons who have received amazing care &amp; support from CSAAC staff. Words can never describe our gratitude toward these angels! Our younger son has been a part of the CSAAC family since he was at the school over 10 years ago and our oldest for just over 2 years now.&#8221;<\/p><\/blockquote>\n<p class=\"testimonial-author\"><em><strong>\u2014 Parent of a CSM student<\/strong><\/em><\/p>\n<p><a class=\"btn btn-primary\" href=\"https:\/\/csaac.org\/success-stories\/\"><strong>Read More Stories<\/strong><\/a><\/p>\n<\/div>\n<\/section>\n<p><!-- Join Mission Section --><\/p>\n<section id=\"mission\" class=\"join-mission\">\n<div class=\"container\">\n<h2 class=\"section-title\">Join Our Mission<\/h2>\n<p class=\"section-subtitle\">Make a difference in the lives of individuals with autism by giving, volunteering, or joining our team.<\/p>\n<div class=\"mission-grid\">\n<div class=\"mission-card\">\n<h3>Careers<\/h3>\n<p>Make an Impact. See Open Positions.<\/p>\n<p><a class=\"btn btn-primary\" href=\"https:\/\/csaac.org\/careers-at-csaac\/\"><strong>View Careers<\/strong><\/a>\n<\/div>\n<div class=\"mission-card\">\n<h3>Volunteers<\/h3>\n<p>Lend your time and skills to help create inclusive communities.<\/p>\n<p><a class=\"btn btn-primary\" href=\"https:\/\/csaac.org\/volunteer-at-csaac\/\"><strong>Sign Up to Volunteer<\/strong><\/a>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<p><!-- Donate Section --><\/p>\n<section id=\"donate\" class=\"donate-section\">\n<div class=\"container\">\n<h2 class=\"section-title\">Get Involved \/ Donate<\/h2>\n<p style=\"margin-bottom: 2rem; max-width: 700px; margin-left: auto; margin-right: auto; text-align: center;\">Your support helps individuals with autism live, learn, and work with dignity and independence.<\/p>\n<div class=\"button-group\" style=\"justify-content: center;\"><a class=\"btn btn-primary\" href=\"https:\/\/csaac.org\/support-csaac-2\/\"><strong>Donate Today<\/strong><\/a><br \/>\n<a class=\"btn btn-secondary\" href=\"https:\/\/csaac.org\/support-csaac-2\/#other-ways-to-give\"><strong>Become a Sponsor<\/strong><\/a><\/div>\n<\/div>\n<\/section>\n<p><!-- Footer --><\/p>\n<footer id=\"contact\" class=\"footer\">\n<div class=\"footer-content\">\n<div class=\"footer-section\">\n<h3>Quick Links<\/h3>\n<ul>\n<li><a href=\"https:\/\/csaac.org\/about-csaac-2\/\">About<\/a><\/li>\n<li><a href=\"https:\/\/csaac.org\/volunteer-at-csaac\/\">Join Our Mission<\/a><\/li>\n<li><a href=\"https:\/\/csaac.org\/careers-at-csaac\/\">Careers<\/a><\/li>\n<li><a href=\"https:\/\/csaac.org\/contact-csaac\/\">Contact<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"footer-section\">\n<h3>Contact Us<\/h3>\n<p>CSAAC<br \/>\n<br \/>Phone: <a href=\"tel:+12409122220\">(240) 912-2220<\/a><br \/>\n<br \/>Email: <a href=\"mailto:csaac@csaac.org\">csaac@csaac.org<\/a>\n<\/div>\n<div class=\"footer-section\">\n<h3>Newsletter Signup<\/h3>\n<form class=\"newsletter-signup\" action=\"https:\/\/formspree.io\/f\/xvgeqaql\" method=\"POST\"><input name=\"_subject\" type=\"hidden\" value=\"New Newsletter Signup - CSAAC\" \/><br \/>\n<input name=\"email\" required=\"\" type=\"email\" placeholder=\"Enter your email\" \/><br \/>\n<button type=\"submit\">Subscribe<\/button><\/form>\n<div class=\"social-links\"><a href=\"https:\/\/www.facebook.com\/share\/1ASK295psM\/?mibextid=wwXIfr\" aria-label=\"Facebook\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-facebook-f\"><\/i><\/a><br \/>\n<a href=\"https:\/\/www.instagram.com\/csaac_org?igsh=dHgzcnFocThzejJq&amp;utm_source=qr\" aria-label=\"Instagram\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-instagram\"><\/i><\/a><br \/>\n<a href=\"https:\/\/www.linkedin.com\/company\/csaac\/\" aria-label=\"LinkedIn\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\n<\/div>\n<\/div>\n<div class=\"footer-bottom\">\n<p>\u00a9 2025 CSAAC. All rights reserved.<\/p>\n<\/div>\n<\/footer>\n\n","protected":false},"excerpt":{"rendered":"<p>\u2039 \u203a Empowering Individuals with Autism to Live Meaningful, Self-Directed Lives CSAAC provides lifelong support from specialized education and community inclusion to independent living and vocational programs that make every day purposeful. About CSAAC A Place to Belong. A Path to Thrive. Since 1979, CSAAC has empowered individuals with autism to lead lives of purpose, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1946","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/csaac.org\/en\/wp-json\/wp\/v2\/pages\/1946","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/csaac.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/csaac.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/csaac.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/csaac.org\/en\/wp-json\/wp\/v2\/comments?post=1946"}],"version-history":[{"count":89,"href":"https:\/\/csaac.org\/en\/wp-json\/wp\/v2\/pages\/1946\/revisions"}],"predecessor-version":[{"id":4300,"href":"https:\/\/csaac.org\/en\/wp-json\/wp\/v2\/pages\/1946\/revisions\/4300"}],"wp:attachment":[{"href":"https:\/\/csaac.org\/en\/wp-json\/wp\/v2\/media?parent=1946"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}