-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathjobdescription.html
248 lines (179 loc) · 9.46 KB
/
jobdescription.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Peace Corps Opportunities</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet">
<!-- Custom CSS for the 'One Page Wonder' Template -->
<!-- <link href="css/one-page-wonder.css" rel="stylesheet">
<link href="css/modern-business.css" rel="stylesheet"> -->
<link href="css/custom.css" rel="stylesheet">
<link href="css/jquery-ui-1.10.4.custom.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<script src="js/jquery-1.10.2.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/jquery-ui-1.10.4.custom.min.js"></script>
<!-- ShareThis -->
<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "0632f4ec-e15d-41e8-b4e1-eaee53a4038b", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
<!-- Date Picker Jquery -->
<script>
$(function() {
$( "#from" ).datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 1,
onClose: function( selectedDate ) {
$( "#to" ).datepicker( "option", "minDate", selectedDate );
}
});
$( "#to" ).datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 1,
onClose: function( selectedDate ) {
$( "#from" ).datepicker( "option", "maxDate", selectedDate );
}
});
});
</script>
</head>
<body>
<div class="container">
<!-- Static navbar -->
<div class="navbar navbar-default" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="http://www.peacecorps.gov"><img src="images/peacecorps_logo.png" alt="Peace Corps logo"></a>
</div> <!-- /.navbar-header -->
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="./">About</a></li>
<li><a href="../navbar-static-top/">Explore</a></li>
<li class="active"><a href="../navbar-fixed-top/">Apply</a></li>
<li><a href="../navbar-fixed-top/">Contact</a></li>
</ul>
</div><!--/.nav-collapse -->
</div> <!-- /.navbar navbar-default -->
<!-- MAP SECTION -->
<div class="row">
<div class="col-xs-12 job-image">
<img src="images/image001.jpg" class="img-responsive" alt="Kenya">
<!-- <img src="images/map.jpg" class="img-responsive" alt="Map Search Results"> -->
</div> <!-- /.col-xs-12 -->
</div> <!-- /.row -->
<!-- MAIN CONTENT SECTION -->
<div class="row">
<div class="col-xs-12">
<div class="row">
<div class="col-xs-10">
<h2>Educate school children in Kenya about the causes and dangers of HIV/AIDS and disease prevention through storytelling</h2>
<div class="row job-details">
<div class="col-xs-12">
<ul>
<li><i class="fa fa-circle"></i> Health & HIV/AIDS</li>
<li><i class="fa fa-circle"></i> The Kibera District of Kenya</li>
<li><i class="fa fa-circle"></i> June 1. 2014</li>
</ul>
</div> <!-- -->
</div> <!-- /.row -->
</div>
<div class="col-xs-2">
<img src="images/flags/kenya.jpg" class="img-responsive
img-rounded" alt="Kenya Flag" height="70px">
</div>
</div> <!-- /.row -->
<!-- ADVANCE SEARCH - LEFT SIDEBAR -->
<div class="col-md-3">
<div class="row applicable-sidebar">
<div class="col-xs-12">
<h2>Timeline</h2>
<strong>Apply By:</strong> 12/12/14 <br />
<strong>Know By:</strong> 02/12/15 <br />
<strong>Depart:</strong> 06/12/15 <br />
<h2>Positions</h2>
25 open positions
<h2>Medical Considerations</h2>
<p>Volunteers whose health is impacted by any of the following may not be able to serve in Kenya: use of Adderall or Ritalin, egg allergy, gluten intolerance, ongoing.</p>
<p><a href="#">Learn more</a></p>
</div>
</div>
<a class="btn btn-default applicable-button save" href="#" role="button">Save</a><br />
<a class="btn btn-default applicable-button inquire" href="#" role="button">Inquire</a><br />
<a class="btn btn-default applicable-button apply" href="#" role="button">Apply</a>
<br />
<div class="sharethis">
<span class='st_email_large' displayText='Email'></span>
<span class='st_facebook_large' displayText='Facebook'></span>
<span class='st_googleplus_large' displayText='Google +'></span>
<span class='st_twitter_large' displayText='Tweet'></span>
</div> <!-- /.sharethis -->
</div> <!-- /.search -->
<!-- SEARCH RESULTS - RIGHT MAIN CONTENT -->
<div class="col-md-9 search-results">
<h3>Desired Skills</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean mi eros, blandit et metus a, placerat hendrerit enim. Etiam mi orci, commodo sed venenatis nec, hendrerit id libero. </p>
<h3>Project Description</h3>
<p>In hac habitasse platea dictumst. Nullam in massa nunc. Donec et dolor nibh. Sed pulvinar nisi quam, at dignissim metus feugiat vitae. Cras et nibh vel magna convallis aliquam bibendum sit amet sapien. Nam tempus sodales eros, non rutrum sapien. Nunc sodales dolor eget nulla tempor vehicula. Fusce quis porta augue. Maecenas fermentum sapien et libero adipiscing viverra. Phasellus tristique aliquam lorem et aliquet. Mauris at rutrum sem. Fusce faucibus scelerisque consectetur. Mauris vitae urna ac elit fermentum mollis. In rhoncus lacus quis odio commodo, ac sollicitudin dolor pretium. Suspendisse suscipit risus non orci viverra, porta semper nibh lacinia. Phasellus volutpat justo quis odio porttitor, quis cursus ligula malesuada.</p>
<h3>Living Conditions</h3>
<p>Integer sit amet velit nisl. Mauris felis quam, sodales vel purus eget, eleifend fermentum ligula. Ut quis adipiscing enim. Ut at orci eget purus sodales porttitor. Curabitur suscipit augue elit, et pharetra turpis tincidunt id. Proin eros eros, adipiscing ut nunc sit amet, consectetur tincidunt sapien. Phasellus tincidunt ligula at enim adipiscing, eget tempus nibh malesuada. Sed tempor massa at fermentum tempus. Nulla facilisi.</p>
<h3>Peace Corps Kenya Website</h3>
<p><a href="http://www.kenya.peacecorps.gov">www.kenya.peacecorps.gov</a></p>
<h3>Accepts Couples</h3>
<p>Yes</p>
</div> <!-- /.col-xs-12 -->
</div> <!-- /.row -->
</div> <!-- /.container -->
<div class="row top-footer">
<div class="col-xs-12">
</div>
</div>
<div class="row footer">
<div class="col-xs-12">
<div class="col-xs-8">
<p>All rights reserved. | <a href="http://www.peacecorps.gov/about/jobs">Agency Jobs</a> | Read our <a href="http://www.peacecorps.gov/about/policies/general">privacy</a> and <a href="http://www.peacecorps.gov/about/policies/foia">freedom of information</a> policies.</p>
</div>
<div class="col-xs-4">
<ul class="social-channels">
<li class="facebook">
<a href="http://www.facebook.com/peacecorps" onclick="recordOutboundLink(this, 'SocialMedia', 'Link', 'Facebook', true);return false;" target="_blank">Facebook</a>
</li>
<li class="twitter">
<a target="_blank" href="http://twitter.com/peacecorps" onclick="recordOutboundLink(this, 'SocialMedia', 'Link', 'Twitter', true);return false;">Twitter</a>
</li>
<li class="youtube">
<a target="_blank" href="http://www.youtube.com/peacecorps" onclick="recordOutboundLink(this, 'SocialMedia', 'Link', 'YouTube', true);return false;">YouTube</a>
</li>
<li class="tumblr">
<a href="http://peacecorps.tumblr.com/" target="_blank" onclick="recordOutboundLink(this, 'SocialMedia', 'Link', 'Tumblr', true);return false;">Tumblr</a>
</li>
<li class="linkedin">
<a href="http://www.linkedin.com/company/peace-corps/careers" onclick="recordOutboundLink(this, 'SocialMedia', 'Link', 'Linkedin', true);return false;" target="_blank">Linkedin</a>
</li>
<li class="pinterest">
<a href="http://pinterest.com/peacecorps/" onclick="recordOutboundLink(this, 'SocialMedia', 'Link', 'Pinterest', true);return false;" target="_blank">Pinterest</a>
</li>
<li class="instagram">
<a href="http://instagram.com/peacecorps" onclick="recordOutboundLink(this, 'SocialMedia', 'Link', 'Instagram', true);return false;" target="_blank" class="">Instagram</a>
</li>
</ul>
</div>
</div>
</div>
<!-- JavaScript -->
<script src="js/bootstrap.js"></script>
<script src="js/modern-business.js"></script>
</body>
</html>