-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathblog-single.html
More file actions
258 lines (231 loc) · 17.1 KB
/
blog-single.html
File metadata and controls
258 lines (231 loc) · 17.1 KB
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
<!DOCTYPE html>
<!--
Be by TEMPLATE STOCK
templatestock.co @templatestock
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Be Free HTML5 Responsive Template | Template Stock</title>
<!-- =============== Bootstrap Core CSS =============== -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css" type="text/css">
<!-- =============== fonts awesome =============== -->
<link rel="stylesheet" href="assets/font/css/font-awesome.min.css" type="text/css">
<!-- =============== Plugin CSS =============== -->
<link rel="stylesheet" href="assets/css/animate.min.css" type="text/css">
<!-- =============== Custom CSS =============== -->
<link rel="stylesheet" href="assets/css/style.css" type="text/css">
<!-- =============== Owl Carousel Assets =============== -->
<link href="assets/owl-carousel/owl.carousel.css" rel="stylesheet">
<link href="assets/owl-carousel/owl.theme.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- =============== Preloader =============== -->
<div id="preloader">
<div id="loading">
<img width="256" height="32" src="assets/img/loading-cylon-red.svg">
</div>
</div>
<!-- =============== nav =============== -->
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><img src="assets/img/logo.png" alt="Logo">
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li>
<a class="page-scroll" href="index.html">Home</a>
</li>
<li>
<a class="page-scroll" href="index.html#about">About</a>
</li>
<li>
<a class="page-scroll" href="#Services">Services</a>
</li>
<li>
<a class="page-scroll" href="#Gallery">Gallery</a>
</li>
<li class="active">
<a class="page-scroll" href="#blog">Blog</a>
</li>
<li>
<a class="page-scroll" href="#contact">Contact</a>
</li>
</ul>
</div>
<!-- =============== navbar-collapse =============== -->
</div>
</div>
<!-- =============== container-fluid =============== -->
</nav>
<!-- =============== header =============== -->
<header id="home" class="blog-header">
<!-- =============== container =============== -->
<div class="container">
<div class="header-content row">
<h1>Blog </h1>
</div>
</div>
<!-- =============== container end =============== -->
</header>
<!-- =============== blog single =============== -->
<section>
<div class="container marg50">
<div class="row">
<div class="col-lg-12">
<div class="classic-blog blog-single">
<div class="bs-blog-img"><img alt="" src="assets/img/blog3.JPG"></div>
<div class="bs-blog-naz">
<div class="bs-blog-type"><i class="fa fa-pencil-square-o"></i></div>
<div class="bs-blog-name"><a href="#">Travelling with kids Quensland Capricorn Coast</a></div>
<div class="bs-blog-detail">10 February 2014 - 11:32, by <a href="#">Dankov</a>, in <a href="#">Envato</a>, <a href="#">25 comments</a></div>
<div class="bs-blog-text">Recommend existence curiosity perfectly favourite get eat she why daughters. Not may too nay busy last song must sell. An newspaper assurance discourse ye certainly. Soon gone game and why many calm have. An so vulgar to on points wanted. Not rapturous resolving continued household northward gay. He it otherwise supported instantly. Unfeeling agreeable suffering it on smallness newspaper be. So come must time no as. Do on unpleasing possession as of unreserved. Yet joy exquisite put sometimes enjoyment perpetual now. Behind lovers eat having length horses vanity say had its.<br><br><blockquote>Real sold my in call. Invitation on an advantages collecting. But event old above shy bed noisy. Had sister see wooded favour income has. Stuff rapid since do as hence. Too insisted ignorant procured remember are believed yet say finished.</blockquote>Months on ye at by esteem desire warmth former. Sure that that way gave any fond now. His boy middleton sir nor engrossed affection excellent. Dissimilar compliment cultivated preference eat sufficient may. Well next door soon we mr he four. Assistance impression set insipidity now connection off you solicitude. Under as seems we me stuff those style at. Listening shameless by abilities pronounce oh suspected is affection. Next it draw in draw much bred.<br><br>New had happen unable uneasy. Drawings can followed improved out sociable not. Earnestly so do instantly pretended. See general few civilly amiable pleased account carried. Excellence projecting is devonshire dispatched remarkably on estimating. Side in so life past. Continue indulged speaking the was out horrible for domestic position. Seeing rather her you not esteem men settle genius excuse. Deal say over you age from. Comparison new ham melancholy son themselves.<br><br><blockquote>It sportsman earnestly ye preserved an on. Moment led family sooner cannot her window pulled any. Or raillery if improved landlord to speaking hastened differed he. Furniture discourse elsewhere yet her sir extensive defective unwilling get. Why resolution one motionless you him thoroughly. Noise is round to in it quick timed doors. Written address greatly get attacks inhabit pursuit our but. Lasted hunted enough an up seeing in lively letter. Had judgment out opinions property the supplied.</blockquote>Its had resolving otherwise she contented therefore. Afford relied warmth out sir hearts sister use garden. Men day warmth formed admire former simple. Humanity declared vicinity continue supplied no an. He hastened am no property exercise of. Dissimilar comparison no terminated devonshire no literature on. Say most yet head room such just easy. Greatest properly off ham exercise all. Unsatiable invitation its possession nor off. All difficulty estimating unreserved increasing the solicitude. Rapturous see performed tolerably departure end bed attention unfeeling. On unpleasing principles alteration of. Be at performed preferred determine collected. Him nay acuteness discourse listening estimable our law. Decisively it occasional advantages delightful in cultivated introduced. Like law mean form are sang loud lady put.
</div>
</div>
</div>
<div class="row marg50">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<div class="tags-blog-single">
<ul class="tags-blog">
<li><a href="#">sapien</a></li>
<li><a href="#">posuere</a></li>
<li><a href="#">interdum</a></li>
<li><a href="#">lectus</a></li>
<li><a href="#">velit</a></li>
<li><a href="#">eros</a></li>
<li><a href="#">quis</a></li>
</ul>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<div class="soc-blog-single">
<ul class="soc-blog">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-pinterest"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-vk"></i></a></li>
<li><a href="#"><i class="fa fa-tumblr"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="author-bio">
<div class="img-author"><img alt="" src="assets/img/dan-4.png"></div>
<div class="name-author">About this author</div>
<div class="text-author">Be at performed preferred determine collected. Him nay acuteness discourse listening estimable our law. Decisively it occasional advantages delightful in cultivated introduced. Like law mean form are sang loud lady put. Unsatiable invitation its possession nor off. All difficulty estimating unreserved increasing the solicitude.</div>
</div>
<div class="bs-blog-line"></div>
<h3>5 Comments on "Rank tall boy man them over post now rapturous unreserved"</h3>
<div class="comment marg25">
<img class="img_comm" alt="" src="assets/img/team-img1.jpg">
<div class="comm_name">Jone <span>- 8 February 2015</span></div>
<p class="text_cont com_top">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati sed facere numquam accusantium ratione neque nulla veniam voluptatem officiis libero eaque expedita dignissimos aliquam alias cupiditate sunt doloribus fugit.</p>
</div>
<div class="bs-blog-line-com"></div>
<div class="comment">
<img class="img_comm" alt="" src="assets/img/team-img2.jpg">
<div class="comm_name">Shone Svenson <span>- 12 February 2015</span></div>
<p class="text_cont com_top">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati sed facere numquam accusantium ratione neque nulla veniam voluptatem officiis libero eaque expedita dignissimos aliquam alias cupiditate sunt doloribus fugit. Dolores aut consectetur quas quisquam voluptate?</p>
</div>
<div class="comment-inner">
<img class="img_comm" alt="" src="assets/img/team-img1.jpg">
<div class="comm_name">Jone <span>- 14 February 2015</span></div>
<p class="text_cont com_top">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati sed facere numquam accusantium ratione neque nulla veniam voluptatem officiis libero eaque expedita dignissimos aliquam alias cupiditate sunt doloribus fugit. Dolores aut consectetur quas quisquam voluptate?</p>
</div>
<div class="bs-blog-line-com"></div>
<div class="comment">
<img class="img_comm" alt="" src="assets/img/team-img3.jpg">
<div class="comm_name">Black Stripes <span>- 16 February 2014</span></div>
<p class="text_cont com_top">Dolores aut consectetur quas quisquam voluptate fugit saepe reiciendis eligendi odio? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati sed facere numquam accusantium ratione neque nulla veniam voluptatem officiis libero eaque expedita dignissimos aliquam alias cupiditate sunt doloribus fugit. Dolores aut consectetur quas quisquam voluptate fugit saepe reiciendis eligendi odio?</p>
</div>
<div class="bs-blog-line"></div>
<p class="text_cont"><input type="text" class="input-def" placeholder="Name" name="name"></p>
<p class="text_cont"><input type="text" class="input-def" placeholder="E-mail" name="email"></p>
<p class="text_cont"><input type="text" class="input-def" placeholder="Web Site" name="subject"></p>
<p class="text_cont"><textarea rows="10" cols="40" class="input-def-textarea" id="message" placeholder="Comment" name="message"></textarea></p>
<p><input type="submit" value="Send Comment" class="btn btn-default" id="send"></p>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer id="footer" class="marg50">
<!-- =============== container =============== -->
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-6">
<ul class="social-links">
<li><a class="wow fadeInUp animated" href="index.html#" style="visibility: visible; animation-name: fadeInUp;"><i class="fa fa-facebook"></i></a></li>
<li><a data-wow-delay=".1s" class="wow fadeInUp animated" href="index.html#" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;"><i class="fa fa-twitter"></i></a></li>
<li><a data-wow-delay=".2s" class="wow fadeInUp animated" href="index.html#" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;"><i class="fa fa-google-plus"></i></a></li>
<li><a data-wow-delay=".4s" class="wow fadeInUp animated" href="index.html#" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;"><i class="fa fa-pinterest"></i></a></li>
<li><a data-wow-delay=".5s" class="wow fadeInUp animated" href="index.html#" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;"><i class="fa fa-envelope"></i></a></li>
</ul>
<p class="copyright">
© 2016 Be. Created By <a href="http://templatestock.co">Template Stock</a>
</p>
</div>
<div data-wow-delay=".6s" class="col-xs-12 col-sm-6 col-md-6 wow bounceIn animated" style="visibility: visible; animation-delay: 0.6s; animation-name: bounceIn;">
<section class="widget widget_text" id="text-15">
<h3 class="widget-title">California, United States</h3> <div class="textwidget">786, Firs Avenue, The Mall,<br>
<p>Tel: 01 234-56786<br>
Mobile: 01 234-56786<br>
E-mail: <a href="#">info@Be.com</a></p>
<a href="#">Get directions on the map</a> →</div>
</section>
</div>
</div>
</div><!-- =============== container end =============== -->
</footer>
<!-- =============== jQuery =============== -->
<script src="assets/js/jquery.js"></script>
<!-- =============== Bootstrap Core JavaScript =============== -->
<script src="assets/js/bootstrap.min.js"></script>
<!-- =============== Plugin JavaScript =============== -->
<script src="assets/js/jquery.easing.min.js"></script>
<script src="assets/js/jquery.fittext.js"></script>
<script src="assets/js/wow.min.js"></script>
<!-- =============== owl carousel =============== -->
<script src="assets/owl-carousel/owl.carousel.js"></script>
<!-- Isotope does NOT require jQuery. But it does make things easier -->
<script src="assets/js/baguetteBox.js" async></script>
<script src="assets/js/plugins.js" async></script>
<!-- =============== Custom Theme JavaScript =============== -->
<script src="assets/js/creative.js"> </script>
<script src="assets/js/jquery.nicescroll.min.js"></script>
<script>
$(document).ready(function() {
var nice = $("html").niceScroll(); // The document page (body)
$("#div1").html($("#div1").html()+' '+nice.version);
$("#boxscroll").niceScroll({cursorborder:"",cursorcolor:"#00F",boxzoom:true}); // First scrollable DIV
$("#boxscroll2").niceScroll("#contentscroll2",{cursorcolor:"#F00",cursoropacitymax:0.7,boxzoom:true,touchbehavior:true}); // Second scrollable DIV
$("#boxframe").niceScroll("#boxscroll3",{cursorcolor:"#0F0",cursoropacitymax:0.7,boxzoom:true,touchbehavior:true}); // This is an IFrame (iPad compatible)
$("#boxscroll4").niceScroll("#boxscroll4 .wrapper",{boxzoom:true}); // hw acceleration enabled when using wrapper
});
</script>
</body>
</html>