-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
159 lines (156 loc) · 6.96 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Basic 89</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles/layout.css" type="text/css">
<!--[if lt IE 9]><script src="scripts/html5shiv.js"></script><![endif]-->
</head>
<body>
<div class="wrapper row1">
<header id="header" class="clear">
<div id="hgroup">
<h1><a href="#">Basic 89</a></h1>
<h2>Free HTML5 Website Template</h2>
</div>
<input type="checkbox" class="nav-btn" id="nav-btn">
<div class="div-nav-btn">
<label for="nav-btn" class="nav-btn-icon">
<i class="fa fa-bars "></i>
<i class="fa fa-close "></i>
</label>
</div>
<nav>
<ul class="nav-menu">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li class="last"><a href="#">Link 4</a></li>
</ul>
</nav>
</header>
</div>
<!-- content -->
<div class="wrapper row2">
<div id="container" class="clear">
<!-- Slider -->
<section id="slider"><a href="#"><img src="images/demo/960x360.gif" alt=""></a></section>
<!-- main content -->
<div id="homepage">
<!-- services area -->
<section id="services" class="clear">
<article class="one_quarter">
<figure><img src="images/demo/32x32.gif" width="32" height="32" alt=""></figure>
<strong>Lorum ipsum dolor</strong>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc non diam erat. In fringilla massa ut nisi
ullamcorper.</p>
<p class="more"><a href="#">Read More »</a></p>
</article>
<article class="one_quarter">
<figure><img src="images/demo/32x32.gif" width="32" height="32" alt=""></figure>
<strong>Lorum ipsum dolor</strong>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc non diam erat. In fringilla massa ut nisi
ullamcorper.</p>
<p class="more"><a href="#">Read More »</a></p>
</article>
<article class="one_quarter">
<figure><img src="images/demo/32x32.gif" width="32" height="32" alt=""></figure>
<strong>Lorum ipsum dolor</strong>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc non diam erat. In fringilla massa ut nisi
ullamcorper.</p>
<p class="more"><a href="#">Read More »</a></p>
</article>
<article class="one_quarter lastbox">
<figure><img src="images/demo/32x32.gif" width="32" height="32" alt=""></figure>
<strong>Lorum ipsum dolor</strong>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc non diam erat. In fringilla massa ut nisi
ullamcorper.</p>
<p class="more"><a href="#">Read More »</a></p>
</article>
</section>
<!-- / services area -->
<!-- ########################################################################################## -->
<!-- ########################################################################################## -->
<!-- ########################################################################################## -->
<!-- ########################################################################################## -->
<!-- / latest work -->
<section id="latest">
<article>
<figure>
<ul class="clear">
<li class="one_third"><img src="images/demo/290x180.gif" width="290" height="180" alt=""></li>
<li class="one_third"><img src="images/demo/290x180.gif" width="290" height="180" alt=""></li>
<li class="one_third lastbox"><img src="images/demo/290x180.gif" width="290" height="180" alt=""></li>
</ul>
<figcaption><a href="#">View All Our Recent Work Here »</a></figcaption>
</figure>
</article>
</section>
<!-- / latest work -->
</div>
<!-- main content -->
<div id="content">
<section id="posts" class="last clear">
<ul>
<li>
<article class="clear">
<figure><img src="images/demo/180x150.gif" alt="">
<figcaption>
<h2>Indonectetus facilis leo nibh</h2>
<p>This is a W3C compliant free website template from <a href="https://www.os-templates.com/"
title="Free Website Templates">OS Templates</a>. For full terms of use of this template please
read our <a href="https://www.os-templates.com/template-terms">website template licence</a>.</p>
<footer class="more"><a href="#">Read More »</a></footer>
</figcaption>
</figure>
</article>
</li>
<li class="last">
<article class="clear">
<figure><img src="images/demo/180x150.gif" alt="">
<figcaption>
<h2>Indonectetus facilis leo nibh</h2>
<p>You can use and modify the template for both personal and commercial use. You must keep all
copyright information and credit links in the template and associated files. For more HTML5
templates visit <a href="https://www.os-templates.com/">free website templates</a>.</p>
<footer class="more"><a href="#">Read More »</a></footer>
</figcaption>
</figure>
</article>
</li>
</ul>
</section>
</div>
<!-- right column -->
<aside id="right_column">
<h2 class="title">Categories</h2>
<nav>
<ul>
<li><a href="#">Free Website Templates</a></li>
<li><a href="#">Free CSS Templates</a></li>
<li><a href="#">Free XHTML Templates</a></li>
<li><a href="#">Free Web Templates</a></li>
<li><a href="#">Free Website Layouts</a></li>
<li><a href="#">Free HTML 5 Templates</a></li>
<li><a href="#">Free Webdesign Templates</a></li>
<li><a href="#">Free FireWorks Templates</a></li>
<li><a href="#">Free PNG Templates</a></li>
<li class="last"><a href="#">Free Website Themes</a></li>
</ul>
</nav>
<!-- /nav -->
</aside>
<!-- / content body -->
</div>
</div>
<!-- Footer -->
<div class="wrapper row3">
<footer id="footer" class="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>
</footer>
</div>
</body>
</html>