-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
148 lines (126 loc) · 6.64 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
<!doctype html>
<html>
<head>
<meta charset="utf-8" lang="en">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, user-scalable=no">
<title> B.E.A.M. - Browne Entertainment Arts and Media</title>
<link rel="stylesheet" type="text/css" href="css/html5doctor-reset-stylesheet.min.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<!-- ::CSS STYLES:: -->
<link rel="stylesheet" type="text/css" href="css/jquery-ui.min.css">
<link rel="stylesheet" type="text/css" href="css/jquery.maximage.min.css"><!-- ::SCRIPT TAGS:: -->
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/jquery.cycle.all.min.js"></script>
<script src="js/jquery.maximage.min.js"></script>
</head>
<body>
<div>
<!--Js Background Slide show code provided by MaxImage2.
Documentation can be found at:
http://blog.aaronvanderzwan.com/2012/07/maximage-2-0/
Full demo can be found at:
http://www.aaronvanderzwan.com/maximage/2.0/
-->
<div id="maximage">
<img src="img/billboards/2.JPG">
<img src="img/billboards/3.JPG">
<img src="img/billboards/5.JPG">
<img src="img/billboards/6.JPG">
</div>
<nav class="topnav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="ourstory.html">Our Story</a></li>
<li> <a href="contact.html">Contact Us</a></li>
</ul>
</nav><!---End of Top navigation --->
<div>
<nav class="main-nav">
<ul>
<div id="brand_1"><li ><a href="#"><span id="bal">Balance</span></a></li></div>
<div id="brand_2"><li ><a href="#"><span id="tac">BEAM Theatre Arts Company</span></a></li></div>
<div id="brand_3"><li ><a href="#"><span id="pac">The Performing Arts Center</span></a></li></div>
<div id="brand_4"><li><a href="#"><span id="bb">Browne Boulevard</span></a></li></div>
<div id="brand_5"><li ><a href="#"><span id="cp">Channe Photography</span></a></li></div>
<div id="brand_6"><li ><a href="#"><span id="df">Dance Factory</span></a></li></div>
<div id="brand_7"><li ><a href="#"><span id="itmba">International Talent</span></a></li></div>
<div id="brand_8"><li ><a href="#"><span id="tai">All Stars Initiative</span></a></li></div>
<div id="brand_9"><li ><a href="#"><span id="tpaasj">All-Stars Jamaica</span></a></li></div>
</ul>
</nav>
</div><!---End of Main Site Navigation div--->
<!-- JQUERY UI USER NOTIFICATIONS FOR SITES SILL IN DEVELOPMENT-->
<!--Jquery UI Alerts For In Development Websites:
--------------------------------------------
<div id="b_1-dialog" title="BALANCE">
Oh, Hi There... Please excuse me for not going anywhere, Balance is still currently under construction!
</div>
<div id="b_2-dialog" title="B.E.A.M. THEATRE ARTS COMPANY">
Oh, Hi There... Please excuse me for not going anywhere, B.E.A.M. Theatre Arts Company is still currently under construction!
</div>
<div id="b_3-dialog" title="B.E.A.M. PERFORMING ARTS CENTER">
Oh, Hi There... Please excuse me for not going anywhere, B.E.A.M. T Performing Arts Center is still currently under construction!
</div>
<div id="b_4-dialog" title="BROWNE BOULEVARD">
Oh, Hi There... Please excuse me for not going anywhere, Browne Boulevard is still currently under construction!
</div>
<div id="b_5-dialog" title="CHANNE PHOTOGRAPHY">
Oh, Hi There... Please excuse me for not going anywhere, Channe Photography is still currently under construction!
</div>
<div id="b_6-dialog" title="DANCE FACTORY">
Oh, Hi There... Please excuse me for not going anywhere, Dance Factory is still currently under construction!
</div>
<div id="b_7-dialog" title="INTL. TALENT MGMNT. AND BOOKING AGENCY">
Oh, Hi There... Please excuse me for not going anywhere, Intl. Talent Mgmnt. And Booking Agency is still currently under construction!
</div>
<div id="b_8-dialog" title="THE ALL STARS INITIATIVE">
Oh, Hi There... Please excuse me for not going anywhere, The All Stars Initiative is still currently under construction!
</div>
<div id="b_9-dialog" title="THE PERFORMING ARTS ALL-STARS OF JAMAICA">
Oh, Hi There... Please excuse me for not going anywhere, The Performing Arts All-Stars Of Jamaica is still currently under construction!
</div>
--------------------------------------------
End of Jquery UI Alerts For In Development Websites: -->
<!-- JQUERY UI USER NOTIFICATIONS FOR SITES SILL IN DEVELOPMENT-->
<section class="foot-cat-sect-1">
<hr>
<h5>Performance & Programs</h5><br>
<p><a href="#">BEAM Theatre Arts Company </a></p><br>
<p><a href="#">All-Stars Jamaica </a></p><br>
<p><a href="#">The Performing Arts Centre</a></p><br>
<p><a href="#">Dance Factory</a></p><br>
<p><a href="#">Balance </a></p>
</section>
<section class="foot-cat-sect-2">
<hr>
<h5>Media & Arts</h5><br>
<p><a href="#">Browne Boulevard</a></p><br>
<p><a href="#">Channe Photography</a></p><br>
<p><a href="#">International Talent</a></p><br>
</section>
<section class="foot-cat-sect-3">
<hr>
<h5>Charities</h5><br>
<p><a href="#">The All-Stars Initiative</a></p><br>
</section>
<section id="socialmedia">
<ul>
<li id="facebook"><a href="https://www.facebook.com/BEAMJAMAICA" target="_blank"><img src="img/socialmediaIcons/fb-icon-24px.png" alt="like B.E.A.M. on facebook" /></a></li>
<li id="twitter"><a href="https://twitter.com/beamjamaica" target="_blank"><img src="img/socialmediaIcons/twitter-icon-24px.PNG" alt="follow B.E.A.M. on twitter" /></a></li>
<li id="youtube"><a href="https://www.youtube.com/channel/UC-CcNe7ydxJ9DuLK5KWuQjw/feed" target="_blank"><img src="img/socialmediaIcons/youtube-icon-24px.PNG" alt="subscribe to the B.E.A.M. channel on youtube" /></a></li>
<li id="instagram"><a href="http://instagram.com/beamjamaica" target="_blank"><img src="img/socialmediaIcons/instagram-icon-24px.PNG" alt="B.E.A.M. on instagram" /></a></li>
</ul>
</section><!--- End of SocialMedia -->
<div id="circle"></div> <!--End of Nav Circle -->
<div id="beam_brand_img"><img src="img/BEAM_White.png" alt="Browne Entertainment Arts and Media " width="210px" height="150px"/></div>
<!--Browne Entertainment Arts and Media:(B.E.A.M) COMPANY STORY -->
</div> <!---End of Site Container --->
<script src="js/modernizer.js"></script>
<script src="js/mainNavHighlights.js"></script>
<script src="js/slideShow.js"></script>
<script src="js/jquery-ui.min.js"></script>
<!--<script src="js/dialog.js"></script> -->
<script src="js/notice.js"></script>
</body>
</html>