-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
160 lines (148 loc) · 4.91 KB
/
home.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset ="utf-8">
<title>AIS Charity Walkathon 2012</title>
<!-- The styles -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
<link href="universal.css" rel="stylesheet">
<link href="homepage.css" rel="stylesheet">
<link rel="stylesheet" href="countdown-assets/countdown/jquery.countdown.css" />
</head>
<body>
<!-- The navbar! -->
<div class = "navbar navbar-fixed-top">
<div class = "navbar-inner">
<div class = "container">
<a class = "brand" href = "#">
<!-- <img src="Info_clip_image002.gif"/> -->
AIS Charity Walkathon 2012
<!-- placeholder for vertical logo -->
</a>
<ul class = "nav">
<li class = "active">
<a href = "#">Home</a>
</li>
<li><a href = "info.html">Info</a></li>
<li><a href = "history.html">History</a></li>
<li><a href = "gallery.html">Gallery</a></li> <!-- TO BE IMPLEMENTED -->
<li><a href = "downloads.html">Downloads</a></li> <!-- TO BE IMPLEMENTED -->
<li class = "divider-vertical"></li>
<li><a href = "charities.html">Charities</a></li> <!-- INCORPORATE CHARITIES INTO HISTORY? Y/N (POSSIBLY NO, THOUGH) -->
</ul>
<!-- SIGN UP BUTTON (should be dropdownable) -->
<ul class = "nav pull-right">
<li class="divider-vertical"></li>
<a class="btn btn-primary" href = "http://www.planetreg.com/E83054617246478"><i class = "icon-edit icon-white"></i> Sign Up!</a>
</ul>
</div>
</div>
</div>
<div class="container">
<!-- Individual pages -->
<div class = "hero-unit">
<div class = "row">
<div class = "span11">
<h1>
Sponsor. Run. Raise. Help.
<div class = "adimage">
<div class = "thumbnails">
<div class = "thumbnail">
<a href = "http://www.kangaroo-service.com">
<img src = "logo kangaroo jpg.jpg" height = "100" width = "400" />
</a>
</div>
</div>
</div>
</h1>
<p> </p>
<div class = "row">
<div class = "span6">
<p> </p>
<p> Now in its 4th year, the annual AIS Charity Walkathon brings students from the Kemang and Pejaten campuses together for a fun day of walking and fundraising. </p>
<p class = "text-success"><strong>Mark your calendars: October 20, 2012! </strong></p>
<br />
<!-- THIS BELOW IS THE COUNTDOWN. ATTEMPT TO HAVE LABELS NESTED UNDER IT TO SHOW DAYS, MINUTES AND SO ON.-->
<div id="countdown"></div>
<div class = "row">
<div class = "span5 offset1">
<p> Days, hours, minutes and seconds until the Walkathon! </p>
</div>
</div>
</div>
<div class = "span5">
<p> </p>
<div class = "thumbnail">
<!-- INSERT SLIDESHOW HERE -->
<div id = "myCarousel" class = "carousel slide">
<div class = "carousel-inner">
<div class = "active item"><img src = "homepagelogo.png" alt = "" /></div>
</div>
<!--<a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class = "row">
<div class = "span12">
<ul class = "thumbnails">
<li class = "span3">
<div class = "thumbnail">
<a href = "info.html">
<img src = "info.jpg" alt = "" height = "140" width = "260"/>
<div class = "caption">
<h4> Start here. </h4>
<p> Learn what goes on during the Walkathon. </p> <!-- EMBIGGEN! -->
</div>
</a>
</div>
</li>
<li class = "span3">
<div class = "thumbnail">
<a href = "history.html">
<img src = "history.jpg" alt = "" height = "140"/>
<div class = "caption">
<h4> 4 years of walking. </h4>
<p> Take a peek at the history of the Walkathon. </p>
</div>
</a>
</div>
</li>
<li class = "span3">
<div class = "thumbnail">
<a href = "gallery.html">
<img src = "4years.jpg" alt = "" />
<div class = "caption">
<h4> Look back. </h4>
<p> See photos of Walkathons past. </p>
</div>
</a>
</div>
</li>
<li class = "span3">
<div class = "thumbnail">
<a href = "downloads.html">
<img src = "downloads.jpg" alt = "" />
<div class = "caption">
<h4> Get resources. </h4>
<p> Download forms, info and more. </p>
</div>
</a>
</div>
</li>
</ul>
</div>
</div>
</div> <!-- container -->
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.js"></script>
<script src="countdown-assets/countdown/jquery.countdown.js"></script>
<script src="countdown-assets/js/script.js"></script>
<script src="photogallery/universal.js"></script>
</html>