-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
149 lines (136 loc) · 4.29 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
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
<!DOCTYPE html>
<!-- saved from url=(0067)http://twitter.github.com/bootstrap/examples/marketing-narrow.html# -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>SERVE · About</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Google Analytics -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-37444924-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<!-- /Google Analytics -->
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<style type="text/css">
body {
padding-top: 20px;
padding-bottom: 40px;
}
/* Custom container */
.container-narrow {
margin: 0 auto;
max-width: 700px;
}
.container-narrow > hr {
margin: 30px 0;
}
/* Main marketing message and sign up button */
.jumbotron {
margin: 60px 0;
text-align: center;
}
.jumbotron h1 {
font-size: 72px;
line-height: 1;
}
.jumbotron .btn {
font-size: 21px;
padding: 14px 24px;
}
/* Supporting marketing content */
.marketing {
margin: 60px 0;
}
.marketing p + h4 {
margin-top: 28px;
}
</style>
<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet">
<div class="container-narrow">
<div class="navbar">
<div class="navbar-inner">
<a class="brand">SERVE</a>
<ul class="nav">
<li><a href="index.html">Welcome</a></li>
<li class="active"><a href="#">About</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="schedule.html">Schedule</a></li>
<li><a href="join.html">Join</a></li>
<li><a href="mail.html">Mail</a></li>
</ul>
</div>
</div>
<div class="jumbotron">
<img src="img/homage.png" width="700" class="img-polaroid">
</div>
<div class="page-header">
<h2>About SERVE <small>Brief history, how we roll, and rules.</small></h2>
</div>
<div class="row-fluid">
<div class="span6">
<h3>History</h3>
<p>SERVE is a volleyball club started by a group of students who, quite simply, just wanted to play some volleyball! What started off as random pick-up games quickly grew into one of the university's biggest club!</p>
</div>
<div class="span6">
<h3>How it work</h3>
<p>Games are divided as competitive and recreational, and rotate based on "King's Court". No obligated attendance, just come whenever you feel like playing some volleyball!</p>
</div>
</div>
<div>
<h3>Rules</h3>
<table class="table table-hover">
<thead>
<th>#</th>
<th>Commandment</th>
</thead>
<tbody>
<tr>
<td>1</td>
<td>The first rule of SERVE Club is, you do not talk about SERVE Club.</td>
</tr>
<tr>
<td>2</td>
<td>The second rule of SERVE Club is, you DO NOT talk about SERVE Club.</td>
</tr>
<tr>
<td>3</td>
<td>If someone says stop, goes limp, taps out, the rally is over.</td>
</tr>
<tr>
<td>4</td>
<td>ALL serves are in.</td>
</tr>
<tr>
<td>5</td>
<td>Congratulate opponents on good plays.</td>
</tr>
<tr>
<td>6</td>
<td>Taunt opponents on bad plays</td>
</tr>
<tr>
<td>7</td>
<td>Games will go on as long as they have to.</td>
</tr>
<tr>
<td>8</td>
<td>If this is your first time at SERVE Club, you have to serve.</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/bootstrap.min.js"></script>
</body></html>