-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·138 lines (99 loc) · 7.12 KB
/
index.html
File metadata and controls
executable file
·138 lines (99 loc) · 7.12 KB
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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Devon St.Clair, web & interactive</title>
<link rel="stylesheet" type="text/css" media="screen" href="css/global.css" />
<script src="js/jquery-1.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="scripts/loopedslider.js" type="text/javascript" charset="utf-8"></script>
<script src="scripts/controller.js" type="text/javascript" charset="utf-8"></script>
<script src="scripts/mainActions.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="outerContainer">
<div id="content">
<div id="logo">
<h1>Devon St.Clair, web and interactive</h1>
</div>
<div id="navigation">
<ul>
<li id="first" class="active"><a href="index.html">main</a></li>
<li><a href="about.html">about</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
</div>
<div id="loopedSlider">
<div class="container">
<div class="slides">
<div>
<p id="introText">You say you want a revolution, well, you know, we all want to change the world. </p>
</div>
<div id="previewSite">
<img src="media/images/main_previewSite.png" width="265" height="205" alt="Interactive Touchscreen Project preview" />
<p>Great News!! The touchscreen is up and running at AIPD. Check it out on the second floor, next to room 216.</p>
</div>
<div id="twitterFeed">
<h2>My Twitter Feed</h2>
<p>Just started working on my first truly challenging project since last April. Both projects utilize filtering functionality. #parallels</p>
<p>@_gerardo Hey, why don't we make the game in 3D? Let's have it do REALLY cool flying transitions! What? We can't do that? Why not? #AS2</p>
<p>It seems odd that an account person tried to adamantly give me instructions regarding a comp design. Fight over white space and its merits.</p>
</div>
</div>
</div>
<div class="pageControls">
<a href="#" class="previous"><img src="media/images/leftArrow.png" width="20" height="15" alt="Previous page" /></a>
<a href="#" class="next"><img src="media/images/rightArrow.png" width="20" height="15" alt="Next page" /></a>
<div class="clear"></div>
<ul class="pagination">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
</div>
</div>
<div id="projectSlider">
<div class="container">
<div class="slides">
<div id="firstPreview">
<img src="media/images/projects/preview_standin.png" width="499" height="394" />
</div>
<div id="secondPreview">
<img src="media/images/projects/preview_standin.png" width="499" height="394" />
</div>
<div id="thirdPreview">
<img src="media/images/projects/preview_standin.png" width="499" height="394" />
</div>
</div>
</div>
<div class="pageControls">
<a href="#" class="previous"><img src="media/images/leftArrow.png" width="20" height="15" alt="Previous page" /></a>
<a href="#" class="next"><img src="media/images/rightArrow.png" width="20" height="15" alt="Next page" /></a>
<div class="clear"></div>
<ul class="pagination">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
<div id="projectMenu">
<div id="projectTab">
<a href="#">Hide projects</a>
</div>
<div id="projectNavigation">
<ul>
<li class="thumbNav"><a href="#"><img id="1" url="projects.html" name="thumb1" src="media/images/projects/thumbnails/thumb1.png" width="146" height="158" alt="Cisco Collaboration Tool"/></a></li>
<li class="thumbNav"><a href="#"><img id="2" url="projects.html" name="thumb2" src="media/images/projects/thumbnails/thumb2.png" width="146" height="158" alt="Interactive Touchscreen" /></a></li>
<li class="thumbNav"><a href="#"><img id="3" url="projects.html" name="thumb3" src="media/images/projects/thumbnails/thumb3.png" width="146" height="158" alt="Intel Retail Edge Program" /></a></li>
<li class="thumbNav"><a href="#"><img id="4" url="projects.html" name="thumb4" src="media/images/projects/thumbnails/thumb4.png" width="146" height="158" alt="Intel Learning Lab" /></a></li>
<li class="thumbNav"><a href="#"><img id="5" url="projects.html" name="thumb5" src="media/images/projects/thumbnails/thumb5.png" width="146" height="158" alt="HP Printing Overview" /></a></li>
<li class="thumbNav"><a href="#"><img id="6" url="projects.html" name="thumb6" img src="media/images/projects/thumbnails/thumb6.png" width="146" height="158" alt="American Energy" /></a></li>
<li class="thumbNav"><a href="#"><img id="7" url="projects.html" name="thumb7" src="media/images/projects/thumbnails/thumb7.png" width="146" height="158" alt="Pixotweet" /></a></li>
</ul>
</div>
</div>
</div>
</body>
</html>