-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathevents.html
201 lines (175 loc) · 9.28 KB
/
events.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>CycleON</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/css/materialize.min.css">
<link href="assets/css/events.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js">
</script>
<link rel="stylesheet" href="assets/css/app.css" type="text/css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
<body ng-app="cycleapp" class="bg">
<!--Menu-->
<nav>
<div id="profile" ng-controller="AccountController">
<ul>
<img class="titleImage" style="float:right;margin-right:130px;margin-top:3px;margin-bottom:3px;height:50px;padding-right:30px;" src="assets/img/170whilwithguy.png" />
<img style="float:right;margin-right:-280px;margin-top:11px;" src="assets/img/shoppingcartwhite2%20copy.png" />
</ul>
<ul id="slide-out" class="side-nav">
<li>
<p style="color:black;line-height: 16px;"><img class="faceimage" align="center" src="http://lorempixel.com/70/70/"> <b id="name">{{name}}</b>
<br> </p>
</li>
<hr>
<div id="nav" ng-controller="NavController">
<div ng-repeat="link in links">
<li><a ng-href="{{link.url}}">{{link.title}}</a></li>
</div>
</div>
<br>
<br>
<hr>
<li><a href="#!">My Account</a></li>
<li><a href="login.html">Logout</a></li>
</ul>
<a href="#" data-activates="slide-out" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
</div>
</nav>
<!--Menu End-->
<!--Main Content-->
<div class="main" ng-controller="RewardsController">
<!--Header-->
<div id="header">
<div class="content">
<div class="col s4">
<div id="logo"></div>
</div>
<div class="col s8">
<h1>MTB Events</h1>
<span id="reward-count"><h4>You Have <b>1</b> Event This Month</h4></span>
</div>
</div>
</div>
<!--Header End-->
<!--Rewards-->
<div class="col s12 m6">
<div class="card hoverable">
<div class="card-content">
<span class="card-title grey-text text-darken-4">
Rostrevor Pro MTB 2015
</span>
<br>
<img src="assets/img/calendar1.png"><b> August 12th 2015 // Rostrevor Trial <br><br></b>
<div class="col s10">
<img style="margin-left:20%;" src="assets/img/marathon_champs_poster.jpg"> <br><br>
<p>Get your adrenaline running for the annual Rostrever MTB challenge. With 40 spaces available there soon to fill up fast! <br><br>Note: Protective gear must be worn. </p></div>
</div>
<div class="card-action">
<button class="btn waves-effect waves-light blue darken-2" name="action"
type="submit">Attend<i class=
"material-icons right">grade</i></button>
<button class="btn waves-effect waves-dark grey darken-1 darken-2" name="send"
type="submit">Send To Friend<i class=
"material-icons right">grade</i></button>
</div>
</div>
</div>
<div class="col s12 m6">
<div class="card hoverable">
<div class="card-content">
<span class="card-title grey-text text-darken-4">
Red Bull Fox Hunt
</span>
<br>
<img src="assets/img/calendar2.png"><b> September 5th 2015 // Rostrevor Trial <br><br></b>
<div class="col s10">
<img style="margin-left:20%;" src="assets/img/rbfh.png"> <br><br>
<p>Red Bull Foxhunt with Jeep returned to the UK this September, where the Pentland Hills in Edinburgh once again hosted the women-only edition of this innovative race.
Over 100 competitors played the part of "the hounds" as they tried to outride the best downhill racer in the world, "the fox", Rachel Atherton. </p></div>
</div>
<div class="card-action">
<button class="btn waves-effect waves-light blue darken-2" name="action"
type="submit">Attend<i class=
"material-icons right">grade</i></button>
<button class="btn waves-effect waves-dark grey darken-1 darken-2" name="send"
type="submit">Send To Friend<i class=
"material-icons right">grade</i></button>
</div>
</div>
</div>
<!--Rewards-->
<div class="col s12 m6">
<div class="card hoverable">
<div class="card-content">
<span class="card-title grey-text text-darken-4">
Wicklow MTB Championship
</span>
<br>
<img src="assets/img/calendar3.png"><b> October 23rd 2015 // Mount Leninster <br><br></b>
<div class="col s10">
<img style="margin-left:20%;" src="assets/img/mtbwklo.jpg"> <br><br>
<p>This expert level track (re-designed in 2014) will test your absolute limit! take on the All-Ireland finalist on the wicklow mountain. with cash prized and sponserships available its the ultimite event for all budding professional riders.<br><br><b> Proressional level riders only.</b> </p></div>
</div>
<div class="card-action">
<button class="btn waves-effect waves-light blue darken-2" name="action"
type="submit">Attend<i class=
"material-icons right">grade</i></button>
<button class="btn waves-effect waves-dark grey darken-1 darken-2" name="send"
type="submit">Send To Friend<i class=
"material-icons right">grade</i></button>
</div>
</div>
</div>
<!--Rewards-->
<div class="col s12 m6">
<div class="card hoverable">
<div class="card-content">
<span class="card-title grey-text text-darken-4">
Wicklow MTB Championship
</span>
<br>
<img src="assets/img/calendar4.png"><b> November 8th 2015 // Mount Leninster <br><br></b>
<div class="col s10">
<img style="margin-left:20%;" src="assets/img/ndhc.jpg"> <br><br>
<p>The ultimate of MTB events. The irish downhill champions event will ruthlessly eliminate the competition. guaranteed to be a big event and to get your adrenaline going. featuring irelands greatest MTB heros battling it out for the championships. Sponsored by NukeProof.</b> </p></div>
</div>
<div class="card-action">
<button class="btn waves-effect waves-light blue darken-2" name="action"
type="submit">Attend<i class=
"material-icons right">grade</i></button>
<button class="btn waves-effect waves-dark grey darken-1 darken-2" name="send"
type="submit">Send To Friend<i class=
"material-icons right">grade</i></button>
</div>
</div>
</div>
</div>
<!--Rewards End-->
</div>
<!--Main Content End-->
<script src="assets/js/app.js"></script>
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/js/materialize.min.js"></script>
<script src="assets/js/Controllers/RewardsController.js"></script>
<script src="assets/js/Controllers/AccountController.js"></script>
<script src="assets/js/Controllers/NavController.js"></script>
<script>
$(document).ready(function () {
$('.button-collapse').sideNav();
$('deanPoints').slideDown();
});
</script>
<script>
$( document ).ready(function() {
$('.button-collapse').sideNav();
});
</script>
</body>
</html>