1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 <title>About CDWCR â Committee for Domestic Workers' and Caregivers' Rights</title> 7 <meta name="description" content="Learn about CDWCR's vision, mission, guiding principles, and mandate." /> 8 <style> 9/* =========================== 10 CDWCR â Shared Stylesheet 11 =========================== */ 12 13@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap'); 14/* Fallback for offline/local viewing */ 15 16:root { 17 --green: #2e7d32; 18 --green-dark: #1b5e20; 19 --green-light: #e8f5e9; 20 --green-mid: #4caf50; 21 --accent: #7b1fa2; 22 --accent-dark: #6a1b9a; 23 --text: #1a1a1a; 24 --text-muted: #555; 25 --bg: #fafaf8; 26 --white: #ffffff; 27 --border: #dde8dd; 28 --radius: 10px; 29 --shadow: 0 2px 16px rgba(0,0,0,0.09); 30 --nav-h: 70px; 31} 32 33*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } 34 35html { scroll-behavior: smooth; } 36 37body { 38 font-family: 'DM Sans', sans-serif; 39 font-size: 16px; 40 line-height: 1.7; 41 color: var(--text); 42 background: var(--bg); 43} 44 45h1,h2,h3,h4 { 46 font-family: 'Playfair Display', serif; 47 line-height: 1.2; 48 color: var(--green-dark); 49} 50h1 { font-size: clamp(2rem, 4vw, 3rem); } 51h2 { font-size: clamp(1.4rem, 2.5vw, 2rem); } 52h3 { font-size: 1.25rem; } 53 54a { color: var(--green); text-decoration: none; } 55a:hover { color: var(--green-dark); text-decoration: underline; } 56 57img { max-width: 100%; height: auto; display: block; border-radius: var(--radius); } 58 59.container { 60 max-width: 1100px; 61 margin: 0 auto; 62 padding: 0 24px; 63} 64 65.section { padding: 72px 0; } 66.section-title { 67 font-size: clamp(1.6rem, 3vw, 2.2rem); 68 color: var(--green-dark); 69 margin-bottom: 40px; 70} 71 72/* ---- BUTTONS ---- */ 73.btn { 74 display: inline-block; 75 padding: 12px 28px; 76 border-radius: 50px; 77 font-family: 'DM Sans', sans-serif; 78 font-weight: 600; 79 font-size: 0.95rem; 80 cursor: pointer; 81 transition: all 0.2s; 82 text-decoration: none; 83 border: 2px solid transparent; 84} 85.btn-primary { 86 background: var(--green); 87 color: #fff; 88 border-color: var(--green); 89} 90.btn-primary:hover { 91 background: var(--green-dark); 92 border-color: var(--green-dark); 93 color: #fff; 94 text-decoration: none; 95} 96.btn-outline { 97 background: transparent; 98 color: var(--white); 99 border-color: rgba(255,255,255,0.7); 100} 101.btn-outline:hover { 102 background: rgba(255,255,255,0.15); 103 color: #fff; 104 text-decoration: none; 105} 106.btn-green-outline { 107 background: transparent; 108 color: var(--green); 109 border-color: var(--green); 110} 111.btn-green-outline:hover { 112 background: var(--green); 113 color: #fff; 114 text-decoration: none; 115} 116 117/* ---- HEADER / NAV ---- */ 118.site-header { 119 position: sticky; 120 top: 0; 121 z-index: 100; 122 background: var(--white); 123 border-bottom: 1px solid var(--border); 124 box-shadow: 0 1px 8px rgba(0,0,0,0.07); 125 height: var(--nav-h); 126} 127.nav-inner { 128 display: flex; 129 align-items: center; 130 justify-content: space-between; 131 height: var(--nav-h); 132 gap: 16px; 133} 134.logo { 135 display: flex; 136 flex-direction: column; 137 line-height: 1.1; 138 text-decoration: none; 139 flex-shrink: 0; 140} 141.logo-mark { 142 font-family: 'Playfair Display', serif; 143 font-size: 1.6rem; 144 font-weight: 900; 145 color: var(--green-dark); 146 letter-spacing: -1px; 147} 148.logo-tag { 149 font-size: 0.68rem; 150 color: var(--text-muted); 151 font-weight: 400; 152 letter-spacing: 0.04em; 153 text-transform: uppercase; 154} 155.main-nav { 156 display: flex; 157 align-items: center; 158 gap: 6px; 159 flex-wrap: wrap; 160} 161.main-nav a { 162 font-size: 0.88rem; 163 font-weight: 500; 164 color: var(--text); 165 padding: 6px 12px; 166 border-radius: 6px; 167 transition: background 0.15s, color 0.15s; 168 text-decoration: none; 169} 170.main-nav a:hover, 171.main-nav a.active { 172 background: var(--green-light); 173 color: var(--green-dark); 174} 175.main-nav a.nav-cta { 176 background: var(--green); 177 color: #fff; 178 border-radius: 50px; 179 padding: 8px 18px; 180} 181.main-nav a.nav-cta:hover { 182 background: var(--green-dark); 183 color: #fff; 184} 185.nav-toggle { 186 display: none; 187 flex-direction: column; 188 gap: 5px; 189 background: none; 190 border: none; 191 cursor: pointer; 192 padding: 8px; 193} 194.nav-toggle span { 195 display: block; 196 width: 24px; 197 height: 2px; 198 background: var(--text); 199 border-radius: 2px; 200 transition: all 0.2s; 201} 202 203/* ---- HERO ---- */ 204.hero { 205 position: relative; 206 background: linear-gradient(135deg, var(--green-dark) 0%, var(--green) 60%, #388e3c 100%); 207 padding: 90px 0 80px; 208 overflow: hidden; 209} 210.hero-bg { 211 position: absolute; 212 inset: 0; 213 background-image: url("images/people_handinhand.gif"); 214 background-repeat: no-repeat; 215 background-position: right -40px bottom -10px; 216 background-size: 420px auto; 217 opacity: 0.12; 218} 219.hero-content { position: relative; z-index: 1; max-width: 640px; } 220.hero-eyebrow { 221 color: #ffffff !important; 222 font-size: 0.8rem; 223 font-weight: 600; 224 letter-spacing: 0.12em; 225 text-transform: uppercase; 226 color: var(--accent); 227 margin-bottom: 16px; 228} 229.hero h1 { color: #fff; margin-bottom: 18px; } 230.hero-sub { color: rgba(255,255,255,0.88); font-size: 1.1rem; margin-bottom: 32px; max-width: 520px; } 231.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; } 232.hero-strip { 233 position: absolute; 234 bottom: 0; left: 0; right: 0; 235 height: 5px; 236 background: linear-gradient(90deg, var(--accent) 0%, var(--accent-dark) 100%); 237} 238 239/* ---- ALERT BANNER ---- */ 240.alert-banner { background: #f3e5f5; border-top: 3px solid var(--accent); padding: 32px 0; } 241.alert-card { display: flex; gap: 20px; align-items: flex-start; flex-wrap: wrap; } 242.alert-badge { 243 background: var(--accent-dark); 244 color: #fff; 245 font-size: 0.72rem; 246 font-weight: 700; 247 letter-spacing: 0.1em; 248 text-transform: uppercase; 249 padding: 4px 12px; 250 border-radius: 50px; 251 white-space: nowrap; 252 margin-top: 4px; 253} 254.alert-body h3 { color: var(--accent-dark); font-size: 1.15rem; margin-bottom: 8px; } 255.alert-body p { font-size: 0.92rem; color: var(--text-muted); margin-bottom: 14px; } 256.alert-links { display: flex; flex-wrap: wrap; gap: 10px; } 257.alert-links a { 258 font-size: 0.85rem; 259 font-weight: 500; 260 color: var(--green-dark); 261 background: var(--green-light); 262 padding: 5px 14px; 263 border-radius: 50px; 264 text-decoration: none; 265 transition: background 0.15s; 266} 267.alert-links a:hover { background: #c8e6c9; text-decoration: none; } 268 269/* ---- PILLARS ---- */ 270.pillars { background: var(--white); } 271.pillars-grid { 272 display: grid; 273 grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); 274 gap: 24px; 275} 276.pillar-card { 277 background: var(--bg); 278 border: 1px solid var(--border); 279 border-radius: var(--radius); 280 padding: 28px 24px; 281 transition: box-shadow 0.2s, transform 0.2s; 282} 283.pillar-card:hover { box-shadow: var(--shadow); transform: translateY(-3px); } 284.pillar-icon { font-size: 2rem; margin-bottom: 12px; } 285.pillar-card h3 { color: var(--green-dark); margin-bottom: 8px; font-size: 1.05rem; } 286.pillar-card p { font-size: 0.9rem; color: var(--text-muted); } 287 288/* ---- NEWS STRIP ---- */ 289.news-strip { background: var(--green-light); } 290.news-header { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 32px; } 291.see-all { font-size: 0.9rem; font-weight: 600; color: var(--green); } 292.news-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; } 293.news-card { 294 background: var(--white); 295 border-radius: var(--radius); 296 padding: 24px; 297 text-decoration: none; 298 border: 1px solid var(--border); 299 transition: box-shadow 0.2s, transform 0.2s; 300 display: block; 301} 302.news-card:hover { box-shadow: var(--shadow); transform: translateY(-2px); text-decoration: none; } 303.news-tag { 304 display: inline-block; 305 font-size: 0.72rem; 306 font-weight: 700; 307 letter-spacing: 0.08em; 308 text-transform: uppercase; 309 background: var(--green-light); 310 color: var(--green-dark); 311 padding: 3px 10px; 312 border-radius: 50px; 313 margin-bottom: 10px; 314} 315.news-card h4 { font-family: 'DM Sans', sans-serif; font-size: 0.95rem; font-weight: 600; color: var(--text); margin-bottom: 8px; } 316.news-card p { font-size: 0.85rem; color: var(--text-muted); } 317 318/* ---- UPCOMING EVENTS PREVIEW ---- */ 319.events-preview { background: var(--white); } 320.events-list { display: flex; flex-direction: column; gap: 12px; } 321.event-row { 322 display: flex; 323 align-items: flex-start; 324 gap: 18px; 325 padding: 16px 20px; 326 background: var(--bg); 327 border-radius: var(--radius); 328 border-left: 4px solid var(--green-mid); 329} 330.event-date-box { 331 min-width: 60px; 332 text-align: center; 333 background: var(--green); 334 color: #fff; 335 border-radius: 8px; 336 padding: 6px 8px; 337 flex-shrink: 0; 338} 339.event-date-box .month { font-size: 0.65rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; } 340.event-date-box .day { font-size: 1.4rem; font-weight: 700; line-height: 1; font-family: 'Playfair Display', serif; } 341.event-date-box .year { font-size: 0.6rem; font-weight: 600; letter-spacing: 0.05em; opacity: 0.75; margin-top: 2px; display: block; } 342.event-info h4 { font-family: 'DM Sans', sans-serif; font-weight: 600; font-size: 0.95rem; margin-bottom: 2px; } 343.event-info p { font-size: 0.82rem; color: var(--text-muted); } 344.event-tag { 345 font-size: 0.7rem; 346 font-weight: 600; 347 letter-spacing: 0.07em; 348 text-transform: uppercase; 349 background: #f3e5f5; 350 color: #7b1fa2; 351 padding: 2px 9px; 352 border-radius: 50px; 353 margin-right: 6px; 354} 355 356/* ---- CTA BAND ---- */ 357.cta-band { 358 background: linear-gradient(135deg, var(--green-dark) 0%, var(--green) 100%); 359 padding: 64px 0; 360 text-align: center; 361} 362.cta-band h2 { color: #fff; margin-bottom: 12px; } 363.cta-band p { color: rgba(255,255,255,0.85); margin-bottom: 28px; font-size: 1.05rem; } 364 365/* ---- FOOTER ---- */ 366.site-footer { 367 background: #1a2e1a; 368 color: rgba(255,255,255,0.8); 369 padding: 56px 0 28px; 370} 371.footer-grid { 372 display: grid; 373 grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); 374 gap: 40px; 375 margin-bottom: 40px; 376} 377.footer-brand .logo-mark { color: #fff; font-size: 1.8rem; } 378.footer-brand .logo-tag { color: rgba(255,255,255,0.5); } 379.footer-brand p { margin-top: 12px; font-size: 0.88rem; color: rgba(255,255,255,0.6); line-height: 1.6; } 380.footer-col h4 { color: #fff; font-family: 'DM Sans', sans-serif; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 14px; } 381.footer-col a, .footer-col p { display: block; font-size: 0.88rem; color: rgba(255,255,255,0.65); margin-bottom: 7px; text-decoration: none; } 382.footer-col a:hover { color: #fff; text-decoration: none; } 383.footer-bottom { 384 border-top: 1px solid rgba(255,255,255,0.1); 385 padding-top: 20px; 386 display: flex; 387 justify-content: space-between; 388 align-items: center; 389 flex-wrap: wrap; 390 gap: 10px; 391 font-size: 0.8rem; 392 color: rgba(255,255,255,0.4); 393} 394.footer-bottom a { color: rgba(255,255,255,0.5); } 395 396/* ---- PAGE HERO (inner pages) ---- */ 397.page-hero { 398 background: linear-gradient(135deg, var(--green-dark) 0%, var(--green) 100%); 399 padding: 52px 0 48px; 400} 401.page-hero h1 { color: #fff; } 402.page-hero p { color: rgba(255,255,255,0.85); margin-top: 10px; font-size: 1.05rem; } 403.breadcrumb { font-size: 0.82rem; color: rgba(255,255,255,0.6); margin-bottom: 10px; } 404.breadcrumb a { color: rgba(255,255,255,0.7); text-decoration: none; } 405.breadcrumb a:hover { color: #fff; } 406 407/* ---- TWO-COL LAYOUT ---- */ 408.two-col { display: grid; grid-template-columns: 1fr 320px; gap: 48px; align-items: start; } 409.sidebar { position: sticky; top: calc(var(--nav-h) + 24px); } 410.sidebar-card { 411 background: var(--white); 412 border: 1px solid var(--border); 413 border-radius: var(--radius); 414 padding: 24px; 415 margin-bottom: 20px; 416} 417.sidebar-card h3 { font-size: 1rem; margin-bottom: 12px; } 418.sidebar-card ul { list-style: none; } 419.sidebar-card ul li { padding: 6px 0; border-bottom: 1px solid var(--border); font-size: 0.88rem; } 420.sidebar-card ul li:last-child { border-bottom: none; } 421.sidebar-card ul li a { color: var(--green); font-weight: 500; } 422 423/* ---- ABOUT PAGE ---- */ 424.values-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin-top: 32px; } 425.value-card { 426 background: var(--white); 427 border: 1px solid var(--border); 428 border-radius: var(--radius); 429 padding: 24px; 430} 431.value-card h3 { color: var(--green); font-size: 1rem; margin-bottom: 8px; } 432.value-card p { font-size: 0.88rem; color: var(--text-muted); } 433 434/* ---- EVENTS PAGE ---- */ 435.event-section { margin-bottom: 56px; } 436.event-section h2 { border-left: 4px solid var(--green); padding-left: 14px; margin-bottom: 20px; } 437.event-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; } 438.event-card { 439 background: var(--white); 440 border: 1px solid var(--border); 441 border-radius: var(--radius); 442 padding: 20px 22px; 443 display: flex; 444 gap: 16px; 445 align-items: flex-start; 446} 447.event-card .event-date-box { background: var(--green-dark); border-radius: 8px; padding: 8px 10px; min-width: 52px; text-align: center; flex-shrink: 0; } 448.event-card .event-date-box .month { font-size: 0.6rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.8); } 449.event-card .event-date-box .day { font-size: 1.3rem; font-weight: 700; line-height: 1; color: #fff; font-family: 'Playfair Display', serif; } 450.event-card .event-date-box .year { font-size: 0.58rem; font-weight: 600; color: rgba(255,255,255,0.75); letter-spacing: 0.05em; display: block; margin-top: 2px; } 451.event-card-body h4 { font-family: 'DM Sans', sans-serif; font-weight: 600; font-size: 0.95rem; margin-bottom: 4px; color: var(--text); } 452.event-card-body p { font-size: 0.82rem; color: var(--text-muted); } 453 454/* ---- RESOURCES TABLE ---- */ 455.resources-table { width: 100%; border-collapse: collapse; margin-bottom: 40px; } 456.resources-table th { background: var(--green); color: #fff; padding: 12px 16px; text-align: left; font-size: 0.85rem; font-weight: 600; } 457.resources-table td { padding: 12px 16px; border-bottom: 1px solid var(--border); font-size: 0.88rem; vertical-align: top; } 458.resources-table tr:last-child td { border-bottom: none; } 459.resources-table tr:hover td { background: var(--green-light); } 460.resources-table td a { color: var(--green); font-weight: 500; } 461.resources-table td.phone { white-space: nowrap; color: var(--text-muted); } 462.resources-section-title { font-size: 1.3rem; margin: 40px 0 16px; padding-bottom: 8px; border-bottom: 2px solid var(--border); } 463 464/* ---- MEMBERSHIP FORM ---- */ 465.form-card { 466 background: var(--white); 467 border: 1px solid var(--border); 468 border-radius: var(--radius); 469 padding: 36px; 470 box-shadow: var(--shadow); 471} 472.form-group { margin-bottom: 18px; } 473.form-group label { display: block; font-weight: 600; font-size: 0.88rem; margin-bottom: 5px; color: var(--text); } 474.form-group input[type="text"], 475.form-group input[type="email"], 476.form-group input[type="tel"] { 477 width: 100%; 478 padding: 10px 14px; 479 border: 1px solid var(--border); 480 border-radius: 8px; 481 font-family: 'DM Sans', sans-serif; 482 font-size: 0.95rem; 483 transition: border-color 0.15s; 484 background: var(--bg); 485} 486.form-group input:focus { outline: none; border-color: var(--green); background: #fff; } 487.radio-group { display: flex; flex-direction: column; gap: 10px; margin-top: 8px; } 488.radio-group label { font-weight: 400; display: flex; gap: 10px; align-items: flex-start; cursor: pointer; } 489.radio-group input[type="radio"] { margin-top: 3px; accent-color: var(--green); } 490.btn-submit { 491 background: var(--green); 492 color: #fff; 493 border: none; 494 padding: 13px 36px; 495 border-radius: 50px; 496 font-family: 'DM Sans', sans-serif; 497 font-size: 1rem; 498 font-weight: 600; 499 cursor: pointer; 500 transition: background 0.2s; 501} 502.btn-submit:hover { background: var(--green-dark); } 503 504/* ---- CAREGIVER PATHWAYS ---- */ 505.pathway-section { margin-bottom: 48px; } 506.pathway-section h2 { margin-bottom: 16px; } 507.pathway-section p { color: var(--text-muted); margin-bottom: 14px; } 508.link-list { list-style: none; display: flex; flex-direction: column; gap: 10px; } 509.link-list li a { 510 display: flex; 511 align-items: center; 512 gap: 10px; 513 padding: 12px 16px; 514 background: var(--white); 515 border: 1px solid var(--border); 516 border-radius: var(--radius); 517 font-we
517ight: 500; 518 font-size: 0.92rem; 519 color: var(--green-dark); 520 text-decoration: none; 521 transition: background 0.15s, box-shadow 0.15s; 522} 523.link-list li a:hover { background: var(--green-light); box-shadow: var(--shadow); text-decoration: none; } 524.link-list li a::before { content: "â"; color: var(--green-mid); font-weight: 700; } 525 526/* ---- INFOGRAPHIC ---- */ 527.infographic-wrap { border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; margin: 24px 0; } 528.infographic-wrap img { border-radius: 0; width: 100%; } 529 530/* ---- MOBILE ---- */ 531@media (max-width: 768px) { 532 .nav-toggle { display: flex; } 533 .main-nav { 534 display: none; 535 position: absolute; 536 top: var(--nav-h); 537 left: 0; right: 0; 538 background: var(--white); 539 flex-direction: column; 540 padding: 16px 24px 24px; 541 border-bottom: 1px solid var(--border); 542 box-shadow: 0 4px 16px rgba(0,0,0,0.1); 543 gap: 4px; 544 z-index: 99; 545 } 546 body.nav-open .main-nav { display: flex; } 547 .main-nav a { padding: 10px 14px; font-size: 1rem; } 548 .two-col { grid-template-columns: 1fr; } 549 .sidebar { position: static; } 550 .hero { padding: 60px 0 56px; } 551 .section { padding: 48px 0; } 552 .form-card { padding: 24px 20px; } 553} 554 555</style> 556</head> 557<body> 558 559 <header class="site-header"> 560 <div class="container nav-inner"> 561 <a href="index.html" class="logo"><span class="logo-mark">CDWCR</span><span class="logo-tag">Empowering Care Workers</span></a> 562 <button class="nav-toggle" aria-label="Toggle menu" onclick="document.body.classList.toggle('nav-open')"><span></span><span></span><span></span></button> 563 <nav class="main-nav"> 564 <a href="index.html">Home</a> 565 <a href="about.html" class="active">About</a> 566 <a href="pathways.html">Caregiver Pathways</a> 567 <a href="events.html">Events</a> 568 <a href="resources.html">Resources</a> 569 <a href="membership.html" class="nav-cta">Join Us</a> 570 </nav> 571 </div> 572 </header> 573 574 <section class="page-hero"> 575 <div class="container"> 576 <div class="breadcrumb"><a href="index.html">Home</a> / About</div> 577 <h1>About CDWCR</h1> 578 <p>The Vancouver Committee for Domestic Workers' and Caregivers' Rights â empowering care workers since 1992.</p> 579 </div> 580 </section> 581 582 <section class="section" style="background:var(--white);"> 583 <div class="container"> 584 <div class="two-col"> 585 <div> 586 587 <!-- VISION --> 588 <div style="margin-bottom:48px;"> 589 <h2 style="margin-bottom:20px;">Our Vision</h2> 590 <img src="images/events.jpg" alt="CDWCR event" style="margin-bottom:20px;width:100%;max-height:280px;object-fit:cover;" /> 591 <div class="values-grid"> 592 <div class="value-card"><h3>â Justice & Equality</h3><p>We foster justice, equality, and empowerment for all workers.</p></div> 593 <div class="value-card"><h3>ð Human Rights</h3><p>We value and promote human rights for everyone.</p></div> 594 <div class="value-card"><h3>ð± Respect</h3><p>We respect and value the work of care workers and temporary foreign workers.</p></div> 595 <div class="value-card"><h3>â Inspiration</h3><p>We inspire and uplift our members and the broader community.</p></div> 596 </div> 597 </div> 598 599 <!-- MISSION --> 600 <div style="margin-bottom:48px;"> 601 <h2 style="margin-bottom:16px;">Mission Statement</h2> 602 <img src="images/about2.jpg" alt="CDWCR mission" style="margin-bottom:20px;float:right;margin-left:20px;max-width:260px;" /> 603 <ul style="list-style:none;display:flex;flex-direction:column;gap:12px;"> 604 <li style="padding:12px 16px;background:var(--green-light);border-radius:8px;font-size:0.95rem;">ð Educate caregivers and care workers by giving them current and updated information</li> 605 <li style="padding:12px 16px;background:var(--green-light);border-radius:8px;font-size:0.95rem;">ð¤ Provide peer counselling, support, and outreach</li> 606 <li style="padding:12px 16px;background:var(--green-light);border-radius:8px;font-size:0.95rem;">ð¢ Influence policy makers through advocacy, partnership, and lobbying work</li> 607 <li style="padding:12px 16px;background:var(--green-light);border-radius:8px;font-size:0.95rem;">ð Seek to improve living and working conditions and safe environments</li> 608 <li style="padding:12px 16px;background:var(--green-light);border-radius:8px;font-size:0.95rem;">ð Provide socialization and networking opportunities</li> 609 <li style="padding:12px 16px;background:var(--green-light);border-radius:8px;font-size:0.95rem;">ð± Aim to attain sustainability and self-sufficiency</li> 610 </ul> 611 <div style="clear:both;"></div> 612 </div> 613 614 <!-- GUIDING PRINCIPLES --> 615 <div style="margin-bottom:48px;"> 616 <h2 style="margin-bottom:16px;">Guiding Principles</h2> 617 <img src="images/guidingprinciples.jpg" alt="Guiding principles" style="margin-bottom:20px;width:100%;max-height:240px;object-fit:cover;" /> 618 <div class="values-grid"> 619 <div class="value-card"><h3>ð Inclusive</h3><p>Welcoming of all â different orientations, diverse ideas.</p></div> 620 <div class="value-card"><h3>ð« Anti-Discrimination</h3><p>Anti-oppression, non-judgemental in all we do.</p></div> 621 <div class="value-card"><h3>ð Respectful</h3><p>We value the dignity of all care workers.</p></div> 622 <div class="value-card"><h3>ð¡ Innovative</h3><p>Seeking new ways to serve our community effectively.</p></div> 623 <div class="value-card"><h3>ð Confidentiality</h3><p>Protecting the privacy of the people we serve.</p></div> 624 <div class="value-card"><h3>ð³ï¸ Accountable</h3><p>Accountable to our members, funders, and community.</p></div> 625 </div> 626 </div> 627 628 <!-- MANDATE --> 629 <div style="margin-bottom:48px;"> 630 <h2 style="margin-bottom:20px;">Our Mandate</h2> 631 <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px;"> 632 <div style="background:var(--green-dark);color:#fff;border-radius:var(--radius);padding:24px;"> 633 <h3 style="color:#fff;font-size:0.85rem;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:10px;">Peer Counselling</h3> 634 <p style="font-size:0.9rem;color:rgba(255,255,255,0.85);">Provide assistance in immigration, employment, human rights, social services, and more.</p> 635 </div> 636 <div style="background:var(--green);color:#fff;border-radius:var(--radius);padding:24px;"> 637 <h3 style="color:#fff;font-size:0.85rem;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:10px;">Assist Care Workers</h3> 638 <p style="font-size:0.9rem;color:rgba(255,255,255,0.85);">Provide information, education, networking, and other activities to support workers.</p> 639 </div> 640 <div style="background:var(--accent-dark);color:#fff;border-radius:var(--radius);padding:24px;"> 641 <h3 style="color:#fff;font-size:0.85rem;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:10px;">Advocacy</h3> 642 <p style="font-size:0.9rem;color:rgba(255,255,255,0.85);">Improve living and working conditions by lobbying and liaising with all levels of government.</p> 643 </div> 644 <div style="background:#37474f;color:#fff;border-radius:var(--radius);padding:24px;"> 645 <h3 style="color:#fff;font-size:0.85rem;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:10px;">Public Information</h3> 646 <p style="font-size:0.9rem;color:rgba(255,255,255,0.85);">Provide public awareness of and support for the rights of care workers.</p> 647 </div> 648 </div> 649 <img src="images/pie_chart.png" alt="CDWCR mandate diagram" style="max-width:400px;margin:0 auto;" /> 650 </div> 651 652 </div> 653 654 <div class="sidebar"> 655 <div class="sidebar-card"> 656 <h3>ð On This Page</h3> 657 <ul> 658 <li><a href="#vision">Vision</a></li> 659 <li><a href="#mission">Mission Statement</a></li> 660 <li><a href="#principles">Guiding Principles</a></li> 661 <li><a href="#mandate">Mandate</a></li> 662 </ul> 663 </div> 664 <div class="sidebar-card"> 665 <h3>ð¬ Contact Us</h3> 666 <ul> 667 <li>Cedar Cottage PO Box 37033</li> 668 <li>London Drugs, 5639 Victoria Dr.</li> 669 <li>Vancouver, BC V5P 3W0</li> 670 <li>Ph: <a href="tel:6048740649">604-874-0649</a></li> 671 <li>
671<script> 672(function(){ 673 var u=["c","d","w","c","r",".","o","r","g","@","g","m","a","i","l",".","c","o","m"]; 674 var e=u.join(""); 675 document.write('<a href="mai'+'lto:'+e+'">'+e+'<\/a>'); 676})(); 677</script>
677</li> 678 </ul> 679 </div> 680 <div class="sidebar-card"> 681 <h3>ð Get Involved</h3> 682 <ul> 683 <li><a href="membership.html">Become a Member</a></li> 684 <li><a href="events.html">Upcoming Events</a></li> 685 <li><a href="https://www.facebook.com/pages/Committee-for-Domestic-Workers-and-Caregivers-Rights-CDWCR/161948160517299" target="_blank">Follow on Facebook</a></li> 686 </ul> 687 </div> 688 </div> 689 </div> 690 </div> 691 </section> 692 693 <section class="cta-band"> 694 <div class="container"> 695 <h2>Be part of the community</h2> 696 <p>Membership is open to domestic workers, former domestic workers, and community advocates. Just $5/year.</p> 697 <a href="membership.html" class="btn btn-primary">Become a Member</a> 698 </div> 699 </section> 700 701 <footer class="site-footer"> 702 <div class="container"> 703 <div class="footer-grid"> 704 <div class="footer-brand"> 705 <a href="index.html" class="logo"> 706 <img src="images/cdwcr-logo-short.jpg" alt="CDWCR Logo" style="max-width:160px; border-radius:0; margin-bottom:10px; background:white; padding:6px; border-radius:8px;" /> 707 </a> 708 <p>A community-based, volunteer-run non-profit organization supporting migrant domestic workers and caregivers in British Columbia since 1992.</p> 709 </div> 710 <div class="footer-col"> 711 <h4>Navigate</h4> 712 <a href="index.html">Home</a> 713 <a href="about.html">About CDWCR</a> 714 <a href="pathways.html">Caregiver Pathways</a> 715 <a href="events.html">Events</a> 716 <a href="resources.html">Resources</a> 717 <a href="membership.html">Join Us</a> 718 </div> 719 <div class="footer-col"> 720 <h4>Contact</h4> 721 <p>Cedar Cottage PO Box 37033<br>London Drugs, 5639 Victoria Dr.<br>Vancouver, BC V5P 3W0</p> 722 <a href="tel:6048740649">604-874-0649</a> 723
723<script> 724(function(){ 725 var u=["c","d","w","c","r",".","o","r","g","@","g","m","a","i","l",".","c","o","m"]; 726 var e=u.join(""); 727 document.write('<a href="mai'+'lto:'+e+'">'+e+'<\/a>'); 728})(); 729</script>
729 730 <a href="http://www.cdwcr.org" target="_blank">www.cdwcr.org</a> 731 <a href="https://www.facebook.com/pages/Committee-for-Domestic-Workers-and-Caregivers-Rights-CDWCR/161948160517299" target="_blank">Facebook Page</a> 732 </div> 733 </div> 734 <div class="footer-bottom"> 735 <span>© 2025 CDWCR. All rights reserved.</span> 736
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.