forked from EChesters/WHFNP-Website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathvolunteer.html
76 lines (74 loc) · 2.77 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
<!DOCTYPE html>
<html>
<head>
<title>About Us | WHFNP</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="stylesheets/reset.css">
<link rel="stylesheet" type="text/css" href="stylesheets/main.css">
</head>
<body>
<nav>
<a href="index.html"><img src="images/Logo.png" class="nav-logo" alt="WHNP logo"></a>
<ul>
<li><a href="about-us.html">About us</a></li>
<li><a href="volunteer.html">Volunteers</a></li>
<li><a href="/">Non-Profits</a></li>
<li><a href="/">Partners</a></li>
<li><a href="/">Projects</a></li>
</ul>
</nav>
<div id="banner">
<img src="images/home-page-banner.jpg">
</div>
<div id="content">
<div class="grid">
<div class="cell col-1-12 extra-padding">
<h2>Volunteers</h2>
<p class="block-p">We are strong advocates for women in technology. Women Hack for Non-Profits aims to bring more women together in a safe tech environment.</p>
</div>
<div class="cell col-1-12 central">
<h3>Why not join us?</h3>
</div>
<div class="cell col-1-12 central extra-padding-vertical-sides">
<a class="button primary">Volunteer</a>
</div>
<img src="images/volunteer-1.jpg" class="overflow-hidden extra-padding-vertical-sides">
<div class="cell col-1-8 central text-centre">
<h4 class="quote">We are passionate, determined and here to make a difference.</h4>
</div>
<!-- <div class="cell col-1-12 extra-padding">
<div class="divider"></div>
</div> -->
<div id="#questions" class="extra-padding-vertical-sides">
<div class="cell col-1-12 left extra-padding">
<h2>Have any questions about volunteering?</h2>
</div>
<div class="cell col-1-6 left extra-padding question">
<h5>1. How much time do I have to commit?</h3>
<p class="block-p">Lorem Ipsum dolor set.</p>
</div>
<div class="cell col-1-6 right extra-padding question">
<h5>2. How much time do I have to commit?</h3>
<p class="block-p">Lorem Ipsum dolor set. Lorem Ipsum dolor set. Lorem Ipsum dolor set. </p>
</div>
<div class="cell col-1-6 left extra-padding question">
<h5>3. How much time do I have to commit?</h3>
<p class="block-p">Lorem Ipsum dolor set.</p>
</div>
<div class="cell col-1-6 right extra-padding question">
<h5>4. How much time do I have to commit?</h3>
<p class="block-p">Lorem Ipsum dolor set. Lorem Ipsum dolor set. Lorem Ipsum dolor set. </p>
</div>
</div>
<!-- <div class="cell col-1-12 extra-padding">
<div class="divider"></div>
</div> -->
<!-- <div id="volunteers" class="extra-padding-vertical-sides">
<div class="cell col-1-12 left extra-padding">
<h2>Meet some of our volunteers</h2>
</div>
</div> -->
</div>
</div>
</body>
</html>