{"id":1962,"date":"2025-12-09T23:02:11","date_gmt":"2025-12-09T23:02:11","guid":{"rendered":"https:\/\/csaac.org\/?page_id=1962"},"modified":"2026-03-12T19:02:50","modified_gmt":"2026-03-12T19:02:50","slug":"success-stories","status":"publish","type":"page","link":"https:\/\/csaac.org\/es\/success-stories\/","title":{"rendered":"Success Stories"},"content":{"rendered":"


\n
\n
\n
\n
\n Success Stories – CSAAC<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap\" rel=\"stylesheet\">\n<style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }<\/p>\n<p> body {\n font-family: 'DM Sans', sans-serif;\n line-height: 1.6;\n color: #333;\n }<\/p>\n<p> \/* Hero Section *\/\n .hero {\n background: linear-gradient(135deg, #06505c 0%, #078199 100%);\n color: white;\n padding: 4rem 2rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n }<\/p>\n<p> .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n radial-gradient(ellipse at top left, rgba(255,255,255,0.15) 0%, transparent 50%),\n radial-gradient(ellipse at top right, rgba(7,129,153,0.4) 0%, transparent 50%),\n radial-gradient(ellipse at bottom left, rgba(6,80,92,0.3) 0%, transparent 50%),\n radial-gradient(ellipse at bottom right, rgba(203,183,119,0.1) 0%, transparent 50%);\n pointer-events: none;\n }<\/p>\n<p> .hero h1 {\n font-size: 3.5rem;\n margin-bottom: 1rem;\n position: relative;\n z-index: 1;\n }<\/p>\n<p> .hero p {\n font-size: 1.4rem;\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }<\/p>\n<p> \/* Container *\/\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 2.5rem 2rem;\n }<\/p>\n<p> \/* Section Styles *\/\n .section {\n padding: 2.5rem 2rem;\n }<\/p>\n<p> .section-white {\n background: white;\n }<\/p>\n<p> .section-gray {\n background: #f8f9fa;\n }<\/p>\n<p> .section-title {\n font-size: 2.5rem;\n color: #06505c;\n margin-bottom: 1.25rem;\n text-align: center;\n }<\/p>\n<p> .section-intro {\n font-size: 1.15rem;\n line-height: 1.8;\n color: #555;\n text-align: center;\n max-width: 800px;\n margin: 0 auto 2rem;\n }<\/p>\n<p> \/* Success Story Cards *\/\n .stories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 2rem;\n margin: 2rem 0;\n }<\/p>\n<p> .story-card {\n background: white;\n border-radius: 10px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n overflow: hidden;\n transition: transform 0.3s, box-shadow 0.3s;\n }<\/p>\n<p> .story-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 6px 12px rgba(0,0,0,0.15);\n }<\/p>\n<p> .story-image {\n width: 100%;\n height: 250px;\n object-fit: cover;\n }<\/p>\n<p> .story-content {\n padding: 1.75rem;\n }<\/p>\n<p> .story-title {\n font-size: 1.5rem;\n color: #06505c;\n margin-bottom: 0.75rem;\n }<\/p>\n<p> .story-excerpt {\n font-size: 1.05rem;\n line-height: 1.7;\n color: #555;\n margin-bottom: 1.25rem;\n }<\/p>\n<p> .story-category {\n display: inline-block;\n padding: 0.5rem 1rem;\n background: #cbb777;\n color: white;\n border-radius: 5px;\n font-size: 0.9rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }<\/p>\n<p> \/* Featured Story *\/\n .featured-story {\n background: linear-gradient(135deg, #06505c 0%, #078199 100%);\n color: white;\n padding: 3rem 2rem;\n margin: 2rem 0;\n border-radius: 10px;\n }<\/p>\n<p> .featured-content {\n max-width: 1000px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2.5rem;\n align-items: center;\n }<\/p>\n<p> .featured-text h2 {\n color: white;\n font-size: 1.9rem;\n margin-bottom: 1rem;\n }<\/p>\n<p> .featured-text p {\n font-size: 1.1rem;\n line-height: 1.8;\n margin-bottom: 1rem;\n }<\/p>\n<p> .featured-image {\n width: 100%;\n height: 350px;\n object-fit: cover;\n border-radius: 10px;\n border: 5px solid #cbb777;\n }<\/p>\n<p> \/* Testimonial Section *\/\n .testimonials-section {\n background: #f8f9fa;\n padding: 2.5rem 2rem;\n }<\/p>\n<p> .testimonial-card {\n background: white;\n padding: 2rem;\n border-radius: 10px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n border-left: 8px solid #06505c;\n margin: 1.5rem auto;\n max-width: 800px;\n }<\/p>\n<p> .testimonial-quote {\n font-size: 1.2rem;\n font-style: italic;\n color: #06505c;\n line-height: 1.8;\n margin-bottom: 1rem;\n }<\/p>\n<p> .testimonial-author {\n font-size: 1rem;\n color: #666;\n font-weight: 600;\n }<\/p>\n<p> \/* CTA Section *\/\n .cta-section {\n background: linear-gradient(135deg, #06505c 0%, #078199 100%);\n color: white;\n padding: 2.5rem 2rem;\n text-align: center;\n }<\/p>\n<p> .cta-section h2 {\n color: white;\n font-size: 2rem;\n margin-bottom: 1rem;\n }<\/p>\n<p> .cta-section p {\n font-size: 1.1rem;\n margin-bottom: 1.5rem;\n }<\/p>\n<p> .button-group {\n display: flex;\n gap: 1rem;\n justify-content: center;\n flex-wrap: wrap;\n }<\/p>\n<p> \/* Button *\/\n .btn {\n padding: 1rem 2rem;\n text-decoration: none;\n border-radius: 5px;\n font-weight: 600;\n transition: all 0.3s;\n display: inline-block;\n background: #cbb777;\n color: #06505c;\n }<\/p>\n<p> .btn:hover {\n background: #b8a566;\n transform: translateY(-2px);\n }<\/p>\n<p> .btn-white {\n background: white;\n color: #06505c;\n }<\/p>\n<p> .btn-white:hover {\n background: #f0f0f0;\n }<\/p>\n<p> \/* Footer *\/\n .footer {\n background: #06505c;\n color: white;\n padding: 3rem 2rem 1rem;\n font-size: 1.1rem;\n }<\/p>\n<p> .footer-content {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-bottom: 2rem;\n }<\/p>\n<p> .footer-section h3 {\n color: #cbb777;\n margin-bottom: 1rem;\n font-size: 1.3rem;\n }<\/p>\n<p> .footer-section ul {\n list-style: none;\n }<\/p>\n<p> .footer-section ul li {\n margin-bottom: 0.5rem;\n }<\/p>\n<p> .footer-section a {\n color: #ccc;\n text-decoration: none;\n transition: color 0.3s;\n }<\/p>\n<p> .footer-section a:hover {\n color: #cbb777;\n }<\/p>\n<p> .newsletter-signup input {\n padding: 0.75rem;\n border: none;\n border-radius: 5px;\n width: 100%;\n margin-bottom: 0.5rem;\n }<\/p>\n<p> .newsletter-signup button {\n padding: 0.75rem 1.5rem;\n background: #cbb777;\n color: #06505c;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-weight: 600;\n transition: background 0.3s;\n }<\/p>\n<p> .newsletter-signup button:hover {\n background: #b8a566;\n }<\/p>\n<p> .social-links {\n display: flex;\n gap: 1rem;\n margin-top: 1rem;\n }<\/p>\n<p> .social-links a {\n display: inline-block;\n width: 55px;\n height: 55px;\n background: #cbb777;\n border-radius: 50%;\n text-align: center;\n line-height: 55px;\n transition: background 0.3s;\n color: #06505c;\n font-weight: bold;\n font-size: 1.3rem;\n }<\/p>\n<p> .social-links a:hover {\n background: #b8a566;\n }<\/p>\n<p> .footer-bottom {\n text-align: center;\n padding-top: 2rem;\n border-top: 1px solid rgba(255, 255, 255, 0.2);\n color: #ccc;\n }<\/p>\n<p> \/* ===== MOBILE RESPONSIVE ===== *\/\n @media (max-width: 768px) {\n \/* Hero *\/\n .hero {\n padding: 2rem 1rem;\n }\n .hero h1 {\n font-size: 1.75rem;\n margin-bottom: 0.5rem;\n }\n .hero p {\n font-size: 1rem;\n }<\/p>\n<p> \/* Containers *\/\n .container {\n padding: 1.5rem 1rem;\n }<\/p>\n<p> \/* Sections *\/\n .section {\n padding: 1.5rem 1rem;\n }<\/p>\n<p> \/* Section Title *\/\n .section-title {\n font-size: 1.6rem;\n margin-bottom: 1rem;\n }<\/p>\n<p> \/* Section Intro *\/\n .section-intro {\n font-size: 1rem;\n margin-bottom: 1.5rem;\n }<\/p>\n<p> \/* Stories Grid *\/\n .stories-grid {\n grid-template-columns: 1fr;\n gap: 1.25rem;\n margin: 1.5rem 0;\n }<\/p>\n<p> \/* Story Cards *\/\n .story-card {\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n }\n .story-card:hover {\n transform: none;\n }\n .story-image {\n height: 200px;\n }\n .story-content {\n padding: 1.25rem;\n }\n .story-title {\n font-size: 1.25rem;\n margin-bottom: 0.5rem;\n }\n .story-excerpt {\n font-size: 0.95rem;\n margin-bottom: 1rem;\n }<\/p>\n<p> \/* Featured Story *\/\n .featured-story {\n padding: 1.5rem 1rem;\n margin: 1.5rem 0;\n border-radius: 0;\n }\n .featured-content {\n grid-template-columns: 1fr;\n gap: 1.25rem;\n }\n .featured-text h2 {\n font-size: 1.4rem;\n margin-bottom: 0.75rem;\n }\n .featured-text p {\n font-size: 1rem;\n line-height: 1.7;\n margin-bottom: 0.75rem;\n }\n .featured-image {\n height: 250px;\n border-width: 4px;\n order: -1;\n }<\/p>\n<p> \/* Testimonials *\/\n .testimonials-section {\n padding: 1.5rem 1rem;\n }\n .testimonial-card {\n padding: 1.25rem;\n border-left-width: 5px;\n margin: 1rem auto;\n }\n .testimonial-quote {\n font-size: 1rem;\n line-height: 1.7;\n margin-bottom: 0.75rem;\n }\n .testimonial-author {\n font-size: 0.9rem;\n }<\/p>\n<p> \/* CTA Section *\/\n .cta-section {\n padding: 2rem 1rem;\n }\n .cta-section h2 {\n font-size: 1.5rem;\n margin-bottom: 0.75rem;\n }\n .cta-section p {\n font-size: 1rem;\n margin-bottom: 1.25rem;\n }<\/p>\n<p> \/* Button Group *\/\n .button-group {\n flex-direction: column;\n align-items: center;\n gap: 0.75rem;\n }<\/p>\n<p> \/* Buttons *\/\n .btn {\n padding: 0.75rem 1.5rem;\n font-size: 0.95rem;\n width: 100%;\n max-width: 250px;\n text-align: center;\n }<\/p>\n<p> \/* Footer *\/\n .footer {\n padding: 1.5rem 1rem 1rem;\n font-size: 1rem;\n }\n .footer-content {\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n }\n .footer-section h3 {\n font-size: 1.1rem;\n margin-bottom: 0.75rem;\n }\n .social-links a {\n width: 45px;\n height: 45px;\n line-height: 45px;\n font-size: 1.1rem;\n }\n .footer-bottom {\n padding-top: 1.5rem;\n }\n }<\/p>\n<p> \/* Extra small phones *\/\n @media (max-width: 380px) {\n .hero h1 {\n font-size: 1.5rem;\n }\n .hero p {\n font-size: 0.9rem;\n }\n .section-title {\n font-size: 1.4rem;\n }\n .featured-text h2 {\n font-size: 1.25rem;\n }\n .featured-image {\n height: 200px;\n }\n .cta-section h2 {\n font-size: 1.35rem;\n }\n }\n <\/style>\n<p><\/head><br \/>\n<body><br \/>\n <!-- Hero Section --><\/p>\n<section class=\"hero\">\n<h1>Success Stories<\/h1>\n<p>Celebrating achievements, growth, and the power of community at CSAAC<\/p>\n<\/section>\n<p> <!-- Introduction Section --><\/p>\n<section class=\"section section-white\">\n<div class=\"container\">\n<h2 class=\"section-title\">Stories of Growth, Independence, and Achievement<\/h2>\n<p class=\"section-intro\">Every day at CSAAC, individuals reach new milestones, discover new skills, and build meaningful connections. These are their stories of perseverance, progress, and triumph.<\/p>\n<\/p><\/div>\n<\/section>\n<p> <!-- Featured Story --><\/p>\n<section class=\"featured-story\">\n<div class=\"featured-content\">\n<div class=\"featured-text\">\n<h2>Featured Story<\/h2>\n<p>From a parent: “I 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.”<\/p>\n<p>With the support of CSAAC’s dedicated residential staff, this individual has thrived, enjoying Thanksgiving celebrations, adapted sailing adventures, and creative projects like a handmade cork board. The bonds formed between him, his staff, and fellow residents demonstrate the caring community that makes CSAAC special.<\/p>\n<\/p><\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/csaac.org\/wp-content\/uploads\/2025\/12\/IMG_5715-scaled.jpeg\" alt=\"Alex with a cork board he made\" class=\"featured-image\">\n <\/div>\n<\/section>\n<p> <!-- Testimonials Section --><\/p>\n<section class=\"testimonials-section\">\n<div class=\"container\">\n<h2 class=\"section-title\">Voices from Our Community<\/h2>\n<div class=\"testimonial-card\">\n<p class=\"testimonial-quote\">“I 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.”<\/p>\n<p class=\"testimonial-author\">\u2014 Dr. Kengni, Parent<\/p>\n<\/p><\/div>\n<div class=\"testimonial-card\">\n<p class=\"testimonial-quote\">“We have 2 sons who have received amazing care & 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.”<\/p>\n<p class=\"testimonial-author\">\u2014 Parent<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <!-- CTA Section --><\/p>\n<section class=\"cta-section\">\n<div class=\"container\">\n<h2>Become Part of Our Success Story<\/h2>\n<p>Whether you’re seeking services, looking to volunteer, or wanting to support our mission, there are many ways to get involved with CSAAC.<\/p>\n<div class=\"button-group\">\n <a href=\"https:\/\/csaac.org\/es\/apply-for-services-2\/\" class=\"btn btn-white\"><strong>Solicite Servicios<\/strong><\/a><br \/>\n <a href=\"https:\/\/csaac.org\/es\/support-csaac-2\/\" class=\"btn\"><strong>Done Hoy<\/strong><\/a>\n <\/div>\n<\/p><\/div>\n<\/section>\n<p> <!-- Footer --><\/p>\n<footer class=\"footer\" id=\"contact\">\n<div class=\"footer-content\">\n<div class=\"footer-section\">\n<h3>Quick Links<\/h3>\n<ul>\n<li><a href=\"https:\/\/csaac.org\/es\/about-csaac-2\/\">About<\/a><\/li>\n<li><a href=\"https:\/\/csaac.org\/es\/volunteer-at-csaac\/\">\u00danase a Nuestra Misi\u00f3n<\/a><\/li>\n<li><a href=\"https:\/\/csaac.org\/es\/careers-at-csaac\/\">Carreras<\/a><\/li>\n<li><a href=\"https:\/\/csaac.org\/es\/contact-csaac\/\">Cont\u00e1ctenos<\/a><\/li>\n<\/ul><\/div>\n<div class=\"footer-section\">\n<h3>Contact Us<\/h3>\n<p>CSAAC<br \/>\n Phone: (240) 912-2220<br \/>\n Email: <a href=\"mailto:csaac@csaac.org\">csaac@csaac.org<\/a><\/p>\n<\/p><\/div>\n<div class=\"footer-section\">\n<h3>Newsletter Signup<\/h3>\n<form class=\"newsletter-signup\" action=\"https:\/\/formspree.io\/f\/xvgeqaql\" method=\"POST\">\n <input type=\"hidden\" name=\"_subject\" value=\"New Newsletter Signup - CSAAC\"><br \/>\n <input type=\"email\" name=\"email\" placeholder=\"Enter your email\" required><br \/>\n <button type=\"submit\">Subscribe<\/button><br \/>\n <\/form>\n<div class=\"social-links\">\n <a href=\"https:\/\/www.facebook.com\/share\/1ASK295psM\/?mibextid=wwXIfr\" aria-label=\"Facebook\">f<\/a><br \/>\n <a href=\"https:\/\/www.instagram.com\/csaac_org?igsh=dHgzcnFocThzejJq&utm_source=qr\" aria-label=\"Instagram\">i<\/a><br \/>\n <a href=\"https:\/\/www.linkedin.com\/company\/csaac\/\" aria-label=\"LinkedIn\">in<\/a><br \/>\n <a href=\"https:\/\/www.tiktok.com\/@csaac_org?_r=1&_t=ZT-92UbcI2sHN7\" aria-label=\"TikTok\">t<\/a>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"footer-bottom\">\n<p>© 2025 CSAAC. All rights reserved.<\/p>\n<\/p><\/div>\n<\/footer>\n<p><\/body><br \/>\n<\/html><\/p>","protected":false},"excerpt":{"rendered":"<p>Success Stories – CSAAC Success Stories Celebrating achievements, growth, and the power of community at CSAAC Stories of Growth, Independence, and Achievement Every day at CSAAC, individuals reach new milestones, discover new skills, and build meaningful connections. These are their stories of perseverance, progress, and triumph. Featured Story From a parent: “I would like to […]<\/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-1962","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/csaac.org\/es\/wp-json\/wp\/v2\/pages\/1962","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/csaac.org\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/csaac.org\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/csaac.org\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/csaac.org\/es\/wp-json\/wp\/v2\/comments?post=1962"}],"version-history":[{"count":12,"href":"https:\/\/csaac.org\/es\/wp-json\/wp\/v2\/pages\/1962\/revisions"}],"predecessor-version":[{"id":2410,"href":"https:\/\/csaac.org\/es\/wp-json\/wp\/v2\/pages\/1962\/revisions\/2410"}],"wp:attachment":[{"href":"https:\/\/csaac.org\/es\/wp-json\/wp\/v2\/media?parent=1962"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}