-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
348 lines (341 loc) · 13.1 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
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
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Sea Rock 2017</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Searock 2017, SeaRock Band Competition, Heavy Rock Band Competition, Band Competition, Competition, Music Competition, Best Rock Band, Best Band" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- Custom Theme files -->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<!-- //Custom Theme files -->
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome iconsc -->
<!-- js -->
<script src="js/jquery-2.2.3.min.js"></script>
<!-- //js -->
<!-- web-fonts -->
<link href="//fonts.googleapis.com/css?family=Aladin" rel="stylesheet">
<link href='//fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic' rel='stylesheet' type='text/css'>
<!-- //web-fonts -->
<!-- start-smooth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- //end-smooth-scrolling -->
</head>
<body>
<!-- banner start here -->
<div class="agileinfo-main">
<div class="slider">
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 1
$("#slider1").responsiveSlides({
auto: true,
nav: true,
speed: 500,
namespace: "callbacks",
});
});
</script>
<ul class="rslides" id="slider1">
<li>
<div class="banner">
<h3>The crowd's a little thick. Where are you? Register and let us find you and share YOUR music with the world!</h3>
</div>
</li>
<li>
<div class="banner banner2">
<h3 style="color:white;">Cash prizes and Scholarships by finest music institutes in India are waiting for you.</h3>
</div>
</li>
<li>
<div class="banner banner3">
<h3 style="color:yellow;">What did we say about letting the world hear your voice?</h3>
</div>
</li>
</ul>
</div>
<div class="agileinfo-header">
<div class="container">
<div class="agile-logo">
<a href="index.html"><img src="images/searock.png" style="padding-left:0;width:30%"></a>
<!--<h1><a href="index.html"><i class="fa fa-music bounce bounceIn animated" aria-hidden="true"></i> SeaRock</a></h1>-->
</div>
<div class="agileits-w3layouts-icons">
<div class="social-icon">
<a href="https://twitter.com/bitssearock" class="social-button twitter"><i class="fa fa-twitter"></i></a>
<a href="https://www.facebook.com/seawavesrock/" class="social-button facebook"><i class="fa fa-facebook"></i></a>
<a href="https://plus.google.com/103711312298434540903" class="social-button google"><i class="fa fa-google-plus"></i></a>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- navigation start here -->
<div class="top-nav">
<span class="menu">Menu</span>
<ul class="w3l">
<li><a class="active" href="index.html"><i aria-hidden="true" class="glyphicon glyphicon-home"></i><span>Home</span></a></li>
<li><a href="cities.html"><i class="glyphicon glyphicon-map-marker"></i><span>Cities</span></a></li>
<li><a href="reg.html"><i class="glyphicon glyphicon-edit"></i><span>Registration</span></a></li>
<li><a href="sponsors.html"><i class="glyphicon glyphicon-bullhorn"></i><span>Sponsors</span></a></li>
<li><a href="contact.html"><i class="glyphicon glyphicon-envelope"></i><span>Contact</span></a></li>
</ul>
<!-- script-for-menu -->
<script>
$( "span.menu" ).click(function() {
$( "ul.w3l" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!-- //script-for-menu -->
</div>
</div>
<!-- navigation end here -->
<!-- banner end here -->
<div class="banner-w3bottom">
<div class="container">
<div class="banner-w3bottom-row">
<div class="col-md-4 col-sm-4 col-xs-4 w3ls-bnrgrids">
<div class="col-md-4 w3ls-bnrgrids-left">
<i class="fa fa-heart" aria-hidden="true"></i>
</div>
<div class="col-md-8 w3ls-bnrgrids-right">
<h4>10+ Cities</h4>
<p>Searock Holds elimination rounds in 10+ cities</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 w3ls-bnrgrids">
<div class="col-md-4 w3ls-bnrgrids-left">
<i class="fa fa-star-half-empty " aria-hidden="true"></i>
</div>
<div class="col-md-8 w3ls-bnrgrids-right">
<h4>12+ Years</h4>
<p>With a golden history Searock is in it's 13th year</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 w3ls-bnrgrids">
<div class="col-md-4 w3ls-bnrgrids-left">
<i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
</div>
<div class="col-md-8 w3ls-bnrgrids-right">
<h4>Awesome Audience</h4>
<p>Searock has seen a turnout of 10,000+ Audience</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //banner end here -->
<!-- welcome -->
<div class="welcome agileits">
<div class="container">
<h2 class="agile-title">Welcome to Searock 2017</h2>
<p>
Searock is an all-India semi-pro band competition hosted as part of the BITS Goa's three-day long cultural festival, "Waves". With performances ready to set fire and make the crowd go wild, the Goan atmosphere is just right to set the adrenaline rushing! In its thirteenth edition, Searock aims to progress further into the underground realm of music in the country with eliminations in nine cities which include Mumbai, Delhi, Bangalore, Kolkata, Ahmedabad, Goa, Chennai , Hyderabad and Kochi. The best of bands to feature in these eliminations will battle it out in the overnight semifinal event to be held in Goa during Waves 2017 for a spot in the final. The finalists will perform the next day at the English Nite of Waves 2017 and their performances will be judged by the yet to revealed headlining Act. The best act of the night will take home the coveted title of "Winners of Searock 2017". With the likes of Zygnema and Family Cheese being amongst the illustrious alumni, Searock has become one of the largest band competitions in India. If you have what it takes to be a true rocker, then this is your place! Let your music breathe life!!
<br>
Searock Team.<br>
Searock 2017.<br>
Where Music breathes Life. </p>
<div class="welcome-agileinfo">
<div class="col-md-6 col-sm-6 col-xs-6 welcome-grids">
<div class="view view-w3-agile">
<img src="images/img1.jpg" alt="" class="img-responsive" />
<div class="agileits-w3layouts-mask">
<h4><a href="cities.html">TimeLine</a></h4>
<p></p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-6 welcome-grids">
<div class="view view-w3-agile">
<img src="images/img2.jpg" alt="" class="img-responsive" />
<div class="agileits-w3layouts-mask">
<h4><a href="sponsors.html">Gallery</a></h4>
<p></p>
</div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //welcome -->
<!-- events -->
<div class="events">
<div class="container">
<h3 class="agile-title">Events</h3>
<div class="events-info">
<div class="col-md-6 event-grids">
<div class="w3layouts-text">
<h4>Coming<span>Soon</span></h4>
<h6><a href="cities.html">Delhi Eliminations</a></h6>
<div class="clearfix"> </div>
</div>
<p>Join us in Delhi in //Venue Name// as bands compete to secure victory</p>
</div>
<div class="col-md-6 event-grids">
<div class="w3layouts-text">
<h4>coming<span>soon</span></h4>
<h6><a href="cities.html">Mumbai Eliminations</a></h6>
<div class="clearfix"> </div>
</div>
<p>Heat is up as Bands compete in the city of dreams</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //events -->
<!--- albums -->
<div class="albums">
<div class="container">
<h3 class="agile-title"></h3>
<div class="col-md-6 w3lsalbums-grid">
<div class="albums1-right">
<div class="wthree-almub wthree-almub2">
</div>
</div>
<div class="albums1-left">
<h4>REGISTRATIONS</h4>
<p>After submiting link to original work 15 Bands will be shortlisted for regional eliminations.</p>
<a class="w3more" href="reg.html"><i class="fa fa-mail-forward" aria-hidden="true"></i> Register Here</a>
</div>
<div class="clearfix"></div>
</div>
<div class="col-md-6 w3lsalbums-grid">
<div class="albums-left">
<div class="wthree-almub">
</div>
</div>
<div class="albums-right">
<h4>City Eliminations</h4>
<p>15 bands will compete in regional eliminations out of which 2 will be shortlisted for Semi-Finals in goa.</p>
<a class="w3more" href="cities.html"><i class="fa fa-mail-forward" aria-hidden="true"></i>More</a>
</div>
<div class="clearfix"></div>
</div>
<div class="col-md-6 w3lsalbums-grid">
<div class="albums1-right">
<div class="wthree-almub wthree-almub4">
</div>
</div>
<div class="albums1-left">
<h4>SEMIFINALS</h4>
<p>Regional winners will battle it down in the semis at Waves'17. 3 bands will be shortlisted for finale.</p>
</div>
<div class="clearfix"></div>
</div>
<div class="col-md-6 w3lsalbums-grid">
<div class="albums-left">
<div class="wthree-almub wthree-almub3">
</div>
</div>
<div class="albums-right">
<h4>FINALE</h4>
<p>TOP 3 bands will open for the headlining act. This round will be judging them for ranking.</p>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
</div>
<!--- //albums -->
<!-- footer start here -->
<div class="agilebg-footer">
<div class="footer">
<div class="container">
<div class="footer-agileinfo">
<div class="col-md-3 col-sm-3 footer-wthree-grid">
<h3>Navigation</h3>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="cities.html">Cities</a></li>
<li><a href="reg.html">Registration</a></li>
<li><a href="sponsors.html">Sponsors</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="col-md-5 col-sm-5 footer-wthree-grid">
<h3>Latest News</h3>
<p>City Eliminations dates to be announced soon</p>
</div>
<div class="col-md-4 col-sm-4 footer-wthree-grid">
<h3>Keep In Touch</h3>
<div class="ftr-icons">
<div class="ftr-iblock">
<span class="glyphicon glyphicon-map-marker"> </span>
</div>
<div class="ftr-text">
<p>BITS Pilani, KK Birla, Goa Campus, Zuarinagar, Goa</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="ftr-icons">
<div class="ftr-iblock">
<span class="glyphicon glyphicon-envelope"> </span>
</div>
<div class="ftr-text">
<p><a href="mailto:searock.waves@gmail.com">searock.waves@gmail.com</a></p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
</div>
<!-- //footer end here -->
<!-- copy rights start here -->
<div class="copy-right">
<div class="container">
<p>© 2017 SeaRock. All Rights Reserved | Designed by <a href="http://prefedge.com/" target="_blank">Aryan Agarwal</a> </p>
</div>
</div>
<!-- //copy right end here -->
<!-- smooth-scrolling-of-move-up -->
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<!-- //smooth-scrolling-of-move-up -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/bootstrap.js"></script>
</body>
</html>