forked from LSFLK/LSFLK.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
volunteer.html
115 lines (109 loc) · 6.12 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
---
title: Volunteer | LSF
layout: single-page
---
<!-- volunteer page -->
<section id="portfolio" class="bg-light-gray">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Volunteer</h2>
<h3 class="section-subheading text-muted">The success of LSF and its initiatives depends on engaging
high-quality volunteers - tech and non-tech.</h3>
</div>
</div>
<div class="row text-center row-spacing">
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-exchange fa-stack-1x fa-inverse"></i>
</span>
<h4 class="service-heading">Do important, impactful work</h4>
<p class="text-muted">You’ll get to make a direct impact in people’s lives everyday through great open source solutions that help governments serve people better.</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-laptop fa-stack-1x fa-inverse"></i>
</span>
<h4 class="service-heading">Grow and learn</h4>
<p class="text-muted">Join our projects and explore opportunities to not only develop skills and lead teams, but also collaborate with experts from across the country, and around the world to build solutions that scale.</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-globe fa-stack-1x fa-inverse"></i>
</span>
<h4 class="service-heading">Culture</h4>
<p class="text-muted">We are committed to building a strong team of tech experts who lead our projects on the ground, as well as building capacity in the organizations we partner with.</p>
</div>
</div>
<!-- form -->
<div class="row row-spacing">
<h5 style="padding-bottom: 20px;"> Join us at weekly hackathons and collaborate with volunteers on ongoing projects. We’ll also be at training sessions and meetups sharing our best practices. </h5>
<form name="volunteerForm" id="volunteerForm" novalidate>
<div class="row">
<div class="col-md-6">
<div class="control-group form-group">
<input type="text" class="form-control" placeholder="Your First Name *" id="firstName"
required data-validation-required-message="Please enter your name.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="col-md-6">
<div class="control-group form-group">
<input type="text" class="form-control" placeholder="Your Last Name *" id="lastName"
required data-validation-required-message="Please enter your name.">
<p class="help-block text-danger"></p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="control-group form-group">
<input type="email" class="form-control" placeholder="Your Email *" id="email" required
data-validation-required-message="Please enter your email address.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="col-md-6">
<div class="control-group form-group">
<input type="tel" class="form-control" placeholder="Your Phone *" id="phone" required
data-validation-required-message="Please enter your phone number.">
<p class="help-block text-danger"></p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="control-group form-group">
<textarea class="form-control" placeholder="I like to help by *" id="serviceGiven" required
data-validation-required-message="Please state your pereferred way to get involved."></textarea>
<p class="help-block text-danger"></p>
</div>
</div>
<div class="col-md-6">
<div class="control-group form-group">
<textarea class="form-control" placeholder="I’m proficient inf *" id="mySkills" required
data-validation-required-message="Please state your skills."></textarea>
<p class="help-block text-danger"></p>
</div>
</div>
<div class="col-md-6">
<div class="control-group form-group">
<input type="tel" class="form-control"
placeholder="Number of hours I can commit to each week *" id="hours" required
data-validation-required-message="Please state your commitment.">
<p class="help-block text-danger"></p>
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="col-lg-12 text-center">
<div id="success"></div>
<button type="submit" class="btn btn-xl">Request to join</button>
</div>
</form>
</div>
</div>
</section>