-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathvolunteer.html
234 lines (223 loc) · 9.67 KB
/
volunteer.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
<!doctype HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Stylesheet -->
<link rel="stylesheet" type="text/css" href="assets/css/styles.css">
<title>Volunteer With Us | Code the Change Foundation</title>
</head>
<body>
<nav role="navigation" class="navbar navbar-expand-md navbar-light">
<div class="container">
<a class="navbar-brand" href="index.html">
<img src="assets/images/logos/full_text_blue.png" width="auto" height="75px" alt="code the change logo">
</a>
<button id="nav-icon4" class="navbar-toggler collapsed border-0" type="button" data-toggle="collapse"
data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav pr-0 pl-3 pl-sm-0 container justify-content-md-end justify-content-start">
<li class="nav-item">
<a class="nav-link h6 font-weight-normal mb-0" href="projects.html">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link h6 font-weight-normal mb-0" href="team.html">Team</a>
</li>
<li class="nav-item">
<a class="nav-link h6 font-weight-normal mb-0" href="partner.html">Partner</a>
</li>
<li class="nav-item active">
<a class="nav-link h6 font-weight-normal mb-0" href="volunteer.html">Volunteer</a>
</li>
<li class="nav-item d-inline-flex justify-content-center">
<a class="nav-link px-2 py-1" href="https://github.com/CodetheChangeFoundation" target="_blank">
<img class="social-media-icon" src="assets/images/github-small.png" alt="github">
</a>
<a class="nav-link px-2 py-1" href="https://www.linkedin.com/company/code-the-change-foundation/"
target="_blank">
<img class="social-media-icon" src="assets/images/linkedin-icon.png" alt="linkedin">
</a>
<a class="nav-link px-2 py-1" href="https://www.facebook.com/codethechangefoundation/" target="_blank">
<img class="social-media-icon" src="assets/images/fbook-icon.png" alt="facebook">
</a>
</li>
</ul>
</div>
</div>
</nav>
<main>
<header class="header-image" id="volunteer-image">
<div class="container h-100">
<div class="row h-100 align-items-center">
<div class="col text-center text-white">
<h1 class="display-4 title">Volunteer With Us</h1>
<!-- <div class="container">
<div class="row m-0">
<div class="col-12 p-0">
<a href="#open-positions" class="btn btn-primary text-white mb-2">
<h4 class="m-0">Open Positions</h4>
</a>
</div>
</div>
</div> -->
</div>
</div>
</div>
</header>
<section id="volunteerInfo">
<div class="container">
<h2 class="mb-4 text-secondary font-weight-normal">Why Volunteer?</h2>
<p>We believe that software isn't a way to solve social issues in and of itself. Rather, its power is in
supporting organizations who already have the relevant expertise in a given area.
</p>
<p>Students and graduates form the backbone of our organization. By helping people use their skills to solve
current and substantial problems we hope to empower and encourage the next generation of philanthropists. Our
goal is to
show everyone that their work can immediately have a significant social impact.
</p>
<p>We welcome everyione with a wide variety of skills and faculties. If you'd like to apply please browse our
current open
positions and see if there's something for you.
</p>
<p>If you would like to participate or if you have any questions at all, please do not hesitate to reach out to
us. We look forward to hearing your ideas!
</p>
</div>
</section>
<hr />
<section>
<div class="container">
<h2 class="mb-4 text-primary font-weight-normal">Hiring Process</h2>
<table class="table table-borderless">
<tbody>
<tr>
<th scope="row">Apply</th>
<td>
<ol>
<li>View the open positions and the job description(s) posted.</li>
<li>Have a resume handy.</li>
<li>Apply for the job you want with the form provided.</li>
</ol>
</td>
</tr>
<tr>
<th scope="row">Review</th>
<td>
We review all candidates on a rolling basis, which means we review applications and conduct interviews
on a first come, first serve basis.
Make sure to get your application in early!
</td>
</tr>
<tr>
<th scope="row">Interview</th>
<td>
<p>Within a week of submitting your application, you will receive an email asking for an in-person
interview. Pick the date and time that works for you! The interview will cover: </p>
<ul>
<li>Personality Questions</li>
<li>Personal Projects</li>
<li>Technical/Programming Questions</li>
</ul>
</td>
</tr>
<tr>
<th scope="row">Job Offer</th>
<td>
<p>An email will go out to all applicants when the application deadline closes, regardless of the final
decision.</p>
<ul>
<li>If you choose to accept your job offer, please confirm your offer and attendance in the first
meeting. Congratulations!</li>
<li>If a job offer is not extended, we are more than happy to discuss improvements for next time!</li>
</ul>
</td>
</tr>
<tr>
<th scope="row">First Meeting</th>
<td>
Welcome to our first meeting! We will be introducing your new team members for the year and projects
that we will be working on.
</td>
</tr>
</tbody>
</table>
</div>
</section>
<hr />
<section id="open-positions">
<div class="container">
<h2 class="mb-4 text-secondary font-weight-normal">Open Positions</h2>
<p>Unfortunately, we've shut down operations permanently.</p>
<!-- <div class="row">
<div class="col-12 col-sm-6 col-md-4">
<div class="card" style="width: 18rem;">
<div class="card-body">
<h5 class="card-title">iOS Developer</h5>
<a href="jobs/ios-dev.html" class="card-link">Read More</a>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="card" style="width: 18rem;">
<div class="card-body">
<h5 class="card-title">Frontend Developer</h5>
<a href="jobs/frontend.html" class="card-link">Read More</a>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="card" style="width: 18rem;">
<div class="card-body">
<h5 class="card-title">Backend Developer</h5>
<a href="jobs/backend.html" class="card-link">Read More</a>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="card" style="width: 18rem;">
<div class="card-body">
<h5 class="card-title">Fullstack Developer</h5>
<a href="jobs/fullstack.html" class="card-link">Read More</a>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="card" style="width: 18rem;">
<div class="card-body">
<h5 class="card-title">React Native Developer</h5>
<a href="jobs/react-native.html" class="card-link">Read More</a>
</div>
</div>
</div>
</div> -->
</div>
</section>
</main>
<footer role="contentinfo" class="footer bg-light d-flex align-items-center">
<div class="container">
<div class="row">
<div class="col-12">
<p class="text-center text-muted m-0 small">© Code the Change Foundation 2019</p>
</div>
</div>
</div>
</footer>
<!--BootStrap JS Scripts -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
<script src="assets/scripts.js" type="text/javascript"></script>
</body>
</html>