-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog-single.html
289 lines (278 loc) · 20.2 KB
/
blog-single.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
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from html.slicemypage.com/lilua/blog-single.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 29 Jun 2023 16:50:52 GMT -->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover">
<title>Blog - Lilua - Personal Portfolio Html Template</title>
<meta name="author" content="">
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="icon" href="include/images/favicon.png" sizes="32x32" />
<!-- Google Font -->
<link rel="preconnect" href="https://fonts.googleapis.com/">
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap"
rel="stylesheet">
<!-- Bootstrap Css -->
<link rel="stylesheet" href="include/css/bootstrap.min.css" type="text/css">
<!-- Swiper Css -->
<link rel="stylesheet" href="include/css/swiper-bundle.min.css" type="text/css">
<!-- Write your Css here -->
<link href="include/css/style.css" rel="stylesheet" type="text/css">
<!-- Script for Font Awesome icons-->
<script src="../../kit.fontawesome.com/db98e7ed59.js" crossorigin="anonymous"></script>
</head>
<body>
<!-- ============================ HEADER START ============================== -->
<header id="header">
<nav class="navbar navbar-expand-xl">
<div class="container">
<div class="nav-inside d-flex align-items-center justify-content-between">
<a class="navbar-brand" href="index-2.html"><img src="include/images/logo.svg" alt=""></a>
<button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#mainNav" aria-controls="mainNav" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-center" id="mainNav">
<div class="navbar-inside">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="index-2.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="portfolio.html">Portfolio</a></li>
<li class="nav-item"><a class="nav-link" href="services.html">Services</a></li>
<li class="nav-item active"><a class="nav-link" href="blog.html">Blog</a></li>
<li class="nav-item dropdown"><a class="nav-link" href="styleguide.html">Components</a>
<em class="dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"
role="button"></em>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="styleguide.html">Styleguide</a></li>
<li><a class="dropdown-item" href="portfolio-single.html">Porfolio Single</a>
</li>
<li><a class="dropdown-item active" href="blog-single.html">Blog Single</a></li>
<li><a class="dropdown-item" href="error.html">Error 404 Page</a></li>
</ul>
</li>
</ul>
<div class="navbar-bottom mt-auto d-md-none">
<a href="contact.html" class="btn btn-primary btn-block">Contact <em
class="btn-arrow"></em></a>
</div>
</div>
</div>
<div class="header-right d-none d-md-block">
<a href="contact.html" class="btn btn-primary">Contact <em class="btn-arrow"></em></a>
</div>
</div>
</div>
</nav>
</header>
<!-- ============================ HEADER END ============================== -->
<div id="smooth-wrapper">
<div id="smooth-content">
<!-- ============================ Hero Start ============================ -->
<div class="blog-hero-container">
<div class="container">
<div class="row">
<div class="col-lg-10 offset-lg-1 text-center animate-child">
<div class="post-tags-group d-flex flex-wrap justify-content-center mb-4">
<div class="post-tags-wrap mx-2"><span class="post-tag">Development</span></div>
</div>
<h1 class="post-title mb-4"><span class="gradient-text">Inventore voluptas sapiente deleniti
molestias ipsam totam ipsa odit.</span></h1>
<div class="post-date mb-5"><span>26th June 2023</span></div>
<div class="post-feature-img-container">
<div class="post-feature-img parallax-img">
<img src="include/images/project2.jpg" alt="" data-speed="auto">
</div>
</div>
</div>
</div>
</div>
<div class="blog-hero-bg">
<lottie-player src="include/animation/gradient-background.json" background="transparent.html" speed="1"
loop autoplay preserveAspectRatio="xMidYMid slice"></lottie-player>
</div>
</div>
<!-- ============================ Hero End ============================ -->
<!-- ============================ Article Start ============================ -->
<div class="content-container single-post-container">
<div class="container">
<div class="row">
<div class="col-lg-8 offset-lg-2 animate-child">
<div class="single-post-content">
<p><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique
tortor arcu. Nullam varius faucibus nulla ac mattis. Ut iaculis dapibus
dignissim. Quisque volutpat nisl vel lorem consequat lobortis. Aliquam ornare
arcu ut odio tempor, id posuere dui facilisis. Quisque iaculis sit amet Leo sed
volutpat. Sed turpis dui, fermentum eget ornare vitae, finibus at est. Ut
pharetra magna a purus sagittis tincidunt. Sed mollis convallis faucibus. Cras
aliquam purus risus, id tristique massa tempus vitae. Phasellus id aliquam est.
Suspendisse eu orci vel mi laoreet pretium sit amet non magna.</strong></p>
<p>hasellus mollis, arcu pharetra maximus ornare, velit felis suscipit lacus, ut cursus
tortor metus eu lectus. Cras eget arcu eu tellus congue pulvinar. Phasellus commodo
tellus sed dolor feugiat facilisis non eu eros. Suspendisse potenti. Vestibulum ante
ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Fusce nec
nibh vel magna facilisis sodales quis id urna. In hac habitasse platea dictumst.
Nunc pharetra, felis quis volutpat ullamcorper, augue nisl feugiat odio, a
ullamcorper nibh purus vel magna.</p>
<blockquote>Pellentesque tempor accumsan elementum. Nam vel gravida massa, vitae mattis
dolor. Aliquam iaculis iaculis dui, a molestie urna varius sed.</blockquote>
<p>Vivamus pharetra, nisl fermentum finibus efficitur, nulla magna varius ante, et
malesuada elit quam at diam. Nullam ac sem quis felis vulputate efficitur. Etiam non
diam ornare lorem elementum venenatis non sit amet erat. Suspendisse ut dictum
magna, ut tempus turpis. Vivamus ut dignissim mauris. Ut euismod pharetra dolor, non
dictum eros lacinia sit amet. Nulla nec magna non purus ultrices porttitor vel eu
erat. Maecenas placerat scelerisque nibh eu luctus.</p>
<img src="include/images/blog-img.jpg" alt="">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi tempus eget nibh ut
pharetra. Integer id Leo vel tellus aliquet imperdiet eu at mauris. Ut imperdiet
sollicitudin scelerisque. Morbi faucibus tortor a tellus auctor, sed dapibus eros
interdum. Aenean id scelerisque libero. Sed ac augue nisl. Nulla auctor leo sed
lectus pellentesque volutpat. Mauris mattis blandit erat, et fermentum odio molestie
et. Proin pulvinar, lorem at lobortis egestas, sapien ligula pretium mi, venenatis
ornare lacus velit et nisl. Proin malesuada pulvinar neque nec consequat. Vestibulum
ultrices vulputate sapien in tristique. Cras id diam iaculis enim dignissim
scelerisque. Maecenas tempus dignissim ornare. In tincidunt diam sed libero bibendum
vulputate.</p>
<h5>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h5>
<p>Pellentesque tempor accumsan elementum. Nam vel gravida massa, vitae mattis dolor.
Aliquam iaculis iaculis dui, a molestie urna varius sed. Integer laoreet cursus dui
ac sagittis. Nunc vel felis sit amet tellus sagittis tincidunt non quis nisl.
Integer id sapien hendrerit, convallis Leo a, ullamcorper ligula. Suspendisse et
velit tempor, pretium mauris id, iaculis nunc. Sed venenatis commodo ex, a rhoncus
justo accumsan ac. Nam nec nulla auctor, fermentum ligula non, volutpat odio.</p>
<p>Pellentesque tempor accumsan elementum. Nam vel gravida massa, vitae mattis dolor.
Aliquam iaculis iaculis dui, a molestie urna varius sed. Integer laoreet cursus dui
ac sagittis. Nunc vel felis sit amet tellus sagittis tincidunt non quis nisl.
Integer id sapien hendrerit, convallis Leo a, ullamcorper ligula. Suspendisse et
velit tempor, pretium mauris id, iaculis nunc. Sed venenatis commodo ex, a rhoncus
justo accumsan ac. Nam nec nulla auctor, fermentum ligula non, volutpat odio.</p>
</div>
</div>
<div class="col-lg-8 offset-lg-2 animate-child">
<div class="post-share-container d-flex align-items-center flex-column flex-md-row">
<h6 class="mb-4 mb-md-0 me-4">Sharing is caring: </h6>
<ul class="social-links d-flex">
<li><a href="#" target="_blank"><i class="fab fa-linkedin-in"
aria-hidden="true"></i></a></li>
<li><a href="#" target="_blank"><i class="fab fa-facebook-f"
aria-hidden="true"></i></a></li>
<li><a href="#" target="_blank"><i class="fab fa-twitter"
aria-hidden="true"></i></a></li>
</ul>
</div>
<div class="post-nav-container">
<div
class="post-nav d-flex flex-wrap flex-column flex-md-row justify-content-between align-items-center">
<a href="blog-single.html" class="btn btn-primary left-arrow">Prev post <em
class="btn-arrow"></em></a>
<a href="blog.html" class="btn btn-dark">All Posts <em class="btn-arrow"></em></a>
<a href="blog-single.html" class="btn btn-primary">Next post <em
class="btn-arrow"></em></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ============================ Article End ============================ -->
<!-- ============================ Footer Start ============================ -->
<footer id="footer" class="d-flex flex-column">
<div class="footer-upper">
<div class="container">
<div class="row animate-child">
<div class="col-lg-5 col-md-5">
<div class="footer-content">
<div class="sub-heading">Needed a website?</div>
<h3>Let's get started</h3>
<p>Hello, I am <strong>Mark Lilua</strong>, Iusto et consectetur molestiae ullam
aperiam quaerat <strong>fugiat quibusdam</strong>, dolores reprehenderit, nihil,
laboriosam? Debitis quas <strong>dignissimos nam</strong> corrupti ullam
consequatur ducimus impedit.</p>
<div class="footer-content-cta"><a href="contact.html"
class="btn btn-primary">Contact <em class="btn-arrow"></em></a></div>
</div>
</div>
<div class="col-lg-4 offset-lg-2 col-md-6 offset-md-1">
<div class="quick-contact">
<div class="sub-heading">Let's Talk</div>
<div class="quick-contact-box"><a
href="mailto:[email protected]">[email protected]</a></div>
<div class="quick-contact-box"><a href="tel:9876543210">(987) 654-3210</a></div>
</div>
<div class="quick-contact">
<div class="sub-heading">Let's Meet</div>
458-12, First Floor, Vibhuti Khand,<br> Maunath Bhanjan,<br> India
</div>
<div class="quick-contact">
<div class="sub-heading">Let's Connect</div>
<ul class="social-links d-flex">
<li><a href="#" target="_blank"><i class="fab fa-linkedin-in"
aria-hidden="true"></i></a></li>
<li><a href="#" target="_blank"><i class="fab fa-facebook-f"
aria-hidden="true"></i></a></li>
<li><a href="#" target="_blank"><i class="fab fa-twitter"
aria-hidden="true"></i></a></li>
<li><a href="#" target="_blank"><i class="fab fa-instagram"
aria-hidden="true"></i></a></li>
<li><a href="#" target="_blank"><i class="fab fa-github"
aria-hidden="true"></i></a></li>
<li><a href="#" target="_blank"><i class="fab fa-codepen"
aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom mt-auto">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div
class="footer-bottom-upper d-md-flex justify-content-md-between align-items-md-center">
<ul class="footer-nav d-flex flex-wrap">
<li class="me-lg-5 me-4"><a href="index-2.html">Home</a></li>
<li class="me-lg-5 me-4"><a href="portfolio.html">Portfolio</a></li>
<li class="me-lg-5 me-4"><a href="services.html">Services</a></li>
<li class="me-lg-5 me-4"><a href="blog.html">Blog</a></li>
<li class="me-lg-5 me-4"><a href="contact.html">Contact</a></li>
<li class="me-lg-5 me-4 d-lg-none"><a href="privacy-policy.html">Privacy Policy</a></li>
<li class="me-lg-5 me-4 d-lg-none"><a href="terms-conditions.html">Terms & Conditions</a></li>
</ul>
<ul class="footer-nav d-flex flex-wrap d-none d-lg-flex">
<li class="ms-lg-5 ms-md-4 me-4 me-md-0"><a href="privacy-policy.html">Privacy Policy</a></li>
<li class="ms-lg-5 ms-md-4 me-4 me-md-0"><a href="terms-conditions.html">Terms & Conditions</a></li>
</ul>
</div>
<div
class="footer-bottom-lower d-md-flex justify-content-md-between align-items-md-center">
<a href="index-2.html" class="footer-logo"><img src="include/images/logo-white.svg" alt="Lilua"></a>
<div class="copyright">© All rights reserved.</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- ============================ Footer End ============================ -->
</div>
</div>
<!-- Bootstrap Js -->
<script src="include/js/bootstrap.bundle.min.js"></script>
<!-- Tilt Js -->
<script src="include/js/vanilla-tilt.min.js"></script>
<!-- Lottie Player -->
<script src="include/js/lottie-player.js"></script>
<!-- Swiper JS -->
<script src="include/js/swiper-bundle.min.js"></script>
<!-- GSAP libraries here -->
<script src="include/js/gsap.min.js"></script>
<!-- Write you Js here -->
<script src="include/js/custom.js"></script>
</body>
<!-- Mirrored from html.slicemypage.com/lilua/blog-single.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 29 Jun 2023 16:50:53 GMT -->
</html>