-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcodex_projects.html
53 lines (46 loc) · 2.48 KB
/
codex_projects.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
<!DOCTYPE html>
<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"/>
</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 id="content-box-inner">
<div class="wrapper" id="codex-projects">
<h2>Codex Seriphinianus</h2>
<p>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>
<hr>
<a class="projectThumbnails codex" href="sample_project_page.html"><img src="http://placekitten.com/g/225/200"><img></a>
<a class="projectThumbnails codex" href="sample_project_page.html"><img src="http://placekitten.com/g/225/200"><img></a>
<a class="projectThumbnails codex" href="sample_project_page.html"><img src="http://placekitten.com/g/225/200"><img></a>
</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>