Skip to content

Commit bff42d0

Browse files
niklasvhniklasvh
committed
added example templates (including index)
1 parent 90e07cf commit bff42d0

File tree

8 files changed

+1257
-0
lines changed

8 files changed

+1257
-0
lines changed

‎examples/arrangement/index.html

Lines changed: 191 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,191 @@
1+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2+
<!--
3+
Design by Free CSS Templates
4+
http://www.freecsstemplates.org
5+
Released for free under a Creative Commons Attribution 2.5 License
6+
7+
Name : Arrangement
8+
Description: A two-column, fixed-width design with nice and simple color scheme.
9+
Version : 1.0
10+
Released : 20110421
11+
12+
-->
13+
<html xmlns="http://www.w3.org/1999/xhtml">
14+
<head>
15+
<meta name="keywords" content="" />
16+
<meta name="description" content="" />
17+
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
18+
<title>Arrangement by Free CSS Templates</title>
19+
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
20+
<script type="text/javascript" src="../../../external/jquery-1.6.2.min.js"></script>
21+
<script type="text/javascript" src="../../../build/html2canvas.js"></script>
22+
<script type="text/javascript" src="../../../build/jquery.plugin.html2canvas.js"></script>
23+
<script type="text/javascript">
24+
$(window).ready(function() {
25+
$('body').html2canvas();
26+
});
27+
</script>
28+
</head>
29+
<body>
30+
<div id="wrapper">
31+
<div id="header">
32+
<div id="logo">
33+
<h1><a href="#">Arrangement</a></h1>
34+
</div>
35+
<div id="search">
36+
<form method="get" action="">
37+
<fieldset>
38+
<input type="text" name="s" id="search-text" size="15" value="enter keywords here..." />
39+
<input type="submit" id="search-submit" value="GO" />
40+
</fieldset>
41+
</form>
42+
</div>
43+
</div>
44+
<div id="menu">
45+
<ul>
46+
<li class="current_page_item"><span><a href="#">Home</a></span></li>
47+
<li><a href="#">Blog</a></li>
48+
<li><a href="#">Photos</a></li>
49+
<li><a href="#">About</a></li>
50+
<li><a href="#">Links</a></li>
51+
<li><a href="#">Contact</a></li>
52+
</ul>
53+
</div>
54+
<!-- end #menu -->
55+
<div id="splash"><img src="images/img07.jpg" width="890" height="444" alt="" /></div>
56+
<!-- end #header -->
57+
<div id="page">
58+
<div id="content">
59+
<div class="post">
60+
<h2 class="title"><a href="#">Welcome to Arrangement </a></h2>
61+
<p class="meta">Posted by <a href="#">Someone</a> on March 10, 2011
62+
&nbsp;&bull;&nbsp; <a href="#" class="comments">Comments (64)</a> &nbsp;&bull;&nbsp; <a href="#" class="permalink">Full article</a></p>
63+
<div class="entry">
64+
<p><img src="images/img08.jpg" width="540" height="300" alt="" /></p>
65+
<p>Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. Nam bibendum. In nulla tortor, elementum ipsum. Proin imperdiet est. Phasellus dapibus semper urna. Pellentesque ornare, orci in felis. Donec ut ante. In id eros turpis, cursus egestas at sem.</p>
66+
<p><a href="#" class="links">Full Details</a></p>
67+
</div>
68+
</div>
69+
<div class="post">
70+
<h2 class="title"><a href="#">Lorem ipsum sed aliquam</a></h2>
71+
<p class="meta">Posted by <a href="#">Someone</a> on March 10, 2011
72+
&nbsp;&bull;&nbsp; <a href="#" class="comments">Comments (64)</a> &nbsp;&bull;&nbsp; <a href="#" class="permalink">Full article</a></p>
73+
<div class="entry">
74+
<p><img src="images/img09.jpg" width="540" height="300" alt="" /></p>
75+
<p>Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. Nam bibendum. In nulla tortor, elementum ipsum. Proin imperdiet est. Phasellus dapibus semper urna. Pellentesque ornare, orci in felis. Donec ut ante. In id eros turpis, cursus egestas at sem.</p>
76+
<p><a href="#" class="links">Full Details</a></p>
77+
</div>
78+
</div>
79+
<div class="post">
80+
<h2 class="title"><a href="#">Phasellus pellentesque turpis </a></h2>
81+
<p class="meta">Posted by <a href="#">Someone</a> on March 10, 2011
82+
&nbsp;&bull;&nbsp; <a href="#" class="comments">Comments (64)</a> &nbsp;&bull;&nbsp; <a href="#" class="permalink">Full article</a></p>
83+
<div class="entry">
84+
<p><img src="images/img10.jpg" width="540" height="300" alt="" /></p>
85+
<p>Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. Nam bibendum. In nulla tortor, elementum ipsum. Proin imperdiet est. Phasellus dapibus semper urna. Pellentesque ornare, orci in felis. Donec ut ante. In id eros turpis, cursus egestas at sem.</p>
86+
<p><a href="#" class="links">Full Details</a></p>
87+
</div>
88+
</div>
89+
<div style="clear: both;">&nbsp;</div>
90+
</div>
91+
<!-- end #content -->
92+
<div id="sidebar">
93+
<ul>
94+
<li>
95+
<h2>Aliquam tempus</h2>
96+
<p>Mauris vitae nisl nec metus placerat perdiet est. Phasellus dapibus semper consectetuer hendrerit.</p>
97+
</li>
98+
<li>
99+
<h2>Categories</h2>
100+
<ul>
101+
<li><a href="#">Aliquam libero</a></li>
102+
<li><a href="#">Consectetuer adipiscing elit</a></li>
103+
<li><a href="#">Metus aliquam pellentesque</a></li>
104+
<li><a href="#">Suspendisse iaculis mauris</a></li>
105+
<li><a href="#">Urnanet non molestie semper</a></li>
106+
<li><a href="#">Proin gravida orci porttitor</a></li>
107+
</ul>
108+
</li>
109+
<li>
110+
<h2>Blogroll</h2>
111+
<ul>
112+
<li><a href="#">Aliquam libero</a></li>
113+
<li><a href="#">Consectetuer adipiscing elit</a></li>
114+
<li><a href="#">Metus aliquam pellentesque</a></li>
115+
<li><a href="#">Suspendisse iaculis mauris</a></li>
116+
<li><a href="#">Urnanet non molestie semper</a></li>
117+
<li><a href="#">Proin gravida orci porttitor</a></li>
118+
</ul>
119+
</li>
120+
<li>
121+
<h2>Archives</h2>
122+
<ul>
123+
<li><a href="#">Aliquam libero</a></li>
124+
<li><a href="#">Consectetuer adipiscing elit</a></li>
125+
<li><a href="#">Metus aliquam pellentesque</a></li>
126+
<li><a href="#">Suspendisse iaculis mauris</a></li>
127+
<li><a href="#">Urnanet non molestie semper</a></li>
128+
<li><a href="#">Proin gravida orci porttitor</a></li>
129+
</ul>
130+
</li>
131+
<li>
132+
<h2>Lorem Ipsum</h2>
133+
<ul>
134+
<li><a href="#">Aliquam libero</a></li>
135+
<li><a href="#">Consectetuer adipiscing elit</a></li>
136+
<li><a href="#">Metus aliquam pellentesque</a></li>
137+
<li><a href="#">Suspendisse iaculis mauris</a></li>
138+
<li><a href="#">Urnanet non molestie semper</a></li>
139+
<li><a href="#">Proin gravida orci porttitor</a></li>
140+
</ul>
141+
</li>
142+
</ul>
143+
</div>
144+
<!-- end #sidebar -->
145+
<div style="clear: both;">&nbsp;</div>
146+
</div>
147+
<!-- end #page -->
148+
</div>
149+
<div id="footer-wrapper">
150+
<div id="three-columns">
151+
<div id="column1">
152+
<h2>Consectetuer</h2>
153+
<ul>
154+
<li><a href="#">Aliquam libero</a></li>
155+
<li><a href="#">Consectetuer adipiscing elit</a></li>
156+
<li><a href="#">Metus aliquam pellentesque</a></li>
157+
<li><a href="#">Suspendisse iaculis mauris</a></li>
158+
<li><a href="#">Urnanet non molestie semper</a></li>
159+
<li><a href="#">Proin gravida orci porttitor</a></li>
160+
</ul>
161+
</div>
162+
<div id="column2">
163+
<h2>Suspendisse</h2>
164+
<ul>
165+
<li><a href="#">Aliquam libero</a></li>
166+
<li><a href="#">Consectetuer adipiscing elit</a></li>
167+
<li><a href="#">Metus aliquam pellentesque</a></li>
168+
<li><a href="#">Suspendisse iaculis mauris</a></li>
169+
<li><a href="#">Urnanet non molestie semper</a></li>
170+
<li><a href="#">Proin gravida orci porttitor</a></li>
171+
</ul>
172+
</div>
173+
<div id="column3">
174+
<h2>Pellentesque</h2>
175+
<ul>
176+
<li><a href="#">Aliquam libero</a></li>
177+
<li><a href="#">Consectetuer adipiscing elit</a></li>
178+
<li><a href="#">Metus aliquam pellentesque</a></li>
179+
<li><a href="#">Suspendisse iaculis mauris</a></li>
180+
<li><a href="#">Urnanet non molestie semper</a></li>
181+
<li><a href="#">Proin gravida orci porttitor</a></li>
182+
</ul>
183+
</div>
184+
</div>
185+
<!-- end #footer -->
186+
</div>
187+
<div id="footer">
188+
<p>Copyright (c) 2011 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/"> CSS Templates</a>.</p>
189+
</div>
190+
</body>
191+
</html>

0 commit comments

Comments
 (0)