-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
64 lines (64 loc) · 4.34 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="apple-touch-icon" href="apple-touch-icon.png" />
<link rel="icon" href="apple-touch-icon.png" />
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<meta name="viewport" content="initial-scale=1.3, user-scalable=no" />
<link rel="stylesheet" type="text/css" href="css/style.min.css" />
<title>Digital Report</title>
</head>
<body>
<div id="page" class="pos1">
<div class="side main" id="left">
<div id="title">Digital Report<button id="back"></button></div>
<ul id="nav">
<li id="intro"><span>Introduction to the Project</span></li>
<li id="inspiration"><span>The Inspiration</span></li>
<li id="design"><span>Envisioning Danny</span></li>
<li id="mechanics"><span>The Mechanics of It</span></li>
<li id="coding"><span>The Coding</span></li>
</ul>
</div><!--
--><div class="side" id="right">
<div class="selected intro r">
<span class="head">Introduction to the Project</span>
<span class="sub">Subheading to Introduction to the Project</span>
<p><img src="placeholder.png" />Lorem ipsum dolor sit amet, mea ea idque aperiri, has cu justo summo reformidans. Eum ut stet possit lobortis. Has ne movet diceret. Case choro impedit vis ut, vocent maiorum percipit pro eu. Ne mea case convenire, mea no congue dolores consequuntur, quis splendide quo ei.</p>
</div>
<div class="inspiration r">
<span class="head">The Inspiration</span>
<span class="sub">Subheading to The Inspiration</span>
<p><img src="placeholder.png" />Lorem ipsum dolor sit amet, mea ea idque aperiri, has cu justo summo reformidans. Eum ut stet possit lobortis. Has ne movet diceret. Case choro impedit vis ut, vocent maiorum percipit pro eu. Ne mea case convenire, mea no congue dolores consequuntur, quis splendide quo ei.</p>
</div>
<div class="design r">
<span class="head">Envisioning Danny</span>
<span class="sub">Subheading to Envisioning Danny</span>
<p><img src="placeholder.png" />Lorem ipsum dolor sit amet, mea ea idque aperiri, has cu justo summo reformidans. Eum ut stet possit lobortis. Has ne movet diceret. Case choro impedit vis ut, vocent maiorum percipit pro eu. Ne mea case convenire, mea no congue dolores consequuntur, quis splendide quo ei.</p>
</div>
<div class="mechanics r">
<span class="head">The Mechanics of It</span>
<span class="sub">Subheading to The Mechanics of It</span>
<p><img src="placeholder.png" />Lorem ipsum dolor sit amet, mea ea idque aperiri, has cu justo summo reformidans. Eum ut stet possit lobortis. Has ne movet diceret. Case choro impedit vis ut, vocent maiorum percipit pro eu. Ne mea case convenire, mea no congue dolores consequuntur, quis splendide quo ei.</p>
</div>
<div class="coding r">
<span class="head">The Coding</span>
<span class="sub">Subheading to The Coding</span>
<p><img src="placeholder.png" />Lorem ipsum dolor sit amet, mea ea idque aperiri, has cu justo summo reformidans. Eum ut stet possit lobortis. Has ne movet diceret. Case choro impedit vis ut, vocent maiorum percipit pro eu. Ne mea case convenire, mea no congue dolores consequuntur, quis splendide quo ei.</p>
</div>
</div>
</div>
<input id="check" type="checkbox" />
<label for="check" id="pulsebg">
<div id="taptc">TAP TO CONTINUE</div>
<div id="pulse"></div>
<img id="tap" src="tap.png" />
</label>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/script.min.js"></script>
</body>
</html>