-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
174 lines (145 loc) · 6.35 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<title>UCDCC</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Ubuntu:400,700' rel='stylesheet' type='text/css'>
</head>
<body>
<!-- menu -->
<div class="navbar navbar-fixed-top ">
<div class="navbar-inner">
<div class="center_header">
<ul class="nav ">
<li class="active">
<a href="index.html" class="unselected">Home</a>
</li>
<li>
<a href="newmembers.html" class="unselected">New Members</a>
</li>
<li>
<a href="disciplines.html" class="unselected">Kayaking</a>
</li>
<li>
<a href="events.html" class="unselected">Trips Away</a>
</li>
<li>
<a href="committee.html">Committee & Contact</a>
</li>
<li>
<a href="https://forum.ucdcanoeclub.com" class="unselected">Forum</a>
</li>
<!-- <li>
<a href="https://ucdcanoeclub.wordpress.com/" target="_blank" class="unselected">Blog</a>
</li> -->
<li>
<a href="https://www.facebook.com/UCDCC" target="_blank" class="unselected">Facebook</a>
</li>
<li>
<a href="https://twitter.com/#!/ucdcc" target="_blank" class="unselected">Twitter</a>
</li>
<!--<li>
<a href="contact.html">Contact</a>
</li>
-->
</ul>
</div>
</div>
</div>
<div class="bgdiv"></div>
<div class ="container top_padding">
<!--[if IE 7]><div style="height:60px;line-height: 0;font-size: 0;"></div><![endif]-->
<!-- content goes here -->
<div class="row" >
<div class="span7 visible-desktop">
<div id="gallery" class="homepics">
</div>
<!-- The <div> tag will contain the <iframe> (and video player) -->
<!--<div id="player"></div>
<script> // 2. This code loads the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
// This function creates an <iframe> (and YouTube player)
// after the API code downloads.
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('player', {
playerVars: { 'autoplay': 1, 'controls': 1,'autohide':1,'wmode':'opaque' },
videoId: '7InvM8ZKbEA',
events: {
'onReady': onPlayerReady}
});
}
// The API will call this function when the video player is ready.
function onPlayerReady(event) {
event.target.mute();
}
</script>-->
</div>
<div class="span5 home_text visible-desktop">
<h1 class="clubtitle top_padding">UCD Canoe Club</h1>
<div class="span5 home_text">
<section>
UCD Canoe Club is one of the colleges most vibrant, active and successful sports clubs. This can be seen in our busy schedule: indoor training takes place in the new pool twice weekly; river trips occur around Dublin, Meath and Wicklow any given Sunday; as well as plenty of social nights and unforgettable weekends away to destinations all around the country.
</section>
<a href="https://forum.ucdcanoeclub.com/" class="btn btn-large joinbutton">
<strong>
Join Our Forum
</strong>
</a>
</div>
</div>
<div class="span12 home_text hidden-desktop">
<h1 class="clubtitle top_padding">UCD Canoe Club</h1>
<section>
UCD Canoe Club is one of UCD's most vibrant and active sports clubs. Indoor training in UCD'd new pool twice weekly, river trips around Dublin, Meath and Wicklow any given Sunday, plenty of social nights and unforgettable weekends away to destinations all around the country.
</section>
<a href="https://forum.ucdcanoeclub.com/" class="btn btn-large joinbutton">
<strong>
Join Our Forum
</strong>
</a>
</div>
</div>
<!-- additional content goes here -->
<div class="row">
<div class="span6">
<h2>New Members</h2>
<p>From boats, to gear, to our own home grown qualified instructors, there is no better place to start kayaking. Those with kayaking experience can plug into a active and thriving community that has grown over the club's 35 years in existence. </p>
<a href="newmembers.html" > Read more...</a>
</div>
<div class="span6">
<h2>Trips Away</h2>
<p>We go on four epic trips away ever year, to some of Ireland's most beautiful places. Perfect if you're here on an exchange and want to see as much of the country as possible or you're just interested in an unforgettable weekend of kayaking, partying and fancy dress.</p>
<a href="events.html" >Read more...</a>
</div>
</div>
<div class="row">
<div class="span6">
<h2>The Committee</h2>
<p>Every year nine members of the club step up to keep this show on the road. Check out who they are, where they come from and what they do for the club.</p>
<a href="committee.html" >Read more...</a>
</div>
<div class="span6">
<h2>Kayaking</h2>
<p>River running, white water, freestyle, polo, marathon...have a go at everything! Want something more structured? Try kayaking skills training and assessments, river safety and rescue courses or maybe a first aid course.</p>
<a href="disciplines.html" >Read more...</a>
</div>
</div>
</div>
<!--js files go here-->
<script src="https://code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#gallery').append('<img id="front1" width="500" height="400" style="z-index:60;" class = "" src="img/front1.jpg"/><img id="front2" width="500" height="400" style="z-index:60;" class = "" src="img/front2.jpg"/><img id="front3" width="500" height="400" style="z-index:60;" class = "" src="img/front3.jpg"/><img id="front4" width="500" height="400" style="z-index:60;" class = "" src="img/front4.jpg"/>');
$('#gallery').cycle({fx: 'fade', random: 1, speed: 1500, timeout: 4000});
});
</script>
</body>
</html>