-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
124 lines (113 loc) · 3.54 KB
/
about.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
<!DOCTYPE html>
<html>
<head>
<title>About</title>
<link rel="stylesheet" href="style.css" />
</head>
<body id="aboutpage">
<script type="module" src="about_script.ts"></script>
<div class="navigation">
<h1> Hydration Buddy </h1>
<div class="left">
<div class="vertical-center">
<a href="index.html">Home</a>
<a href="fountains.html">Fountains</a>
<a href="about.html">About</a>
</div>
</div>
<div class="right">
<a href="login.html">Login</a>
</div>
<div class="right">
<p id="userfield"></p>
</div>
</div>
<div class="main">
<div class="about">
<h1>ABOUT HYDRATION BUDDY</h1>
<p>Reduce waste by finding refill stations nearby.</p>
<h3>Purpose</h3>
<p>This website was created to help active people such as runners, bikers, and those walking to work to find quality
drinking fountains and/or waterbottle refill stations. This allows users to rely less on single-use plastic bottles.
This website allows you to find high-quality drinking fountains, as rated by other users, as well as contribute ratings of your own.
To submit a rating or view other ratings, sign in and then head to the <em><i>Ratings</i></em> tab above.
</p>
</div>
<div class="row">
<div class="column">
<div class="card">
<div class="container">
<h2>Irene Chen</h2>
<p class="title">"Radar Pentagon"</p>
<p>Freshmen Computer Science Student.</p>
<p>[email protected]</p>
</div>
</div>
</div>
<div class="column">
<div class="card">
<div class="container">
<h2>Crystal Cheng</h2>
<p class="title">"CSS GOAT"</p>
<p>Sophomore Computer Science Student.</p>
<p>[email protected]</p>
</div>
</div>
</div>
<div class="row">
<div class="column">
<div class="card">
<div class="container">
<h2>Lori Ching</h2>
<p class="title">"Button Maestro"</p>
<p>Freshmen Political Science & Computer Science Student.</p>
<p>[email protected]</p>
</div>
</div>
</div>
</div>
<div class="column">
<div class="card">
<div class="container">
<h2>Elia Doehler</h2>
<p class="title">"Backend Boss"</p>
<p>Senior Mechanical Engineering Major.</p>
<p>[email protected]</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="column">
<div class="card">
<div class="container">
<h2>Ryan Deivert</h2>
<p class="title">"Mergey Schmergey"</p>
<p>Freshmen Computer Science Student.</p>
<p>[email protected]</p>
</div>
</div>
</div>
</div>
<div class="column">
<div class="card">
<div class="container">
<h2>Asha LaManque</h2>
<p class="title">"Idea Idol"</p>
<p>Freshmen computer science student.</p>
<p>[email protected]</p>
</div>
</div>
</div>
</div>
</div>
<br>
<footer>
<h3>Team</h3>
<p>This website was created by ECLAIR - Elia, Crystal, Lori, Asha, Irene, and Ryan - students at Santa Clara University, for Hack for Humanity 2024.</p>
</footer>
</div>
</div>
</body>
</html>