-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsingle.html
More file actions
211 lines (204 loc) · 9.68 KB
/
single.html
File metadata and controls
211 lines (204 loc) · 9.68 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
<!DOCTYPE html>
<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">
<title>Wordpress Template</title>
<!-- CSS Files -->
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="assets/css/fontawesome-5.12.0-all.min.css">
</head>
<body>
<!-- Header Start -->
<section class="container-fluid">
<header class="header">
<div class="container">
<nav class="navbar">
<div class="brand">
<!-- <img src="" alt="logo" class="logo"> -->
<h1 class="site-title">Wp Fancy</h1>
</div>
<div class="nav">
<ul class="menu">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li class="menu-toggle">
<a href="#">Submenu <i class="fas fa-sort-down"></i></a>
<ul class="submenu">
<li><a href="#">Submenu-1</a></li>
<li><a href="#">Submenu-2</a></li>
<li><a href="#">Submenu-3</a></li>
</ul>
</li>
</ul>
</div>
<div class="toggle">
<i class="fas fa-bars"></i>
</div>
</nav>
</div>
</header>
</section>
<!-- Header End -->
<!-- Main Section Start -->
<main>
<!-- BreadCrumb Section Start -->
<section class="breadcrumb">
<div class="container">
<ul>
<li class="active"><a href="#"><i class="fas fa-home"></i> Home</a></li>
<li><i class="fas fa-chevron-right"></i></li>
<li><a href="#"><i class="fas fa-list"></i> Post-Page</a></li>
<li><i class="fas fa-chevron-right"></i></li>
<li><i class="fas fa-fire"></i> Single Post</li>
</ul>
</div>
</section>
<!-- BreadCrumb Section End -->
<!-- Blog Post Section Header -->
<section class="post-section">
<div class="container post-section-header">
<h3>Single Post</h3>
<p>
<small>Detail of Post</small>
</p>
</div>
</section>
<!-- Blog Post Section Header End -->
<!-- Blog Post Main Section Start -->
<section class="post-main-section">
<div class="container">
<div class="single-post-main-grid">
<div class="single-content-area">
<article class="post-article">
<div class="single-post-article-img">
<img src="assets/img/showcase.jpg">
<div class="single-post-meta">
<h5><small><i class="fas fa-calendar-alt"></i> Post Date: December 30, 2019</small></h5>
<h5><small><i class="fas fa-clock"></i> Post Time: Tuesday 2:00 PM</small></h5>
<h5><small><i class="fas fa-user"></i> Author: <a href="#">Admin</a></small></h5>
</div>
</div>
<div class="post-content">
<h3><a href="#">Services 1</a></h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis aliquet consectetur turpis nec sodales. Pellentesque accumsan lorem condimentum sapien molestie, sit amet elementum leo condimentum. Ut tristique dui sed consectetur dignissim. Nullam accumsan est vitae velit aliquet, ac consectetur quam vehicula. Proin at diam a magna ullamcorper pharetra. Morbi in tristique neque, id mollis urna. Nulla facilisi. Nulla a libero vitae nibh consectetur viverra vitae ac orci. Integer in pretium tortor. Proin ultrices, quam id vehicula ultricies, magna nisi tempor est, vel fermentum diam ligula in nulla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed vel odio vitae sem accumsan volutpat.
</p>
<p>
Ut pharetra hendrerit sapien ac lobortis. Cras quis nibh urna. In hac habitasse platea dictumst. Vestibulum eu est erat. Suspendisse quis erat nec leo accumsan egestas vel in dui. Nunc id lacus consectetur, sagittis mi in, luctus orci. Duis feugiat ullamcorper lectus id fermentum. Cras lacinia augue vitae tempus ornare. Aenean mauris orci, tempus in sapien non, fringilla tempus ligula. Nam vel pulvinar eros. Etiam maximus ac est in fringilla. Integer porta nunc ac sollicitudin condimentum. Donec lobortis viverra odio, quis imperdiet risus tempus sit amet.
</p>
<p>
Duis hendrerit massa metus, vel lacinia mauris interdum eget. Nulla facilisi. Duis at mi auctor, tincidunt magna sit amet, dapibus enim. Nulla libero augue, laoreet sit amet lorem et, lacinia viverra felis. Nulla posuere erat vel ligula pulvinar viverra in convallis massa. Praesent ornare lacinia sagittis. Aenean sed cursus magna. Curabitur purus risus, consequat at tortor et, mollis bibendum nisi. Ut euismod tellus arcu, interdum commodo ipsum eleifend a. Vestibulum lacinia, ipsum a cursus lacinia, nulla massa venenatis purus, sed mollis orci risus interdum lectus. Nunc dignissim nisi in nisi sagittis, sit amet pulvinar neque faucibus. Morbi hendrerit tortor arcu, at euismod mauris pellentesque ut.
</p>
<p>
Nam eu nibh quis nisi ullamcorper suscipit. Curabitur gravida lectus quis sem pharetra, sit amet ornare risus vestibulum. Suspendisse sollicitudin quam non ultrices consequat. Vivamus elementum, tellus quis vulputate molestie, leo ante ultrices nulla, in dignissim justo libero ac lacus. Suspendisse volutpat semper nulla non hendrerit. Morbi a nunc blandit, sodales enim et, ultrices eros. Nullam nunc sapien, porttitor a leo ac, aliquet vehicula sapien. Vivamus luctus neque vitae tortor mollis, eget eleifend turpis semper. Mauris magna tortor, fringilla non odio vel, lacinia sollicitudin sapien. In pellentesque auctor dignissim. Cras consequat dui vitae mi porta, nec blandit enim tempus. Cras ultrices vehicula sem, non porttitor odio egestas in. Duis malesuada imperdiet purus, facilisis condimentum turpis. Maecenas neque nisl, eleifend ac finibus eu, aliquet eu mauris. Etiam in enim sapien. Interdum et malesuada fames ac ante ipsum primis in faucibus.
</p>
<p>
Etiam blandit dignissim quam molestie tempus. In blandit ipsum id mollis elementum. Fusce vulputate sagittis ex. Curabitur ullamcorper gravida tellus ut hendrerit. In semper porta mi sed condimentum. Ut ac risus sit amet lorem elementum elementum non egestas enim. Etiam id ex sed odio tempus porta sed et mauris. Pellentesque vehicula pretium nisl, sit amet placerat tortor elementum eget. Donec suscipit justo vel lacus cursus laoreet. Ut felis orci, consectetur et magna vel, bibendum facilisis neque. Nunc vehicula justo ac ipsum porttitor volutpat. Etiam volutpat purus nec sodales fringilla. Morbi eu porta risus. Nulla sit amet orci ac tortor cursus aliquam.
</p>
</div>
<div class="post-texonomies">
<h5><small><i class="fas fa-tags"></i> Category: <a href="#">Blog Post</a></small></h5>
</div>
</article>
</div>
<aside>
<div class="sidebar">
<h4>Recent Posts</h4>
<hr>
<div class="recent-post">
<img src="assets/img/showcase.jpg" alt="">
<div class="recent-post-content">
<h5><a href="#">Post Heading</a></h5>
<i class="fas fa-calendar"></i> December 31, 2019
<i class="fas fa-user"></i> <a href="#">Admin</a>
</div>
</div>
<div class="recent-post">
<img src="assets/img/showcase.jpg" alt="">
<div class="recent-post-content">
<h5><a href="#">Post Heading</a></h5>
<i class="fas fa-calendar"></i> December 31, 2019
<i class="fas fa-user"></i> <a href="#">Admin</a>
</div>
</div>
<div class="recent-post">
<img src="assets/img/showcase.jpg" alt="">
<div class="recent-post-content">
<h5><a href="#">Post Heading</a></h5>
<i class="fas fa-calendar"></i> December 31, 2019
<i class="fas fa-user"></i> <a href="#">Admin</a>
</div>
</div>
</div>
</aside>
</div>
</div>
</section>
<!-- Blog Post Main Section End -->
<!-- Widget Section Start -->
<section class="section-color">
<div class="container widget-inner">
<div class="widget-box">
<div class="widget-content">
<h3>Widget-1</h3>
<ul>
<li><a href="#">List-1</a></li>
<li><a href="#">List-2</a></li>
<li><a href="#">List-3</a></li>
<li><a href="#">List-4</a></li>
</ul>
</div>
</div>
<div class="widget-box">
<div class="widget-content">
<h3>Widget-2</h3>
<ul>
<li><a href="#">List-1</a></li>
<li><a href="#">List-2</a></li>
<li><a href="#">List-3</a></li>
<li><a href="#">List-4</a></li>
</ul>
</div>
</div>
<div class="widget-box">
<div class="widget-content">
<h3>Widget-3</h3>
<ul>
<li><a href="#">List-1</a></li>
<li><a href="#">List-2</a></li>
<li><a href="#">List-3</a></li>
<li><a href="#">List-4</a></li>
</ul>
</div>
</div>
<div class="widget-box">
<div class="widget-content">
<h3>Widget-4</h3>
<ul>
<li><a href="#">List-1</a></li>
<li><a href="#">List-2</a></li>
<li><a href="#">List-3</a></li>
<li><a href="#">List-4</a></li>
</ul>
</div>
</div>
</div>
</section>
<!-- Widget Section End -->
</main>
<!-- Main Section End -->
<!-- Footer Start -->
<footer class="footer">
<div class="container">
<p>Copyright 2019 - Wp-Fancy</p>
</div>
</footer>
<!-- Footer End -->
<!-- JS Files -->
<script type="text/javascript" src="assets/js/jquery.min.3-4-1.js"></script>
<script type="text/javascript" src="assets/js/custom.js"></script>
</body>
</html>