-
Notifications
You must be signed in to change notification settings - Fork 0
/
team_overview.html
195 lines (167 loc) · 9.09 KB
/
team_overview.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<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"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
<link rel="stylesheet" type="text/css" href="styles/all.css" media="all" />
<link rel="stylesheet" type="text/css" href="styles/team_overview.css" media="all" />
<!--For accordion styling-->
<link href="http://www.cssscript.com/wp-includes/css/sticky.css" rel="stylesheet" type="text/css">
<title>Team Overview</title>
</head>
<body>
<!-- nav bar -->
<nav class="navbar navbar-expand-md fixed-top navbar-light">
<div class="container-fluid">
<a class="navbar-brand" href="index.html"> <img src="images/logo.png"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="nav navbar-nav ml-auto">
<li class="nav-item active">
<a class="btn btn-primary" role="button" id="nav-btn" href="index.html">Home</a>
</li>
<li class="nav-item">
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
About Us
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" id="dropdown-item" href="impact.html">Impact</a>
<a class="dropdown-item" id="dropdown-item" href="publications.html">Publications</a>
</div>
</div>
</li>
<li class="nav-item">
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Team
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" id="dropdown-item" href="team_overview.html">Team Overview</a>
<a class="dropdown-item" id="dropdown-item" href="going_global.html">Going Global</a>
<a class="dropdown-item" id="dropdown-item" href="lab_and_research.html">Lab and
Research</a>
<a class="dropdown-item" id="dropdown-item" href="apps_and_algorithms.html">Apps and
Algorithms</a>
<a class="dropdown-item" id="dropdown-item" href="fabrication.html">Fabrication</a>
</div>
</div>
</li>
<li class="nav-item">
<a class="btn btn-primary" role="button" id="nav-btn" href="joinus.html">Recruitment</a>
</li>
<li class="nav-item">
<a class="btn btn-primary" role="button" id="donate-btn"
href="https://securelb.imodules.com/s/1717/alumni/index.aspx?sid=1717&gid=2&pgid=403&cid=1031&dids=232&sort=1&bledit=1">Donate</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- end navbar -->
<!--about-banner-->
<div id="about_banner">
<h1 id="about_title"> Team Overview </h1>
</div>
<!--Who We Are-->
<div id="about_Who_We_Are">
<h3 id="about_Who_We_Are_txt"> Founded in 2005, AguaClara Cornell pioneers research in community-scale water
treatment technologies. AguaClara Cornell has partnered with
AguaClara Reach and other local organizations to build fourteen AguaClara plants that provide
safe water on tap to over 65,000 people, with the flagship plant in Ojojona, Honduras and other plants in
India.
</h3>
</div>
<!--About Monroe-->
<h2 class="about_header greybg">Monroe Weber-Shirk</h2>
<div id="about_Monroe_container">
<div id="about_Monroe_text">
<p> Dr. Monroe Weber-Shirk received his PhD in Environmental Engineering from Cornell University in 1992.
His experiences working in Salvadoran refugee camps in Honduras helped shape his interest in
sustainable
technologies for safe drinking water. </p>
<p> In 2005 he founded the AguaClara program to address the need for
sustainable municipal scale water treatment in resource poor communities. His investigations of the
widespread failure of automated and mechanized water treatment plants have provided the impetus
to develop a new approach to solve this global infrastructure problem.</p>
<p> He has guided the AguaClara team to invent a series of technologies that together make
it possible to produce safe drinking water without using any electricity.</p>
</div>
<img src="images/leadership/Monroe3.jpg" id="about_Monroe_image" alt="Picture of Monroe">
</div>
<!--Team Leads-->
<h2 class="about_header blue greybg"> AguaClara Cornell Spring 2020 Team Leads </h2>
<div id="about_TeamLeads_container">
<figure id="about_Team_Lead1">
<img src="images/leadership/teamlead/TeamLead_1.jpg" class="about_Team_Lead_image" alt="Team Lead 1">
<figcaption class="about_figcap"><b> Ian Cullings </b>| [email protected] </figcaption>
</figure>
<figure id="about_Team_Lead2">
<img src="images/leadership/teamlead/TeamLead_2.jpg" class="about_Team_Lead_image" alt="Team Lead 2">
<figcaption class="about_figcap"><b> Anishka Singh </b>| [email protected] </figcaption>
</figure>
<figure id="about_Team_Lead3">
<img src="images/leadership/teamlead/TeamLead_3.jpg" class="about_Team_Lead_image" alt="Team Lead 3">
<figcaption class="about_figcap"><b> Luke Meyer </b>| [email protected] </figcaption>
</figure>
</div>
<!-- Team Accordions -->
<h2 class="about_header green greybg">Current Teams</h2>
<div class="accordion">
<ul>
<li>
<div> <a href="going_global.html">
<h2 class="team_accordion">Going Global</h2>
<!-- <p>Description</p> -->
</a> </div>
</li>
<li>
<div> <a href="lab_and_research.html">
<h2 class="team_accordion">Lab and Research</h2>
<!-- <p>Description</p> -->
</a> </div>
</li>
<li>
<div> <a href="apps_and_algorithms.html">
<h2 class="team_accordion">Apps and Algorithms</h2>
<!-- <p>Description</p> -->
</a> </div>
</li>
<li>
<div> <a href="fabrication.html">
<h2 class="team_accordion">Fabrication</h2>
<!-- <p>Description</p> -->
</a> </div>
</li>
</ul>
</div>
<!-- End Team Accordions -->
<!-- footer -->
<div class="container-fluid footer text-center footer-text">
<div class="row" id="footer-row">
<div class="social">
<a href="https://www.facebook.com/CUAguaClara/"><i class="fab fa-facebook"></i></a>
<a href="https://twitter.com/cuaguaclara?lang=en"><i class="fab fa-twitter"></i></a>
<a href="https://www.instagram.com/cuaguaclara/"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/company/aguaclara-at-cornell"><i class="fab fa-linkedin"></i></a>
<a href="https://github.com/AguaClara"><i class="fab fa-github"></i></a>
</div>
</div>
<div class="container-fluid">
<p class="copyright">© AguaClara Cornell</p>
</div>
</div>
<!-- end footer -->
<script src="js/navbar_scroll.js"></script>
</body>
</html>