-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathblog_post.html
335 lines (305 loc) · 20.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Blog Portfolio | PrintOnto</title>
<link rel="shortcut icon" href="assets/img/favicon.png" type="image/x-icon">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/css/bootstrap.min.css" integrity="sha384-2hfp1SzUoho7/TsGGGDaFdsuuDL0LX2hnUp6VkX3CUQ2K4K+xjboZdsXyp4oUHZj" crossorigin="anonymous">
<!-- Custom CSS -->
<link rel="stylesheet" type="text/css" href="assets/css/style.css" >
<link rel="stylesheet" type="text/css" href="assets/css/responsive.css" >
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap-dropdownhover.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/animate.css">
<link rel="stylesheet" type="text/css" href="assets/slider/flexslider.css">
<link rel="stylesheet" type="text/css" href="assets/slider/test-slider.css">
</head>
<body>
<section id="header">
<div class="container">
<nav class="navbar">
<!-- Brand -->
<a class="navbar-brand" href="#"><img src="assets/img/print-onto-logo.png" class="logo-img"></a>
<!-- Links -->
<ul class="nav navbar-nav pull-xs-right main-menu desktop-menu">
<li class="nav-item">
<a class="nav-link" href="about.html">about</a>
</li>
<li class="nav-item">
<a class="nav-link" href="why_choose_us.html">why choose us?</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="portfolio_product.html" data-toggle="dropdown" data-hover="dropdown">our works</a>
<ul class="dropdown-menu">
<li><a href="single_product.html">Canvas</a></li>
<li><a href="single_product.html">Wood</a></li>
<li><a href="single_product.html">Metal</a></li>
<li><a href="single_product.html">Vynil</a></li>
</ul>
</li>
<li class="nav-item nav-active">
<a href="blog_portfolio.html" class="nav-link">blog</a>
</li>
<li class="nav-item">
<a href="customer_dashboard.html" class="nav-link">contact</a>
</li>
<li class="nav-item">
<a href="index.php" class="nav-link">get started</a>
</li>
</ul>
<div class="cart-link desktop-cart wow bounceInDown">
<a href="customer_order.html">
<img src="assets/img/cart-img.png">
<div class="count-cart">2</div>
</a>
</div>
<!-- mobile menu -->
<ul class="nav navbar-nav pull-xs-right mobile-menu">
<li class="nav-item mobile-cart">
<a href="customer_order.html" class="nav-link"><img src="assets/img/cart-img.png"><span class="count-cart">2</span></a>
</li>
<li class="nav-item">
<a href="#" class="nav-link" id="navbarSideButton">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<!-- ☰ -->
</a>
</li>
</ul>
<ul class="navbar-side" id="navbarSide">
<li class="navbar-side-item">
<a href="#" class="side-link top"><</a>
</li>
<li class="navbar-side-item">
<a href="about.html" class="side-link">about</a>
</li>
<li class="navbar-side-item">
<a href="why_choose_us.html" class="side-link">why choose us?</a>
</li>
<li class="navbar-side-item">
<a href="portfolio_product.html" class="side-link" data-toggle="dropdown" data-hover="dropdown">our works</a>
<ul class="collapse dropdown-menu">
<li><a href="single_product.html">Canvas</a></li>
<li><a href="single_product.html">Wood</a></li>
<li><a href="single_product.html">Metal</a></li>
<li><a href="single_product.html">Vynil</a></li>
</ul>
</li>
<li class="navbar-side-item nav-active">
<a href="blog_portfolio.html" class="side-link">blog</a>
</li>
<li class="navbar-side-item">
<a href="customer_dashboard.html" class="side-link">contact</a>
</li>
<li class="navbar-side-item">
<a href="index.php" class="side-link">get started</a>
</li>
</ul>
<div class="overlay"></div>
<!-- mobile menu -->
</nav>
</div>
</section>
<section id="blog-post">
<div class="container">
<div class="row blog-header">
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
<div class="blog-title">
Lorem ipsum dolor sit amet, arcu ut aliquet massa, qui sollicitudin.
</div>
<div class="blog-poster">
<img src="assets/img/poster.png" class="float-left">
<div class="float-left">
By: <span>John Smith</span>
<p>Posted by 01.26.2015</p>
</div>
</div>
</div>
<div class="col-md-4 col-lg-4 hidden-sm-down">
<div class="float-right">
<img src="assets/img/comment.png"><span class="blog-comment"> 5 comments</span>
</div>
<div>
</div>
</div>
</div>
<div class="row blog-description">
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
<div class="blog-img">
<img src="assets/img/single-post.png">
<div class="mask">Image from Pinterest</div>
</div>
<div>
<p>Lorem ipsum dolor sit amet, suscipit lacus in, eu tortor libero sapien, at urna, pede aliquam malesuada. Porta mattis curabitur neque et justo congue, eget nunc erat vitae, ac ut lorem a. Phasellus libero ut, massa sollicitudin morbi in sed nisl, sit placerat mattis amet luctus justo vel, libero turpis diam orci viverra mauris quisque. Libero in ullamcorper praesent, dapibus justo sapien quam, repellendus id integer sodales nisl sagittis, eget mollis nibh ante vestibulum id, a nulla. Et est in libero tristique, purus tempus risus mattis malesuada augue, blandit vel. Auctor a nisl. Consectetuer laoreet dictumst nam taciti, parturient tempor suspendisse metus enim ultrices urna, dignissim curabitur molestie non egestas, phasellus pretium augue nulla turpis orci laoreet. Nascetur a rutrum, ac rhoncus. Diam lorem iaculis nunc elit, euismod leo dolor, vel vel viverra, faucibus magna a cras ornare, netus et ut rhoncus vel ut. Ipsum integer at, urna lorem et, vivamus integer wisi libero montes mi, suscipit facilisis nec laoreet vel, ut vel nec integer iaculis imperdiet. Posuere venenatis metus leo ornare, vitae vulputate ac augue eros ut per, accumsan velit sodales non luctus nisl laoreet. Ac lectus qui massa nullam, dui quis urna rutrum, fusce dignissim vestibulum amet aenean.<br><br>
Sed eu praesent vivamus, in in turpis torquent iaculis magna, fringilla tristique tincidunt, suscipit proin magnis. Urna gravida sem morbi, et sodales accumsan. Justo inceptos sagittis vitae auctor quisque proin, mauris nulla posuere vestibulum dui, felis magna sed mattis metus. Ultrices at quis feugiat sociosqu semper volutpat. Curabitur pellentesque felis est eleifend curabitur maecenas. Pellentesque erat, malesuada lacinia nonummy. Duis lectus ac sollicitudin sit donec erat. Mattis sit facilisi turpis, beatae dolor ullamcorper sed.<br><br>
Nullam vel lectus sed, omnis suscipit id. Leo fermentum nec vitae, wisi sed mauris magna ipsum, amet class lectus eget etiam nec ac, anim quis luctus luctus, eros quam a libero est magnis tempor. Metus lorem sit, sagittis arcu et nunc quos mauris, id proin morbi wisi nulla hymenaeos. Dapibus eu sapien condimentum, mauris nec fringilla, vel elementum vivamus consequat metus. Lectus metus pulvinar ac turpis fusce mi, pellentesque volutpat, gravida adipiscing tellus, aliquam felis dictum phasellus. Massa id vel eros erat, sit tempor fringilla dui diam id, lacus sapien tempor nisl dui velit arcu, duis praesent urna massa magna massa maecenas. A aenean quis elementum risus integer, volutpat ligula proin pharetra arcu ultrices. Nibh mauris nec amet, sem dui dui vel eget imperdiet. Sit nec suspendisse leo. Velit nisl wisi nec est congue, orci mauris, vehicula quis nunc, ridiculus pede et wisi iaculis praesent, dignissim vel ut amet. Turpis in amet, suspendisse netus id condimentum, imperdiet dui commodo.</p><br>
<h3><b>" Eget augue sem elementum. Elit leo in dolor, lectus vestibulum, nec libero quis lorem condimentum nonummy, platea dui, sapien nunc wisi sed quis id id. Interdum vitae scelerisque urna proin nam suspendisse, odio magna tempor montes quis non."</b></h3><br>
<p>Viverra risus arcu rhoncus vulputate venenatis vel, pede convallis felis et id ac pharetra, cursus vitae, nisl id pede fringilla sed, nullam phasellus leo mollis nec. Mauris fringilla mauris tortor ab sed, neque venenatis elit. Condimentum egestas a mollis purus nulla, sed dolor imperdiet aliquam justo ante sodales, rutrum tristique tortor justo rhoncus at, erat libero ante consectetuer massa. Quisque quis in velit erat. Vel nihil justo lorem rerum et, luctus dictumst penatibus erat nunc quis neque, leo rutrum at lectus, at leo ridiculus nunc ligula odio.<br><br>
Vivamus elementum. Nonummy porttitor odio odio donec. Laoreet at, urna tincidunt in id egestas orci, non proin, ad leo, ac aenean. Nunc suscipit dolor nulla vitae, consequat massa eu arcu gravida commodo sed, commodo fusce wisi. Id ultricies taciti metus in felis adipiscing, vel in ligula scelerisque quisque vel dignissim, eget neque porttitor sit.</p>
</div>
<div class="blog-reply">
<div class="comment-header">
<div class="float-left"><h4>5 Comments</h4></div>
<div class="float-right">
<img src="assets/img/pencil.png">
<span>Leave a comment</span>
</div>
</div>
<table>
<tr>
<td rowspan="2"><img src="assets/img/bloger-1.png"></td>
<td class="comment-author">Andrew Nathaniel Gibbs</td>
<td class="comment-day-ago">3 days ago</td>
</tr>
<tr>
<td colspan="2" class="comment-description">
Lorem ipsum dolor sit amet, vivamus sed maecenas fermentum eveniet nascetur, vehicula laoreet neque nec orci voluptatibus. Mauris purus dolor non neque fringilla, felis non, molestie nullam erat vestibulum. Non gravida aenean non non luctus, imperdiet eget erat at elementum dolor et.<br><br>
Aliquam erat aenean nonummy, feugiat quam neque, at elit. Eu egestas arcu lacinia, justo pharetra sodales metus vestibulum urna, proin quis, nunc integer et tincidunt in. Massa sed potenti ultrices vitae volutpat, sed massa ante massa duis, ut class at et, tellus vitae massa ante amet facere, est congue nec feugiat.<br><br>
<a href="#" class="reply-link">Reply</a>
</td>
</tr>
</table>
<hr>
<table>
<tr>
<td rowspan="2"><img src="assets/img/bloger-2.png"></td>
<td class="comment-author">Melissa Reynolds</td>
<td class="comment-day-ago">3 days ago</td>
</tr>
<tr>
<td colspan="2" class="comment-description">
Lorem ipsum dolor sit amet, vivamus sed maecenas fermentum eveniet nascetur, vehicula laoreet neque nec orci voluptatibus. Mauris purus dolor non neque fringilla, felis non, molestie nullam erat vestibulum. Non gravida aenean non non luctus, imperdiet eget erat at elementum dolor et.<br><br>
Aliquam erat aenean nonummy, feugiat quam neque, at elit. Eu egestas arcu lacinia, justo pharetra sodales metus vestibulum urna, proin quis, nunc integer et tincidunt in. Massa sed potenti ultrices vitae volutpat, sed massa ante massa duis, ut class at et, tellus vitae massa ante amet facere, est congue nec feugiat.<br><br>
<a href="#" class="reply-link">Reply</a>
<table>
<tr>
<td rowspan="2"><img src="assets/img/bloger-5.png"></td>
<td class="comment-author">Brandon Courtney</td>
<td class="comment-day-ago">3 days ago</td>
</tr>
<tr>
<td colspan="2" class="comment-description">
Lorem ipsum dolor sit amet, vivamus sed maecenas fermentum eveniet nascetur, vehicula laoreet neque nec orci voluptatibus. Mauris purus dolor non neque fringilla, felis non, molestie nullam erat vestibulum. Non gravida aenean non non luctus, imperdiet eget erat at elementum dolor et.<br><br>
Aliquam erat aenean nonummy, feugiat quam neque, at elit. Eu egestas arcu lacinia, justo pharetra sodales metus vestibulum urna, proin quis, nunc integer et tincidunt in. Massa sed potenti ultrices vitae volutpat, sed massa ante massa duis, ut class at et, tellus vitae massa ante amet facere, est congue nec feugiat.<br><br>
<a href="#" class="reply-link">Reply</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<hr>
<table>
<tr>
<td rowspan="2"><img src="assets/img/bloger-3.png"></td>
<td class="comment-author">Adam Bernard</td>
<td class="comment-day-ago">3 days ago</td>
</tr>
<tr>
<td colspan="2" class="comment-description">
Lorem ipsum dolor sit amet, vivamus sed maecenas fermentum eveniet nascetur, vehicula laoreet neque nec orci voluptatibus. Mauris purus dolor non neque fringilla, felis non, molestie nullam erat vestibulum. Non gravida aenean non non luctus, imperdiet eget erat at elementum dolor et.<br><br>
Aliquam erat aenean nonummy, feugiat quam neque, at elit. Eu egestas arcu lacinia, justo pharetra sodales metus vestibulum urna, proin quis, nunc integer et tincidunt in. Massa sed potenti ultrices vitae volutpat, sed massa ante massa duis, ut class at et, tellus vitae massa ante amet facere, est congue nec feugiat.<br><br>
<a href="#" class="reply-link">Reply</a>
</td>
</tr>
</table>
<hr>
<table>
<tr>
<td rowspan="2"><img src="assets/img/bloger-4.png"></td>
<td class="comment-author">Richard Anthony Parker</td>
<td class="comment-day-ago">3 days ago</td>
</tr>
<tr>
<td colspan="2" class="comment-description">
Lorem ipsum dolor sit amet, vivamus sed maecenas fermentum eveniet nascetur, vehicula laoreet neque nec orci voluptatibus. Mauris purus dolor non neque fringilla, felis non, molestie nullam erat vestibulum. Non gravida aenean non non luctus, imperdiet eget erat at elementum dolor et.<br><br>
Aliquam erat aenean nonummy, feugiat quam neque, at elit. Eu egestas arcu lacinia, justo pharetra sodales metus vestibulum urna, proin quis, nunc integer et tincidunt in. Massa sed potenti ultrices vitae volutpat, sed massa ante massa duis, ut class at et, tellus vitae massa ante amet facere, est congue nec feugiat.<br><br>
<a href="#" class="reply-link">Reply</a>
</td>
</tr>
</table>
<hr>
</div>
<div class="leave-comment-form">
<h2>Leave comment</h2>
<div class="form-group"><input type="text" class="form-control" placeholder=" Name"></div>
<div class="form-group"><input type="text" class="form-control" placeholder=" Email"></div>
<div class="form-group"><textarea class="form-control" placeholder="Your message here."></textarea></div>
<a href="#" class="yellow-btn">Submit</a>
</div>
</div>
<div class="col-md-4 col-lg-4 hidden-sm-down">
<h2 class="popular-post-title">POPULAR POSTS</h2>
<div class="popular-post">
<img src="assets/img/blog-1.png">
<h4>Diam lorem iaculis nunc elit, euismod leo dolor, vel vel viverra.</h4>
</div>
<div class="popular-post">
<img src="assets/img/blog-2.png">
<h4>Ut iaculis morbi, libero fusce platea sodales dignissim.</h4>
</div>
<div class="popular-post">
<img src="assets/img/blog-3.png">
<h4>Consectetuer laoreet dictumst nam taciti, parturient tempor.</h4>
</div>
<h2 class="archive-title">ARCHIVE</h2>
<div class="archive">
<li>September 2014 <span class="float-right">(42)</span></li>
<li>October 2014 <span class="float-right">(52)</span></li>
<li>November 2014 <span class="float-right">(42)</span></li>
<li>December 2014 <span class="float-right">(52)</span></li>
<li>January 2015 <span class="float-right">(67)</span></li>
<li>February 2015 <span class="float-right">(22)</span></li>
<li>March 2015 <span class="float-right">(90)</span></li>
<li>April 2015 <span class="float-right">(43)</span></li>
<li>May 2015 <span class="float-right">(42)</span></li>
<li>June 2015 <span class="float-right">(27)</span></li>
<li>July 2015 <span class="float-right">(32)</span></li>
<li>August 2015 <span class="float-right">(41)</span></li>
<li>September 2015 <span class="float-right">(23)</span></li>
</div>
</div>
</div>
</div>
</section>
<section id="footer">
<div class="container">
<img src="assets/img/print-onto-p-logo-beveled.png" class="footer-logo mobile-footer-logo">
<div class="row">
<div class="col-sm-12 col-md-9 col-lg-8 footer-left">
<div>
<span><a href="#">home</a></span>
<span><a href="#">about</a></span>
<span><a href="#">why choose us?</a></span>
<span><a href="#">our works</a></span>
<span><a href="#">blog</a></span>
<span><a href="#">contact</a></span>
<span class="social-link"><a href="#"><img src="assets/img/facebook-m.png"></a></span>
<span class="social-link"><a href="#"><img src="assets/img/twit-m.png"></a></span>
<span class="social-link"><a href="#"><img src="assets/img/insta-m.png"></a></span>
</div>
<div class="copyright">
copyright 2015. printOnto. all rights reserved.
</div>
</div>
<div class="col-sm-12 col-md-3 col-lg-4 footer-right">
<img src="assets/img/print-onto-p-logo-beveled.png" class="footer-logo">
</div>
</div>
</div>
</section>
<!-- jQuery first, then Tether, then Bootstrap JS. -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js" integrity="sha384-THPy051/pYDQGanwU6poAc/hOdQxjnOEXzbT+OuUAFqNqFjL+4IGLBgCJC3ZOShY" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.2.0/js/tether.min.js" integrity="sha384-Plbmg8JY28KFelvJVai01l8WyZzrYWG825m+cZ0eDDS1f7d/js6ikvy1+X+guPIB" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/js/bootstrap.min.js" integrity="sha384-VjEeINv9OSwtWFLAtmc4JCtEJXXBub00gtSnszmspDLCtC0I4z4nqz7rEFbIZLLU" crossorigin="anonymous"></script>
<!-- Custom JS -->
<script src="assets/js/bootstrap-dropdownhover.min.js"></script>
<script src="assets/slider/jquery.flexslider.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/js.js"></script>
</body>
</html>