-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsingle-post.html
97 lines (90 loc) · 5.21 KB
/
single-post.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
<!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 Post | 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><a href="browse-films.html">Films</a></li>
<li><a href="about.html">About</a></li>
<li class="active"><a href="blog.html">News</a></li>
</ul>
</section>
</nav>
</div>
<!-- End Header and Nav -->
<div class="row"><br /></div>
<!-- Second Band (info) -->
<div class="row">
<div class="large-12 columns">
<h1>Single Blog Post</h1>
<img src="http://placehold.it/400x250&text=[The Image]" class="right"/>
<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>
<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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
<hr />
<div class="row">
<div class="large-12 columns"><h3>Other recent news:</h3></div>
<div class="large-3 columns">
<img src="http://placehold.it/400x300&text=[img]" />
<h4>This is a recent post</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">
<img src="http://placehold.it/400x300&text=[img]" />
<h4>This is a recent post</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">
<img src="http://placehold.it/400x300&text=[img]" />
<h4>This is a recent post</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">
<img src="http://placehold.it/400x300&text=[img]" />
<h4>This is a recent post</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>