-
Notifications
You must be signed in to change notification settings - Fork 5
/
youth-leading-the-way.html
372 lines (372 loc) · 14.1 KB
/
youth-leading-the-way.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Youth Leading the Way - Helping Hands</title>
<link rel="icon" href="img/logo_2.ico" type="image/x-icon" />
<!-- Bootstrap Core CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" />
<!-- Custom Fonts -->
<link
href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@700;800;900&family=Roboto:wght@300;400;500;700&display=swap"
rel="stylesheet"
type="text/css"
/>
<link
href="https://fonts.googleapis.com/css2?family=Lato:wght@400;500;600;700;800;900&family=League+Spartan:wght@400;500;600;700;800;900&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="font-awesome/css/font-awesome.min.css"
type="text/css"
/>
<link
rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.13.1/css/all.css"
integrity="sha384-xxzQGERXS00kBmZW/6qxqJPyxW3UR0BPsL4c8ILaIWXva5kFi7TxkIIaMiKtqV1Q"
crossorigin="anonymous"
/>
<!-- Plugin CSS -->
<link rel="stylesheet" href="css/animate.min.css" type="text/css" />
<!-- Custom CSS -->
<link rel="stylesheet" href="css/creative.css" type="text/css" />
<link
rel="stylesheet"
href="css/youth-leading-the-way.css"
type="text/css"
/>
<!-- start Mixpanel -->
<script type="text/javascript" src="js/mixpanel.js"></script>
<!-- end Mixpanel -->
<!-- Google Analytics Tracking Code for http://helpinghandsapp.com -->
<script src="js/google-analytics.js"></script>
<!-- Hotjar Tracking Code for http://helpinghandsapp.com -->
<script src="js/hotjar.js"></script>
<!-- Facebook Pixel Code -->
<script src="js/facebook.js"></script>
<noscript>
<img
height="1"
width="1"
style="display: none"
src="https://www.facebook.com/tr?id=469056013291786&ev=PageView&noscript=1"
alt="Facebook Page View"
/>
</noscript>
<!-- End Facebook Pixel Code -->
<script src="navbar.js"></script>
<script src="footer.js"></script>
</head>
<body>
<div id="navbar-container">
<script>
const navbarContainer = document.getElementById("navbar-container");
navbarContainer.innerHTML = generateNavbar();
</script>
</div>
<!-- header section -->
<div class="csc-header wrapper">
<div>
<h2 class="csc-title">YOUTH LEADING THE WAY</h2>
<a href="#program-section" class="btn btn-default csc-round-box">
PROGRAM
</a>
</div>
<img src="./img/csc1.png" alt="Three people building a house." />
</div>
<main id="main-content">
<section id="program-section" class="wrapper">
<h3 class="csc-subtitle text-center">
Do you want more volunteering experiences?
</h3>
<p class="csc-text">
Helping Hands is running a new enhanced volunteer program running into
March 2024. In this program, you can be matched to a long-term
volunteer opportunity where you can gain valuable experience, skills,
and long-term connections that can help you with your career. This
program comes with <b>extra financial support</b> that is not covered
in any of Helping Hands' other programs. For your participation in
this program, you can receive some
<b>recognition and compensation</b>.
</p>
</section>
<section class="details-section wrapper">
<div>
<h3 class="csc-subtitle">
Youth Leading the Way Program (now till March 2024) entails...
</h3>
<ol class="csc-text">
<li>
Free volunteer matching services for 60 youth participants to
volunteer service placement(s) to fulfill 120 hours of community
involvement
</li>
<li>
Training sessions and mentorship provided by Helping Hands (which
also counts towards the 120 hours) for youth participants
</li>
<li>
Financial aid provided to youth by Helping Hands help them
participate in this program
</li>
<li>
Youth participants can gain valuable experience, recognition, and
long-term connections from this program
</li>
</ol>
<div class="csc-round-box csc-text csc-bottom-box">
For any questions, please email outreach@helpinghandsapp.com
</div>
</div>
<img src="./img/csc2.png" alt="Extending hand to help someone below." />
</section>
<section class="wrapper">
<h2 class="csc-title text-center">FAQ</h2>
<button class="accordion">
How do I get started?
<i class="fa fa-chevron-down"></i>
</button>
<ul class="faq-text">
<li>
Email Helping Hands at
<a class="csc-link" href="mailto:outreach@helpinghandsapp.com">
Helping Hands Outreach
</a>
about your interest in the program
</li>
<li>
Soon after you will be reached out to from one of the outreach
members about the program to get you started
</li>
<li>
Once you are contacted you can attend information sessions for
better understanding of the workshop
</li>
</ul>
<button class="accordion">
Am I eligible?
<i class="fa fa-chevron-down"></i>
</button>
<ul class="faq-text">
<li>Living in the GTA</li>
<li>
You must either be a Canadian Citizen, Permanent Resident or Granted
Refugee Status
</li>
<li>Age Range: 15-30 years of age</li>
</ul>
<button class="accordion">
What if I change my mind about the program?
<i class="fa fa-chevron-down"></i>
</button>
<ul class="faq-text">
<li>
That is totally fine if you do not feel that you will be able to
stay committed to the program please let the outreach coordinator
know before you drop out
</li>
</ul>
<button class="accordion">
What can I receive from this program?
<i class="fa fa-chevron-down"></i>
</button>
<ul class="faq-text">
<li>
In person event to receive your certificate about your
accomplishment (being able to travel to Toronto is required)
</li>
<li>
Approximately $170 of Stipends will be offered to each participant
to cover some of the costs associated with participating in this
program
</li>
<li>Financial Aid Assistance to the youth</li>
</ul>
<button class="accordion">
What can count towards the 120 hours requirement?
<i class="fa fa-chevron-down"></i>
</button>
<ul class="faq-text">
<li>
Participating in training and information sessions from Helping
Hands
</li>
<li>
Any 1-on-1 meetings with Helping Hands: these can be as far back
from June 12th
</li>
<li>
Other volunteer activities you have done from June 12th, 2023 and
onwards Just let us know and we can reach out to them to confirm
your completed hours
</li>
<li>
Any applications, or surveys completed for Helping Hands and/or CSC
can count towards an hour
</li>
</ul>
<button class="accordion">
Can the 120 hours count towards my school's 40 mandatory community
involvement hours?
<i class="fa fa-chevron-down"></i>
</button>
<ul class="faq-text">
<li>
Yes, of course! During our 1-on-1 session, we will ask what your
school's requirements are for volunteer activities that count
towards community involvement hours.
</li>
<li class="sublist">
<ul>
<li>
Different schools and school boards have their own different set
of requirements as to what count towards community involvement
hours
</li>
<li class="sublist subsublist">
<ul>
<li>
For example, some schools are okay to count your
volunteering without pay at a for-profit organization, while
some schools only strictly count volunteering with
registered charity and not-for-profit organizations.
</li>
</ul>
</li>
<li>
If you do not know what your school requires as community
involvement hours, that is okay. We will match you with a
not-for-profit organization or charitable cause. You can find
your school's community involvement hour requirements by
visiting your school or school board's website, contacting your
school, contacting your school's guidance counselor, or they
might have already give you a form outlining the community
involvement hours requirements.
</li>
</ul>
</li>
</ul>
<button class="accordion">
What kinds of volunteer opportunities are there?
<i class="fa fa-chevron-down"></i>
</button>
<ul class="faq-text">
<li>
Depending on what is available at the time, volunteer opportunities
may look very different. They can range from:
</li>
<li class="sublist">
<ul>
<li>
Helping to tutor online with an international non-profit
organization
</li>
<li>
Volunteering at your local library, hospital, community center
</li>
<li>
Mentoring a youth, volunteering as a coach or referee, volunteer
reading buddy, helping older adults with technology, teen
advisory group, etc.
</li>
</ul>
</li>
<li>
There may be multiple placements needed for you to fulfill enough
hours
</li>
<li>
You can be volunteering in the front or from behind the scenes!
</li>
</ul>
</section>
<section class="wrapper">
<div class="csc-round-box csc-text">
If you are an organization that is interested in hosting some
volunteers for this program you are welcome to email
community@helpinghandsapp.com for more information.
</div>
<p class="csc-text">
We request that you let us know if you are interested in collaborating
on the project. Below, you will find two potential ways to partner.
</p>
<ol class="csc-text">
<li>
<b>Service Placements Regional Host Organizations</b>, who provide
volunteer opportunities at their organization to youth in Helping
Hands' volunteering program.
</li>
<li>
<b>Service Placements Regional Referral Partners</b>, who encourage
youth in their network to register for Helping Hands' volunteering
program (referrals could be through word of mouth or social media
sharing)
</li>
</ol>
</section>
<div class="wrapper">
<p class="csc-text">
Youth Leading the Way is funded by Canada Service Corps, a national
movement that empowers youth aged 15-30 to gain experience and build
important skills while giving back to their community. Learn more at
<a
class="csc-link"
href="https://canada.ca/canadaservicecorps"
target="_blank"
>
Canada.ca/CanadaServiceCorps</a
>.
</p>
<div class="text-center">
<img src="img/csc-logo.png" alt="Funded by CSC" />
</div>
</div>
</main>
<!-- FOOTER -->
<div id="footer-container">
<script>
const footerContainer = document.getElementById("footer-container");
footerContainer.innerHTML = generateFooter();
</script>
</div>
<!-- faq accordion script -->
<script>
const accordion = document.getElementsByClassName("accordion");
for (let i = 0; i < accordion.length; i++) {
accordion[i].addEventListener("click", function () {
const chevron = this.children[0];
const panel = this.nextElementSibling;
if (panel.style.display === "block") {
chevron.classList.add("fa-chevron-down");
chevron.classList.remove("fa-chevron-up");
panel.style.display = "none";
} else {
chevron.classList.add("fa-chevron-up");
chevron.classList.remove("fa-chevron-down");
panel.style.display = "block";
}
});
}
</script>
<!-- MailGo Script -->
<script src="https://unpkg.com/mailgo@0.9.14/dist/mailgo.min.js"></script>
<!--====================Some Jacascript=====================================-->
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="js/jquery.easing.min.js"></script>
<script src="js/jquery.fittext.js"></script>
<script src="js/wow.min.js"></script>
<!-- Custom Theme JavaScript -->
<script src="js/creative.js"></script>
<!-- load javascript for navbar accesibility -->
<script defer src="js/navbar-accesibility.js"></script>
</body>
</html>