-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
149 lines (128 loc) · 6.88 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
<!DOCTYPE html>
<html class='no-js' lang='en'>
<!--<![endif]-->
<head>
<meta charset='utf-8' />
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,100italic,300italic,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible' />
<meta title="keywords" content="dhoom, terrapind, bhangra, raas, mayuri, moksha, masti, entouraas, anokha, umd, university of maryland, maryland, acapella, a cappella, south asian, fusion, music, singing">
<meta title="description" content="Anokha, University of Maryland's South-Asian Fusion A Cappella Team.">
<title>Anokha - University of Maryland's South Asian Acappella Group</title>
<link rel="stylesheet" href="lib/css/jquery.maximage.css?v=1.2" type="text/css" media="screen" charset="utf-8" />
<link rel="stylesheet" href="lib/css/screen.css?v=1.2" type="text/css" media="screen" charset="utf-8" />
<link href="lib/css/bootstrap.css" rel="stylesheet">
<link href="lib/css/bootstrap-responsive.css" rel="stylesheet">
<link href="lib/css/docs.css" rel="stylesheet">
<link href="lib/css/animate-custom.css" rel="stylesheet">
</head>
<body data-spy="scroll" data-target=".bs-docs-sidebar">
<div class="jumbotron">
<p><img href = "#" class = "animated pulse" src="lib/images/logobanner.png" height=300 width=800></br></br></p>
<h1>ANOKHA</h1><br>
<p>University of Maryland's South Asian Acappella Group</p>
</div>
<ul id="navigation">
<li class="home"><a href="#" title="Home"><img src="lib/images/hometab.png"></a></li>
<li class="about"><a href="story.html" title="Our Story"><img src="lib/images/storytab.png"></a></li>
<li class="events"><a href = "performances.html" title="Upcoming Events"><img src="lib/images/eventtab.png"></a></li>
<li class="videos"><a href ="videos.html" title="Videos"><img src="lib/images/videotab.png"></a></li>
<li class="members"><a href="members.html"title="Members"><img src="lib/images/membertab.png"></a></li>
<li class="contact"><a href = "#myModal" data-toggle="modal" title="Contact Us"><img src="lib/images/contacttab.png"></a></li>
</ul>
<div id="maximage">
<img src="lib/images/uncharted/p4.jpg" alt="" width="1400" height="1050" />
<img src="lib/images/uncharted/p7.jpg" alt="" width="1400" height="1050" />
<img src="lib/images/uncharted/p2.jpg" alt="" width="1400" height="1050" />
<img src="lib/images/uncharted/p5.jpg" alt="" width="2048" height="1536" />
<img src="lib/images/uncharted/p1.jpg" alt="" width="2048" height="1536" />
<img src="lib/images/uncharted/p3.jpg" alt="" width="2048" height="1536" />
<img src="lib/images/uncharted/p6.jpg" alt="" width="2048" height="1536" />
</div>
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">Contact Us</h3>
</div>
<div class="modal-body"><br>
Send us a message and we'll get back to you as soon as possible!
</div>
<div class="modal-body">
<!-- Do not change the code! -->
<a id="foxyform_embed_link_434343" href="http://www.foxyform.com/"></a>
<script type="text/javascript">
(function(d, t){
var g = d.createElement(t),
s = d.getElementsByTagName(t)[0];
g.src = "http://www.foxyform.com/js.php?id=434343&sec_hash=df42db28844&width=350px";
s.parentNode.insertBefore(g, s);
}(document, "script"));
</script>
<!-- Do not change the code! -->
</div>
</div>
<!-- ============================== Footer ============================== -->
<footer class="footer">
<div class="container">
<div class="span5">
<h1>Welcome! </h1></br>
<p>Welcome to our newly redesigned website! We are Anokha, the University of Maryland's Co-ed South-Asian Acappella Team. We blend together Eastern and Western elements to create a unique sound using only our voices.</p>
</div>
<div class="span5 offset1">
<h1>Check Us Out:</h1></br>
<p>
E-mail: <a href="mailto:anokha.umd@gmail.com">anokha.umd@gmail.com</a><br>
Facebook: <a href="http://www.facebook.com/AnokhaUMD">http://www.facebook.com/AnokhaUMD</a><br>
Youtube: <a href="http://www.youtube.com/user/AnokhaUMD">http://www.youtube.com/user/AnokhaUMD<br>
</p>
</div>
</div>
</footer>
<!-- SCRIPTS AND STUFF -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="lib/js/jquery.cycle.all.js" type="text/javascript" charset="utf-8"></script>
<script src="lib/js/jquery.maximage.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
$(function(){
// Trigger maximage
jQuery('#maximage').maximage();
});
</script>
<!-- TODO: Facebook Like Button At Bottom -->
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<script src="bower_components/bootstrap/js/bootstrap-transition.js"></script>
<script src="bower_components/bootstrap/js/bootstrap-alert.js"></script>
<script src="bower_components/bootstrap/js/bootstrap-modal.js"></script>
<script src="bower_components/bootstrap/js/bootstrap-dropdown.js"></script>
<script src="bower_components/bootstrap/js/bootstrap-scrollspy.js"></script>
<script src="bower_components/bootstrap/js/bootstrap-tab.js"></script>
<script src="bower_components/bootstrap/js/bootstrap-tooltip.js"></script>
<script src="bower_components/bootstrap/js/bootstrap-popover.js"></script>
<script src="bower_components/bootstrap/js/bootstrap-button.js"></script>
<script src="bower_components/bootstrap/js/bootstrap-collapse.js"></script>
<script src="bower_components/bootstrap/js/bootstrap-carousel.js"></script>
<script src="bower_components/bootstrap/js/bootstrap-typeahead.js"></script>
<script src="bower_components/bootstrap/js/bootstrap-affix.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-30702122-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
$(function() {
$('#navigation a').stop().animate({'marginLeft':'-285px'},1000);
$('#navigation > li').hover(
function () {
$('a',$(this)).stop().animate({'marginLeft':'-1px'},200);
},
function () {
$('a',$(this)).stop().animate({'marginLeft':'-285px'},200);
}
);
});
</script>
</body>
</html>