-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog_post.html
259 lines (212 loc) · 14.2 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
<!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>Elegant Theme - Blog Post Page</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<!--
Template 2030 Elegant
http://www.tooplate.com/view/2030-elegant
-->
<link href="tooplate_style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="tooplate_wrapper">
<div id="tooplate_header">
<div id="site_title"><h1><a href="#">Elegant Template</a></h1></div>
</div> <!-- end of forever header -->
<div id="tooplate_menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="contact.html" class="last">Contact</a></li>
</ul>
</div> <!-- end of tooplate_menu -->
<div id="tooplate_main">
<div id="tooplate_content">
<div class="post_box">
<div class="date_box">
<div class="date">19<span>OCT 2048</span></div>
<div class="post_comment">13 Comments</div>
</div>
<div class="post_box_right">
<h2>Single Blog Post</h2>
<div class="post_meta"><a href="#">3D</a> \ <a href="#">Interactive</a></div>
<img src="images/tooplate_image_01.jpg" alt="Image 01" />
<p>Elegant is a free website template provided by Template Forever. Credits go to <a href="http://www.photovaco.com/" target="_blank">PhotoVaco.com</a> for photos, <a href="http://www.brusheezy.com/textures/2433-Dying-Ice" target="_blank">Dying Ice</a> for Texture, <a href="http://jwloh.deviantart.com/art/Aquaticus-Social-91014249" target="_blank">jwloh</a> for Aquaticus.Social social icons and <a href="http://nivo.dev7studios.com/" target="_blank">dev7studios.com</a> for Nivo Slider. You shall keep a credit link <a href="http://www.tooplate.com" target="_parent">Website Templates</a> on your websites.
</p>
<p><a href="http://www.tooplate.com" target="_parent">tooplate.com</a> provides a lot of high quality free Website templates for your personal or commercial websites. All templates are absolutely free to download, modify and apply for your websites without any restriction. All of them are W3C standard compliant XHTML/CSS layouts. Enjoy! Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a href="#">Sed tempus egestas</a> diam quis dapibus. Quisque sed mauris velit, a congue lorem. Aliquam quis mi sed libero dapibus iaculis a et mi. Vestibulum posuere auctor orci et accumsan. Aliquam pellentesque dui eleifend velit eleifend et viverra nisi feugiat.</p>
</div>
<div class="cleaner"></div>
</div>
<h3>Comments</h3>
<div id="comment_section">
<ol class="comments first_level">
<li>
<div class="comment_box commentbox1">
<div class="gravatar">
<img src="images/avator.png" alt="author" />
</div>
<div class="comment_text">
<div class="comment_author">Book<span class="date">June 5th, 2048</span><span class="time">1:08 pm</span></div>
<p>Etiam dictum est et arcu viverra a hendrerit lorem elementum. Duis diam ligula, luctus sit amet pellentesque ut, luctus vel enim. Nullam eu sapien aliquet magna convallis posuere nec vitae leo. Duis euismod fringilla diam at facilisis.</p>
<div class="btn_more float_r"><a href="#"><span>+</span> Reply</a></div>
</div>
<div class="cleaner"></div>
</div>
</li>
<li>
<ol class="comments">
<li>
<div class="comment_box commentbox2">
<div class="gravatar">
<img src="images/avator.png" alt="author" />
</div>
<div class="comment_text">
<div class="comment_author">Edward<span class="date">June 5th, 2048</span><span class="time">8:49 pm</span></div>
<p>Pellentesque nulla libero, viverra eu porta eu, elementum congue elit. </p>
<div class="btn_more float_r"><a href="#"><span>+</span> Reply</a></div>
</div>
<div class="cleaner"></div>
</div>
</li>
<li>
<ol class="comments">
<li>
<div class="comment_box commentbox1">
<div class="gravatar">
<img src="images/avator.png" alt="author" />
</div>
<div class="comment_text">
<div class="comment_author">Book<span class="date">June 5th, 2048</span><span class="time">4:29 pm</span></div>
<p>Fusce rutrum convallis tellus sit amet lacinia.</p>
<div class="btn_more float_r"><a href="#"><span>+</span> Reply</a></div>
</div>
<div class="cleaner"></div>
</div>
</li>
</ol>
</li>
</ol>
</li>
<li>
<div class="comment_box commentbox1">
<div class="gravatar">
<img src="images/avator.png" alt="author" />
</div>
<div class="comment_text">
<div class="comment_author">Justin<span class="date">June 7th, 2048</span><span class="time">9:02 am</span></div>
<p>Donec dolor nunc, pellentesque ac gravida quis, ultrices in lectus. Aliquam auctor, massa a pretium placerat, arcu magna malesuada nisl, in placerat risus magna et neque. </p>
<div class="btn_more float_r"><a href="#"><span>+</span> Reply</a></div>
</div>
<div class="cleaner"></div>
</div>
</li>
<li>
<div class="comment_box commentbox1">
<div class="gravatar">
<img src="images/avator.png" alt="author" />
</div>
<div class="comment_text">
<div class="comment_author">Mike<span class="date">June 15th, 2048</span><span class="time">11:52 am</span></div>
<p>Phasellus massa est, laoreet eu porttitor et, bibendum sed turpis. Vivamus id tempor dui. Donec adipiscing est quis mi egestas viverra.</p>
<div class="btn_more float_r"><a href="#"><span>+</span> Reply</a></div>
</div>
<div class="cleaner"></div>
</div>
</li>
</ol>
</div> <!-- end of comment -->
<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 class="cleaner"></div>
</div>
<div id="tooplate_sidebar">
<div class="sidbar_box">
<a href="#"><img src="images/tooplate_250x250_ad.jpg" alt="250x250 ad" /></a>
</div>
<div class="sidbar_box">
<h4>Categories</h4>
<ul class="tooplate_list">
<li><a href="index.html">Aliquam ut arcu a metus</a></li>
<li><a href="index.html">Donec eu ipsum lectus</a></li>
<li><a href="index.html">Fusce at mauris massa</a></li>
<li><a href="index.html">Mauris eleifend elit nec</a></li>
<li><a href="index.html">Phasellus posuere ipsum</a></li>
<li><a href="index.html">Sed venenatis dui eget</a></li>
</ul>
</div>
<div class="sidbar_box">
<h4>Recent comments</h4>
<div class="recent_comment_box">
<a href="#">Maecenas vel ligula dolor</a>
<p>Curabitur pellentesque varius nibh, sit amet ultrices urna lobortis ac.</p>
</div>
<div class="recent_comment_box">
<a href="#">Aenean feugiat mattis </a>
<p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
</div>
<div class="recent_comment_box last_recent_comment_box">
<a href="#"> Lacus enim id lacinia in</a>
<p>Curabitur ullamcorper ultricies nisi. Nam eget dui. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> and <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>
</div>
</div>
<div class="cleaner"></div>
</div>
<div class="cleaner"></div>
</div> <!-- end of main -->
<div id="tooplate_footer_wrapper">
<div id="tooplate_footer">
<div class="col_w280">
<h5>Pages</h5>
<ul class="tooplate_list">
<li><a href="index.html">Etiam commodo</a></li>
<li><a href="index.html">Praesent adipiscing</a></li>
<li><a href="index.html">Duis sed justo</a></li>
<li><a href="index.html">Mauris vulputate</a></li>
<li><a href="index.html">Mauris dignissim</a></li>
<li><a href="index.html">In adipiscing purus</a></li>
</ul>
</div>
<div class="col_w280">
<h5>Partners</h5>
<ul class="tooplate_list">
<li><a href="index.html">Aenean ac tellus nec</a></li>
<li><a href="index.html">Maecenas vestibulum</a></li>
<li><a href="index.html">Ut eget tellus eget</a></li>
<li><a href="index.html">Curabitur ut lectus</a></li>
<li><a href="index.html">Vivamus vel augue vel</a></li>
<li><a href="index.html">Praesent varius tempor</a></li>
</ul>
</div>
<div class="col_w280 last_col">
<h5>About Us</h5>
<p>Aliquam venenatis nisl a lacus facilisis accumsan. Ut id tellus a velit adipiscing condimentum ornare nec lectus. Nam ut dui sit amet metus sagittis bibendum quis in odio. Quisque sit amet erat a lorem condimentum placerat. Duis dignissim, justo vel consequat vulputate, neque nibh gravida nisi, et posuere mauris turpis dapibus quam.</p>
</div>
<div class="cleaner"></div>
</div>
<div id="tooplate_copyright">
Copyright © 2048 <a href="#">Company Name</a> - Design: <a href="http://www.tooplate.com">tooplate</a>
</div>
</div>
</div> <!-- end of wrapper -->
</body>
</html>