-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
193 lines (176 loc) · 8.02 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
<!-- -------------------
Rocktaves | Oasis - 2012
-------------------- -->
<!DOCTYPE html>
<html>
<head>
<title> Rocktaves | Oasis - 2012</title>
<!-- CSS File Link for Formatting HTML Document. -->
<link type = "text/css" rel = "stylesheet" href = "formatting.css">
<!-- JS File for jQuery. -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type = "text/javascript" src = "jQuery.js"></script>
<script type = "text/javascript" src = "tinyscrollbar.js"></script>
<!-- Script for Animating Content Holder Elements -->
<script type = "text/javascript" src ="showContentHolder.js"></script>
<link rel = "favicon" href = "./favicon.ico" />
<!-- Stylesheet CSS Code for Scrollbar. -->
<style>
/*!
* jQuery uScrollbar
* http://www.class.pm/projects/jquery
*
* Copyright 2011 - 2012 Class.PM www.class.pm
* Written by Marius Stanciu - Sergiu <[email protected]>
* Licensed under the GPL Version 3 license.
* Version 1.0.0
*
*/
.scrollbar-path-vertical, .scrollbar-path-horizontal {
position: absolute;
background-color: #eee;
background-color: rgba(220,220,220,0.5);
z-index: 100;
}
.scrollbar-path-horizontal {
bottom: 5px;
left: 0;
width: 100%;
height: 10px;
}
.scrollbar-path-vertical {
right: 5px;
top: 0;
height: 100%;
width: 10px;
}
.scrollbar-path-vertical {
box-shadow: inset 1px 0px 1 rgba(0,0,0,0.1);
-moz-box-shadow: inset 1px 0px 1 rgba(0,0,0,0.1);
-webkit-box-shadow: inset 1px 0px 0 rgba(0,0,0,0.1);
}
.scrollbar-path-horizontal {
box-shadow: inset 0px 1px 1 rgba(0,0,0,0.1);
-moz-box-shadow: inset 0px 1px 1 rgba(0,0,0,0.1);
-webkit-box-shadow: inset 0px 1px 0 rgba(0,0,0,0.1);
}
.scrollbar-handle{
position: relative;
top: 0;
left: 0;
background-color: #58eebc;
}
.scrollbar-path-vertical .scrollbar-handle {
height: 20%;
width: 100%;
}
.scrollbar-path-horizontal .scrollbar-handle {
width: 20%;
height: 100%;
}
.scrollbar-path-vertical, .scrollbar-path-horizontal, .scrollbar-handle {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.sample
{
margin:35px 40px;
width:550px;
height:285px;
overflow:hidden;
position:relative;
text-align:justify;
padding:0 10px;
display: block;
font-family: "Tahoma", "Verdana";
overflow:auto;
}
</style>
</head>
<!-- Body Begins -->
<body onLoad = "showContentHolder('about')">
<!-- Wrapper Begins -->
<div class = "wrapper">
<div class = "titleBar">
<a href = "http://universe.bits-pilani.ac.in" target = "_blank"><img src = "./images/bannerBitsPilaniLogo.png" id = "bitsPilaniLogo"></a>
<font color = "white" size = "6">&</font>
<a href = "http://www.rocktaves.com" target = "_blank"><img src = "./images/bannerSponsorLogo.png" id = "sponsorLogo"></a>
<a href = "#"><h1 id = "titleBanner">ROCKTAVES</h1></a>
</div>
<div class = "clearDiv"></div>
<nav class = "navColumn">
<ul class = "navBarList" type = "none">
<a href = "#contentHolderAbout" id = "navElementAbout"><li>About</li></a><br />
<a href = "#contentHolderRules" id = "navElementUnplugged"><li>Rocktaves: Unplugged</li></a><br />
<a href = "#contentHolderParticipate" id = "navElementAxetacy"><li id =>Rocktaves: Axetacy</li></a><br />
<a href = "#contentHolderRocktavesCOM" id = "navElementRocktavesCOM"><li id =>Rocktaves.com</li></a><br />
<a href = "http://www.bits-oasis.org/2012/" target = "_blank"><li id = "navElementOasis2012">Oasis 2012</li></a>
</ul>
</nav>
<!-- Content Comlumn Division Begins -->
<div class = "contentHolderColumn">
<div id = "contentHolderAbout">
<h3>About</h3>
<p>
Rocktaves is the annual semi-professional rock festival of BITS Pilani. It is without a doubt one of the most prestigious rock competitions in India. Rocktaves is a major event of the cultural festival Oasis, which also includes other musical events such as the solo guitar contest called "Rocktaves: Axetacy", and the acoustic unplugged event called "Rocktaves: Unplugged".<br /><br />
For decades, Rocktaves has strived towards excellence, pioneering and redefining the fairly young and volatile Indian rock scene. Rocktaves is, in fact, responsible for launching some of the biggest names in the Indian rock scene today; Parikrama, Prestorika, Them Clones, The Superfuzz and Euphoria are just some of the footnotes in this epic musical odyssey.<br /><br />
<b><em>This year's total prize money is valued at 1.8 lakhs in cash!</em></b><br /><br />
The event will also be livestreamed, via Rocktaves.com!
</p>
</div>
<div id = "contentHolderUnplugged">
<h3>Rocktaves: Unplugged</h3>
<p>For those of you who prefer their music served chill; Rocktaves: Unplugged is a music competition with an acoustic twist – no distortion, just pure music.</p>
<p>This is a competitive event targeted at semi-professional musicians. Participants will play acoustic versions of English songs.</p>
<h4>REGISTRATION</h4>
Registration is on-spot.
<h4>RULES</h4>
<ul type = "disc">
<li>Participants will play acoustic versions of English songs.
<li>The participants will be provided with a drum kit. They should bring their own guitars.
<li>All songs played must have instrumental accompaniment.
<li>The number of participants per group should not exceed 5.
<li>The number of songs per group should not exceed 4.
<li>The decision of the judge will be final and binding.
</ul>
<h4>CONTACT</h4>
For further Details:<br />
Sachin Iyer: 7891987224
</div>
<div id = "contentHolderAxetacy">
<h3>Rocktaves: Axetacy</h3>
<p>Rocktaves: Axetacy is a showcase of guitaring prowess. Show off your inner Vai, Page, or McKee in an attempt to wow both the adoring crowd and the discerning judges. On-the-spot registration.</p>
<p>Rocktaves: Axetacy is a solo guitar competition for both acoustic and electric guitarists.</p>
<h4>REGISTRATION</h4>
Registration is on-spot.
<h4>RULES</h4>
<ul type = "disc">
<li>Preliminary participants will not have more than 10 minutes each on stage, including tuning and sound check, etc. There is no restriction on the number of songs they can play.
<li>A basic sound setup will be provided. Participants are required to get their own guitars and patches/pedals/processors for the event. However if a guitar can be provided to a participant on the spot, it will be.
<li>Backing tracks are permitted in the preliminary stage, though not in the final round.
<li>A professional judge will be present.
<li>The decision of the judge and the organisers will be final and absolutely binding.
</ul>
<h4>CONTACT</h4>
Abinandh<br />
+919784760713
</div>
<div id = "contentHolderRocktavesCOM">
<a href = "http://www.rocktaves.com" target = "_blank"><h3>Rocktaves.com</h3></a>
<p>This year’s edition of Rocktaves is proud to announce its association with Rocktaves.com!</p>
<a href = "http://www.rocktaves.com" target = "_blank"><img src = "./images/sponsorLogo.png" align = "right"></a>
<p>Ever missed a concert because you lived too far away? Ever wanted to support an act, but couldn't make the trip? </p>
<p>Witness a new form of music-listening, with Rocktaves.com. With the ability to live-stream music, and upcoming features including gig-locators and direct-donations to bands, Rocktaves.com will provide a new way to push the boundaries of how new music is promoted.</p>
<p><b><a href = "http://www.rocktaves.com">Rocktaves.com</a></b> : A new way to experience music.</p>
<p><em><b>For the first time ever, this year’s Rocktaves will be streamed live via Rocktaves.com!</b></em></p>
</div>
</div>
<!-- Content Column Division Ends -->
<div class = "clearDiv"></div>
</div>
<!-- Wrapper Ends -->
</body>
<!-- Body Ends -->
</html>
<!-- Page Ends Here -->