-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsample-page-1.html
333 lines (272 loc) · 12.8 KB
/
sample-page-1.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- page title -->
<title>Origin - Sample page 1</title>
<!-- theme css -->
<link href="assets/css/structure.css" rel="stylesheet" type="text/css" />
<link href="assets/css/style.css" rel="stylesheet" type="text/css" />
<link href="assets/css/responsive.css" rel="stylesheet" type="text/css" />
<!-- author -->
<meta name="author" content="Lucid Themes">
<!-- responsive meta tag -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="UTF-8">
<!-- google font used -->
<link href='https://fonts.googleapis.com/css?family=Raleway:300,400' rel='stylesheet' type='text/css'>
</head>
<body>
<!-- header -->
<header>
<div class="header-main header-fixed">
<div class="container clearfix">
<div class="medium-header-container">
<a href="index.html" id="site-logo"></a>
<div id="mobile-nav-button" class="hidden-desk hidden-tab">
<div id="mobile-nav-icon">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
<!-- header nav menu -->
<nav id="header-nav">
<ul id="nav-ul" class="menu font-reg clearfix">
<li class="menu-item"><a href="index.html#home">home</a></li>
<li class="menu-item menu-item-has-children">
<a href="#" class="nav-link">Pages<span class="sub-drop-icon fa fa-angle-down"></span></a>
<ul class="sub-menu sub-menu-first">
<li><a href="single-portfolio.html">Single portfolio</a></li>
<li class="menu-item menu-item-has-children">
<a href="single-news-1.html" class="nav-link">News full<span class="sub-drop-icon sub-second-drop fa fa-angle-down"></span></a>
<ul class="sub-menu sub-second-tier">
<li><a href="news-1.html">News full 1</a></li>
<li><a href="news-2.html">News full 2</a></li>
<li><a href="news-3.html">News full 3</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="single-news-1.html" class="nav-link">Single news<span class="sub-drop-icon sub-second-drop fa fa-angle-down"></span></a>
<ul class="sub-menu sub-second-tier">
<li><a href="single-news-1.html">Single news 1</a></li>
<li><a href="single-news-2.html">Single news 2</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="sample-page-1.html" class="nav-link">Sample page<span class="sub-drop-icon sub-second-drop fa fa-angle-down"></span></a>
<ul class="sub-menu sub-second-tier">
<li><a href="sample-page-1.html">Sample page 1</a></li>
<li><a href="sample-page-2.html">Sample page 2</a></li>
</ul>
</li>
<li><a href="404.html">404 page</a></li>
</ul>
</li>
<li class="menu-item"><a href="index.html#about">about</a></li>
<li class="menu-item"><a href="index.html#services">services</a></li>
<li class="menu-item"><a href="index.html#portfolio">portfolio</a></li>
<li class="menu-item"><a href="index.html#pricing">pricing</a></li>
<li class="menu-item"><a href="index.html#news">news</a></li>
<li class="menu-item"><a href="index.html#testimonials">testimonials</a></li>
<li class="menu-item"><a href="index.html#contact">contact</a></li>
</ul>
</nav>
</div>
</div>
</header>
<div id="main-content">
<!-- page head section -->
<section class="page-header" style="background-image:url('assets/img/sanchocreativo.gif');">
<div class="page-head-inside">
<div class="container">
<h1 class="font-reg">Standard Post Page</h1>
<p class="font-reg">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pellentesque nibh enim, quis euismod enim lacinia nec.</p>
</div>
</div>
</section>
<!-- page content -->
<div class="page-section">
<div class="container">
<div class="row">
<div class="col-xlarge-9 col-medium-8">
<!-- main text content -->
<div class="page-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pellentesque nibh enim, quis euismod enim lacinia nec. Phasellus quam diam, semper in erat eu, efficitur molestie purus. Sed a elementum mi. Sed interdum mattis risus, sit amet eleifend ligula luctus ut. Sed ullamcorper lorem aliquam, tincidunt lorem et, ultrices est. Suspendisse eleifend dui odio, id volutpat quam iaculis eu. Nunc sit amet scelerisque mauris. Phasellus volutpat mauris ac sem tincidunt, in fringilla arcu ultrices. Phasellus scelerisque eros vel pulvinar gravida. Aenean suscipit felis orci, sed egestas libero dignissim at. Sed commodo malesuada ligula, nec vehicula risus fermentum sed.</p>
<p>Integer pretium posuere est. Ut interdum mollis ipsum, ac vehicula nisl laoreet et. Curabitur ac ipsum aliquam, varius purus at, lobortis purus. Maecenas quis sem dapibus, volutpat odio non, mattis dui. Nam eget urna nec mi tempor mollis vel nec felis. Cras tellus est, malesuada at leo vitae, lacinia pellentesque eros. Donec accumsan tincidunt velit.</p>
<h3>Example subheading</h3>
<p>Nullam lobortis faucibus cursus. Sed aliquam semper mi sit amet interdum. <a href="">Aliquam</a> felis quam, ultrices ut elementum a, porta vel ex. Pellentesque at tempus magna. Vestibulum viverra lectus quis laoreet ullamcorper. Nunc finibus orci in luctus hendrerit. Ut dui mi, lacinia hendrerit elit ut, malesuada luctus enim.</p>
<p>Sed rhoncus, velit sit amet mollis cursus, velit urna congue orci, in dignissim elit magna eget ante. Mauris sem justo, volutpat in quam quis, vulputate luctus neque. Sed ultricies eget augue quis hendrerit. Nullam quis nisi sit amet velit pharetra lobortis ac eget magna. Phasellus varius turpis quis quam vulputate, sed ultricies ex gravida. Suspendisse leo ipsum, porttitor sed ullamcorper id, pretium vel urna. Donec sit amet mauris leo. Sed nibh odio, lacinia eu condimentum eu, accumsan id elit. Sed porttitor pretium ipsum, et lacinia quam faucibus fringilla. Vivamus a augue maximus, gravida ante eget, pulvinar est. Nulla laoreet feugiat elit, eu euismod mauris volutpat ut.</p>
<h3>Example subheading</h3>
<p>Sed congue leo purus. Nunc congue, sapien ac efficitur mollis, <a href="">lorem dui vehicula sem,</a> a aliquet ex augue ut urna. Duis scelerisque, sapien scelerisque vulputate convallis, lorem magna convallis velit, non venenatis elit ante nec leo. Duis quis lobortis erat. Quisque aliquam posuere vestibulum. Cras lorem nisi, iaculis sed ex sed, tempor venenatis nisi. Donec et bibendum lacus. Quisque non faucibus neque. Proin cursus nulla elit, quis interdum urna sollicitudin id. Maecenas vel lectus at mauris scelerisque suscipit.</p>
<ul>
<li>Suspendisse mattis molestie urna, quis iaculis sapien vehicula id.</li>
<li>Suspendisse mattis molestie urna, quis iaculis sapien vehicula id. Sed egestas eros in iaculis interdum.</li>
<li>Suspendisse mattis molestie urna</li>
</ul>
</div>
</div>
<!-- post sidebar -->
<div class="col-xlarge-3 col-medium-4 post-sidebar right-sidebar">
<!-- posts widget example -->
<div class="sidebar-widget posts-widget">
<h3 class="font-reg">Latest Posts</h3>
<ul>
<li>
<a href="">
<div class="row">
<div class="col-xlarge-4 col-medium-4 col-small-3">
<img src="assets/img/work_placeholder_10.jpg" alt="" class="image" />
</div>
<div class="col-xlarge-8 col-medium-8 col-small-9">
<h4 class="font-reg">Post title</h4>
<p class="font-reg">24 September 2015</p>
</div>
</div>
</a>
</li>
<li>
<a href="">
<div class="row">
<div class="col-xlarge-4 col-medium-4 col-small-3">
<img src="assets/img/work_placeholder_5.jpg" alt="" class="image" />
</div>
<div class="col-xlarge-8 col-medium-8 col-small-9">
<h4 class="font-reg">Post title</h4>
<p class="font-reg">24 September 2015</p>
</div>
</div>
</a>
</li>
<li>
<a href="">
<div class="row">
<div class="col-xlarge-4 col-medium-4 col-small-3">
<img src="assets/img/work_placeholder_7.jpg" alt="" class="image" />
</div>
<div class="col-xlarge-8 col-medium-8 col-small-9">
<h4 class="font-reg">Post title</h4>
<p class="font-reg">24 September 2015</p>
</div>
</div>
</a>
</li>
</ul>
</div>
<!-- list widget example -->
<div class="sidebar-widget list-widget">
<h3 class="font-reg">Categories</h3>
<ul class="font-reg">
<li><a href="">Web design</a></li>
<li><a href="">Mobile Apps</a></li>
<li><a href="">Print design</a></li>
<li><a href="">Responsive</a></li>
</ul>
</div>
<!-- posts widget example -->
<div class="sidebar-widget posts-widget">
<h3 class="font-reg">Related Posts</h3>
<ul>
<li>
<a href="">
<div class="row">
<div class="col-xlarge-4 col-medium-4 col-small-3">
<img src="assets/img/work_placeholder_10.jpg" alt="" class="image" />
</div>
<div class="col-xlarge-8 col-medium-8 col-small-9">
<h4 class="font-reg">Post title</h4>
<p class="font-reg">24 September 2015</p>
</div>
</div>
</a>
</li>
<li>
<a href="">
<div class="row">
<div class="col-xlarge-4 col-medium-4 col-small-3">
<img src="assets/img/work_placeholder_5.jpg" alt="" class="image" />
</div>
<div class="col-xlarge-8 col-medium-8 col-small-9">
<h4 class="font-reg">Post title</h4>
<p class="font-reg">24 September 2015</p>
</div>
</div>
</a>
</li>
<li>
<a href="">
<div class="row">
<div class="col-xlarge-4 col-medium-4 col-small-3">
<img src="assets/img/work_placeholder_7.jpg" alt="" class="image" />
</div>
<div class="col-xlarge-8 col-medium-8 col-small-9">
<h4 class="font-reg">Post title</h4>
<p class="font-reg">24 September 2015</p>
</div>
</div>
</a>
</li>
</ul>
</div>
<!-- list widget example -->
<div class="sidebar-widget list-widget">
<h3 class="font-reg">Archive</h3>
<ul class="font-reg">
<li><a href="">June 2015</a></li>
<li><a href="">July 2015</a></li>
<li><a href="">August 2015</a></li>
<li><a href="">September 2015</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- footer -->
<footer>
<!-- footer top section -->
<div id="footer-top">
<div class="container">
<div class="section-title">
<h2 class="font-reg">Newsletter</h2>
</div>
<p class="font-reg">Quisque aliquam dapibus egestas. Sed vitae tincidunt elit. Curabitur sagittis metus quis nunc dignissim pharetra. Nam fringilla ultricies.</p>
<form id="newsletter-form">
<div class="row">
<div class="col-xlarge-8 col-medium-8 col-small-8 newsletter-col">
<input type="text" class="newsletter-input font-reg" name="newsletter_email" id="newsletter_email" value="" placeholder="Your email address" tabindex="1" />
</div>
<div class="col-xlarge-4 col-medium-4 col-small-4 newsletter-col">
<input type="submit" class="primary-button font-reg hov-bk" value="Subscribe" />
</div>
</div>
</form>
</div>
</div>
<!-- footer bottom secion -->
<div id="footer-bottom">
<div class="container">
<!-- footer social icons -->
<div id="footer-social-icons" class="clearfix">
<a href="" class="social-item hov-bk" target="_blank"><span class="fa fa-facebook"></span></a>
<a href="" class="social-item hov-bk" target="_blank"><span class="fa fa-twitter"></span></a>
<a href="" class="social-item hov-bk" target="_blank"><span class="fa fa-pinterest"></span></a>
<a href="" class="social-item hov-bk" target="_blank"><span class="fa fa-instagram"></span></a>
<a href="" class="social-item hov-bk" target="_blank"><span class="fa fa-youtube"></span></a>
<a href="" class="social-item hov-bk" target="_blank"><span class="fa fa-google-plus"></span></a>
</div>
<!-- copyright text -->
<p class="font-reg">© 2015 Origin. <a href="http://www.lucid-themes.com" target="_blank">Created by Lucid Themes.</a></p>
<!-- scroll to top -->
<div id="scroll-top">
<span class="fa fa-angle-up"></span>
</div>
</div>
</div>
</footer>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/main.js"></script>
</body>
</html>