-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy path_index.html
225 lines (184 loc) · 9.72 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
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
211
212
213
214
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
zenlike1.0 by nodethirtythree design
http://www.nodethirtythree.com
-->
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>zenlike1.0 by nodethirtythree</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" type="text/css" href="default.css" />
<!-- css for glider -->
<link rel="stylesheet" href="stylesheets/glider.css" type="text/css" media="screen" charset="utf-8">
<!-- javascript for glider -->
<script src="javascripts/prototype.js" type="text/javascript" charset="utf-8"></script>
<script src="javascripts/effects.js" type="text/javascript" charset="utf-8"></script>
<script src="javascripts/glider.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="upbg"></div>
<div id="outer">
<div id="header">
<div id="headercontent">
<h1>Zenlike<sup>1.0</sup></h1>
<h2>A free design by NodeThirtyThree</h2>
</div>
</div>
<form method="post" action="">
<div id="search">
<input type="text" class="text" maxlength="64" name="keywords" />
<input type="submit" class="submit" value="Search" />
</div>
</form>
<div id="headerpic"></div>
<div id="menu">
<!-- HINT: Set the class of any menu link below to "active" to make it appear active -->
<ul>
<li><a href="#">Home</a></li>
<li><a href="#" class="active">News</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="menubottom"></div>
<div id="content">
<!-- Normal content: Stuff that's not going to be put in the left or right column. -->
<div id="normalcontent">
<h3><strong>Zenlike</strong><sup>1.0</sup> <span>by NodeThirtyThree</span></h3>
<div class="contentarea">
<!-- Normal content area start -->
<img src="images/pic1.jpg" class="left" alt="A chinese lion statue" />
<!--
<p>Zenlike<sup>1.0</sup> is a free, lightweight, tableless, fluid W3C-compliant website design by <a href="http://www.nodethirtythree.com/">NodeThirtyThree Design</a>. All photos came from <a href="http://www.pdphoto.org/">PDPhoto</a> and the background texture is from <a href="http://www.mayang.com/textures/">Mayang's texture site</a>. You're free to dissect, manipulate and use it to your heart's content. We only ask that you link back to <a href="http://www.nodethirtythree.com/">our site</a> in some way. If you find this design useful, feel free to let us know :)</p> <p>You can find more of our free work at this site or <a href="http://www.nodethirtythree.com/">our site</a>, or some of our commercial work on <a href="http://www.4templates.com/?aff=n33">4Templates.com</a>, a commercial website template site.</p>
<p>Zenlike<sup>1.0</sup> is a free, lightweight, tableless, fluid W3C-compliant website design by <a href="http://www.nodethirtythree.com/">NodeThirtyThree Design</a>. All photos came from <a href="http://www.pdphoto.org/">PDPhoto</a> and the background texture is from <a href="http://www.mayang.com/textures/">Mayang's texture site</a>. You're free to dissect, manipulate and use it to your heart's content. We only ask that you link back to <a href="http://www.nodethirtythree.com/">our site</a> in some way. If you find this design useful, feel free to let us know :)</p>
<p>You can find more of our free work at this site or <a href="http://www.nodethirtythree.com/">our site</a>, or some of our commercial work on <a href="http://www.4templates.com/?aff=n33">4Templates.com</a>, a commercial website template site.</p>
-->
<div id="my-glider-horizontal">
<div class="controls">
<a href="#section1">Section 1</a> |
<a href="#section2">Section 2</a> |
<a href="#section3">Section 3</a> |
<a href="#section4">Section 4</a>
</div>
<div class="scroller">
<div class="content">
<div class="section" id="section1">
Section 1
<p>You can put any kind of HTML in here:</p>
<img src="../../../../../www.curbly.com/images/header_logo.html" />
</div>
<div class="section" id="section2">
Section 2
<p>Style the sections however you want</p>
</div>
<div class="section" id="section3">
Section 3
<p>I-frames? Yes, but only if scrollbars are hidden:</p>
<iframe src="http://www.example.com/" style="overflow:hidden"></iframe>
</div>
<div class="section" id="section4">
Section 4
<p>Flash? Sort-of works:</p>
<object width="200" height="150"><param name="movie" value="http://www.youtube.com/v/Ef-f7EeDpYI"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/Ef-f7EeDpYI" type="application/x-shockwave-flash" wmode="transparent" width="200" height="150"></embed></object>
</div>
</div>
</div>
</div>
<!-- <a href="#" onclick="my_glider.previous();return false;">Previous</a> | <a href="#" onclick="my_glider.next();return false">Next</a> -->
<script type="text/javascript" charset="utf-8">
var my_glider = new Glider('my-glider-horizontal', {controlsEvent: 'mouseover',duration:0.5, autoGlide: true});
</script>
<!-- Normal content area end -->
</div>
</div>
<div class="divider1"></div>
<!-- Primary content: Stuff that goes in the primary content column (by default, the left column) -->
<div id="primarycontainer">
<div id="primarycontent">
<!-- Primary content area start -->
<div class="post">
<h4>Lorem Ipsum Veroeros</h4>
<div class="contentarea">
<div class="details">Posted by <a href="#">Jane Doe</a> on September 25, 2006</div>
<p>Volutpat at varius sed sollicitudin et, arcu. Vivamus viverra. Nullam turpis. Vestibulum sed etiam. Lorem ipsum sit amet dolore. Nulla facilisi. Sed tortor. Aenean felis. Quisque eros. Cras lobortis commodo metus. Vestibulum vel purus. In eget odio in sapien adipiscing blandit. Quisque augue tortor, facilisis sit amet, aliquam, suscipit vitae, cursus sed, arcu lorem ipsum dolor sit amet.</p>
<ul class="controls">
<li><a href="#" class="printerfriendly">Printer Friendly</a></li>
<li><a href="#" class="comments">Comments (18)</a></li>
<li><a href="#" class="more">Read More</a></li>
</ul>
</div>
</div>
<div class="divider2"></div>
<div class="post">
<h4>Consequat Odio Vestibulum</h4>
<div class="contentarea">
<div class="details">Posted by <a href="#">Jane Doe</a> on September 25, 2006</div>
<img src="images/pic3.jpg" class="left" alt="A chinese dragon" />
<p>Aenean felis quisque eros. Cras lobortis commodo lorem ipsum dolor. Vestibulum vel purus. In eget odio in sapien adipiscing blandit. Lorem ipsum dolor sit amet consequat etiam sed dolore.</p>
<ul class="controls">
<li><a href="#" class="printerfriendly">Printer Friendly</a></li>
<li><a href="#" class="comments">Comments (18)</a></li>
<li><a href="#" class="more">Read More</a></li>
</ul>
</div>
</div>
<div class="divider2"></div>
<div class="post">
<h4>Adipiscing Nullam</h4>
<div class="contentarea">
<div class="details">Posted by <a href="#">Jane Doe</a> on September 25, 2006</div>
<p>Eget odio in sapien adipiscing blandit. Quisque augue tortor, facilisis sit amet, aliquam, suscipit vitae, cursus sed, arcu lorem ipsum dolor sit amet felis quisque eros. Cras lobortis commodo lorem ipsum dolor. Vestibulum vel purus. In eget odio in sapien adipiscing blandit. Quisque augue tortor, facilisis sit amet, aliquam, suscipit lorem ipsum dolor.</p>
<ul class="controls">
<li><a href="#" class="printerfriendly">Printer Friendly</a></li>
<li><a href="#" class="comments">Comments (18)</a></li>
<li><a href="#" class="more">Read More</a></li>
</ul>
</div>
</div>
<!-- Primary content area end -->
</div>
</div>
<!-- Secondary content: Stuff that goes in the secondary content column (by default, the narrower right column) -->
<div id="secondarycontent">
<!-- Secondary content area start -->
<!-- HINT: Set any div's class to "box" to encapsulate it in (you guessed it) a box -->
<div class="box">
<h4>Blandit Veroeros</h4>
<div class="contentarea">
<img src="images/pic2.jpg" class="left" alt="Random foliage" />
<p>Sed etiam et lorem ipsum nulla vero et lobortis felis sed etiam. Lorem ipsum sit amet dolore. Nulla facilisi. Sed tortor. Aenean felis. Quisque eros etiam <a href="#">sed commodo</a>.</p>
</div>
</div>
<div>
<h4>Nullam Dolore</h4>
<div class="contentarea">
<ul class="linklist">
<li><a href="#">Volutpat at varius sed</a></li> <li><a href="#">Sollicitudin et arcu</a></li> <li><a href="#">Vivamus viverra nullam</a></li> <li><a href="#">Turpis vestibulum</a></li> <li><a href="#">Sed etiam lorem ipsum</a></li> <li><a href="#">Sit amet dolore nulla</a></li> <li><a href="#">Facilisi sed tortor</a></li> <li><a href="#">Aenean felis quisque</a></li> <li><a href="#">Eros cras lobortis vel</a></li> <li><a href="#">Purus in eget odio sapien</a></li> <li><a href="#">Adipiscing blandit</a></li>
</ul>
</div>
</div>
<!-- Secondary content area end -->
</div>
</div>
<div id="footer">
<div class="left">© 2006 Your Website Name. All rights reserved.</div>
<div class="right">Design by <a href="http://www.nodethirtythree.com/">NodeThirtyThree Design</a></div>
</div>
</div>
</body>
</html>