{"id":1102,"date":"2026-09-30T12:23:40","date_gmt":"2026-09-30T10:23:40","guid":{"rendered":"https:\/\/salaenglish.com\/?page_id=1102"},"modified":"2026-10-15T12:12:54","modified_gmt":"2026-10-15T10:12:54","slug":"volunteering","status":"publish","type":"page","link":"https:\/\/salaenglish.com\/grissom\/volunteering\/","title":{"rendered":"Volunteering"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1102\" class=\"elementor elementor-1102\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e76c4ce e-flex e-con-boxed e-con e-parent\" data-id=\"e76c4ce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51adee1 elementor-widget elementor-widget-html\" data-id=\"51adee1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================\n     SALA VOLUNTEERING \u2014 CHANGE PHOTOS HERE\n     ONLY CHANGE THE URLS BETWEEN THE QUOTES\n     (Everything below this block can be left alone)\n========================================== -->\n<style>\n.sala-vol{\n  \/* IMAGE 1 \u2014 HERO (beside \"Learn English, Serve Local.\") *\/\n  --sala-image-1: url(\"https:\/\/salaenglish.com\/wp-content\/uploads\/2026\/10\/Professionally-Retouched-Mall-Toy-Scene.png\");\n\n  \/* IMAGE 2 \u2014 FEATURE PHOTO (beside \"Be present. Make a difference.\") *\/\n  --sala-image-2: url(\"https:\/\/salaenglish.com\/wp-content\/uploads\/2026\/10\/Volunteers-with-charity-shoeboxes.png\");\n\n  \/* IMAGE 3 \u2014 LARGE ENGLISH IN REAL LIFE PHOTO (the big photo, beside \"English in real life.\") *\/\n  --sala-image-3: url(\"https:\/\/salaenglish.com\/wp-content\/uploads\/2026\/10\/Colourful-Coastal-Promenade-Walk.png\");\n\n  \/* IMAGE 4 \u2014 SMALL ENGLISH IN REAL LIFE PHOTO (the small photo overlapping the bottom-right of image 3) *\/\n  --sala-image-4: url(\"https:\/\/salaenglish.com\/wp-content\/uploads\/2026\/10\/English-friendships-beneath-Table-Mountain.png\");\n\n  \/* IMAGE 5 \u2014 CAPE TOWN BANNER (behind \"See more than the postcard.\") *\/\n  --sala-image-5: url(\"https:\/\/salaenglish.com\/wp-content\/uploads\/2026\/10\/Hero-cover-image.png\");\n\n  \/* IMAGE 6 \u2014 EDUCATION PROJECTS CARD (inside \"Our core volunteer projects.\") *\/\n  --sala-image-6: url(\"https:\/\/salaenglish.com\/wp-content\/uploads\/2026\/10\/Volunteering15.png\");\n\n  \/* IMAGE 7 \u2014 YOUTH WORK CARD (inside \"Our core volunteer projects.\") *\/\n  --sala-image-7: url(\"https:\/\/salaenglish.com\/wp-content\/uploads\/2026\/10\/Family-celebration-with-balloons-outdoors.png\");\n\n  \/* IMAGE 8 \u2014 NGO SUPPORT CARD (inside \"Our core volunteer projects.\") *\/\n  --sala-image-8: url(\"https:\/\/salaenglish.com\/wp-content\/uploads\/2026\/10\/Volunteering-at-SALA-Language-School.png\");\n}\n<\/style>\n<!-- ==========================================\n     END OF PHOTO EDITING SECTION\n     DO NOT EDIT THE CODE BELOW\n========================================== -->\n\n<style>\n\/* =========================================\n   SALA \u2014 VOLUNTEERING\n========================================= *\/\n\n.sala-vol,.sala-vol *{box-sizing:border-box}\n\n.sala-vol{\n  --orange:#d65d25;\n  --orange-dark:#b94b1d;\n  --cream:#f5efe5;\n  --soft:#fbf9f5;\n  --ink:#1b1b1a;\n  --muted:#69645e;\n  --line:#ddd6cc;\n  font-family:Inter,Arial,sans-serif;\n  color:var(--ink);\n  overflow:hidden;\n}\n\n.sala-vol h1,\n.sala-vol h2,\n.sala-vol h3{\n  font-family:\"Source Serif 4\",Georgia,serif;\n  margin-top:0;\n}\n\n.vol-wrap{\n  width:min(1180px,calc(100% - 48px));\n  margin:auto;\n}\n\n.vol-eyebrow{\n  color:var(--orange);\n  text-transform:uppercase;\n  font-size:11px;\n  font-weight:800;\n  letter-spacing:2.4px;\n  margin-bottom:17px;\n}\n\n.vol-btn{\n  min-height:50px;\n  padding:0 25px;\n  border-radius:100px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  text-decoration:none!important;\n  font-size:13px;\n  font-weight:800;\n  transition:.25s ease;\n}\n\n.vol-btn-orange{\n  background:var(--orange);\n  color:#fff!important;\n}\n\n.vol-btn-orange:hover{\n  background:var(--orange-dark);\n  transform:translateY(-2px);\n}\n\n.vol-btn-dark{\n  background:var(--ink);\n  color:#fff!important;\n}\n\n.vol-btn-dark:hover{\n  background:#30302f;\n  transform:translateY(-2px);\n}\n\n.vol-btn-white{\n  background:#fff;\n  color:var(--ink)!important;\n}\n\n.vol-btn-white:hover{\n  transform:translateY(-2px);\n}\n\n\n\/* =========================================\n   PHOTO SYSTEM\n   The photo sets the height of its frame.\n   Frame = tight wrapper around a plain <img>.\n   Image URLs come ONLY from the top of this code.\n========================================= *\/\n.sala-vol .vol-photo-frame{\n  position:relative;\n  overflow:hidden;\n  line-height:0;\n  background:#d7cec1;\n}\n\n.sala-vol .vol-photo-frame img{\n  display:block;\n  width:100%;\n  height:auto;\n  max-width:100%;\n  margin:0;\n  padding:0;\n  border:0;\n  border-radius:0;\n  \/* if a link is ever broken, hide the ugly alt text *\/\n  font-size:0;\n  color:transparent;\n}\n\n.sala-vol .vol-img-1{content:var(--sala-image-1)}\n.sala-vol .vol-img-2{content:var(--sala-image-2)}\n.sala-vol .vol-img-3{content:var(--sala-image-3)}\n.sala-vol .vol-img-4{content:var(--sala-image-4)}\n.sala-vol .vol-img-5{content:var(--sala-image-5)}\n.sala-vol .vol-img-6{content:var(--sala-image-6)}\n.sala-vol .vol-img-7{content:var(--sala-image-7)}\n.sala-vol .vol-img-8{content:var(--sala-image-8)}\n\n\n\/* =========================================\n   ANIMATION KEYFRAMES\n   Purely decorative. No layout, text, link or button is affected.\n========================================= *\/\n@keyframes volRise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}\n@keyframes volWipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}\n@keyframes volWipeLeft{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}\n@keyframes volWipeUp{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}\n@keyframes volZoom{from{transform:scale(1.14)}to{transform:scale(1)}}\n@keyframes volCardIn{from{opacity:0;transform:translateX(-36px)}to{opacity:1;transform:translateX(0)}}\n@keyframes volFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes volDrift{0%,100%{transform:translateX(0)}50%{transform:translateX(24px)}}\n@keyframes volLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}\n@keyframes volReveal{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}\n@keyframes volRevealSide{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:translateX(0)}}\n@keyframes volIconPulse{0%{box-shadow:0 0 0 0 rgba(214,93,37,.55)}70%,100%{box-shadow:0 0 0 12px rgba(214,93,37,0)}}\n\n\n\/* HERO *\/\n\n.vol-hero{\n  background:var(--cream);\n  padding:90px 0;\n  position:relative;\n}\n\n.vol-hero:after{\n  content:\"SERVE\";\n  position:absolute;\n  left:-20px;\n  bottom:-28px;\n  font-family:Georgia,serif;\n  font-size:clamp(80px,14vw,200px);\n  font-weight:700;\n  color:rgba(214,93,37,.045);\n  pointer-events:none;\n  animation:volDrift 12s ease-in-out infinite;\n}\n\n.vol-hero-grid{\n  display:grid;\n  grid-template-columns:.9fr 1.1fr;\n  gap:75px;\n  align-items:center;\n  position:relative;\n  z-index:2;\n}\n\n.vol-hero h1{\n  font-size:clamp(54px,7vw,90px);\n  line-height:.93;\n  letter-spacing:-3px;\n  margin-bottom:25px;\n}\n\n\/* Orange underline sweeps in under \"Serve Local.\" *\/\n.sala-vol .vol-hero h1 span{\n  font-weight:500;\n  width:fit-content;\n  position:relative;\n}\n\n.sala-vol .vol-hero h1 span:after{\n  content:\"\";\n  position:absolute;\n  left:0;\n  bottom:-4px;\n  width:100%;\n  height:4px;\n  background:var(--orange);\n  transform-origin:left;\n  animation:volLine 1s cubic-bezier(.2,.7,.2,1) .9s both;\n  pointer-events:none;\n}\n\n.vol-hero-copy p{\n  color:#5f5a54;\n  font-size:17px;\n  line-height:1.8;\n  max-width:550px;\n  margin-bottom:30px;\n}\n\n.vol-actions{\n  display:flex;\n  gap:10px;\n  flex-wrap:wrap;\n}\n\n\/* Hero text rises in, one piece after another *\/\n.vol-hero-copy>*{animation:volRise .85s cubic-bezier(.2,.7,.2,1) both}\n.vol-hero-copy>*:nth-child(1){animation-delay:.05s}\n.vol-hero-copy>*:nth-child(2){animation-delay:.18s}\n.vol-hero-copy>*:nth-child(3){animation-delay:.34s}\n.vol-hero-copy>*:nth-child(4){animation-delay:.5s}\n\n\/* Hero photo: the photo sets the frame height; the orange card overlaps it *\/\n.vol-hero-visual{\n  position:relative;\n  padding:0 0 40px 8%;\n}\n\n.vol-hero-image{\n  border-radius:110px 24px 24px 24px;\n  animation:volWipe 1.1s cubic-bezier(.7,0,.2,1) .2s both;\n}\n\n.vol-hero-image img{\n  animation:volZoom 1.8s cubic-bezier(.2,.7,.2,1) .2s both;\n}\n\n.vol-hero-card{\n  position:absolute;\n  left:0;\n  bottom:0;\n  background:var(--orange);\n  color:#fff;\n  padding:25px;\n  border-radius:18px;\n  width:230px;\n  box-shadow:0 18px 45px rgba(0,0,0,.12);\n  line-height:normal;\n  animation:volCardIn .8s cubic-bezier(.2,.7,.2,1) 1s both,volFloat 6s ease-in-out 2s infinite;\n}\n\n.vol-hero-card strong{\n  display:block;\n  font-family:Georgia,serif;\n  font-size:25px;\n  margin-bottom:7px;\n}\n\n.vol-hero-card span{\n  font-size:12px;\n  line-height:1.6;\n}\n\n\n\/* PHOTO FEATURE *\/\n\n.sala-vol .vol-photo-feature{padding:75px 0;background:#fff}\n.sala-vol .vol-photo-feature-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:65px;align-items:center}\n.sala-vol .vol-photo-feature-image{border-radius:22px}\n.sala-vol .vol-photo-feature h2{font-size:clamp(35px,4vw,54px);line-height:1.05}\n.sala-vol .vol-photo-feature p{line-height:1.8;color:var(--muted)}\n\n\n\/* INTRO *\/\n\n.vol-intro{\n  padding:115px 0;\n  background:#fff;\n}\n\n.vol-intro-grid{\n  display:grid;\n  grid-template-columns:.75fr 1.25fr;\n  gap:90px;\n}\n\n.vol-intro h2{\n  font-size:clamp(43px,5.5vw,68px);\n  line-height:.98;\n  letter-spacing:-1.7px;\n}\n\n.vol-intro-copy p{\n  color:var(--muted);\n  font-size:16px;\n  line-height:1.9;\n  margin-top:0;\n}\n\n.vol-quote{\n  margin-top:35px;\n  border-left:3px solid var(--orange);\n  padding:3px 0 3px 25px;\n  font-family:Georgia,serif;\n  font-size:25px;\n  line-height:1.45;\n}\n\n\n\/* EXPERIENCE (core volunteer projects \u2014 now with a photo in each card) *\/\n\n.vol-experience{\n  background:var(--ink);\n  color:#fff;\n  padding:115px 0;\n}\n\n.vol-experience .vol-eyebrow{\n  color:#ef9968;\n}\n\n.vol-exp-head{\n  max-width:760px;\n  margin-bottom:60px;\n}\n\n.vol-experience h2{\n  color:#fff;\n  font-size:clamp(43px,5.5vw,68px);\n  line-height:.98;\n  margin-bottom:20px;\n}\n\n.vol-exp-head p{\n  color:#bcbcbc;\n  font-size:16px;\n  line-height:1.8;\n}\n\n.vol-exp-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:15px;\n}\n\n\/* Card = photo on top (sets its own height) + text underneath *\/\n.vol-exp-card{\n  border:1px solid #3c3c3a;\n  border-radius:22px;\n  padding:0;\n  overflow:hidden;\n  display:flex;\n  flex-direction:column;\n  background:#1f1f1e;\n  transition:.3s ease;\n}\n\n.vol-exp-card:hover{\n  transform:translateY(-5px);\n  background:#20201f;\n  border-color:var(--orange);\n}\n\n.sala-vol .vol-exp-photo{\n  background:#2a2928;\n}\n\n.sala-vol .vol-exp-photo img{\n  transition:transform .6s ease;\n}\n\n.vol-exp-card:hover .vol-exp-photo img{\n  transform:scale(1.05);\n}\n\n.vol-exp-num{\n  position:absolute;\n  top:18px;\n  left:18px;\n  z-index:2;\n  width:45px;\n  height:45px;\n  border-radius:50%;\n  background:var(--orange);\n  color:#fff;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-size:11px;\n  font-weight:800;\n  line-height:normal;\n  animation:volIconPulse 2.8s ease-out infinite;\n}\n\n.vol-exp-card:nth-child(2) .vol-exp-num{animation-delay:.9s}\n.vol-exp-card:nth-child(3) .vol-exp-num{animation-delay:1.8s}\n\n.vol-exp-body{\n  padding:28px 32px 34px;\n  flex:1;\n}\n\n.vol-exp-card h3{\n  color:#fff;\n  font-size:29px;\n  margin:0 0 12px;\n}\n\n.vol-exp-card p{\n  color:#aaa;\n  font-size:13px;\n  line-height:1.75;\n  margin:0;\n}\n\n\n\/* LANGUAGE *\/\n\n.vol-language{\n  background:var(--soft);\n  padding:115px 0;\n}\n\n.vol-language-grid{\n  display:grid;\n  grid-template-columns:1.05fr .95fr;\n  gap:85px;\n  align-items:center;\n}\n\n\/* Photo collage: big photo fills the column, small photo overlaps its bottom-right corner.\n   Each photo sets its own height, so nothing is cropped or stretched. *\/\n.sala-vol .vol-language-photos{\n  position:relative;\n  display:grid;\n}\n\n.sala-vol .vol-language-image{\n  grid-area:1 \/ 1;\n  width:84%;\n  justify-self:start;\n  margin-bottom:17%;\n  border-radius:24px;\n  box-shadow:0 24px 60px rgba(27,27,26,.12);\n}\n\n.sala-vol .vol-language-image-secondary{\n  grid-area:1 \/ 1;\n  width:48%;\n  justify-self:end;\n  align-self:end;\n  border:9px solid var(--soft);\n  border-radius:26px;\n  box-shadow:0 18px 45px rgba(27,27,26,.14);\n}\n\n.vol-language h2{\n  font-size:clamp(43px,5.5vw,68px);\n  line-height:.98;\n  letter-spacing:-1.7px;\n  margin-bottom:25px;\n}\n\n.vol-language-copy>p{\n  color:var(--muted);\n  font-size:16px;\n  line-height:1.85;\n  margin-bottom:32px;\n}\n\n.vol-point{\n  display:grid;\n  grid-template-columns:42px 1fr;\n  gap:15px;\n  padding:18px 0;\n  border-top:1px solid var(--line);\n  transition:padding .25s ease;\n}\n\n.vol-point:hover{\n  padding-left:8px;\n}\n\n.vol-point:last-child{\n  border-bottom:1px solid var(--line);\n}\n\n.vol-point span{\n  color:var(--orange);\n  font-size:11px;\n  font-weight:800;\n}\n\n.vol-point strong{\n  display:block;\n  margin-bottom:5px;\n  font-size:14px;\n}\n\n.vol-point p{\n  color:#706a64;\n  font-size:13px;\n  line-height:1.65;\n  margin:0;\n}\n\n\n\/* RESPONSIBLE SECTION *\/\n\n.vol-responsible{\n  background:var(--cream);\n  padding:115px 0;\n}\n\n.vol-resp-grid{\n  display:grid;\n  grid-template-columns:.75fr 1.25fr;\n  gap:90px;\n}\n\n.vol-responsible h2{\n  font-size:clamp(43px,5.5vw,66px);\n  line-height:.98;\n}\n\n.vol-resp-copy>p{\n  color:var(--muted);\n  line-height:1.85;\n  font-size:16px;\n  margin-top:0;\n  margin-bottom:30px;\n}\n\n.vol-resp-item{\n  padding:21px 0;\n  border-top:1px solid #d5cdc2;\n  transition:padding .25s ease;\n}\n\n.vol-resp-item:hover{\n  padding-left:8px;\n}\n\n.vol-resp-item:last-child{\n  border-bottom:1px solid #d5cdc2;\n}\n\n.vol-resp-item strong{\n  display:block;\n  font-size:14px;\n  margin-bottom:6px;\n}\n\n.vol-resp-item p{\n  margin:0;\n  color:#706a63;\n  font-size:13px;\n  line-height:1.7;\n}\n\n\n\/* CAPE TOWN\n   The photo sets the banner height. The dark shade and the text\n   sit on top of it (same grid cell), so nothing is cropped. *\/\n\n.vol-cape{\n  display:grid;\n  position:relative;\n  background:var(--ink);\n}\n\n.vol-cape>*{\n  grid-area:1 \/ 1;\n}\n\n.vol-cape-shade{\n  background:linear-gradient(90deg,rgba(12,12,12,.78),rgba(12,12,12,.28));\n  pointer-events:none;\n}\n\n.vol-cape-overlay{\n  align-self:end;\n  justify-self:center;\n  position:relative;\n  z-index:2;\n}\n\n.vol-cape-content{\n  padding:95px 0;\n  color:#fff;\n  max-width:690px;\n}\n\n.vol-cape .vol-eyebrow{\n  color:#f2a06e;\n}\n\n.vol-cape h2{\n  color:#fff;\n  font-size:clamp(44px,6vw,72px);\n  line-height:.96;\n  margin-bottom:22px;\n}\n\n.vol-cape p{\n  color:#e1e1e1;\n  line-height:1.8;\n  font-size:16px;\n  margin-bottom:28px;\n}\n\n\n\/* PROCESS *\/\n\n.vol-process{\n  padding:115px 0;\n  background:#fff;\n}\n\n.vol-process-head{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:70px;\n  align-items:end;\n  margin-bottom:60px;\n}\n\n.vol-process h2{\n  font-size:clamp(43px,5.5vw,67px);\n  line-height:.98;\n  margin-bottom:0;\n}\n\n.vol-process-head p{\n  color:var(--muted);\n  font-size:16px;\n  line-height:1.8;\n  margin:0;\n}\n\n.vol-steps{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:16px;\n}\n\n.vol-step{\n  border-radius:22px;\n  padding:32px;\n  min-height:285px;\n  background:var(--soft);\n  border:1px solid var(--line);\n  transition:transform .3s ease,box-shadow .3s ease;\n}\n\n.vol-step:hover{\n  transform:translateY(-6px);\n  box-shadow:0 18px 40px rgba(27,27,26,.1);\n}\n\n.vol-step:nth-child(2){\n  background:var(--orange);\n  color:#fff;\n  border-color:var(--orange);\n}\n\n.vol-step:nth-child(3){\n  background:var(--ink);\n  color:#fff;\n  border-color:var(--ink);\n}\n\n.vol-step-num{\n  font-size:11px;\n  font-weight:800;\n  letter-spacing:2px;\n  color:var(--orange);\n}\n\n.vol-step:nth-child(2) .vol-step-num,\n.vol-step:nth-child(3) .vol-step-num{\n  color:#fff;\n}\n\n.vol-step h3{\n  font-size:28px;\n  margin:50px 0 12px;\n}\n\n.vol-step p{\n  color:#6c6761;\n  font-size:13px;\n  line-height:1.7;\n}\n\n.vol-step:nth-child(2) p{\n  color:#fff0e8;\n}\n\n.vol-step:nth-child(3) p{\n  color:#aaa;\n}\n\n\n\/* CTA *\/\n\n.vol-cta{\n  background:var(--orange);\n  color:#fff;\n  padding:100px 0;\n}\n\n.vol-cta-inner{\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  gap:60px;\n}\n\n.vol-cta h2{\n  color:#fff;\n  font-size:clamp(44px,6vw,70px);\n  line-height:.96;\n  max-width:720px;\n  margin-bottom:14px;\n}\n\n.vol-cta p{\n  color:#fff0e8;\n  margin:0;\n  line-height:1.7;\n}\n\n.vol-cta-actions{\n  display:flex;\n  gap:10px;\n  flex-shrink:0;\n}\n\n\n\/* =========================================\n   SCROLL ANIMATIONS\n   Only run in browsers that support scroll-driven animation.\n   Everywhere else the content simply shows normally.\n========================================= *\/\n@supports (animation-timeline: view()){\n\n  .vol-photo-feature-grid>div:last-child,\n  .vol-intro-grid>div,\n  .vol-exp-head,\n  .vol-language-copy>.vol-eyebrow,\n  .vol-language-copy>h2,\n  .vol-language-copy>p,\n  .vol-resp-grid>div:first-child,\n  .vol-cape-content,\n  .vol-process-head>*{\n    animation:volReveal linear backwards;\n    animation-timeline:view();\n    animation-range:entry 0% entry 45%;\n  }\n\n  .vol-intro-grid>div:nth-child(2),\n  .vol-process-head>*:nth-child(2){animation-range:entry 8% entry 53%}\n\n  .vol-exp-card,\n  .vol-step{\n    animation:volReveal linear backwards;\n    animation-timeline:view();\n    animation-range:entry 0% entry 45%;\n  }\n\n  .vol-exp-card:nth-child(2),\n  .vol-step:nth-child(2){animation-range:entry 10% entry 55%}\n\n  .vol-exp-card:nth-child(3),\n  .vol-step:nth-child(3){animation-range:entry 20% entry 65%}\n\n  .vol-point,\n  .vol-resp-item{\n    animation:volRevealSide linear backwards;\n    animation-timeline:view();\n    animation-range:entry 0% entry 55%;\n  }\n\n  .vol-point:nth-of-type(2),\n  .vol-resp-item:nth-child(2){animation-range:entry 8% entry 63%}\n\n  .vol-point:nth-of-type(3),\n  .vol-resp-item:nth-child(3){animation-range:entry 16% entry 71%}\n\n  .vol-resp-item:nth-child(4){animation-range:entry 24% entry 79%}\n\n  .vol-photo-feature-image,\n  .vol-language-image{\n    animation:volWipeUp linear backwards;\n    animation-timeline:view();\n    animation-range:entry 0% entry 55%;\n  }\n\n  .vol-language-image-secondary{\n    animation:volWipeLeft linear backwards;\n    animation-timeline:view();\n    animation-range:entry 10% entry 65%;\n  }\n\n  .vol-photo-feature-image img,\n  .vol-language-image img,\n  .vol-cape-photo img{\n    animation:volZoom linear backwards;\n    animation-timeline:view();\n    animation-range:entry 0% cover 55%;\n  }\n\n  .vol-quote{\n    animation:volRevealSide linear backwards;\n    animation-timeline:view();\n    animation-range:entry 20% entry 75%;\n  }\n}\n\n\n\/* RESPONSIVE *\/\n\n@media(max-width:900px){\n\n  .vol-hero-grid,\n  .vol-intro-grid,\n  .vol-language-grid,\n  .vol-resp-grid,\n  .vol-process-head{\n    grid-template-columns:1fr;\n    gap:45px;\n  }\n\n  .vol-exp-grid,\n  .vol-steps{\n    grid-template-columns:1fr;\n  }\n\n  .sala-vol .vol-photo-feature-grid{grid-template-columns:1fr;gap:30px}\n\n  \/* Cape banner: photo on top, text on dark panel below (nothing covers the photo) *\/\n  .vol-cape{\n    display:block;\n  }\n\n  .vol-cape-shade{\n    display:none;\n  }\n\n  .vol-cape-overlay{\n    width:min(1180px,calc(100% - 48px));\n    margin:0 auto;\n  }\n\n  .vol-cape-content{\n    padding:60px 0 70px;\n  }\n\n  .vol-cta-inner{\n    flex-direction:column;\n    align-items:flex-start;\n  }\n}\n\n@media(max-width:650px){\n\n  .vol-wrap,\n  .vol-cape-overlay{\n    width:min(100% - 32px,1180px);\n  }\n\n  .vol-hero{\n    padding:65px 0 75px;\n  }\n\n  .vol-hero h1{\n    font-size:52px;\n    letter-spacing:-2px;\n  }\n\n  .vol-hero-visual{\n    padding:0 0 35px 0;\n  }\n\n  .vol-hero-image{\n    border-radius:70px 18px 18px 18px;\n  }\n\n  .vol-hero-card{\n    width:205px;\n    padding:20px;\n  }\n\n  .vol-hero-card strong{\n    font-size:22px;\n  }\n\n  .vol-intro,\n  .vol-experience,\n  .vol-language,\n  .vol-responsible,\n  .vol-process,\n  .vol-cta{\n    padding:75px 0;\n  }\n\n  .vol-cape-content{\n    padding:50px 0 65px;\n  }\n\n  .vol-actions,\n  .vol-cta-actions{\n    width:100%;\n    flex-direction:column;\n  }\n\n  .vol-btn{\n    width:100%;\n  }\n\n  .sala-vol .vol-language-image{\n    width:88%;\n    margin-bottom:20%;\n  }\n\n  .sala-vol .vol-language-image-secondary{\n    width:52%;\n    border-width:7px;\n    border-radius:20px;\n  }\n\n  .vol-exp-body{\n    padding:24px 24px 28px;\n  }\n}\n\n\/* Respect visitors who prefer no motion: everything shows instantly *\/\n@media(prefers-reduced-motion:reduce){\n  .sala-vol *,\n  .sala-vol *:before,\n  .sala-vol *:after{\n    animation:none!important;\n    transition:none!important;\n  }\n}\n<\/style>\n\n\n<main class=\"sala-vol\">\n\n<!-- HERO -->\n<section class=\"vol-hero\">\n\n  <div class=\"vol-wrap vol-hero-grid\">\n\n    <div class=\"vol-hero-copy\">\n\n      <div class=\"vol-eyebrow\">\n        Volunteering \u00b7 SALA Cape Town\n      <\/div>\n\n      <h1>\n        Learn English,<br><span style=\"display:block;color:var(--orange);font-style:italic\">Serve Local.<\/span>\n      <\/h1>\n\n      <p>\n        Explore how volunteering can become part of your wider Cape Town\n        experience while giving you another environment in which to\n        communicate, learn and connect with people.\n      <\/p>\n\n      <div class=\"vol-actions\">\n\n        <a class=\"vol-btn vol-btn-orange\"\n           href=\"#volunteer-experience\">\n          Explore Volunteering\n        <\/a>\n\n        <a class=\"vol-btn vol-btn-dark\"\n           href=\"\/grissom\/contact\/\">\n          Ask SALA\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"vol-hero-visual\">\n\n      <div class=\"vol-photo-frame vol-hero-image\">\n        <img decoding=\"async\" class=\"vol-img-1\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Volunteering with SALA in Cape Town\">\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<!-- REPLACEABLE VOLUNTEERING PHOTO -->\n<section class=\"vol-photo-feature\"><div class=\"vol-wrap vol-photo-feature-grid\"><div class=\"vol-photo-frame vol-photo-feature-image\"><img decoding=\"async\" class=\"vol-img-2\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"SALA volunteering experience\"><\/div><div><div class=\"vol-eyebrow\">People before pictures<\/div><h2>Be present. Make a difference.<\/h2><p>Discover the people, communities and projects behind purposeful travel. Replace this photo with your preferred SALA volunteering image whenever you are ready.<\/p><\/div><\/div><\/section>\n\n<!-- INTRO -->\n<section class=\"vol-intro\">\n\n  <div class=\"vol-wrap vol-intro-grid\">\n\n    <div>\n\n      <div class=\"vol-eyebrow\">\n        Purpose Driven Travel\n      <\/div>\n\n      <h2>\n        Leave a lasting legacy.\n      <\/h2>\n\n    <\/div>\n\n\n    <div class=\"vol-intro-copy\">\n      <p><strong>Purpose-Driven Travel:<\/strong> Leave a Lasting Legacy.<\/p>\n      <p><strong>Mission Statement:<\/strong> Our volunteer programs are designed to be ethical, sustainable, and deeply impactful for both our participants and the local communities. We work closely with grassroots South African NGOs to ensure our efforts meet genuine, long-term local needs.<\/p>\n      <div class=\"vol-quote\">Real communities. Real needs. A lasting contribution.<\/div>\n    \n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- EXPERIENCE -->\n<section class=\"vol-experience\" id=\"volunteer-experience\">\n\n  <div class=\"vol-wrap\">\n\n    <div class=\"vol-exp-head\">\n\n      <div class=\"vol-eyebrow\">\n        Purpose-driven travel\n      <\/div>\n\n      <h2>\n        Our core volunteer projects.\n      <\/h2>\n\n      <p>\n        Volunteering can create a different kind of experience from\n        sightseeing or classroom learning.\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"vol-exp-grid\">\n\n      <article class=\"vol-exp-card\">\n\n        <div class=\"vol-photo-frame vol-exp-photo\">\n          <img decoding=\"async\" class=\"vol-img-6\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Education projects with SALA\">\n          <div class=\"vol-exp-num\">01<\/div>\n        <\/div>\n\n        <div class=\"vol-exp-body\">\n\n          <h3>\n            Education Projects\n          <\/h3>\n\n          <p>\n            Meet and communicate with people beyond your usual classroom\n            and student environment.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n      <article class=\"vol-exp-card\">\n\n        <div class=\"vol-photo-frame vol-exp-photo\">\n          <img decoding=\"async\" class=\"vol-img-7\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Youth work with SALA\">\n          <div class=\"vol-exp-num\">02<\/div>\n        <\/div>\n\n        <div class=\"vol-exp-body\">\n\n          <h3>\n            Youth Work\n          <\/h3>\n\n          <p>\n            Experience situations where English becomes a practical tool\n            for everyday interaction.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n      <article class=\"vol-exp-card\">\n\n        <div class=\"vol-photo-frame vol-exp-photo\">\n          <img decoding=\"async\" class=\"vol-img-8\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"NGO support with SALA\">\n          <div class=\"vol-exp-num\">03<\/div>\n        <\/div>\n\n        <div class=\"vol-exp-body\">\n\n          <h3>\n            NGO Support\n          <\/h3>\n\n          <p>\n            Discover another side of Cape Town and add a different dimension\n            to your time in South Africa.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- LANGUAGE -->\n<section class=\"vol-language\">\n\n  <div class=\"vol-wrap vol-language-grid\">\n\n    <div class=\"vol-language-photos\"><div class=\"vol-photo-frame vol-language-image\"><img decoding=\"async\" class=\"vol-img-3\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Students communicating in English\"><\/div><div class=\"vol-photo-frame vol-language-image-secondary\"><img decoding=\"async\" class=\"vol-img-4\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"SALA community experience\"><\/div><\/div>\n\n\n    <div class=\"vol-language-copy\">\n\n      <div class=\"vol-eyebrow\">\n        English in real life\n      <\/div>\n\n      <h2>\n        English in real life.\n      <\/h2>\n\n      <p>\n        Confidence in a language develops through experience as well as\n        study. Communicating in different environments can help students\n        become more comfortable using English naturally.\n      <\/p>\n\n\n      <div class=\"vol-point\">\n\n        <span>01<\/span>\n\n        <div>\n          <strong>Listen in different situations<\/strong>\n          <p>\n            Become familiar with English beyond the structured classroom environment.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"vol-point\">\n\n        <span>02<\/span>\n\n        <div>\n          <strong>Speak with different people<\/strong>\n          <p>\n            Build confidence interacting with people from different backgrounds.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"vol-point\">\n\n        <span>03<\/span>\n\n        <div>\n          <strong>Grow your independence<\/strong>\n          <p>\n            Become more comfortable navigating new situations and communicating for yourself.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- RESPONSIBLE -->\n<section class=\"vol-responsible\">\n\n  <div class=\"vol-wrap vol-resp-grid\">\n\n    <div>\n\n      <div class=\"vol-eyebrow\">\n        Responsible volunteering\n      <\/div>\n\n      <h2>\n        Impactful volunteering.\n      <\/h2>\n\n    <\/div>\n\n\n    <div class=\"vol-resp-copy\">\n      <div class=\"vol-resp-item\">\n        <strong>100% Grassroots-Led<\/strong>\n        <p>We do not create artificial projects. Every placement is directly requested by verified local South African NGOs to fill true operational gaps.<\/p>\n      <\/div>\n      <div class=\"vol-resp-item\">\n        <strong>Ethical Participation<\/strong>\n        <p>We do not do volunteer work for photoshoots, we work with real people whose lives we want to uplift<\/p>\n      <\/div>\n      <div class=\"vol-resp-item\">\n        <strong>Measurable Sustainability<\/strong>\n        <p>We focus on continuous, long-term support. When your individual program ends, the next volunteer steps in to continue the exact same curriculum or project pipeline.<\/p>\n      <\/div>\n      <div class=\"vol-resp-item\">\n        <strong>On the Ground Support<\/strong>\n        <p>Our school campus in Kenilworth acts as your safety net. You get full orientations, localized cultural training, and daily transport coordination.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- CAPE TOWN -->\n<section class=\"vol-cape\">\n\n  <div class=\"vol-photo-frame vol-cape-photo\">\n    <img decoding=\"async\" class=\"vol-img-5\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Cape Town\">\n  <\/div>\n\n  <div class=\"vol-cape-shade\"><\/div>\n\n  <div class=\"vol-wrap vol-cape-overlay\">\n\n    <div class=\"vol-cape-content\">\n\n      <div class=\"vol-eyebrow\">\n        Experience Cape Town\n      <\/div>\n\n      <h2>\n        See more than the postcard.\n      <\/h2>\n\n      <p>\n        Cape Town is more than its famous landscapes. Spending time here\n        can also mean meeting people, experiencing different communities\n        and understanding more of the city around you.\n      <\/p>\n\n      <a class=\"vol-btn vol-btn-white\"\n         href=\"\/grissom\/touring-cape-town\/\">\n        Touring Cape Town\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- PROCESS -->\n<section class=\"vol-process\">\n\n  <div class=\"vol-wrap\">\n\n    <div class=\"vol-process-head\">\n\n      <div>\n\n        <div class=\"vol-eyebrow\">\n          Interested?\n        <\/div>\n\n        <h2>\n          Start by telling us what you're looking for.\n        <\/h2>\n\n      <\/div>\n\n      <p>\n        SALA can provide current information about volunteering and help\n        you understand how it may fit into your programme and stay in Cape Town.\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"vol-steps\">\n\n      <article class=\"vol-step\">\n\n        <div class=\"vol-step-num\">\n          STEP 01\n        <\/div>\n\n        <h3>\n          Tell us about yourself.\n        <\/h3>\n\n        <p>\n          Share your programme interests, dates and what you hope to gain\n          from volunteering.\n        <\/p>\n\n      <\/article>\n\n\n      <article class=\"vol-step\">\n\n        <div class=\"vol-step-num\">\n          STEP 02\n        <\/div>\n\n        <h3>\n          Explore possibilities.\n        <\/h3>\n\n        <p>\n          SALA can provide information about appropriate opportunities\n          currently available.\n        <\/p>\n\n      <\/article>\n\n\n      <article class=\"vol-step\">\n\n        <div class=\"vol-step-num\">\n          STEP 03\n        <\/div>\n\n        <h3>\n          Confirm the details.\n        <\/h3>\n\n        <p>\n          Review suitability, timing and practical arrangements before\n          including volunteering in your plans.\n        <\/p>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<\/main>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Volunteering \u00b7 SALA Cape Town Learn English,Serve Local. Explore how volunteering can become part of your wider Cape Town experience while giving you another environment in which to communicate, learn and connect with people. Explore Volunteering Ask SALA People before pictures Be present. Make a difference. Discover the people, communities and projects behind purposeful travel. [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1102","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Volunteering - SALA English<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Volunteering - SALA English\" \/>\n<meta property=\"og:description\" content=\"Volunteering \u00b7 SALA Cape Town Learn English,Serve Local. Explore how volunteering can become part of your wider Cape Town experience while giving you another environment in which to communicate, learn and connect with people. Explore Volunteering Ask SALA People before pictures Be present. Make a difference. Discover the people, communities and projects behind purposeful travel. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/salaenglish.com\/volunteering\/\" \/>\n<meta property=\"og:site_name\" content=\"SALA English\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-15T10:12:54+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/salaenglish.com\\\/volunteering\\\/\",\"url\":\"https:\\\/\\\/salaenglish.com\\\/volunteering\\\/\",\"name\":\"Volunteering - SALA English\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/salaenglish.com\\\/#website\"},\"datePublished\":\"2026-09-30T10:23:40+00:00\",\"dateModified\":\"2026-10-15T10:12:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/salaenglish.com\\\/volunteering\\\/#breadcrumb\"},\"inLanguage\":\"en-ZA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/salaenglish.com\\\/volunteering\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/salaenglish.com\\\/volunteering\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/salaenglish.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Volunteering\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/salaenglish.com\\\/#website\",\"url\":\"https:\\\/\\\/salaenglish.com\\\/\",\"name\":\"SALA English\",\"description\":\"Learn English in Cape Town\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/salaenglish.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-ZA\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Volunteering - SALA English","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Volunteering - SALA English","og_description":"Volunteering \u00b7 SALA Cape Town Learn English,Serve Local. Explore how volunteering can become part of your wider Cape Town experience while giving you another environment in which to communicate, learn and connect with people. Explore Volunteering Ask SALA People before pictures Be present. Make a difference. Discover the people, communities and projects behind purposeful travel. [&hellip;]","og_url":"https:\/\/salaenglish.com\/volunteering\/","og_site_name":"SALA English","article_modified_time":"2026-10-15T10:12:54+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/salaenglish.com\/volunteering\/","url":"https:\/\/salaenglish.com\/volunteering\/","name":"Volunteering - SALA English","isPartOf":{"@id":"https:\/\/salaenglish.com\/#website"},"datePublished":"2026-09-30T10:23:40+00:00","dateModified":"2026-10-15T10:12:54+00:00","breadcrumb":{"@id":"https:\/\/salaenglish.com\/volunteering\/#breadcrumb"},"inLanguage":"en-ZA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/salaenglish.com\/volunteering\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/salaenglish.com\/volunteering\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/salaenglish.com\/"},{"@type":"ListItem","position":2,"name":"Volunteering"}]},{"@type":"WebSite","@id":"https:\/\/salaenglish.com\/#website","url":"https:\/\/salaenglish.com\/","name":"SALA English","description":"Learn English in Cape Town","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/salaenglish.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-ZA"}]}},"_links":{"self":[{"href":"https:\/\/salaenglish.com\/grissom\/wp-json\/wp\/v2\/pages\/1102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/salaenglish.com\/grissom\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/salaenglish.com\/grissom\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/salaenglish.com\/grissom\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/salaenglish.com\/grissom\/wp-json\/wp\/v2\/comments?post=1102"}],"version-history":[{"count":16,"href":"https:\/\/salaenglish.com\/grissom\/wp-json\/wp\/v2\/pages\/1102\/revisions"}],"predecessor-version":[{"id":1509,"href":"https:\/\/salaenglish.com\/grissom\/wp-json\/wp\/v2\/pages\/1102\/revisions\/1509"}],"wp:attachment":[{"href":"https:\/\/salaenglish.com\/grissom\/wp-json\/wp\/v2\/media?parent=1102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}