-
Notifications
You must be signed in to change notification settings - Fork 1
/
blog_main.html
356 lines (281 loc) · 16.7 KB
/
blog_main.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
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
<!DOCTYPE HTML>
<!--[if IE 7 ]> <html class="ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<!-- Meta information -->
<meta charset="utf-8">
<title> Brandspace - Blog Main - by pixelentity</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="robots" content="index, follow" />
<meta name="SKYPE_TOOLBAR" content ="SKYPE_TOOLBAR_PARSER_COMPATIBLE"/>
<!-- favicon & idevice homepage thumb -->
<link rel="shortcut icon" href="favicon.jpg">
<!--CSS Compressor-->
<!--Replace all css import statements with 1 of these options - see help file for more info.-->
<!-- option 1 -->
<!--<link rel="stylesheet" href="packs/jscsscomp.php?q=pack.css" />-->
<!-- option 2 -->
<!--<link rel="stylesheet" href="packs/pack.css" />-->
<!--end css compressor-->
<!-- main stylesheets -->
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/960.css" />
<link rel="stylesheet" href="css/text.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/prettyPhoto.css" />
<!-- color stylesheet -->
<!--<link rel="stylesheet" href="css/dark.css" />-->
<!--Js Compressor-->
<!--Replace all js import statements with 1 of these options - see help file for more info.-->
<!-- option 1 -->
<!--<script type="text/javascript" src="packs/jscsscomp.php?q=pack.js"></script>-->
<!-- option 2 -->
<!--<script type="text/javascript" src="packs/pack.js"></script>-->
<!--end js compressor-->
<!-- import jQuery -->
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/style.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.fetch-tweets.js"></script>
<!--import custom js file -->
<script type="text/javascript" src="js/modernizr.custom.js"></script>
<script type="text/javascript" src="js/jquery.pixelentity.utils.geom.js"></script>
<script type="text/javascript" src="js/jquery.pixelentity.utils.ticker.js"></script>
<script type="text/javascript" src="js/jquery.pixelentity.transform.js"></script>
<script type="text/javascript" src="js/jquery.pixelentity.kenburns.js"></script>
<script type="text/javascript" src="js/jquery.vid.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.min.js"></script>
<script type="text/javascript" src="js/slider.js"></script>
<script type="text/javascript" src="js/twitter.js"></script>
<script type="text/javascript" src="js/tagrotator.js"></script>
<script type="text/javascript" src="js/faq.js"></script>
<script type="text/javascript" src="js/contact.js"></script>
<script type="text/javascript" src="js/newsletter.js"></script>
<script type="text/javascript" src="js/gmap.js"></script>
<script type="text/javascript" src="js/longinfo.js"></script>
<script type="text/javascript" src="js/prettyPhoto.js"></script>
<script type="text/javascript" src="js/gallery.js"></script>
<script type="text/javascript" src="js/video.js"></script>
<!-- font replacement -->
<script type="text/javascript" src="js/cufon_ie9.js"></script>
<script type="text/javascript" src="js/ArdleysHand_500.font.js"></script>
<script type="text/javascript" src="js/Gotham_Narrow_Light_300.font.js"></script>
<script type="text/javascript">
Cufon.replace('h2', { fontFamily: 'ArdleysHand' });
Cufon.replace('h3', { fontFamily: 'Gotham Narrow Light' });
Cufon.replace('#tagline h4', { fontFamily: 'Gotham Narrow Light' });
Cufon.replace('#mainContent .post blockquote', { fontFamily: 'Gotham Narrow Light' });
</script>
<!--end font replacement-->
</head>
<body class="clearfix" id="blogMain">
<div id="siteWrapper" class="container_16">
<div id="main">
<div id="header" class="grid_16">
<!--logo-->
<a href="index.html" title="Home"><h1 id="logoHead" class="grid_5">Brandspace</h1></a>
<h2>home</h2>
<!--main navigation-->
<ul id="mainNav">
<li class="menu grid_2"><a href="side_notes.html" title="About">About</a>
<ul class="subMenu">
<li><a href="testimonial.html" title="Testimonials">Testimonial</a></li>
<li><a href="side_notes.html" title="Text with Side Notes">Text & Side Notes</a></li>
<li><a href="full_width.html" title="Full Width Page">Full Width Page</a></li>
<li><a href="minimal_text.html" title="Minimal Text Page">Minimal Text</a></li>
</ul>
</li>
<li class="menu grid_2"><a class="selected" href="#" title="News">News</a>
<ul class="subMenu">
<li><a href="services.html" title="Services Page">Our Services</a></li>
<li><a class="selected" href="blog_main.html" title="Main Blog Page">Blog Main</a></li>
<li><a href="blog_post.html" title="Long Blog Article">Long Article</a></li>
<li><a href="blog_post_minimal.html" title="Minimal Blog Post">Minimal Post</a></li>
</ul>
</li>
<li class="menu grid_2"><a href="portfolio_categories.html" title="Our Work">Our Work</a>
<ul class="subMenu">
<li><a href="portfolio_categories.html" title="Portfolio Main">Portfolio</a></li>
<li><a href="portfolio_category_single.html" title="Single Category Page">Web Category</a></li>
<li><a href="portfolio_project.html" title="Single Project Page">Project Page</a></li>
<li><a href="#" title="Dark Skin">Dark Skin</a></li>
</ul>
</li>
<li class="menu grid_2 navLast"><a href="#" title="Support">Contact</a>
<ul class="subMenu">
<li><a href="get_a_quote.html" title="Contact Us or Request a Quotation">Email / Quote</a></li>
<li><a href="faq.html" title="Frequently Asked Questions">FAQ</a></li>
<li><a href="404.html" title="Frequently Asked Questions">404</a></li>
</ul>
</li>
</ul>
</div>
<!-- end header -->
<!-- tagline-->
<div id="tagline" class="grid_16" data-delay="6">
<h4 class="currentSlogan left">Welcome to the <a href="#">Our Blog</a>. Catch up on the latest news, indepth tutorials and see what a day in the life of our company is like.</h4>
<h4 class="left">This is a jQuery tagline rotator. Easily set the text alingment to the <a href="#">left</a>, <a href="#">right</a> or <a href="#">center</a> on a phrase by phrase basis. This one is aligned left.</h4>
<h4 class="right">Use this area to make <a href="#">ANNOUNCEMENTS</a> about news items, blog posts, special offers etc. Each page may have as many taglines as you wish.</h4>
<h4 class="center singleLine">Setting the delay time for the rotation is as simple as changing the <a href="#">"data-delay"</a> attribute in the page's html markup. </h4>
<h4 class="center">This intelligent tagline rotator supports the use of <a href="#">link tags</a>. To all ow users to click these links, the rotator <a href="#">pauses</a> once a user rolls over the tagline with their mouse. </h4>
</div>
<!--end tagline-->
<!--testimonial sidebar-->
<div id="sidebar" class="grid_7">
<!--search box-->
<form action="#"><input id="search" type="text" /><input type="submit" value="Go" /></form>
<h2 id="searchLabel">Search</h2>
<!--text widget-->
<div id="textWidget">
<h3>Sidebar Text Widget</h3>
<p>Lorem ipsum dolor sit amet, consectetuer piscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti. Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus.</p>
<a href="#"><h2>read More</h2></a>
</div>
<!--facebook like widget-->
<div id="likeBtn">
<h3>Like Brandspace?</h3>
<a href="#" title="Like Brandspace"><img src="img/icons/fb_like.png" alt="facebook like button" /></a>
</div>
<!--categories list-->
<div id="catList">
<h3>Category List</h3>
<div class="line"></div>
<ul>
<li><a href="#">Meandering Thoughts<span>02</span></a></li>
<li><a href="#">People of Interesting<span>05</span></a></li>
<li><a href="#">Graphics<span>10</span></a></li>
<li><a href="#">Web Design<span>33</span></a></li>
<li><a href="#">Magic<span>05</span></a></li>
</ul>
<div class="line"></div>
</div>
<!--featured work widget-->
<div id="featWork">
<h3>Featured Work</h3>
<div class="first">
<a href="img/blog_main/feat_01_lrg.jpg" rel="prettyPhoto"><img src="img/blog_main/feat_01.jpg" /></a>
<a class="caption" href="#" title="Caption Link">Short Caption</a>
</div>
<div>
<a href="img/blog_main/feat_02_lrg.jpg" rel="prettyPhoto"><img src="img/blog_main/feat_03.jpg" /></a>
<a class="caption" href="#" title="Caption Link">Short Caption</a>
</div>
</div>
<!--popular list-->
<div id="popList">
<h3>Popular Articles</h3>
<div class="line"></div>
<ul>
<li><a href="#">Post With Image<span>02</span></a></li>
<li><a href="#">Hello World<span>05</span></a></li>
<li><a href="#">Long Live Flash<span>10</span></a></li>
<li><a href="#">iAddiction<span>33</span></a></li>
<li><a href="#">Most Loved Lists<span>05</span></a></li>
</ul>
<div class="line"></div>
</div>
</div>
<!--end statistic sidebar-->
<!--main content-->
<div id="mainContent" class="grid_9">
<div class="post postSml latest clearfix">
<a href="blog_post.html" title="Post With Large Image"><h1>The Latest Post Title Here</h1></a>
<h2>post subtitle here</h2>
<a href="blog_post.html"><img src="img/blog_main/post_sml_01.jpg" alt="Post With Large Image" /></a>
<p class="summary">Morbi interdum mollis sapien. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu pulvina ut risus, vitae facilisis libero dolor a purus. Sed vel lacus. Mauris nibh felis, adipiscing varius, apisin, lacinia vel, tellus ac urna. Etiam pellentesque mauris ut lectus. Nunc tellus ante, iseget. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus. Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.</p>
<span class="user">pixelentity</span>
<span class="date">feb 05 2011</span>
<span class="comments"><a href="#" title="comments">04</a></span>
<a class="readMore" href="#"><h2>Read More</h2></a>
</div>
<div class="post postSml">
<a href="blog_post_minimal.html" title="Post With Small Image"><h1>Post With Small Image</h1></a>
<h2>post subtitle here</h2>
<a href="blog_post_minimal.html"><img src="img/blog_main/post_sml_01.jpg" alt="Post With Small Image" /></a>
<p class="summary">Morbi interdum mollis sapien. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu pulvina ut risus, vitae facilisis libero dolor a purus. Sed vel lacus. Mauris nibh felis, adipiscing varius, apisin, lacinia vel, tellus ac urna. Etiam pellentesque mauris ut lectus. Nunc tellus ante, iseget. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus. Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.</p>
<span class="user">pixelentity</span>
<span class="date">feb 05 2011</span>
<span class="comments"><a href="#" title="comments">04</a></span>
<a class="readMore" href="#"><h2>Read More</h2></a>
</div>
<div class="post">
<a href="blog_post_minimal.html" title="Post Without Image"><h1>Minimal Post Without Image</h1></a>
<h2>post subtitle here</h2>
<p class="summary">Morbi interdum mollis sapien. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu pulvina ut risus, vitae facilisis libero dolor a purus. Sed vel lacus. Mauris nibh felis, adipiscing varius, apisin, lacinia vel, tellus ac urna. Etiam pellentesque mauris ut lectus. Nunc tellus ante, iseget. amet, nisi.</p>
<span class="user">pixelentity</span>
<span class="date">feb 05 2011</span>
<span class="comments"><a href="#" title="comments">04</a></span>
<a class="readMore" href="#"><h2>Read More</h2></a>
</div>
<div class="post postSml last">
<a href="blog_post.html" title="Post With Large Image"><h1>Another Post With Small Image</h1></a>
<h2>post subtitle here</h2>
<a href="blog_post.html"><img src="img/blog_main/post_sml_01.jpg" alt="Post With Large Image" /></a>
<p class="summary">Morbi interdum mollis sapien. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu pulvina ut risus, vitae facilisis libero dolor a purus. Sed vel lacus. Mauris nibh felis, adipiscing varius, apisin, lacinia vel, tellus ac urna. Etiam pellentesque mauris ut lectus. Nunc tellus ante, iseget. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus. Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.</p>
<span class="user">pixelentity</span>
<span class="date">feb 05 2011</span>
<span class="comments"><a href="#" title="comments">04</a></span>
<a class="readMore" href="#"><h2>Read More</h2></a>
</div>
</div>
<!--end main content-->
<!--connect bar-->
<div id="connect" class="grid_16">
<!--social media icons-->
<h2>Hang With Us</h2>
<ul id="socialMedia">
<li><a class="first" href="#">1</a></li>
<li><a class="second" href="#">2</a></li>
<li><a class="third" href="#">3</a></li>
<li><a class="fourth" href="#">4</a></li>
<li><a class="fifth" href="#">5</a></li>
</ul>
<!--pagination-->
<div id="mainPagination">
<a class="older" href="#">
<h2>Older Posts</h2>
</a>
<a class="newer" href="#">
<h2>Newer Posts</h2>
</a>
</div>
</div>
<!--end connect bar-->
</div>
</div> <!-- end site wrapper -->
<!--footer-->
<div id="footer" class="container_16">
<!--footer info-->
<div id="footInfo" class="grid_7">
<img id="footLogo" src="img/logo/logoFoot_02.png"/>
<p>Lorem ipsum dolor sit amet, consectetuer.</p>
<p>Quick contact - <a href="#">hello@emailaddress.com</a></p>
<p id="phone">+353 (0) 123 456 78</p>
<span>Copyright info here. Made by</span><h2><a href="http://themeforest.net/user/pixelentity">pixelentity</a></h2>
</div>
<!--end footer info-->
<!--twitter widget-->
<div id="twitter" data-username="envato">
<h3>Tweet Widget</h3>
<span>loading...</span>
<h4>line</h4>
<p>Loading latest tweet - follow us here <a href="http://www.twitter.com/pixelentity">@pixelentity</a></p>
</div>
<!--end twitter widget-->
<!--latest from blog-->
<div id="blogLatest">
<h3>Latest Article</h3>
<span>Feb 03 2011</span>
<a id="commentsNum" href="#">25</a>
<h4>line</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volut mattis eros. Nullam malesuada erat ut.....</p>
<a id="blogLink" href="blog_main.html"><h2>Go To The Blog</h2></a>
</div>
<!--end latest from blog-->
</div>
<!--end footer-->
</body>
</html>