-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathabout-us.html
190 lines (189 loc) · 5.22 KB
/
about-us.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Friends of Cherry Valley National Wildlife Refuge</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
crossorigin="anonymous" />
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<script src="script.js"></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"></script>
<div id="nav-placeholder"></div>
<main id="aboutUs">
<div class="overlay">
<br />
<div class="container">
<h2>Who We Are</h2>
<p>
We are a 501(c)(3) non-profit organization formed by
concerned residents and conservationists of the Valley
in 2002. We aim to protect the valley's history,
agricultural heritage and natural resources.
</p>
<h3>Our Goals</h3>
<ul>
<li>
To improve connections and communications with
homeowners, landowners and the community in general
regarding conservation and land preservation.
</li>
<li>
To protect open space and environmentally sensitive
areas.
</li>
<li>
To strengthen our executive board to prepare future
leaders.
</li>
<li>
To provide support to and community involvement in
the Cherry Valley National Wildlife Refuge.
</li>
</ul>
<h3>Our Mission Statement</h3>
<p>
The Friends of Cherry Valley National Wildlife Refuge
are dedicated to the conservation and enhancement of the
natural and cultural resources, rural character and
scenic beauty of the Cherry Valley area.
</p>
<h2 class="text-center">
<a href="https://www.fws.gov/refuge/cherry-valley"
>Check out our page on the National Wildlife Refuge
System!</a
>
</h2>
<!-- <br /> -->
<!-- Board Member Section -->
</div>
<br />
<div class="container">
<h2 class="text-center">Our Officers</h2>
<div class="row">
<!-- 1 -->
<div class="col-md-4">
<div class="card mb-4 shadow-sm">
<img
src="media\tree.jpg"
class="card-img-top"
alt="deSchuler" />
<div class="card-body">
<h5 class="card-title">Debra Schuler</h5>
<p class="card-text">President</p>
</div>
</div>
</div>
<!-- 2 -->
<div class="col-md-4">
<div class="card mb-4 shadow-sm">
<img
src="media\tree.jpg"
class="card-img-top"
alt="daSchuler" />
<div class="card-body">
<h5 class="card-title">Darrin Schuler</h5>
</div>
</div>
</div>
<!-- 3 -->
<div class="col-md-4">
<div class="card mb-4 shadow-sm">
<img
src="media\tree.jpg"
class="card-img-top"
alt="chSelena" />
<div class="card-body">
<h5 class="card-title">Chris Selena</h5>
</div>
</div>
</div>
<!-- 4 -->
<div class="col-md-4">
<div class="card mb-4 shadow-sm">
<img
src="media\tree.jpg"
class="card-img-top"
alt="roStem" />
<div class="card-body">
<h5 class="card-title">Ron Stem</h5>
</div>
</div>
</div>
<!-- 5 -->
<div class="col-md-4">
<div class="card mb-4 shadow-sm">
<img
src="media\tree.jpg"
class="card-img-top"
alt="jaAscani" />
<div class="card-body">
<h5 class="card-title">Jake Ascani</h5>
</div>
</div>
</div>
<!-- 6 -->
<div class="col-md-4">
<div class="card mb-4 shadow-sm">
<img
src="media\tree.jpg"
class="card-img-top"
alt="tiDrake" />
<div class="card-body">
<h5 class="card-title">Tina Drake</h5>
</div>
</div>
</div>
<!-- 7 -->
<div class="col-md-4">
<div class="card mb-4 shadow-sm">
<img
src="media\tree.jpg"
class="card-img-top"
alt="daEveritt" />
<div class="card-body">
<h5 class="card-title">David Everitt</h5>
</div>
</div>
</div>
<!-- 8 -->
<div class="col-md-4">
<div class="card mb-4 shadow-sm">
<img
src="media\tree.jpg"
class="card-img-top"
alt="erUhler" />
<div class="card-body">
<h5 class="card-title">Eric Uhler</h5>
</div>
</div>
</div>
<!-- 9 -->
<div class="col-md-4">
<div class="card mb-4 shadow-sm">
<img
src="media\tree.jpg"
class="card-img-top"
alt="maDevito" />
<div class="card-body">
<h5 class="card-title">Mary Devito</h5>
</div>
</div>
</div>
</div>
</div>
<br />
</div>
</main>
<div id="footer-placeholder"></div>
</body>
</html>