{"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-30T17:37:58","modified_gmt":"2026-07-30T17:37:58","slug":"home-page","status":"publish","type":"page","link":"https:\/\/csaac.org\/en\/","title":{"rendered":"Home Page"},"content":{"rendered":"<p><!-- Job Fair Popup --><\/p>\n<div id=\"jobFairPopup\" style=\"display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(6,80,92,0.8); z-index:2000; align-items:center; justify-content:center; padding:1rem;\">\n<div style=\"background:white; max-width:420px; width:100%; border-radius:15px; box-shadow:0 20px 50px rgba(0,0,0,0.35); position:relative; text-align:center; overflow:hidden; animation:popIn 0.4s ease;\">\n        <button onclick=\"minimizeJobFairPopup()\" aria-label=\"Minimize\" style=\"position:absolute; top:10px; right:10px; background:#06505c; color:white; border:none; width:34px; height:34px; border-radius:50%; font-size:1.3rem; cursor:pointer; line-height:1; z-index:2;\">\u00d7<\/button><\/p>\n<p>        <img decoding=\"async\" src=\"https:\/\/csaac.org\/wp-content\/uploads\/2026\/07\/csaac-job-fair-flyer.png\" alt=\"CSAAC Job Fair - Thursday, August 6, 2026\" style=\"width:100%; height:auto; display:block;\"><\/p>\n<div style=\"padding:1.25rem 1.5rem;\">\n            <a href=\"https:\/\/csaac.org\/careers-at-csaac\/\" style=\"display:inline-block; background:#cbb777; color:#06505c; padding:0.85rem 2rem; border-radius:5px; font-weight:700; text-decoration:none; font-size:1.05rem; transition:background 0.3s; width:100%;\" onmouseover=\"this.style.background='#b8a566'\" onmouseout=\"this.style.background='#cbb777'\">View Job Postings<\/a>\n        <\/div>\n<\/p><\/div>\n<\/div>\n<p><!-- Minimized Bubble (floating flyer thumbnail) --><\/p>\n<div id=\"jobFairBubble\" onclick=\"expandJobFairPopup()\" style=\"display:none; position:fixed; bottom:30px; right:30px; width:100px; height:130px; border-radius:10px; cursor:pointer; z-index:1999; border:3px solid #cbb777; background:white;\">\n    <img decoding=\"async\" src=\"https:\/\/csaac.org\/wp-content\/uploads\/2026\/07\/csaac-job-fair-flyer.png\" alt=\"Job Fair - click to reopen\" style=\"width:100%; height:100%; object-fit:cover; object-position:top;\"><br \/>\n    <button onclick=\"event.stopPropagation(); dismissJobFairBubble();\" aria-label=\"Dismiss\" style=\"position:absolute; top:2px; right:2px; background:#06505c; color:white; border:none; width:20px; height:20px; border-radius:50%; font-size:0.85rem; cursor:pointer; line-height:1; padding:0;\">\u00d7<\/button><\/p>\n<div style=\"position:absolute; bottom:0; left:0; right:0; background:rgba(6,80,92,0.85); color:white; font-size:0.65rem; font-weight:700; padding:3px 4px; text-align:center;\">JOB FAIR<\/div>\n<\/div>\n<style>\n@keyframes popIn {\n    from { opacity:0; transform:scale(0.85); }\n    to { opacity:1; transform:scale(1); }\n}\n@media (max-width: 480px) {\n    #jobFairBubble { bottom:20px !important; right:20px !important; width:70px !important; height:70px !important; }\n}<\/p>\n<h2 class=\"section-title\" style=\"margin-bottom:0.5rem;\">Job Fair<\/h2>\n<p style=\"font-size:1.3rem; color:#06505c; font-weight:600; margin-bottom:1.5rem;\">You are invited! &#x1f4e3;<\/p>\n<\/style>\n<p><script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    var state = sessionStorage.getItem('jobFairPopupState');\n    if (state === 'dismissed') {\n        \/\/ fully dismissed for this session \u2014 show nothing\n    } else if (state === 'minimized') {\n        document.getElementById('jobFairBubble').style.display = 'block';\n    } else {\n        setTimeout(function() {\n            document.getElementById('jobFairPopup').style.display = 'flex';\n        }, 1200);\n    }\n});<\/p>\n<p>function minimizeJobFairPopup() {\n    document.getElementById('jobFairPopup').style.display = 'none';\n    document.getElementById('jobFairBubble').style.display = 'block';\n    sessionStorage.setItem('jobFairPopupState', 'minimized');\n}<\/p>\n<p>function expandJobFairPopup() {\n    document.getElementById('jobFairBubble').style.display = 'none';\n    document.getElementById('jobFairPopup').style.display = 'flex';\n    sessionStorage.setItem('jobFairPopupState', 'expanded');\n}<\/p>\n<p>function dismissJobFairBubble() {\n    document.getElementById('jobFairBubble').style.display = 'none';\n    sessionStorage.setItem('jobFairPopupState', 'dismissed');\n}<\/p>\n<p>document.getElementById('jobFairPopup')?.addEventListener('click', function(e) {\n    if (e.target === this) minimizeJobFairPopup();\n});\n<\/script><br \/>\n&nbsp;<\/p>\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\/2026\/06\/DMD8546.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\/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\/07\/Brochure.Sycamore.png\" 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\/07\/Pioneers4.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<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\/stateCitation9.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\/07\/ChatGPT-Image-19-may-2026-15_43_20.png\" style=\"width:100%; height:100%; object-fit:cover; object-position:center 20%; 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\/07\/CSAAC_Ritas-121.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\/07\/Guests1-scaled.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><br \/>\n        <span class=\"home-dot\" onclick=\"goToHomeSlide(5)\" 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(6)\" 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(7)\" 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(8)\" 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(9)\" 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(10)\" 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(11)\" 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<p> <span class=\"home-dot\" onclick=\"goToHomeSlide(12)\" 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<p><script>\nvar homeSlideIndex = 0;\nvar homeTotalSlides = 13;<\/p>\n<p>\/\/ Initialize slider on page load\ndocument.addEventListener('DOMContentLoaded', function() {\n    updateHomeSlider();\n});<\/p>\n<p>var homeAutoPlay = setInterval(function(){ changeHomeSlide(1); }, 4000);\nfunction 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        slide.style.zIndex = i === homeSlideIndex ? '2' : '1';\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\/csm-about\/\"><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<p><!-- What Families are Saying Section --><\/p>\n<section class=\"testimonial\">\n<div class=\"testimonial-content\">\n<h2 class=\"section-title\">What Families are Saying<\/h2>\n<div class=\"testimonial-slider\" style=\"position:relative; max-width:800px; margin:2rem auto; overflow:hidden;\">\n<div class=\"testimonial-slides\" style=\"display:flex; transition:transform 0.4s ease;\">\n<div class=\"testimonial-slide\" style=\"min-width:100%; padding:2rem; background:white; border-radius:10px; box-shadow:0 4px 6px rgba(0,0,0,0.1); border-left:8px solid #cbb777;\">\n<blockquote style=\"color:#555; font-size:1.05rem; line-height:1.7; margin:0 0 1rem; border:none; padding:0; background:none;\"><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><\/div>\n<div class=\"testimonial-slide\" style=\"min-width:100%; padding:2rem; background:white; border-radius:10px; box-shadow:0 4px 6px rgba(0,0,0,0.1); border-left:8px solid #cbb777;\">\n<blockquote style=\"color:#555; font-size:1.05rem; line-height:1.7; margin:0 0 1rem; border:none; padding:0; background:none;\"><p>\u201cI would like to highlight the residential staff for always making sure my son is safe, taking him to outings to have new experiences, and being strong male figures that he can look up to.\u201d<\/p><\/blockquote>\n<p class=\"testimonial-author\"><em><strong>\u2014 Parent of a CSM student<\/strong><\/em><\/p>\n<\/p><\/div>\n<div class=\"testimonial-slide\" style=\"min-width:100%; padding:2rem; background:white; border-radius:10px; box-shadow:0 4px 6px rgba(0,0,0,0.1); border-left:8px solid #cbb777;\">\n<blockquote style=\"color:#555; font-size:1.05rem; line-height:1.7; margin:0 0 1rem; border:none; padding:0; background:none;\"><p>\u201cI want to thank CSAAC for helping my son become who he is today. Cedric joined CSAAC when he was only 9 years old; today, he is a grown man. I am pleased with all the education, lifestyle, and services that CSAAC provides him.\u201d<\/p><\/blockquote>\n<p class=\"testimonial-author\"><em><strong>\u2014  Dr. Kengni, Parent<\/strong><\/em><\/p>\n<\/p><\/div>\n<\/div>\n<p>            <!-- Navigation Arrows --><br \/>\n            <button onclick=\"testiMoveSlide(-1)\" style=\"position:absolute; left:0; top:50%; transform:translateY(-50%); background:#06505c; color:white; border:none; padding:1rem; cursor:pointer; font-size:1.5rem; border-radius:0 5px 5px 0; z-index:10;\">&#8249;<\/button><br \/>\n            <button onclick=\"testiMoveSlide(1)\" style=\"position:absolute; right:0; top:50%; transform:translateY(-50%); background:#06505c; color:white; border:none; padding:1rem; cursor:pointer; font-size:1.5rem; border-radius:5px 0 0 5px; z-index:10;\">&#8250;<\/button><\/p>\n<p>            <!-- Dots --><\/p>\n<div style=\"text-align:center; margin-top:1.5rem;\">\n                <span class=\"testi-dot\" onclick=\"testiGoToSlide(0)\" style=\"display:inline-block; width:12px; height:12px; border-radius:50%; background:#06505c; margin:0 4px; cursor:pointer;\"><\/span><br \/>\n                <span class=\"testi-dot\" onclick=\"testiGoToSlide(1)\" style=\"display:inline-block; width:12px; height:12px; border-radius:50%; background:#cbb777; margin:0 4px; cursor:pointer;\"><\/span><br \/>\n                <span class=\"testi-dot\" onclick=\"testiGoToSlide(2)\" style=\"display:inline-block; width:12px; height:12px; border-radius:50%; background:#cbb777; margin:0 4px; cursor:pointer;\"><\/span>\n            <\/div>\n<\/p><\/div>\n<p>        <script>\n        var testiCurrentSlide = 0;\n        var testiTotalSlides = 3;<\/p>\n<p>        function testiMoveSlide(direction) {\n            testiCurrentSlide += direction;\n            if (testiCurrentSlide < 0) testiCurrentSlide = testiTotalSlides - 1;\n            if (testiCurrentSlide >= testiTotalSlides) testiCurrentSlide = 0;\n            testiUpdateSlider();\n        }<\/p>\n<p>        function testiGoToSlide(index) {\n            testiCurrentSlide = index;\n            testiUpdateSlider();\n        }<\/p>\n<p>        function testiUpdateSlider() {\n            var slides = document.querySelector('.testimonial-slides');\n            slides.style.transform = 'translateX(-' + (testiCurrentSlide * 100) + '%)';\n            var dots = document.querySelectorAll('.testi-dot');\n            dots.forEach(function(dot, i) {\n                dot.style.background = i === testiCurrentSlide ? '#06505c' : '#cbb777';\n            });\n        }\n        <\/script>\n    <\/div>\n<\/section>\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 2026 CSAAC. All rights reserved.<\/p>\n<\/div>\n<\/footer>\n\n","protected":false},"excerpt":{"rendered":"<p>\u00d7 View Job Postings \u00d7 JOB FAIR &nbsp; \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 [&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":102,"href":"https:\/\/csaac.org\/en\/wp-json\/wp\/v2\/pages\/1946\/revisions"}],"predecessor-version":[{"id":4689,"href":"https:\/\/csaac.org\/en\/wp-json\/wp\/v2\/pages\/1946\/revisions\/4689"}],"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}]}}