-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathblog-detail.html
More file actions
255 lines (244 loc) · 9.57 KB
/
blog-detail.html
File metadata and controls
255 lines (244 loc) · 9.57 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
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>BLOG DETAIL</title>
<meta charset="UTF-8" />
<meta name="description" content="Photographer html template" />
<meta name="keywords" content="photographer, html" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Favicon -->
<link href="img/favicon.ico" rel="shortcut icon" />
<!-- Google font -->
<link
href="https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i&display=swap"
rel="stylesheet"
/>
<!-- Stylesheets -->
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/font-awesome.min.css" />
<link rel="stylesheet" href="css/magnific-popup.css" />
<link rel="stylesheet" href="css/slicknav.min.css" />
<link rel="stylesheet" href="css/owl.carousel.min.css" />
<!-- Main Stylesheets -->
<link rel="stylesheet" href="css/style.css" />
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Page Preloder -->
<div id="preloder">
<div class="loader"></div>
</div>
<!-- Header section -->
<header class="header-section">
<a href="index.html" class="site-logo"
><img src="img/PicsQUE.png" alt="logo"
/></a>
<div class="header-controls">
<button class="nav-switch-btn"><i class="fa fa-bars"></i></button>
<a class="booking-btn" href="plans.html">Book Now</a>
<!-- <button class="search-btn"><i class="fa fa-search"></i></button> -->
</div>
<ul class="main-menu">
<li><a href="index.html">Home</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li>
<a href="#">Categories</a>
<ul class="sub-menu">
<li><a href="categories/wedding.html">Wedding</a></li>
<li><a href="categories/pre-wedding.html">Pre Wedding</a></li>
<li><a href="categories/engagement.html">Engagement</a></li>
<li><a href="categories/events.html">Events</a></li>
<li><a href="categories/festivals.html">Festivals</a></li>
<li><a href="categories/potraits.html">Portrait</a></li>
<li><a href="categories/products.html">Products</a></li>
<li><a href="categories/fashion.html">Fashion</a></li>
<li><a href="categories/sports.html">Sports</a></li>
</ul>
</li>
<li><a href="blog.html">Blog</a></li>
<li>
<a href="#">
Info
</a>
<ul class="sub-menu">
<li><a href="about.html">About</a></li>
<li><a href="achievements.html">Achievements</a></li>
<li><a href="our-team.html">Our Team</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
<li class="search-mobile">
<!-- <button class="search-btn"><i class="fa fa-search"></i></button> -->
<a class="booking-btn" href="plans.html">Book Now</a>
</li>
</ul>
</header>
<div class="clearfix"></div>
<!-- Header section end -->
<!-- Blog section -->
<section class="about-section">
<div class="container-fluid">
<div class="row">
<div class="col-lg-6 p-0">
<div
class="about-bg set-bg"
data-setbg="img/blog/wide-banner.jpg"
></div>
</div>
<div class="col-lg-6 p-0">
<div class="about-text">
<h2>
<b id="head">Full-Frame vs Crop Sensor | Which One Is Best?</b>
</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis
nulla ligula, sodales vitae lacus vitae, condimentum mollis
quam. Donec imperdiet dolor sapien, nec ornare dui aliquam at.
Duis condimentum maximus leo, nec porttitor orci tempor sed.
Quisque gravida elementum nisl, eget condimentum lacus
pellentesque ac. Curabitur venenatis ex eu laoreet convallis.
Etiam pulvinar in mauris ullamcorper pretium. In hendrerit
iaculis risus nec fermentum. Donec euismod a ligula a ultricies.
Curabitur facilisis lacinia porttitor. Duis tincidunt ut massa
ac semper. Nulla posuere sollicitudin urna, ut sodales felis
dictum sed. Nam a sodales tortor. Praesent sit amet interdum
nunc, blandit faucibus sem. Aenean vulputate, nisi vel tempus
tempus, tortor diam iaculis nisl, nec dapibus tellus nunc a
magna. Etiam nec orci sapien. Curabitur efficitur, orci a
volutpat eleifend, nunc tellus interdum ex, eu iaculis enim
metus in purus. Sed ultrices, purus eu ultrices finibus, nisl
quam congue dolor, ac luctus ligula tortor in ex. Maecenas ac
quam in lorem mollis feugiat. Sed lectus diam, mattis ut
ultricies id, aliquam non tellus. Sed fermentum egestas ex, id
finibus urna ornare vel. Etiam quis lectus ut nisi porttitor
condimentum. Vivamus nec quam velit. Donec orci libero,
elementum eget venenatis accumsan, congue non neque. Maecenas
eget mollis mauris. Duis cursus a elit in rutrum. Aenean
ultrices eros id congue sollicitudin. Suspendisse in tempus
quam. Aenean accumsan ex quam, nec faucibus lacus facilisis non.
Orci varius natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Cras et ante at eros ultrices vulputate
vitae ac arcu. Nullam sollicitudin luctus auctor. In maximus
dictum sagittis. Nullam et mi sed metus finibus blandit non quis
urna. Aliquam eget dignissim felis. Quisque venenatis tortor
neque, ut semper ligula porttitor ut. Quisque non vulputate
purus. Nam laoreet libero ac ex mattis molestie. Donec
fringilla, tortor in maximus feugiat, justo odio pellentesque
urna, a mattis erat diam in arcu. Proin dictum neque id elit
mattis vehicula. Nunc lorem ligula, finibus et dolor eget,
blandit ullamcorper massa. Vivamus ultrices facilisis justo et
porttitor. Etiam accumsan feugiat orci, id varius neque eleifend
vitae. Pellentesque vitae turpis ante. Curabitur sed nunc orci.
Duis in accumsan enim, vel vehicula dui. Nullam dapibus, nisi ut
pulvinar luctus, sapien elit accumsan est, gravida sodales erat
enim vitae tellus. Integer vulputate sem in lorem congue luctus.
Sed eget turpis et tellus vestibulum scelerisque sed eget lacus.
Ut facilisis tortor mauris. Integer mattis justo at augue
porttitor, quis venenatis metus commodo. Donec sit amet purus
purus. Praesent dapibus sagittis nunc nec laoreet. Interdum et
malesuada fames ac ante ipsum primis in faucibus. Donec
facilisis, justo vitae dictum pulvinar, elit metus fermentum
sapien, vitae posuere felis magna sit amet dui. Quisque sagittis
nec diam feugiat consectetur. Fusce ornare ultricies odio,
mollis volutpat libero molestie viverra. Aenean ut nisi eu elit
malesuada molestie.
</p>
</div>
</div>
</div>
</div>
</section>
<!-- Blog section end -->
<!-- Footer section -->
<footer class="footer-section">
<div class="container-fluid">
<div class="row">
<div class="col-md-6 order-1 order-md-2">
<div class="footer-social-links">
<a href=""><i class="fa fa-pinterest"></i></a>
<a href=""><i class="fa fa-facebook"></i></a>
<a href=""><i class="fa fa-twitter"></i></a>
<a href=""><i class="fa fa-dribbble"></i></a>
<a href=""><i class="fa fa-behance"></i></a>
</div>
</div>
<div class="col-md-6 order-2 order-md-1">
<div class="copyright">
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright ©
<script>
document.write(new Date().getFullYear());
</script>
All rights reserved | This site is made with
<i class="fa fa-heart-o" aria-hidden="true"></i> by P2G5
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
</div>
</div>
</div>
</div>
</footer>
<!-- Footer section end -->
<!--====== Javascripts & Jquery ======-->
<script>
window.onload = function getSessionData() {
// Retrieve
var dt = (document.getElementById(
"head"
).innerHTML = sessionStorage.getItem("blog-heading"));
};
</script>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.slicknav.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/circle-progress.min.js"></script>
<script src="js/mixitup.min.js"></script>
<script src="js/instafeed.min.js"></script>
<script src="js/masonry.pkgd.min.js"></script>
<script src="js/main.js"></script>
<!-- Dialog Model Start -->
<div
class="modal fade"
id="myModal"
tabindex="-1"
role="dialog"
aria-hidden="true"
>
<div class="modal-dialog modal-full" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Modal</h5>
<button
type="button"
class="close"
data-dismiss="modal"
aria-label="Close"
>
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body p-4" id="result">
<p>The grid inside the modal is responsive too..</p>
<div class="row">
<div class="col-sm-6 col-lg-3">Content</div>
</div>
</div>
<div class="modal-footer">
<button
type="button"
class="btn btn-secondary"
data-dismiss="modal"
>
Close
</button>
</div>
</div>
</div>
</div>
<!-- Dialog Model End -->
</body>
</html>