-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
347 lines (347 loc) · 19.1 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
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
<!DOCTYPE html>
<!--
Template Name: Nekmit
Author: <a href="https://www.os-templates.com/">OS Templates</a>
Author URI: https://www.os-templates.com/
Copyright: OS-Templates.com
Licence: Free to use under our free template licence terms
Licence URI: https://www.os-templates.com/template-terms
-->
<html lang="">
<!-- To declare your language - read more here: https://www.w3.org/International/questions/qa-html-language-declarations -->
<head>
<title>aubmarine</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 padtop" style="background-image:url('images/demo/backgrounds/01.png');">
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<header id="header" class="hoc clear">
<div id="logo" class="fl_left">
<!-- ################################################################################################ -->
<h1><a href="index.html">Nekmit</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>
<li><a href="pages/font-icons.html">Font Icons</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="#">what?</a></li>
<li><a href="#">why?</a></li>
<li><a href="#">und when?</a></li>
</ul>
<!-- ################################################################################################ -->
</nav>
</header>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div id="pageintro" class="hoc clear">
<!-- ################################################################################################ -->
<article>
<h3 class="heading">Suspendisse potenti</h3>
<p>Arcu mi porttitor est non felis aliquam ullamcorper sed porttitor accumsan arcu maecenas lorem elit tristique quis iaculis at euismod vel arcu donec et lorem.</p>
<footer>
<ul class="nospace inline pushright">
<li><a class="btn" href="#">Integer</a></li>
<li><a class="btn inverse" href="#">Egestas</a></li>
</ul>
</footer>
</article>
<!-- ################################################################################################ -->
</div>
<!-- ################################################################################################ -->
</div>
<!-- End Top Background Image Wrapper -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row1">
<section id="ctdetails" class="hoc clear">
<!-- ################################################################################################ -->
<ul class="nospace clear">
<li class="one_quarter first">
<div class="block clear"><a href="#"><i class="fas fa-phone"></i></a> <span><strong>Give us a call:</strong> +00 (123) 456 7890</span></div>
</li>
<li class="one_quarter">
<div class="block clear"><a href="#"><i class="fas fa-envelope"></i></a> <span><strong>Send us a mail:</strong> [email protected]</span></div>
</li>
<li class="one_quarter">
<div class="block clear"><a href="#"><i class="fas fa-clock"></i></a> <span><strong> Mon. - Sat.:</strong> 08.00am - 18.00pm</span></div>
</li>
<li class="one_quarter">
<div class="block clear"><a href="#"><i class="fas fa-map-marker-alt"></i></a> <span><strong>Come visit us:</strong> Directions to <a href="#">our location</a></span></div>
</li>
</ul>
<!-- ################################################################################################ -->
</section>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row3">
<main class="hoc container clear">
<!-- main body -->
<!-- ################################################################################################ -->
<section id="services">
<div class="sectiontitle">
<p class="nospace font-xs">Mauris tempor aliquam venenatis</p>
<h6 class="heading">Curabitur at odio sed enim</h6>
</div>
<ul class="nospace group grid-3">
<li class="one_third">
<article><a href="#"><i class="fas fa-spray-can"></i></a>
<h6 class="heading">Vehicula</h6>
<p>Nulla cursus metus non tortor erat turpis sed semper risus nisi id nunc ut congue cursus tortor aliquam.</p>
<footer><a href="#">More Details »</a></footer>
</article>
</li>
<li class="one_third">
<article><a href="#"><i class="fas fa-user-secret"></i></a>
<h6 class="heading">Porttitor</h6>
<p>Vehicula nisl ac porta blandit velit risus lobortis turpis sit amet lobortis sapien dui id neque suspendisse.</p>
<footer><a href="#">More Details »</a></footer>
</article>
</li>
<li class="one_third">
<article><a href="#"><i class="fas fa-couch"></i></a>
<h6 class="heading">Pulvinar</h6>
<p>Vel justo mattis magna vestibulum molestie quisque sagittis in a enim in metus ultrices tristique nam semper.</p>
<footer><a href="#">More Details »</a></footer>
</article>
</li>
<li class="one_third">
<article><a href="#"><i class="fas fa-crow"></i></a>
<h6 class="heading">Ultricies</h6>
<p>Tincidunt metus nunc ornare mi at nibh ut ante est imperdiet dignissim eleifend sit amet lacinia tempor justo.</p>
<footer><a href="#">More Details »</a></footer>
</article>
</li>
<li class="one_third">
<article><a href="#"><i class="fas fa-dolly-flatbed"></i></a>
<h6 class="heading">Vestibulum</h6>
<p>Pellentesque malesuada sed et nulla sit amet nisi scelerisque consectetuer vivamus odio donec metus libero semper.</p>
<footer><a href="#">More Details »</a></footer>
</article>
</li>
<li class="one_third">
<article><a href="#"><i class="fas fa-road"></i></a>
<h6 class="heading">Lobortis</h6>
<p>Quis suscipit ut aliquam a metus ut interdum risus id luctus consectetuer velit neque ornare quam at ornare.</p>
<footer><a href="#">More Details »</a></footer>
</article>
</li>
</ul>
</section>
<!-- ################################################################################################ -->
<!-- / main body -->
<div class="clear"></div>
</main>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="bgded overlay" style="background-image:url('images/demo/backgrounds/01.png');">
<section class="hoc container clear">
<!-- ################################################################################################ -->
<div class="sectiontitle">
<p class="nospace font-xs">Nisi velit nec turpis nullam vitae</p>
<h6 class="heading">Quam nunc ut elit nunc molestie</h6>
</div>
<article id="points" class="group">
<div class="two_third first">
<h6 class="heading">Sapien tempor placerat</h6>
<p>Luctus mauris lectus elementum nulla ac consectetuer sapien leo et arcu sed tempus tempor orci vestibulum volutpat eleifend arcu nunc vitae lacus sit amet sem consequat ullamcorper vivamus quis risus ut turpis sagittis venenatis.</p>
<p>Volutpat et aliquam sed magna duis nibh dui porttitor eu rhoncus ut convallis eu eros in condimentum placerat.</p>
<ul class="nospace group">
<li><span>1</span> Nulla bibendum in erat</li>
<li><span>2</span> Enim interdum a aliquam</li>
<li><span>3</span> Sed commodo bibendum justo</li>
<li><span>4</span> Sed pretium elit sed</li>
<li><span>5</span> Nisi aliquam dolor urna</li>
<li><span>6</span> Interdum ut dignissim eget</li>
<li><span>7</span> Sagittis eget eros integer</li>
<li><span>8</span> Velit mi facilisis eget</li>
</ul>
</div>
<div class="one_third last"><a class="imgover" href="#"><img src="images/demo/348x394.png" alt=""></a></div>
</article>
<!-- ################################################################################################ -->
</section>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row2">
<section class="hoc container clear">
<!-- ################################################################################################ -->
<div class="sectiontitle">
<p class="nospace font-xs">Odio duis ut est quis nisl consequat</p>
<h6 class="heading">Gravida donec non erat eget</h6>
</div>
<ul id="latest" class="nospace group sd-third">
<li class="one_third first">
<article>
<figure><a class="imgover" href="#"><img src="images/demo/348x261.png" alt=""></a>
<figcaption>
<ul class="nospace meta clear">
<li><i class="fas fa-user"></i> <a href="#">Admin</a></li>
<li>
<time datetime="2045-04-06T08:15+00:00">06 Apr 2045</time>
</li>
</ul>
<h6 class="heading"><a href="#">Elit pellentesque dapibus</a></h6>
</figcaption>
</figure>
<p>Justo massa adipiscing a convallis ultricies luctus et dolor aliquam nulla aenean facilisis ullamcorper diam nunc pede nulla iaculis quis lacinia ac adipiscing.</p>
</article>
</li>
<li class="one_third">
<article>
<figure><a class="imgover" href="#"><img src="images/demo/348x261.png" alt=""></a>
<figcaption>
<ul class="nospace meta clear">
<li><i class="fas fa-user"></i> <a href="#">Admin</a></li>
<li>
<time datetime="2045-04-05T08:15+00:00">05 Apr 2045</time>
</li>
</ul>
<h6 class="heading"><a href="#">Quis ligula morbi quam</a></h6>
</figcaption>
</figure>
<p>Semper mattis nulla cursus lorem ut gravida tempor massa massa porta libero at scelerisque et arcu nulla facilisi aenean fringilla imperdiet felis mauris.</p>
</article>
</li>
<li class="one_third">
<article>
<figure><a class="imgover" href="#"><img src="images/demo/348x261.png" alt=""></a>
<figcaption>
<ul class="nospace meta clear">
<li><i class="fas fa-user"></i> <a href="#">Admin</a></li>
<li>
<time datetime="2045-04-04T08:15+00:00">04 Apr 2045</time>
</li>
</ul>
<h6 class="heading"><a href="#">Hendrerit ligula eu diam</a></h6>
</figcaption>
</figure>
<p>Ac lectus sed ultricies augue congue nibh donec convallis elementum leo nullam dignissim varius ante fusce pharetra sodales arcu sed rutrum ipsum a ipsum.</p>
</article>
</li>
</ul>
<!-- ################################################################################################ -->
</section>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row4">
<footer id="footer" class="hoc clear">
<!-- ################################################################################################ -->
<div class="one_quarter first">
<h6 class="heading">Praesent id aliquam</h6>
<p>Non tellus nec sapien lobortis lobortis mauris egestas massa ac cursus pellentesque leo risus convallis nulla et fringilla sapien magna sit amet magna aliquam tempus praesent sit amet neque sed lobortis nulla facilisi [<a href="#">…</a>]</p>
<ul class="faico clear">
<li><a class="faicon-facebook" href="#"><i class="fab fa-facebook"></i></a></li>
<li><a class="faicon-google-plus" href="#"><i class="fab fa-google-plus-g"></i></a></li>
<li><a class="faicon-linkedin" href="#"><i class="fab fa-linkedin"></i></a></li>
<li><a class="faicon-twitter" href="#"><i class="fab fa-twitter"></i></a></li>
<li><a class="faicon-vk" href="#"><i class="fab fa-vk"></i></a></li>
</ul>
</div>
<div class="one_quarter">
<h6 class="heading">Rutrum amet sodales</h6>
<ul class="nospace linklist">
<li><a href="#">Nulla tincidunt magna</a></li>
<li><a href="#">Vel iaculis mollis mi</a></li>
<li><a href="#">Lacus tincidunt diam ac</a></li>
<li><a href="#">Varius purus justo pretium</a></li>
<li><a href="#">Nunc proin tortor elit</a></li>
</ul>
</div>
<div class="one_quarter">
<h6 class="heading">At feugiat in diam</h6>
<p class="nospace btmspace-15">In vestibulum dolor et augue fusce neque enim scelerisque at fermentum.</p>
<form action="#" method="post">
<fieldset>
<legend>Newsletter:</legend>
<input class="btmspace-15" type="text" value="" placeholder="Name">
<input class="btmspace-15" type="text" value="" placeholder="Email">
<button class="btn" type="submit" value="submit">Submit</button>
</fieldset>
</form>
</div>
<div class="one_quarter last">
<h6 class="heading">Sed imperdiet pharetra</h6>
<ul class="nospace linklist">
<li>
<article>
<h6 class="nospace font-x1"><a href="#">Massa nam nulla augue</a></h6>
<time class="font-xs block btmspace-10" datetime="2045-04-06">Friday, 6<sup>th</sup> April 2045</time>
<p class="nospace">Faucibus nec lacinia quis ornare a eros pellentesque in orci vitae</p>
</article>
</li>
<li>
<article>
<h6 class="nospace font-x1"><a href="#">Velit vehicula auctor</a></h6>
<time class="font-xs block btmspace-10" datetime="2045-04-05">Thursday, 5<sup>th</sup> April 2045</time>
<p class="nospace">Pellentesque pulvinar vestibulum bibendum blandit lectus pretium</p>
</article>
</li>
</ul>
</div>
<!-- ################################################################################################ -->
</footer>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row5">
<div id="copyright" class="hoc clear">
<!-- ################################################################################################ -->
<p class="fl_left">Copyright © 2018 - All Rights Reserved - <a href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="https://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p>
<!-- ################################################################################################ -->
</div>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<a id="backtotop" href="#top"><i class="fas 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>