-
Notifications
You must be signed in to change notification settings - Fork 4
Expand file tree
/
Copy pathabout.html
More file actions
252 lines (231 loc) · 8.87 KB
/
about.html
File metadata and controls
252 lines (231 loc) · 8.87 KB
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
248
249
250
251
252
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>UCSD Dragon Boat</title>
<meta name="description" content="Home Page">
<meta name="author" description="UCSD Dragon Boat">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oswald:400,700|Cabin">
<link rel="icon" type="image/png" href="img/dbFavicon.png">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/font-awesome.min.css"><!-- Get Icons-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script><!--jquery-->
<script type="text/javascript" src="js/sideNav.js"> </script> <!-- our own js file-->
</head>
<body>
<div id="sideNavId" class="sideNav sideDetect">
<div class="sideLinks">
<a href="index.html">Home</a>
<a href="about.html" style="color:#fff">About Us</a>
<a href="recruitment_2019.html">Recruitment</a>
<a href="results.html">Race Results</a>
<a href="alumni.html">Alumni</a>
<a href="sponsors.html">Sponsors</a>
<a href="donate.html"><div class="donatelink">Donate</div></a>
</div>
<div class="sideNavContact sideDetect">
<p class="emailContact sideDetect">ucsddragonboat@gmail.com</p>
<div class="socialMedia_container sideDetect">
<a href="https://www.facebook.com/ucsddragonboat/?fref=ts">
<i class="fa fa-facebook-official fa-inverse" aria-hidden="true"></i>
</a>
<a href="https://www.instagram.com/ucsddb/">
<i class="fa fa-instagram fa-inverse" aria-hidden="true"></i>
</a>
</div>
<p class="sponsorContact">Big Thanks to Our Sponsors!</p>
<div class="sponsorContainer sideDetect">
<!-- <a class="sponsorIcon sideDetect" id="HubertsLemon" href="https://www.hubertslemonade.com/">
<img src="img/16_17Season/HubertsLemon.png">
</a> -->
<a class="sponsorIcon sideDetect" style="margin-top: 5%;">
<img src="img/EidolonHydros.png">
</a>
<a class="sponsorIcon sideDetect" id="merlingear" href="https://www.merlingear.com">
<img src="img/16_17Season/merlingear.jpg">
</a>
</div>
</div>
</div>
<span class="sideNav_button sideDetect" id="btnSideToggle">☰</span>
<div class="content_wrap">
<div class="horz_block" id="block_about_head">
<h1 class="about_header">About Us</h1>
</div>
<div class="horz_block flex_center" id="block_about1">
<div class="picture_part">
<img class="block_pic"src="img/hiFromTheBoat.jpg">
</div>
<div class="text_part">
<p class="section_subHeader" style="transform: translateX(-5px);">
What is Dragon Boat?
</p>
<p class="section_text">
Dragon boat racing is an ancient canoeing sport that accommodates 20 paddlers (2 per row), a drummer and a steersman. Having been a part of religious ceremonies and folk customs for more than two millenniums, dragon boat racing has more recently risen to become a competitive international sport.
</p>
</div>
</div>
<div class="horz_block flex_center" id="block_about2">
<div class="picture_part flex_center">
<img class="block_pic" src="img/blb_2019.jpg">
</div>
<div class="text_part">
<p class="section_subHeader">
Our Team
</p>
<p class="section_text">
The University of California, San Diego Dragon Boat Team strives to be a top performing dragon boat team whose victories are a result of a unified cohesive team effort where the merit in victories is not measured by the number of medals but by the unified growth of the team as a whole.
</p>
</div>
</div>
<div class="blue_block">
<div class="horz_block flex_center">
<div class="flex_three_column">
<div class="about_column">
<p class="section_subHeader">Pride</p>
<img src="img/beachRun.jpg">
<p class="section_text">
We take pride in the work we put in, pushing each other on and off the boat every day to become the best group of athletes and individuals possible.
</p>
</div>
<div class="about_column">
<p class="section_subHeader">Tradition</p>
<img src="img/hudle.jpg">
<p class="section_text">
Founded in 2003, we uphold the tradition of building teamwork and promoting lifelong camaraderie between crew members while competing at the top level of collegiate dragon boat teams.
</p>
</div>
<div class="about_column">
<p class="section_subHeader">Passion</p>
<img src="img/marieHappy.jpg">
<p class="section_text">
Teammates on the water, friends off the water. We take passion in walking off the boat with some of the most down-to-earth, hard-working people you’ll ever meet here at UCSD.
</p>
</div>
</div>
</div>
</div>
<div class="horz_block flex_center">
<div class="section_subHeader">
UCSD Dragon Boat is currently recruiting!<br>
</div>
<div class="section_text flex_center">
<div class="recruit_about">
Do you have what it takes?<br>
<img src="img/recruitment2019_flyer.png">
<div class="donate_btn">
<a class="donate_link" href="recruitment_2019.html">Learn More</a>
</div>
</div>
</div>
</div>
<!-- Board pics
<div class="blue_block">
<div class="flex_center horz_block">
<p class="section_header">Board 2016-2017</p>
<div class="ih-item circle colored effect19"><a>
<div class="img"><img src="img/portrait.jpg"></div>
<div class="info flex_center">
<h3> Ayako Ota </h3>
<p> President </p>
</div></a>
</div>
<div class="ih-item circle colored effect19"><a>
<div class="img"><img src="img/portrait.jpg"></div>
<div class="info flex_center">
<h3> Kevin Dam </h3>
<p> Vice President </p>
</div></a>
</div>
<div class="ih-item circle colored effect19"><a>
<div class="img"><img src="img/portrait.jpg"></div>
<div class="info flex_center">
<h3> Kevin Tran </h3>
<p> Water Coach </p>
</div></a>
</div>
<div class="ih-item circle colored effect19"><a>
<div class="img"><img src="img/portrait.jpg"></div>
<div class="info flex_center">
<h3> Brian Wong </h3>
<p> Assistant Water Coach </p>
</div></a>
</div>
<div class="ih-item circle colored effect19"><a>
<div class="img"><img src="img/portrait.jpg"></div>
<div class="info flex_center">
<h3> David Tran </h3>
<p> Land Coach </p>
</div></a>
</div>
<div class="ih-item circle colored effect19"><a>
<div class="img"><img src="img/portrait.jpg"></div>
<div class="info flex_center">
<h3> Dennis Liu </h3>
<p> Land Coach </p>
</div></a>
</div>
<div class="ih-item circle colored effect19"><a>
<div class="img"><img src="img/portrait.jpg"></div>
<div class="info flex_center">
<h3> Jody Tai </h3>
<p>Public Relations Chair</p>
</div></a>
</div>
<div class="ih-item circle colored effect19"><a>
<div class="img"><img src="img/portrait.jpg"></div>
<div class="info flex_center">
<h3> Miranda Chen </h3>
<p>Public Relations Chair</p>
</div></a>
</div>
<div class="ih-item circle colored effect19"><a>
<div class="img"><img src="img/portrait.jpg"></div>
<div class="info flex_center">
<h3> Steven Tien </h3>
<p> Social Chair</p>
</div></a>
</div>
<div class="ih-item circle colored effect19"><a>
<div class="img"><img src="img/portrait.jpg"></div>
<div class="info flex_center">
<h3> Vincent Yao </h3>
<p> Social Chair </p>
</div></a>
</div>
<div class="ih-item circle colored effect19"><a>
<div class="img"><img src="img/portrait.jpg"></div>
<div class="info flex_center">
<h3> Ivonnie Shih </h3>
<p> Treasurer</p>
</div></a>
</div>
<div class="ih-item circle colored effect19"><a>
<div class="img"><img src="img/portrait.jpg"></div>
<div class="info flex_center">
<h3>Nicole Hatakeyama</h3>
<p> Logistics </p>
</div></a>
</div>
<div class="ih-item circle colored effect19"><a>
<div class="img"><img src="img/portrait.jpg"></div>
<div class="info flex_center">
<h3> Brandon Dang </h3>
<p> Historian </p>
</div></a>
</div>
</div>
</div>
-->
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-67830507-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>