Volunteer – 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: 1000px;\n margin: 0 auto;\n padding: 2.5rem 2rem;\n }<\/p>\n<p> .wide-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-content p {\n font-size: 1.1rem;\n line-height: 1.8;\n margin-bottom: 1.25rem;\n color: #555;\n }<\/p>\n<p> \/* Volunteer Form CTA *\/\n .form-cta {\n background: linear-gradient(135deg, #06505c 0%, #078199 100%);\n color: white;\n padding: 3rem 2rem;\n text-align: center;\n margin: 0;\n border-radius: 10px;\n }<\/p>\n<p> .form-cta h2 {\n color: white;\n font-size: 2.25rem;\n margin-bottom: 1rem;\n }<\/p>\n<p> .form-cta p {\n font-size: 1.15rem;\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }<\/p>\n<p> \/* Volunteer Opportunities *\/\n .opportunities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-top: 1.5rem;\n }<\/p>\n<p> .opportunity-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 #cbb777;\n }<\/p>\n<p> .opportunity-card h3 {\n color: #06505c;\n font-size: 1.4rem;\n margin-bottom: 0.75rem;\n }<\/p>\n<p> .opportunity-card p {\n color: #555;\n font-size: 1rem;\n line-height: 1.7;\n }<\/p>\n<p> \/* Requirements Section *\/\n .requirements-list {\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 max-width: 800px;\n margin: 1.5rem auto;\n }<\/p>\n<p> .requirements-list h3 {\n color: #06505c;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n }<\/p>\n<p> .requirements-list ul {\n list-style: none;\n padding-left: 0;\n }<\/p>\n<p> .requirements-list li {\n padding: 0.6rem 0;\n padding-left: 1.75rem;\n position: relative;\n font-size: 1rem;\n line-height: 1.7;\n color: #555;\n }<\/p>\n<p> .requirements-list li::before {\n content: \"\u2713\";\n position: absolute;\n left: 0;\n color: #cbb777;\n font-weight: bold;\n font-size: 1.2rem;\n }<\/p>\n<p> \/* Button *\/\n .btn {\n padding: 1rem 2.5rem;\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 font-size: 1.1rem;\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> .btn-large {\n padding: 1.25rem 3rem;\n font-size: 1.2rem;\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> \/* Centered card container *\/\n .centered-card {\n display: flex;\n justify-content: center;\n margin-top: 1.5rem;\n }<\/p>\n<p> .centered-card .opportunity-card {\n max-width: 400px;\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 }\n .wide-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 Content *\/\n .section-content p {\n font-size: 1rem;\n line-height: 1.7;\n margin-bottom: 1rem;\n }<\/p>\n<p> \/* Form CTA *\/\n .form-cta {\n padding: 1.5rem 1rem;\n border-radius: 8px;\n }\n .form-cta h2 {\n font-size: 1.5rem;\n margin-bottom: 0.75rem;\n }\n .form-cta p {\n font-size: 1rem;\n margin-bottom: 1.25rem;\n }<\/p>\n<p> \/* Opportunities Grid *\/\n .opportunities-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n margin-top: 1rem;\n }<\/p>\n<p> \/* Opportunity Cards *\/\n .opportunity-card {\n padding: 1.25rem;\n border-left-width: 5px;\n }\n .opportunity-card h3 {\n font-size: 1.2rem;\n margin-bottom: 0.5rem;\n }\n .opportunity-card p {\n font-size: 0.95rem;\n }<\/p>\n<p> \/* Centered Card *\/\n .centered-card {\n margin-top: 1rem;\n }\n .centered-card .opportunity-card {\n max-width: 100%;\n }<\/p>\n<p> \/* Requirements List *\/\n .requirements-list {\n padding: 1.25rem;\n border-left-width: 5px;\n margin: 1rem auto;\n }\n .requirements-list h3 {\n font-size: 1.25rem;\n margin-bottom: 0.75rem;\n }\n .requirements-list li {\n padding: 0.5rem 0;\n padding-left: 1.5rem;\n font-size: 0.95rem;\n }\n .requirements-list li::before {\n font-size: 1.1rem;\n }<\/p>\n<p> \/* Buttons *\/\n .btn {\n padding: 0.75rem 1.5rem;\n font-size: 0.95rem;\n }\n .btn-large {\n padding: 0.85rem 2rem;\n font-size: 1rem;\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 .form-cta h2 {\n font-size: 1.35rem;\n }\n .opportunity-card h3 {\n font-size: 1.1rem;\n }\n .requirements-list h3 {\n font-size: 1.15rem;\n }\n }\n <\/style>\n<p><\/head><br \/>\n<body><br \/>\n <\/p>\n<section class=\"hero\">\n<h1>Volunteer at CSAAC<\/h1>\n<p>Make a difference in your community by sharing your time and talents<\/p>\n<\/section>\n<p> <\/p>\n<section class=\"section section-white\">\n<div class=\"container\">\n<h2 class=\"section-title\">Your Time, Their Future<\/h2>\n<div class=\"section-content\">\n<p>Volunteers are the heart of CSAAC’s community. Whether you have a few hours a month or can commit to a regular schedule, your contribution makes a meaningful difference in the lives of individuals with autism and their families.<\/p>\n<p>Join us in creating a more inclusive community where every individual has the opportunity to thrive, learn, and reach their full potential.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section class=\"section section-gray\">\n<div class=\"container\">\n<div class=\"form-cta\">\n<h2>Ready to Get Started?<\/h2>\n<p>Complete our volunteer application form and we’ll be in touch to discuss opportunities that match your interests and availability.<\/p>\n<p> <a href=\"https:\/\/forms.office.com\/Pages\/ResponsePage.aspx?id=gw4DiqBwxUCQogtMQRF94_RUfDNhZi1Lpfld2-ZScN5UQ0ZBN1FHWEpORDVON1MyUDVSTThHWUQ0NC4u\" class=\"btn btn-white btn-large\" target=\"_blank\"><strong>Fill Out Volunteer Form<\/strong><\/a>\n <\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section class=\"section section-white\">\n<div class=\"container\">\n<h2 class=\"section-title\">Volunteer Opportunities<\/h2>\n<div class=\"section-content\">\n<p style=\"text-align: center; font-size: 1.1rem; color: #555; margin-bottom: 1.5rem;\">CSAAC offers event-based volunteer opportunities throughout the year. We welcome volunteers of all ages and are proud to be an approved MCPS SSL (Student Service Learning) hours provider.<\/p>\n<\/p><\/div>\n<div class=\"opportunities-grid\">\n<div class=\"opportunity-card\">\n<h3>Special Events<\/h3>\n<p>Join us for fundraisers, community celebrations, awareness events, and seasonal activities throughout the year. We’ll notify you of upcoming opportunities where volunteers are needed.<\/p>\n<\/p><\/div>\n<div class=\"opportunity-card\">\n<h3>MCPS SSL Hours<\/h3>\n<p>CSAAC is on the MCPS Student Service Learning approved provider list. Students can earn SSL hours by volunteering at our events. We provide documentation for all SSL-eligible volunteers.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"centered-card\">\n<div class=\"opportunity-card\">\n<h3>Flexible Commitment<\/h3>\n<p>No ongoing time commitment required. Volunteer when it fits your schedule by signing up for individual events that interest you.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section class=\"section section-gray\">\n<div class=\"container\">\n<h2 class=\"section-title\">How to Volunteer<\/h2>\n<div class=\"requirements-list\">\n<h3>Getting Started:<\/h3>\n<ul>\n<li>Check our <a href=\"https:\/\/csaac.org\/es\/happenings\/\" style=\"color: #06505c; font-weight: 600;\">Happenings page<\/a> to see upcoming events you’d like to volunteer for<\/li>\n<li>Complete the volunteer application form<\/li>\n<li>We’ll contact you with details for events that need volunteers<\/li>\n<li>MCPS students: Bring your SSL forms to have hours documented<\/li>\n<li>Volunteers ages 10 and up are welcome<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/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>Volunteer – CSAAC Volunteer at CSAAC Make a difference in your community by sharing your time and talents Your Time, Their Future Volunteers are the heart of CSAAC’s community. Whether you have a few hours a month or can commit to a regular schedule, your contribution makes a meaningful difference in the lives of individuals […]<\/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-1968","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/csaac.org\/es\/wp-json\/wp\/v2\/pages\/1968","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=1968"}],"version-history":[{"count":5,"href":"https:\/\/csaac.org\/es\/wp-json\/wp\/v2\/pages\/1968\/revisions"}],"predecessor-version":[{"id":2258,"href":"https:\/\/csaac.org\/es\/wp-json\/wp\/v2\/pages\/1968\/revisions\/2258"}],"wp:attachment":[{"href":"https:\/\/csaac.org\/es\/wp-json\/wp\/v2\/media?parent=1968"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1968,"date":"2025-12-09T23:03:09","date_gmt":"2025-12-09T23:03:09","guid":{"rendered":"https:\/\/csaac.org\/?page_id=1968"},"modified":"2026-01-08T23:37:05","modified_gmt":"2026-01-08T23:37:05","slug":"volunteer-at-csaac","status":"publish","type":"page","link":"https:\/\/csaac.org\/es\/volunteer-at-csaac\/","title":{"rendered":"Volunteer at CSAAC"},"content":{"rendered":"

\n
\n
\n
\n
\n Volunteer – 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: 1000px;\n margin: 0 auto;\n padding: 2.5rem 2rem;\n }<\/p>\n<p> .wide-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-content p {\n font-size: 1.1rem;\n line-height: 1.8;\n margin-bottom: 1.25rem;\n color: #555;\n }<\/p>\n<p> \/* Volunteer Form CTA *\/\n .form-cta {\n background: linear-gradient(135deg, #06505c 0%, #078199 100%);\n color: white;\n padding: 3rem 2rem;\n text-align: center;\n margin: 0;\n border-radius: 10px;\n }<\/p>\n<p> .form-cta h2 {\n color: white;\n font-size: 2.25rem;\n margin-bottom: 1rem;\n }<\/p>\n<p> .form-cta p {\n font-size: 1.15rem;\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }<\/p>\n<p> \/* Volunteer Opportunities *\/\n .opportunities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-top: 1.5rem;\n }<\/p>\n<p> .opportunity-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 #cbb777;\n }<\/p>\n<p> .opportunity-card h3 {\n color: #06505c;\n font-size: 1.4rem;\n margin-bottom: 0.75rem;\n }<\/p>\n<p> .opportunity-card p {\n color: #555;\n font-size: 1rem;\n line-height: 1.7;\n }<\/p>\n<p> \/* Requirements Section *\/\n .requirements-list {\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 max-width: 800px;\n margin: 1.5rem auto;\n }<\/p>\n<p> .requirements-list h3 {\n color: #06505c;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n }<\/p>\n<p> .requirements-list ul {\n list-style: none;\n padding-left: 0;\n }<\/p>\n<p> .requirements-list li {\n padding: 0.6rem 0;\n padding-left: 1.75rem;\n position: relative;\n font-size: 1rem;\n line-height: 1.7;\n color: #555;\n }<\/p>\n<p> .requirements-list li::before {\n content: \"\u2713\";\n position: absolute;\n left: 0;\n color: #cbb777;\n font-weight: bold;\n font-size: 1.2rem;\n }<\/p>\n<p> \/* Button *\/\n .btn {\n padding: 1rem 2.5rem;\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 font-size: 1.1rem;\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> .btn-large {\n padding: 1.25rem 3rem;\n font-size: 1.2rem;\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> \/* Centered card container *\/\n .centered-card {\n display: flex;\n justify-content: center;\n margin-top: 1.5rem;\n }<\/p>\n<p> .centered-card .opportunity-card {\n max-width: 400px;\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 }\n .wide-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 Content *\/\n .section-content p {\n font-size: 1rem;\n line-height: 1.7;\n margin-bottom: 1rem;\n }<\/p>\n<p> \/* Form CTA *\/\n .form-cta {\n padding: 1.5rem 1rem;\n border-radius: 8px;\n }\n .form-cta h2 {\n font-size: 1.5rem;\n margin-bottom: 0.75rem;\n }\n .form-cta p {\n font-size: 1rem;\n margin-bottom: 1.25rem;\n }<\/p>\n<p> \/* Opportunities Grid *\/\n .opportunities-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n margin-top: 1rem;\n }<\/p>\n<p> \/* Opportunity Cards *\/\n .opportunity-card {\n padding: 1.25rem;\n border-left-width: 5px;\n }\n .opportunity-card h3 {\n font-size: 1.2rem;\n margin-bottom: 0.5rem;\n }\n .opportunity-card p {\n font-size: 0.95rem;\n }<\/p>\n<p> \/* Centered Card *\/\n .centered-card {\n margin-top: 1rem;\n }\n .centered-card .opportunity-card {\n max-width: 100%;\n }<\/p>\n<p> \/* Requirements List *\/\n .requirements-list {\n padding: 1.25rem;\n border-left-width: 5px;\n margin: 1rem auto;\n }\n .requirements-list h3 {\n font-size: 1.25rem;\n margin-bottom: 0.75rem;\n }\n .requirements-list li {\n padding: 0.5rem 0;\n padding-left: 1.5rem;\n font-size: 0.95rem;\n }\n .requirements-list li::before {\n font-size: 1.1rem;\n }<\/p>\n<p> \/* Buttons *\/\n .btn {\n padding: 0.75rem 1.5rem;\n font-size: 0.95rem;\n }\n .btn-large {\n padding: 0.85rem 2rem;\n font-size: 1rem;\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 .form-cta h2 {\n font-size: 1.35rem;\n }\n .opportunity-card h3 {\n font-size: 1.1rem;\n }\n .requirements-list h3 {\n font-size: 1.15rem;\n }\n }\n <\/style>\n<p><\/head><br \/>\n<body><br \/>\n <\/p>\n<section class=\"hero\">\n<h1>Volunteer at CSAAC<\/h1>\n<p>Make a difference in your community by sharing your time and talents<\/p>\n<\/section>\n<p> <\/p>\n<section class=\"section section-white\">\n<div class=\"container\">\n<h2 class=\"section-title\">Your Time, Their Future<\/h2>\n<div class=\"section-content\">\n<p>Volunteers are the heart of CSAAC’s community. Whether you have a few hours a month or can commit to a regular schedule, your contribution makes a meaningful difference in the lives of individuals with autism and their families.<\/p>\n<p>Join us in creating a more inclusive community where every individual has the opportunity to thrive, learn, and reach their full potential.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section class=\"section section-gray\">\n<div class=\"container\">\n<div class=\"form-cta\">\n<h2>Ready to Get Started?<\/h2>\n<p>Complete our volunteer application form and we’ll be in touch to discuss opportunities that match your interests and availability.<\/p>\n<p> <a href=\"https:\/\/forms.office.com\/Pages\/ResponsePage.aspx?id=gw4DiqBwxUCQogtMQRF94_RUfDNhZi1Lpfld2-ZScN5UQ0ZBN1FHWEpORDVON1MyUDVSTThHWUQ0NC4u\" class=\"btn btn-white btn-large\" target=\"_blank\"><strong>Fill Out Volunteer Form<\/strong><\/a>\n <\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section class=\"section section-white\">\n<div class=\"container\">\n<h2 class=\"section-title\">Volunteer Opportunities<\/h2>\n<div class=\"section-content\">\n<p style=\"text-align: center; font-size: 1.1rem; color: #555; margin-bottom: 1.5rem;\">CSAAC offers event-based volunteer opportunities throughout the year. We welcome volunteers of all ages and are proud to be an approved MCPS SSL (Student Service Learning) hours provider.<\/p>\n<\/p><\/div>\n<div class=\"opportunities-grid\">\n<div class=\"opportunity-card\">\n<h3>Special Events<\/h3>\n<p>Join us for fundraisers, community celebrations, awareness events, and seasonal activities throughout the year. We’ll notify you of upcoming opportunities where volunteers are needed.<\/p>\n<\/p><\/div>\n<div class=\"opportunity-card\">\n<h3>MCPS SSL Hours<\/h3>\n<p>CSAAC is on the MCPS Student Service Learning approved provider list. Students can earn SSL hours by volunteering at our events. We provide documentation for all SSL-eligible volunteers.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"centered-card\">\n<div class=\"opportunity-card\">\n<h3>Flexible Commitment<\/h3>\n<p>No ongoing time commitment required. Volunteer when it fits your schedule by signing up for individual events that interest you.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section class=\"section section-gray\">\n<div class=\"container\">\n<h2 class=\"section-title\">How to Volunteer<\/h2>\n<div class=\"requirements-list\">\n<h3>Getting Started:<\/h3>\n<ul>\n<li>Check our <a href=\"https:\/\/csaac.org\/es\/happenings\/\" style=\"color: #06505c; font-weight: 600;\">Happenings page<\/a> to see upcoming events you’d like to volunteer for<\/li>\n<li>Complete the volunteer application form<\/li>\n<li>We’ll contact you with details for events that need volunteers<\/li>\n<li>MCPS students: Bring your SSL forms to have hours documented<\/li>\n<li>Volunteers ages 10 and up are welcome<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/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>Volunteer – CSAAC Volunteer at CSAAC Make a difference in your community by sharing your time and talents Your Time, Their Future Volunteers are the heart of CSAAC’s community. Whether you have a few hours a month or can commit to a regular schedule, your contribution makes a meaningful difference in the lives of individuals […]<\/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-1968","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/csaac.org\/es\/wp-json\/wp\/v2\/pages\/1968","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=1968"}],"version-history":[{"count":5,"href":"https:\/\/csaac.org\/es\/wp-json\/wp\/v2\/pages\/1968\/revisions"}],"predecessor-version":[{"id":2258,"href":"https:\/\/csaac.org\/es\/wp-json\/wp\/v2\/pages\/1968\/revisions\/2258"}],"wp:attachment":[{"href":"https:\/\/csaac.org\/es\/wp-json\/wp\/v2\/media?parent=1968"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}