-
Notifications
You must be signed in to change notification settings - Fork 0
/
music.html
117 lines (114 loc) · 4.98 KB
/
music.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bangarang Films</title>
<link href="https://fonts.googleapis.com/css?family=BenchNine:400,700" rel="stylesheet" type="text/css" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="src/less/styles.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<!-- bars in toggle button -->
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><span class="text-logo"></span></a>
</div> <!-- .navbar-header -->
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right text-center">
<li><a href="who_we_are.html">WHO WE ARE</a></li>
<li><a href="what_we_do.html">WHAT WE DO</a></li>
<li><a href="our_work.html">OUR WORK</a></li>
<li><a href="contact.html">CONTACT</a></li>
<li class="social">
<a href="http://facebook.com/bangarangfilms" target="_blank">
<i class="fa fa-spacebook"></i>
</a>
<a href="http://twitter.com/bangarangfilms" target="_blank">
<i class="fa fa-tweeter"></i>
</a>
<a href="http://youtube.com/bangarangfilms" target="_blank">
<i class="fa fa-utuuuubeeee"></i>
</a>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div class="blue-stripe stripe"></div>
<div class="green-stripe stripe"></div>
<div class="container-fluid animated fadeIn">
<div class="title text-center">
<h1><span class="text-secondary">MUSIC </span></h1>
</div>
<div class="main_blurb">
<h4>
An amazing music video or live performance can now reach millions of people in a matter of hours. Kick-start your career with a visually stunning film that will perfectly complement your music and separate your band from the pretenders. We work in all genres of music and love collaborating with artists to realize their vision. We know you have the skills to make it, sometimes you just need a spark.
</h4>
</div>
<div class="row">
<div class="video_info_pane">
<div class="embed-responsive embed-responsive-16by9" id="video_window">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/2wdTTmL6CA4" allowfullscreen></iframe>
</div>
</div>
<div class="video_list">
<ul>
<li class="video_link active" data-video="illusory">
<a href="#">Illusory</a>
</li>
<li class="video_link link_blue" data-video="nikes">
<a href="#">Nikes</a>
</li>
<li class="video_link" data-video="911">
<a href="#">911‎ Emergency</a>
</li>
<li class="video_link link_blue" data-video="nothing">
<a href="#">Nothing Permanent</a>
</li>
<li class="video_link " data-video="jennah">
<a href="#">Jennah Bell LIVE</a>
</li>
<li class="video_link link_blue" data-video="look_alive">
<a href="#">Look Alive</a>
</li>
<li class="video_link" data-video="yellow_woman">
<a href="#">Yellow Woman </a>
</li>
<li class="video_link link_blue" data-video="high_hoipes">
<a href="#">High Hopes</a>
</li>
</ul>
</div>
<div class="col-sm-2"></div>
</div>
<div class="row" id="details_window">
<div class="video_details" data-count="0">
<h2 class="text-primary">Illusory</h2>
<h3>
The official music video for 'Illusory' by Billy Dodge. Shot on the RED Scarlet in Westport, MA.
</h3>
</div>
</div>
</div> <!-- container -->
<div class="footer text-center">
<h4>VIDEO PRODUCTION IN BOSTON, MA</h4>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<script src="js/video_categories.js" type="text/javascript"></script>
</body>
</html>