-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsample_project_page.html
70 lines (63 loc) · 3.1 KB
/
sample_project_page.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
<!DOCTYPE html>
<head>
<link rel="stylesheet" href="css/normalize.css" media="screen" type="text/css"/>
<link rel="stylesheet" href="css/skeleton.css" media="screen" type="text/css"/>
<link href='http://fonts.googleapis.com/css?family=Slabo+27px' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/main.css" media="screen" type="text/css"/>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDsTaez7_fNfWUv1IVp_T32IF7AW8aDqAc"></script>
</head>
<body>
<div class="row">
<header class="twelve columns">
<div id="header-inner-box">
<a href="/Users/ranwang/dev/zero_theater/index.html"><h1>zero theater</h1></a>
</div>
</header>
</div>
<div class="row">
<nav class="two columns">
<a href="index.html#about">About </a></br>
<a href="index.html#uploads">Recent Uploads </a></br>
<a id="project-archives">Archives</a></br>
<ul>
<li><a id="project-two-project-link" href="project_two_projects.html">Project Two (3)</a></li>
<li><a id="codex-project-link" href="codex_projects.html">Codex Seraphinianus (3)</a></li>
<li><a id="all-projects-link" href="all_projects.html">See All (6)</a></li>
</ul>
<a href="map.html">Geotagging</a></br>
<a href="index.html#contact">Contact</a>
</nav>
<div class= "ten columns" id="content-box">
<div class="clearfix" id="content-box-inner">
<div class="wrapper" id="project-main-content">
<h2 class="caption">Project Title, Author, Media</h2>
<p>Description... About the project....Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porttitor tortor sapien, quis laoreet diam scelerisque in. Cras turpis odio, suscipit vel sem in, aliquet dapibus sapien. In consequat mi blandit maximus maximus. Quisque tincidunt lectus sit amet tincidunt volutpat. Praesent placerat, metus eget euismod viverra, tortor diam facilisis nisl, et vestibulum ex leo non tortor. Ut volutpat augue ipsum, in ultricies nisl laoreet ornare. Aliquam eget nisi sed metus interdum ornare vitae ac diam. Pellentesque tincidunt lorem lobortis blandit eleifend. </p>
<p class="tags">Tags: i.e. <a href="codex_projects.html">Codex Seraphinianus</a></p>
<p class="tags">See project on <a href='map.html#map' id="marker-link">map</a>.</p>
</div>
<hr>
<div class="wrapper" id="project-main-media">
<img src="http://placekitten.com/g/450/400"><img>
</div>
<hr>
<div class="wrapper" id="project-additional">
<div class='document'>
<img src="http://placekitten.com/g/225/250"><img>
<p class="caption">supporting document</p>
</div>
<div class='document'>
<img src="http://placekitten.com/g/225/250"><img>
<p class="caption">supporting document</p>
</div>
<div class='document'>
<img src="http://placekitten.com/g/225/250"><img>
<p class="caption">supporting document</p>
</div>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="scripts/main.js"></script>
</body>
</html>