-
Notifications
You must be signed in to change notification settings - Fork 2
/
blog_post.html
321 lines (265 loc) · 17.1 KB
/
blog_post.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
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Slate, Full Blog Theme</title>
<meta name="keywords" content="slate, blog theme, free blog design, website layout, CSS, HTML" />
<meta name="description" content="Slate, Full Blog Theme, free CSS template by templatemo.com" />
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
<script language="javascript" type="text/javascript">
function clearText(field){
if (field.defaultValue == field.value) field.value = '';
else if (field.value == '') field.value = field.defaultValue;
}
</script>
<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js">
/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.thozhan.org)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.thozhan.org/ for full source code
***********************************************/
</script>
<script type="text/javascript">
ddsmoothmenu.init({
mainmenuid: "templatemo_menu", //menu DIV id
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
</script>
</head>
<body>
<div id="templatemo_wrapper">
<div id="templatemo_header">
<div id="site_title"><h1><a href="http://www.thozhan.org"></a></h1></div>
<div class="cleaner"></div>
</div> <!-- end of header -->
<div id="templatemo_menu" class="ddsmoothmenu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a>
<ul>
<li><a href="http://www.thozhan.org/page/1">Sub menu 1</a></li>
<li><a href="http://www.thozhan.org/page/2">Sub menu 2</a></li>
<li><a href="http://www.thozhan.org/page/3">Sub menu 3</a></li>
</ul>
</li>
<li><a href="portfolio.html">Portfolio</a>
<ul>
<li><a href="http://www.thozhan.org/page/1">Sub menu 1</a></li>
<li><a href="http://www.thozhan.org/page/2">Sub menu 2</a></li>
<li><a href="http://www.thozhan.org/page/3">Sub menu 3</a></li>
<li><a href="http://www.thozhan.org/page/4">Sub menu 4</a></li>
<li><a href="http://www.thozhan.org/page/5">Sub menu 5</a></li>
</ul>
</li>
<li><a href="blog.html" class="selected">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<div id="search_box">
<form action="#" method="get">
<input type="text" value="Search" name="q" size="10" id="searchfield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" />
<input type="submit" name="Search" value="" id="searchbutton" title="Search" />
</form>
</div>
<br style="clear: left" />
</div> <!-- end of templatemo_menu -->
<div id="templatemo_main">
<div id="content" class="float_l">
<div class="post">
<h2>New CSS Tips and Tricks</h2>
<div class="post_image"><img src="images/blog/01.jpg" alt="Image 01" /><span class="date">June 26, 2048</span></div>
<p>Curabitur in est nulla. Etiam sollicitudin, eros sed venenatis adipiscing, enim felis volutpat mi, non vulputate sapien dolor et nibh. Morbi ante neque, imperdiet <a href="#">non porttitor id</a>, tempor eu eros. Morbi adipiscing, orci a interdum ultricies, turpis mi iaculis lectus, vitae tincidunt elit mauris in nibh. Suspendisse malesuada rhoncus metus non dapibus. Maecenas eleifend lorem a ipsum interdum facilisis.</p>
<p>Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> & <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>. Etiam pulvinar, massa ac elementum congue, dui elit porta lectus, accumsan faucibus orci est vitae mi. Curabitur laoreet lacus ut mauris rhoncus venenatis. Aenean bibendum urna risus. Curabitur velit sapien, ultricies in dapibus at, lobortis ut risus. Sed enim felis, fringilla ut semper a, varius vitae lectus. Integer venenatis laoreet eleifend. Sed in adipiscing massa.</p>
<p align="justify">Phasellus pulvinar, leo ut feugiat vestibulum, dui quam feugiat nibh, eu sollicitudin eros turpis id nulla. Mauris volutpat suscipit sapien sed porttitor. <a href="#">Aenean eu erat</a> quis leo tempus interdum ut ac lacus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque id augue quis mi vestibulum pulvinar. Nullam adipiscing porttitor neque, ut eleifend nisi dignissim eget. Mauris blandit porta nisi condimentum semper.</p>
<p align="justify">Nulla facilisi. Vivamus quis ligula nec orci sodales luctus eu eget purus. Fusce arcu lorem, vulputate ac euismod sit amet, <a href="#">sagittis vel eros</a>. Fusce ultricies suscipit diam, id aliquam diam viverra eget. Mauris laoreet volutpat pellentesque. Phasellus viverra ornare est, et dignissim est malesuada ac. Sed turpis lacus, consequat vel rutrum quis, ornare vel est.</p>
<p align="justify">Sed tincidunt lacus felis, at dignissim ante. Cras lacus dui, gravida non semper eu, lacinia accumsan risus. Nunc at neque vulputate ligula tincidunt facilisis eget sit amet tortor. Maecenas vehicula, nibh quis bibendum sagittis, mauris lacus commodo lacus, eget imperdiet nisl arcu sed nulla.</p>
</div>
<h3>Comments</h3>
<div id="comment_section">
<ol class="comments first_level">
<li>
<div class="comment_box commentbox1">
<div class="gravatar">
<img class="image_frame" src="images/avator.png" alt="author 6" />
</div>
<div class="comment_text">
<div class="comment_author">Jones <span class="date">November 25, 2048</span> <span class="time">11:35 pm</span></div>
<p>Duis quis tellus at arcu cursus tincidunt. Donec massa arcu, dignissim sodales cursus at, fermentum ac velit. Integer aliquam eget leo lacinia condimentum.</p>
<div class="reply"><a href="#">Reply</a></div>
</div>
<div class="cleaner"></div>
</div>
</li>
<li>
<ol class="comments">
<li>
<div class="comment_box commentbox2">
<div class="gravatar">
<img class="image_frame" src="images/avator.png" alt="author 6" />
</div>
<div class="comment_text">
<div class="comment_author">Alvin <span class="date">November 27, 2048</span> <span class="time">10:20 pm</span></div>
<p>Nullam bibendum tempor est nec cursus.</p>
<div class="reply"><a href="#">Reply</a></div>
</div>
<div class="cleaner"></div>
</div>
</li>
<li>
<ol class="comments">
<li>
<div class="comment_box commentbox1">
<div class="gravatar">
<img class="image_frame" src="images/avator.png" alt="author 6" />
</div>
<div class="comment_text">
<div class="comment_author">John <span class="date">November 28, 2048</span> <span class="time">11:42 am</span></div>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
<div class="reply"><a href="#">Reply</a></div>
</div>
<div class="cleaner"></div>
</div>
</li>
</ol>
</li>
</ol>
</li>
<li>
<div class="comment_box commentbox1">
<div class="gravatar">
<img class="image_frame" src="images/avator.png" alt="author 6" />
</div>
<div class="comment_text">
<div class="comment_author">Peter <span class="date">November 29, 2048</span> <span class="time">07:35 am</span></div>
<p>Nulla quis libero diam, suscipit porta mauris.</p>
<div class="reply"><a href="#">Reply</a></div>
</div>
<div class="cleaner"></div>
</div>
</li>
<li>
<div class="comment_box commentbox1">
<div class="gravatar">
<img class="image_frame" src="images/avator.png" alt="author 6" />
</div>
<div class="comment_text">
<div class="comment_author">Jenny <span class="date">November 30, 2048</span> <span class="time">10:54 am</span></div>
<p>Ut luctus tincidunt iaculis. Nunc erat leo, aliquam et adipiscing et, dapibus nec sem. Aliquam potenti in ligula enim.</p>
<div class="reply"><a href="#">Reply</a></div>
</div>
<div class="cleaner"></div>
</div>
</li>
</ol>
<div class="cleaner h20"></div>
<div class="pagging">
<ul>
<li><a href="http://www.thozhan.org" target="_parent">Previous</a></li>
<li><a href="http://www.thozhan.org/page/1" target="_parent">1</a></li>
<li><a href="http://www.thozhan.org/page/2" target="_parent">2</a></li>
<li><a href="http://www.thozhan.org/page/3" target="_parent">3</a></li>
<li><a href="http://www.thozhan.org/page/4" target="_parent">4</a></li>
<li><a href="http://www.thozhan.org/page/5" target="_parent">5</a></li>
<li><a href="http://www.thozhan.org/page/6" target="_parent">6</a></li>
<li><a href="http://www.thozhan.org/page/7" target="_parent">Next</a></li>
</ul>
</div>
</div>
<div class="cleaner h20"></div>
<div id="comment_form">
<h3>Leave your comment</h3>
<form action="#" method="get">
<div class="form_row">
<label>Name (* required )</label><br />
<input type="text" name="name" />
</div>
<div class="form_row">
<label>Email (* required)</label><br />
<input type="text" name="name" />
</div>
<div class="form_row">
<label>Comment</label><br />
<textarea name="comment" rows="" cols=""></textarea>
</div>
<input type="submit" name="Submit" value="Submit" class="submit_btn" />
</form>
</div>
</div>
<div id="sidebar" class="float_r">
<div class="sb_box">
<h3>Categories</h3>
<ul class="sb_list">
<li><a href="#">At tincidunt nunc pretium</a></li>
<li><a href="#">Etiam vitae rutrum libero</a></li>
<li><a href="#">Donec faucibus accumsan</a></li>
<li><a href="#">Phasellus auctor rhoncus</a></li>
<li><a href="#">Ut facilisis feugiat diam</a></li>
<li><a href="#">Vestibulum vel et felis</a></li>
</ul>
</div>
<div class="sb_box">
<h3>Popular Posts</h3>
<ul class="popular_post">
<li><a href="#">Donec eu orci dolor</a>Pellentesque in nunc quam. Sed molestie ultricies ante, vel scelerisque diam varius sed.</li>
<li><a href="#">Aliquam bibendum vulputate</a>Auris nisl mi, aliquet ac lobortis ut, tincidunt in tortor nisl vitae lectus dapibus pellentesque.</li>
<li><a href="#">Nunc viverra vestibulum </a>Nunc viverra vestibulum magna, nec dignissim turpis rhoncus tincidunt. Donec ac nibh arcu.</li>
<li><a href="#">Fusce placerat ultrices</a>Integer ac ultricies nisi. Curabitur velit ante, porttitor ac feugiat a, porta ut lectus.</li>
</ul>
</div>
</div>
<div class="cleaner"></div>
</div>
<div id="templatemo_bottom">
<div class="col one_fourth">
<h5>Recent Posts</h5>
<ul class="footer_link">
<li><a href="#">Morbi posuere dictum diam</a></li>
<li><a href="#">Suscipit porta mauris</a></li>
<li><a href="#">Luctus tincidunt iaculis</a></li>
<li><a href="#">Ut porta, lacus at mattis</a></li>
<li><a href="#">Non molestie turpis magna</a></li>
</ul>
</div>
<div class="col one_fourth">
<h5>Recent Comments</h5>
<ul class="footer_link">
<li><a href="#">Jones</a> on <a href="#">Vivamus ac augue eros</a></li>
<li><a href="#">Steven</a> on <a href="#">Curabitur imperdiet lacus</a></li>
<li><a href="#">Susan</a> on <a href="#">Duis nec justo ut eros dignissim</a></li>
<li><a href="#">Collin</a> on <a href="#">Suscipit dui integer imperdiet</a></li>
<li><a href="#">Edward</a> on <a href="#">Sed facilisis tempus nulla sit </a></li>
</ul>
</div>
<div class="col one_fourth">
<h5>Blogroll</h5>
<ul class="footer_link">
<li><a href="http://www.thozhan.org/page/1">Free CSS Templates</a></li>
<li><a href="http://www.webdesignmo.com/blog">Web Design Resources</a></li>
<li><a href="http://www.flashmo.com">Free Flash Templates</a></li>
<li><a href="http://www.thozhan.org">Website Templates</a></li>
<li><a href="http://www.koflash.com">Free Web Gallery</a></li>
</ul>
</div>
<div class="col one_fourth last_box">
<h5>Follow Us</h5>
<ul class="footer_link">
<li><a href="#" class="facebook social">Facebook</a></li>
<li><a href="#" class="linkedin social">Linkedin</a></li>
<li><a href="#" class="myspace social">Myspace</a></li>
<li><a href="#" class="youtube social">Youtube</a></li>
<li><a href="#" class="vimeo social">Vimeo</a></li>
</ul>
</div>
<div class="cleaner"></div>
</div>
<div id="templatemo_footer">
Copyright © 2048 Your Company Name | Designed by <a href="http://www.thozhan.org" target="_parent">Free CSS Templates</a>
</div>
</div>
</body>
</html>