/
our-work-single.html
210 lines (139 loc) · 10.7 KB
/
our-work-single.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
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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Radial Interactive Theme | Our Work - Single Entry Example </title>
<meta name="description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dapibus molestie magna quis aliquam. Sed gravida nulla massa. Fusce in rutrum tortor. In hac habitasse platea dictumst. Morbi et congue odio. In hac habitasse platea dictumst. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam sollicitudin mi vitae massa suscipit feugiat." />
<!-- CSS -->
<link href="skins/active/css/reset.css" rel="stylesheet" type="text/css" />
<link href="skins/active/css/general.css" rel="stylesheet" type="text/css" />
<link href="skins/active/css/subpage.css" rel="stylesheet" type="text/css" />
<link href="skins/active/css/css3.css" rel="stylesheet" type="text/css" />
<!--[if IE 7]>
<link href="skins/active/css/ie/ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if lt IE 7]>
<link href="skins/active/css/ie/ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!-- Javascript -->
<script src="scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript"> var curvyCornersVerbose = false; </script>
<script src="scripts/curvycorners.js" type="text/javascript"></script>
</head>
<body class="subpage">
<div id="header_wrapper">
<div id="header">
<h1 id="logo">
<a href="index.html"><span>Radial Interactive Theme</span></a>
</h1><!-- h1#logo -->
<ul id="navigation">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li id="current-top-nav"><a href="our-work.html">Our Work</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="full-width.html">Full Width</a></li>
<li><a class="emphasis" href="contact.html">Contact</a></li>
</ul><!-- ul#navigation -->
<div class="clear"></div><!-- div.clear -->
</div><!-- div#header -->
</div><!-- div#header_wrapper -->
<div id="body_wrapper">
<div id="container">
<div id="splash_area">
<div id="search-holder" class="rounded-onlybottom">
<ul id="social-media-icons">
<li id="twitter"><a href="#"><span>Twitter</span></a></li>
<li id="rss"><a href="#"><span>RSS</span></a></li>
<li id="facebook"><a href="#"><span>Facebook</span></a></li>
</ul><!-- ul#social-media-icons -->
<form id="site-search" action="#" method="post">
<fieldset>
<input type="text" value="Search..." />
<input type="image" name="submit" src="skins/active/images/header/search-submit-flat.png" class="site-search-submit" />
</fieldset>
</form><!-- form#site-search -->
</div><!-- div#search-holder -->
<div id="subpage_title"><h2><a href="#">Our Work</a></h2></div><!-- div#subpage_title -->
</div><!-- div#splash_area -->
<div id="subpage_body_container">
<div id="left_column">
<ul id="left_navigation">
<li id="current"><a href="#">Portfolio</a>
<ul>
<li><a href="#">Design</a></li>
<li><a href="#">Application</a></li>
<li><a href="#">Brand Marketing</a></li>
</ul>
</li>
<li><a href="#">Client List</a></li>
<li><a href="#">Testimonials</a></li>
</ul><!-- left_navigation -->
<div id="below_nav_wrapper">
<div id="contact_quickbox_title">Ready To Get Started?</div>
<div id="contact_quickbox" class="rounded-notopleft-nobottomright">
<span class="phone">555.555.1212</span>
<span class="email"><a href="#">sales@company.com</a></span>
<span class="contact-us"><a href="#">Contact Us >>></a></span>
</div><!-- contact_quickbox -->
<div class="sidebar_box">
<div class="sidebar_box_content">
<h5><a href="#">Phasellus egestas bibendum sem</a></h5>
<p>Nam justo massa eget lobortis in, auctor a ligula. Phasellus egestas bibendum sem. Curabitur pulvinar nibh eu lectus gravida sagittis[...] </p>
<p><a href="#">More</a></p>
</div><!-- sidebar_box_content -->
<div class="titlebox">
<span>Blog >>></span>
</div><!-- div.titlebox -->
</div><!-- div.sidebar_box -->
</div><!-- div#below_nav_wrapper -->
</div><!-- div#left_column -->
<div id="content_wrapper" class="rounded-notopleft">
<div id="content">
<h3 class="rounded">Put something snazzy here.</h3>
<div class="our_work_featured">
<div class="img_holder"><a href="#"><img src="skins/active/images/our_work/featured-single.jpg" alt="Sample" width="690" height="215" /></a></div>
<div class="thumbnails">
<a href="#"><img src="skins/active/images/our_work/thumbnail.jpg" alt="Thumbnail Sample" /></a>
<a href="#"><img src="skins/active/images/our_work/thumbnail.jpg" alt="Thumbnail Sample" /></a>
<a href="#"><img src="skins/active/images/our_work/thumbnail.jpg" alt="Thumbnail Sample" /></a>
<a href="#"><img src="skins/active/images/our_work/thumbnail.jpg" alt="Thumbnail Sample" /></a> </div>
<!-- div.thumbnails -->
<div id="project_info_box">
<span>Client:</span> Envato<br />
<span>Project URL:</span> <a href="#">http://www.envato.com</a><br />
<span>Services:</span> <a href="#">Web Design</a> | <a href="#">Brand Marketing</a> <br />
</div> <!-- div#project_info_box -->
<div class="clear"></div>
</div><!-- div#our-work-featured -->
<h4>Subsection Heading</h4>
<p>Nullam id imperdiet augue. Pellentesque felis orci, luctus non interdum in, pellentesque non augue. Nulla tempus consequat purus. Curabitur eleifend nibh et velit hendrerit non tincidunt justo semper. Sed sed odio at lacus pellentesque facilisis. Suspendisse ultrices ultrices pretium. Curabitur quis dolor eu nisl hendrerit pharetra. Maecenas semper, lorem ut posuere egestas, urna dui ullamcorper turpis, et ornare libero odio eget massa. Sed tortor tellus, pulvinar vel pharetra at, pretium sit amet nisl. </p>
<p>Aliquam vel odio et ante viverra consequat. Donec commodo, sem non lobortis hendrerit, magna lectus fermentum justo, at pellentesque odio sapien nec ante. Nunc ornare scelerisque libero, eu ornare arcu varius sed. Aenean lectus urna, euismod et blandit vel, semper ut enim. Nunc auctor leo nec sem sollicitudin venenatis. Aenean tellus mi, consequat ac porttitor eget, egestas sed nisl.</p>
<p>Nam justo massa, euismod eget lobortis in, auctor a ligula. Phasellus egestas bibendum sem. Curabitur pulvinar nibh eu lectus gravida sagittis. Quisque in est dui. Aenean nec gravida neque. Integer quis leo sed ipsum cursus venenatis. Aliquam nec arcu est. Sed imperdiet ligula at purus scelerisque id dictum nisi tempus. Sed nec mi magna, a venenatis dui. Maecenas consequat commodo nisl in vehicula.</p>
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam aliquet suscipit massa, vitae iaculis orci egestas ut. Fusce blandit interdum suscipit. Nam sed diam neque. Quisque blandit elementum massa eget consectetur. Integer lobortis, neque sit amet porttitor pretium, nulla lorem lobortis felis, at consectetur leo odio eu lectus. Cras ut consequat leo. Phasellus eget nibh magna, sit amet tincidunt arcu.</p>
<p>Quisque blandit elementum massa eget consectetur. Integer lobortis, neque sit amet porttitor pretium, nulla lorem lobortis felis, at consectetur leo odio eu lectus. Cras ut consequat leo. Phasellus eget nibh magna, sit </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris nisi orci, imperdiet eu fringilla adipiscing, viverra vitae sem. Pellentesque auctor lectus eu arcu eleifend sit amet tempor ligula faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Cura.</p>
<p>Curabitur lobortis tristique velit, nec laoreet sapien ultrices ut. Suspendisse commodo malesuada felis vitae lacinia. Nam quis nisl ac tortor sagittis pulvinar in et lacus. Cras aliquet, lectus molestie imperdiet auctor, odio erat vehicula dolor, nec posuere diam neque vel nunc. Duis eget ullamcorper ipsum. Fusce a sagittis tellus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut fermentum, felis id vestibulum luctus, ipsum orci iaculis lacus, ut placerat felis odio vel urna. </p>
</div><!-- div#content -->
</div><!-- div#content_wrapper -->
<div class="clear"></div>
</div><!-- div#subpage_body_container -->
<div id="footer" class="rounded">
<ul id="footer-nav">
<li><a href="#">Home</a> // </li>
<li><a href="#">About</a> // </li>
<li><a href="#">Services</a> // </li>
<li><a href="#">Our Work</a> // </li>
<li><a href="#">Blog</a> // </li>
<li><a href="#">Full Width</a> // </li>
<li><a href="#">Contact</a></li>
</ul><!-- ul#footer-nav -->
</div><!-- div#footer -->
<div id="afterfooter">
<div class="left"> © 2010 Radial Interactive Theme | <a href="#">Privacy Policy</a></div>
<div class="right"> Tel. 555.555.1212 | 2343 Mt. Rushmore Dr., Keystone, SD 57715 | <a href="#">Map</a></div>
</div><!-- div#afterfooter -->
</div><!-- div#container -->
</div><!-- div#body_wrapper -->
</body>
</html>