forked from ColorlibHQ/gentelella
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
330 lines (330 loc) · 19 KB
/
index.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
<!DOCTYPE html>
<!--
Template Name: Limberly
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html>
<head>
<title>Limberly</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="layout/styles/layout.css" rel="stylesheet" type="text/css" media="all">
</head>
<body id="top">
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- Top Background Image Wrapper -->
<div class="bgded overlay" style="background-image:url('images/demo/backgrounds/01.png');">
<!-- ################################################################################################ -->
<div class="wrapper row0">
<div id="topbar" class="hoc clear">
<!-- ################################################################################################ -->
<div class="fl_left">
<ul class="nospace">
<li><a href="#"><i class="fa fa-lg fa-home"></i></a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="/production/index.html">Login</a></li>
<li><a href="#">Register</a></li>
</ul>
</div>
<div class="fl_right">
<ul class="nospace">
<li><i class="fa fa-phone"></i> +00 (123) 456 7890</li>
<li><i class="fa fa-envelope-o"></i> [email protected]</li>
</ul>
</div>
<!-- ################################################################################################ -->
</div>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row1">
<header id="header" class="hoc clear">
<!-- ################################################################################################ -->
<div id="logo" class="fl_left">
<h1><a href="index.html">Limberly</a></h1>
</div>
<nav id="mainav" class="fl_right">
<ul class="clear">
<li class="active"><a href="index.html">Home</a></li>
<li><a class="drop" href="#">Pages</a>
<ul>
<li><a href="pages/gallery.html">Gallery</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="pages/sidebar-left.html">Sidebar Left</a></li>
<li><a href="pages/sidebar-right.html">Sidebar Right</a></li>
<li><a href="pages/basic-grid.html">Basic Grid</a></li>
</ul>
</li>
<li><a class="drop" href="#">Dropdown</a>
<ul>
<li><a href="#">Level 2</a></li>
<li><a class="drop" href="#">Level 2 + Drop</a>
<ul>
<li><a href="#">Level 3</a></li>
<li><a href="#">Level 3</a></li>
<li><a href="#">Level 3</a></li>
</ul>
</li>
<li><a href="#">Level 2</a></li>
</ul>
</li>
<li><a href="#">Link Text</a></li>
<li><a href="#">Link Text</a></li>
</ul>
</nav>
<!-- ################################################################################################ -->
</header>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div id="pageintro" class="hoc clear">
<!-- ################################################################################################ -->
<article class="introtxt">
<p>Nullam commodo sem sed nunc suscipit non suscipit lectus suspendisse.</p>
<h2 class="heading">Feugiat mauris vitae laoreet nullam cursus in</h2>
<footer><a class="btn" href="#">Fermentum scelerisque</a></footer>
</article>
<!-- ################################################################################################ -->
<div class="clear"></div>
</div>
<!-- ################################################################################################ -->
</div>
<!-- End Top Background Image Wrapper -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row3">
<main class="hoc container clear">
<!-- main body -->
<!-- ################################################################################################ -->
<div class="group center">
<article class="one_quarter first"><i class="icon fa fa-repeat"></i>
<h4 class="font-x1"><a href="#">Posuere turpis</a></h4>
<p>Pharetra erat vitae aliquam cras vitae feugiat quam mauris eget dolor eleifend interdum nam eleifend augue nec.</p>
</article>
<article class="one_quarter"><i class="icon fa fa-bar-chart"></i>
<h4 class="font-x1"><a href="#">Interdum primis</a></h4>
<p>Aliquet magna odio placerat vitae urna vitae aliquam aliquet lectus donec suscipit leo vitae ante viverra iaculis.</p>
</article>
<article class="one_quarter"><i class="icon fa fa-bitbucket"></i>
<h4 class="font-x1"><a href="#">Fames malesuada</a></h4>
<p>Ultrices nibh quis mi ultrices eget varius elit sodales proin sed tincidunt ante sed posuere ex eget justo luctus.</p>
</article>
<article class="one_quarter"><i class="icon fa fa-hashtag"></i>
<h4 class="font-x1"><a href="#">Faucibus finibus</a></h4>
<p>Aliquam erat volutpat class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos himenaeos.</p>
</article>
</div>
<!-- ################################################################################################ -->
<!-- / main body -->
<div class="clear"></div>
</main>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper bgded overlay" style="background-image:url('images/demo/backgrounds/02.png');">
<div class="hoc container clear center">
<!-- ################################################################################################ -->
<article>
<h2 class="heading">Semper feugiat mauris vivamus</h2>
<p class="nospace btmspace-50 font-x1">Aenean congue dui id magna cursus dapibusphasellus vitae enim lobortis porta urna eu posuere justo quisque ac massa mauris lorem ipsum dolor sit amet consectetur adipiscing elit donec condimentum nisl nec egestas hendrerit neque diam consectetur elit quis congue.</p>
<footer>
<ul class="nospace inline pushright">
<li><a class="btn" href="#">Ullamcorper risus</a></li>
<li><a class="btn inverse" href="#">Fringilla convallis</a></li>
</ul>
</footer>
</article>
<!-- ################################################################################################ -->
</div>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper">
<div class="split clear" style="background-image:url('images/demo/backgrounds/03.png');">
<section class="box">
<!-- ################################################################################################ -->
<div class="btmspace-50">
<h3 class="font-x2 nospace">Tincidunt velit curabitur</h3>
<p class="nospace">Diam ante eget arcu donec magna neque molestie nec imperdiet cursus <a href="#">dolor suspendisse</a>.</p>
</div>
<ul class="nospace group services">
<li class="one_half first">
<article><a href="#"><i class="fa fa-plug"></i></a>
<h6 class="heading">Pretium nunc eget</h6>
<p>Massa et nibh venenatis lacinia in id felis proin ornare bibendum augue non tincidunt eros sit amet mauris rutrum nunc…</p>
<footer><a href="#">Read More »</a></footer>
</article>
</li>
<li class="one_half">
<article><a href="#"><i class="fa fa-puzzle-piece"></i></a>
<h6 class="heading">Risus vulputate tempor</h6>
<p>Rhoncus etiam vel semper elit sed porta diam maecenas eget ligula a diam imperdiet posuere in in libero etiam tristique…</p>
<footer><a href="#">Read More »</a></footer>
</article>
</li>
<li class="one_half first">
<article><a href="#"><i class="fa fa-random"></i></a>
<h6 class="heading">Donec facilisis iaculis</h6>
<p>Nulla ac justo fermentum commodonulla ut aliquam nulla et tristique turpis nunc mattis neque sit amet diam convallis…</p>
<footer><a href="#">Read More »</a></footer>
</article>
</li>
<li class="one_half">
<article><a href="#"><i class="fa fa-firefox"></i></a>
<h6 class="heading">Rutrum donec eget</h6>
<p>Nunc aliquet est suscipit interdum gravida leo diam tincidunt mauris nec interdum justo felis quis felis proin enim justo…</p>
<footer><a href="#">Read More »</a></footer>
</article>
</li>
</ul>
<!-- ################################################################################################ -->
</section>
</div>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper coloured">
<article class="hoc container clear center">
<!-- ################################################################################################ -->
<h6 class="heading capitalise">Tristique mi faucibus interdum auctor ante donec posuere</h6>
<p class="nospace"><a class="btn inverse" href="#">Curabitur pharetra</a></p>
<!-- ################################################################################################ -->
</article>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper bgded overlay" style="background-image:url('images/demo/backgrounds/04.png');">
<div class="hoc container center clear">
<!-- ################################################################################################ -->
<blockquote class="nospace btmspace-50 font-x1">Augue vitae faucibus nullam ut aliquet sapienproin euismod enim vel lacinia ultrices risus mi feugiat diam vitae ullamcorper tortor purus at lectus duis arcu sapien sollicitudin a dolor non porttitor eleifend sem vivamus hendrerit dolor in viverra auctor tellus.</blockquote>
<figure><img class="btmspace-15" src="images/demo/60x60.png" alt="">
<figcaption><strong>A.Doe</strong><br>
<em>Position, Company Name</em></figcaption>
</figure>
<!-- ################################################################################################ -->
</div>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row3">
<section class="hoc container clear">
<!-- ################################################################################################ -->
<div class="center btmspace-50">
<h3 class="font-x2 nospace">Proin laoreet eros</h3>
<p class="nospace">Eros etiam vel felis nulla donec eleifend facilisis faucibus aliquam dictum enim ac <a href="#">vehicula tristique</a>.</p>
</div>
<div class="group">
<article class="one_third first"><a href="#"><img class="btmspace-30" src="images/demo/320x210.png" alt=""></a>
<time class="block font-xs" datetime="2045-04-06">6<sup>th</sup> April 2045</time>
<h4 class="nospace font-x1">Vitae tortor placerat</h4>
<p>Vel consectetur interdum orci aliquam vel accumsan turpis hendrerit dolor tincidunt tincidunt vestibulum purus…</p>
<p class="nospace"><a href="#">Read More »</a></p>
</article>
<article class="one_third"><a href="#"><img class="btmspace-30" src="images/demo/320x210.png" alt=""></a>
<time class="block font-xs" datetime="2045-04-05">5<sup>th</sup> April 2045</time>
<h4 class="nospace font-x1">Dictum ut felis</h4>
<p>Justo lacinia nibh eget porttitor erat metus in mauris nulla volutpat lectus risus sit amet vestibulum dui suscipit…</p>
<p class="nospace"><a href="#">Read More »</a></p>
</article>
<article class="one_third"><a href="#"><img class="btmspace-30" src="images/demo/320x210.png" alt=""></a>
<time class="block font-xs" datetime="2045-04-04">4<sup>th</sup> April 2045</time>
<h4 class="nospace font-x1">Consectetur vel neque</h4>
<p>Eget proin in purus bibendum lacinia metus ornare rutrum eros lorem ipsum dolor sit amet consectetur adipiscing elit…</p>
<p class="nospace"><a href="#">Read More »</a></p>
</article>
</div>
<!-- ################################################################################################ -->
</section>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row4">
<footer id="footer" class="hoc clear">
<!-- ################################################################################################ -->
<div class="one_quarter first">
<h6 class="title">Tortor vestibulum</h6>
<p>Nulla nec metus sed arcu suscipit dignissimmaecenas lobortis quam vel leo placerat lacinia quisque ac dolor fermentum ultrices.</p>
<p>Lacus donec aliquam sodales orci eget convallis mauris tempor id leo massa euismod id nisl eu molestie erat.</p>
</div>
<div class="one_quarter">
<h6 class="title">Tellus ut feugiat</h6>
<ul class="nospace linklist contact">
<li><i class="fa fa-map-marker"></i>
<address>
Street Name & Number, Town, Postcode/Zip
</address>
</li>
<li><i class="fa fa-phone"></i> +00 (123) 456 7890<br>
+00 (123) 456 7890</li>
<li><i class="fa fa-fax"></i> +00 (123) 456 7890</li>
<li><i class="fa fa-envelope-o"></i> [email protected]</li>
</ul>
</div>
<div class="one_quarter">
<h6 class="title">Pulvinar et fusce</h6>
<ul class="nospace linklist">
<li><a href="#">Felis elit ut mollis urna</a></li>
<li><a href="#">Ipsum mauris tincidunt at</a></li>
<li><a href="#">Nibh ut dignissim elementum</a></li>
<li><a href="#">Leo integer suscipit sagittis</a></li>
<li><a href="#">Blandit in hac habitasse</a></li>
</ul>
</div>
<div class="one_quarter">
<h6 class="title">Dictumst integer</h6>
<ul class="nospace linklist">
<li>
<article>
<h6 class="nospace font-x1"><a href="#">Vel metus pharetra</a></h6>
<time class="font-xs block btmspace-10" datetime="2045-04-06">Friday, 6<sup>th</sup> April 2045</time>
<p class="nospace">Maximus ipsum vestibulum diam tortor suscipit vitae…</p>
</article>
</li>
<li>
<article>
<h6 class="nospace font-x1"><a href="#">Fermentum tellus</a></h6>
<time class="font-xs block btmspace-10" datetime="2045-04-05">Thursday, 5<sup>th</sup> April 2045</time>
<p class="nospace">Posuere cursus magnaproin id neque nunc non bibendum…</p>
</article>
</li>
</ul>
</div>
<!-- ################################################################################################ -->
</footer>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row5">
<div id="copyright" class="hoc clear">
<!-- ################################################################################################ -->
<p class="fl_left">Copyright © 2016 - All Rights Reserved - <a href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p>
<!-- ################################################################################################ -->
</div>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<a id="backtotop" href="#top"><i class="fa fa-chevron-up"></i></a>
<!-- JAVASCRIPTS -->
<script src="layout/scripts/jquery.min.js"></script>
<script src="layout/scripts/jquery.backtotop.js"></script>
<script src="layout/scripts/jquery.mobilemenu.js"></script>
</body>
</html>