-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsingle-film.html
113 lines (105 loc) · 5.01 KB
/
single-film.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
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Single Film | Rotating Planet</title>
<link rel="stylesheet" href="stylesheets/app.css" />
<script src="bower_components/modernizr/modernizr.js"></script>
</head>
<body>
<div class="contain-to-grid fixed">
<nav class="top-bar" data-topbar>
<ul class="title-area">
<li class="name">
<h1><a href="index.html">Rotating Planet</a></h1>
</li>
<li class="toggle-topbar menu-icon"><a href="#">Menu</a></li>
</ul>
<section class="top-bar-section">
<ul class="right">
<li><a href="index.html">Home</a></li>
<li class="active"><a href="#">Films</a></li>
<li><a href="about.html">About</a></li>
<li><a href="blog.html">News</a></li>
</ul>
</section>
</nav>
</div>
<!-- End Header and Nav -->
<div class="row"><br /></div>
<!-- First Band (Film) -->
<div class="row">
<div class="large-10 large-centered columns"><div class="flex-video widescreen vimeo">
<iframe src="//player.vimeo.com/video/87445293?title=0&byline=0&portrait=0&color=ffffff" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
</div>
</div>
<div class="row"><br /></div>
<!-- Second Band (info) -->
<div class="row">
<div class="large-8 columns">
<h1>Single Film</h1>
<p>Every three years, talented musicians from across the country come together for one intense competition. The prize? Getting their hands on the world’s most historically significant violins and cellos valued at over US $27 million. The Instrument Bank follows the country’s most gifted violinists and cellists over the course of the 2009 audition process for this ultimate prize. Throughout the journey, past winners will demonstrate the awe-inspiring experience of using these exquisite instruments. The film culminates at Toronto’s prestigious Glenn Gould Recording Studios.</p>
</div>
<div class="large-4 columns">
<h5>Filed Under:</h5>
<p>Art</p>
<h5>Links:</h5>
<ul>
<li><a href="#">Trailer</a></li>
<li><a href="#">Official site</a></li>
<li><a href="#">On IMDB</a></li>
</ul>
</div>
</div>
<hr />
<div class="row">
<div class="large-12 columns">
<h3>Other recent films:</h3></div>
<div class="large-3 columns">
<a href="single-film.html"><img src="http://placehold.it/400x300&text=[img]" /></a>
<h4>This is a recent film</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div class="large-3 columns">
<a href="single-film.html"><img src="http://placehold.it/400x300&text=[img]" /></a>
<h4>This is a recent film</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div class="large-3 columns">
<a href="single-film.html"><img src="http://placehold.it/400x300&text=[img]" /></a>
<h4>This is a recent film</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div class="large-3 columns">
<a href="single-film.html"><img src="http://placehold.it/400x300&text=[img]" /></a>
<h4>This is a recent film</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</div>
<!-- Footer -->
<div class="full-width colorone">
<footer class="row">
<br />
<div class="large-12 columns">
<div class="row">
<div class="large-6 columns">
<p>© Rotating Planet 2014</p>
</div>
<div class="large-6 columns">
<ul class="inline-list right">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
</ul>
</div>
</div>
</div>
</footer>
</div>
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/foundation/js/foundation.min.js"></script>
<script src="js/app.js"></script>
</body>
</html>