-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathabout.html
245 lines (199 loc) · 10.8 KB
/
about.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
<!DOCTYPE html>
<html>
<title>About us</title>
<link rel="shortcut icon" href="assets/img/b.png" >
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/lib.css">
<link rel="stylesheet" href="css/fontana.css">
<link rel="stylesheet" href="css/font.css">
<style>
body {font-family: "Lato", sans-serif}
.mySlides {display: none}
</style>
<script src="http://maps.google.com/maps/api/js?key=AIzaSyBRi9fCSzyi2KF_ZIVmNd5Hwpa6Ztd5WTY"
type="text/javascript"></script>
<script src="js/ticketsSelection.js" type="text/javascript"> </script>
<body>
<!-- Navbar -->
<div class="w3-top">
<ul class="w3-navbar w3-black w3-card-2 w3-left-align">
<li class="w3-hide-medium w3-hide-large w3-opennav w3-right">
<li><a href="index.html" class="w3-hover-none w3-hover-text-grey w3-padding-large"><img src="assets/img/b.png" height="40px" width="40px"</img></a></li>
<li class="w3-hide-small w3-dropdown-hover"><a href="organizers.html" class="w3-padding-large">CAST</i> </a>
</li>
<li class="w3-hide-small"><a href="about.html" class="w3-padding-large">ABOUT US</a></li>
<li class="w3-hide-small"><a href="contact.html" class="w3-padding-large">CONTACT US</a></li>
<li class="w3-hide-small w3-dropdown-hover">
<li class="w3-hide-small"><a href="projects.html" class="w3-padding-large">PROJECTS</a></li>
<li class="w3-hide-small"><a href="buytickets.html" class="w3-padding-large">TICKETS</a></li>
</ul>
</div>
<!-- Navbar on small screens -->
<div id="navDemo" class="w3-hide w3-hide-large w3-hide-medium w3-top" style="margin-top:46px">
<ul class="w3-navbar w3-left-align w3-black">
<li><a class="w3-padding-large" href="band.html">HOME</a></li>
<li><a class="w3-padding-large" href="tour.html">CAST</a></li>
<li><a class="w3-padding-large" href="contact.html">ABOUT US</a></li>
<li><a class="w3-padding-large" href="contact.html">CONTACT US</a></li>
</ul>
</div>
<!-- Page content -->
<div class="w3-content" style="max-width:2000px;margin-top:46px">
<!-- the big img in the beginning -->
<div class="mySlides w3-display-container w3-center">
<!--<img src="assets/img/aboutus1.jpg" style="width:100%; ">-->
<div class="w3-display-bottommiddle w3-container w3-text-white w3-padding-32 w3-hide-small">
<h1>WE ARE:<h1>
</div>
</div>
<!-- The Band Section -->
<div class="w3-container w3-content w3-center w3-padding-32" style="max-width:800px" id="band">
<h2 class="w3-wide">Broadway Performance club</h2>
<p class="w3-justify">The Broadway Performance Club was established in 2007 by a group of students who are passionate about musical theatre. Every year a new show is being produced at AUBG. The work starts in the beginning of the school year up until the premiere in early Spring. The weekly schedule includes more than 18 hours of dancing, acting and singing rehearsals. The cast consists of around 30 people from various nationalities with little or extensive experience in the performing arts, but who are all excited to be a part of something special. Each musical is organized entirely by students - the music, directing and choreographing of the show. Students are also the ones finding sponsors, planning out the tour and doing promotion on various platforms.
With their nine projects since 2008 they were able to attract more than 40,000 spectators, and their events were covered by some of Bulgaria's biggest media. Working with famous companies that provide copyright for theatrical musicals, they became the first amateur troupe in the world to present "Hairspray" and "Memphis" on stage. They were among the first in Europe to receive the right to stage "Chicago." In 2012 they performed the musical "Grease" in Bulgaria's biggest hall in the National Palace of Culture in Sofia. And ever since 2011 all of Their performances are accompanied by a life orchestra.
Thanks to the unique experience that they give to their public, they have created numerous fans not only in Bulgaria but also in Europe and America. In the last three years they were sponsored by the American Embassy in Bulgaria and a numerous big companies such as Ernst and Young, Deloitte, Schwarzkopf, Telerik and many more.
</p>
<div class="w3-row w3-padding-16">
<div class="w3-third w3-display" style="margin-right:190px; margin-left:20px;">
<h4> <a target=\"_blank\" href="assets/documents/doc1.pdf" title="A short history" class="w3-round w3-margin-bottom" alt="A short history" style="width:60%">A short history </a></h4>
</div>
<div class="w3-third">
<h4> <a target=\"_blank\" href="assets/documents/doc2.pdf" title="Certificate" class="w3-round w3-margin-bottom" alt="A short history" style="width:60%">Certificate </a></h4>
</div>
</div>
</div>
< <!-- The Tour Section -->
<div class="w3-black" id="tour">
<div class="w3-container w3-content w3-padding-20" style="max-width:800px">
<h2 class="w3-wide w3-center">Rock of Ages Tour Dates 2017</h2>
<p class="w3-opacity w3-center"><i>You can buy your tickets using the links below!</i></p><br>
<div class="w3-row-padding " style="margin:0 -20px; width:100%">
<div class="w3-third w3-margin-bottom">
<img src="assets/img/blago.jpg" alt="Blagoevgrad" style="width:100%" class="w3-hover-opacity">
<div class="w3-container w3-white">
<p><b>Blagoevgrad</b></p>
<p> Dr. Carl Djerasai Theater Hall </p>
<p>
<form name ="ticketsBlagoForm" action="">
<input type="radio" name="blago" onclick ="ReplaceLinkBlago();" value="tuesday"> 21.03.2017 <span style ="padding-left:3em" > 7:30 p.m.</span> <br>
<input type="radio" name="blago" onclick ="ReplaceLinkBlago();" value="wednesday"> 22.03.2017 <span style ="padding-left:3em" > 7.30 p.m. </span> <br>
<input type="radio" name="blago" onclick ="ReplaceLinkBlago();" value="thursday"> 23.03.2017 <span style ="padding-left:3em" > 7.30 p.m. </span> <br>
<input type="radio" name="blago" onclick ="ReplaceLinkBlago();" value="friday"> 24.03.2017 <span style ="padding-left:3em" > 8.00 p.m. </span> <br>
</form>
</p>
<button id="BlagoButton" class="w3-margin-bottom" > Buy Now </button>
</div>
</div>
<div class="w3-third w3-margin-bottom">
<img src="assets/img/sofia.jpeg" alt="Sofia" style="width:100%" class="w3-hover-opacity">
<div class="w3-container w3-white">
<p><b>Sofia</b></p>
<p> Bulgarian Army Theater </p>
<p>
<form action="">
<input type="radio" name="sofia" value="earlySofia" onclick ="ReplaceLinkSofia();"> 26.03.2017 <span style ="padding-left:3em" > 5:00 p.m.</span> <br>
<input type="radio" name="sofia" value="lateSofia" onclick ="ReplaceLinkSofia();"> 26.03.2017 <span style ="padding-left:3em" > 8.30 p.m. </span> <br>
</form>
</p>
</br>
</br>
<button id="sofiaButton" class="w3-margin-bottom" > Buy Now </button>
</div>
</div>
<div class="w3-third w3-margin-bottom" >
<img src="assets/img/varnaa.jpeg" alt="Varna" style="width:100%" class="w3-hover-opacity">
<div class="w3-container w3-white">
<p><b>Varna</b></p>
<p> Opera House </p>
<p>28.03.2017 <span style ="padding-left:4em" >7:00 p.m.</span> <br><br><br><br> </p>
<button class="w3-margin-bottom" onclick="Varna();" > Buy Now</button>
</div>
</div>
<div class="w3-third w3-margin-bottom" style="margin-right:4px; margin-left:150px;">
<img src="assets/img/ruse.jpg" alt="Ruse" style="width:100%" class="w3-hover-opacity">
<div class="w3-container w3-white">
<p><b>Ruse</b></p>
<p> Dohodno Zdanie </p>
<p>30.03.2017 <span style ="padding-left:4em" >7:00 p.m. </span> </p>
<button class="w3-margin-bottom" onclick="Ruse();" > Buy Now </button>
</div>
</div>
<div class="w3-third w3-margin-bottom" >
<img src="assets/img/plovdiv.jpg" alt="Plovdiv" style="width:100%; height:131px;" class="w3-hover-opacity">
<div class="w3-container w3-white " >
<p><b> Plovdiv </b></p>
<p> House of Culture </p>
<p> 01.04.2017 <span style ="padding-left:4em" >7:00 p.m. </span> </p>
<button class="w3-margin-bottom" onclick="Plovdiv();" > Buy Now </button>
</div>
</div>
</div>
</div>
</div>
<!-- Add Google Maps -->
<div id="map" style="width: 100%; height: 400px;"></div>
<script type="text/javascript">
var locations = [
['Blagoevgrad 21.03.2017 - 24.03.2017', 42.016380, 23.109741, 4],
['Sofia 26.03.2017 ', 42.686339, 23.321228, 5],
['Varna 28.03.2017', 43.209046, 27.913513, 3],
['Ruse 30.03.2017', 43.842319, 25.968933, 2],
['Plovediv 01.04.2017', 42.138697, 24.746704, 1]
];
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 7,
center: new google.maps.LatLng(42.92, 25.25),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var infowindow = new google.maps.InfoWindow();
var marker, i;
for (i = 0; i < locations.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
map: map
});
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(locations[i][0]);
infowindow.open(map, marker);
}
})(marker, i));
}
</script>
<script>
// Automatic Slideshow - change image every 4 seconds
var myIndex = 0;
carousel();
function carousel() {
var i;
var x = document.getElementsByClassName("mySlides");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
myIndex++;
if (myIndex > x.length) {myIndex = 1}
x[myIndex-1].style.display = "block";
setTimeout(carousel, 4000);
}
// Used to toggle the menu on small screens when clicking on the menu button
function myFunction() {
var x = document.getElementById("navDemo");
if (x.className.indexOf("w3-show") == -1) {
x.className += " w3-show";
} else {
x.className = x.className.replace(" w3-show", "");
}
}
// When the user clicks anywhere outside of the modal, close it
var modal = document.getElementById('ticketModal');
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
</script>
<footer class="w3-container w3-padding-64 w3-center w3-light-grey w3-xlarge">
<p class="w3-medium"> Broadway Performance Club</p>
</footer>
</body>
</html>