lighthouse-school/album-sample.html at master · 20MileInteractive/lighthouse-school · GitHub

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
<!-- @include _top-home.html -->
<!-- @include _nav.html -->


<div class="main_content album">
	<div class="row">
		<div class="columns large-12">
			<h1 class="page_title">Yuletide Fair</h1>

		</div>
	</div>


	<div class="row">
		<div class="columns large-3 push-9 panel">
			<h3>Albums</h3>
			<ul class="side-nav">
			  <li class="active"><a href="#">Yuletide Fair</a></li>
			  <li><a href="#">Some Other Album</a></li>
			  <li><a href="#">And Another</a></li>
			  <li><a href="#">A Fourth</a></li>
			</ul>
		</div>
		<div class="columns large-9 pull-3">
			<p>This is a description of the album. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
			<ul class="clearing-thumbs block-grid-4" data-clearing>
			  <li><a href="http://placehold.it/600x600&amp;text=Photo"><img src="http://placehold.it/200x200&amp;text=thumb"></a></li>
			  <li><a href="http://placehold.it/600x600&amp;text=Photo"><img src="http://placehold.it/200x200&amp;text=thumb"></a></li>
			  <li><a href="http://placehold.it/600x600&amp;text=Photo"><img src="http://placehold.it/200x200&amp;text=thumb"></a></li>
			  <li><a href="http://placehold.it/600x600&amp;text=Photo"><img src="http://placehold.it/200x200&amp;text=thumb"></a></li>
			  <li><a href="http://placehold.it/600x600&amp;text=Photo"><img src="http://placehold.it/200x200&amp;text=thumb"></a></li>
			  <li><a href="http://placehold.it/600x600&amp;text=Photo"><img src="http://placehold.it/200x200&amp;text=thumb"></a></li>
			</ul>
		</div>

	</div>


</div>
<!-- @include _footer.html -->
<!-- @include _bottom.html -->