/
about.html
139 lines (125 loc) · 4.21 KB
/
about.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us - HTML Project</title>
<link rel="stylesheet" href="css/preloader.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- preloader -->
<div class="preloader">
<div class="preloader-inner">
<div class="item-1"></div>
</div>
</div>
<!-- preloader end -->
<div class="container">
<!-- header start -->
<div class="header">
<div class="logo">
<a href="index.html">
<img src="image/kivabe-logo.png" alt="Project Logo">
</a>
</div>
<div class="userarea">
<a href="login.html">Log In</a> or
<a href="signup.html">Sign Up</a>
</div>
<div class="clearfix"></div>
</div>
<!-- header end -->
<!-- Menu Section -->
<div class="menucontainer">
<nav class="menu">
<div id="menutrigger">
<span></span>
</div>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="work.html">Our Work</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li>
<a href="#">Others</a>
<ul class="sub-menu">
<li><a href="single.html">Single Page</a></li>
<li><a href="blog.html">Our Blog</a></li>
<li>
<a href="#">Another Menu</a>
<ul class="sub-menu">
<li><a href="single.html">Single Page</a></li>
<li><a href="blog.html">Our Blog</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</nav>
</div><!-- /.menucontainer -->
<!-- Menu Section End -->
<!-- latest post section -->
<div class="latest-post-sec">
<div class="row">
<!-- Content area -->
<div id="content-area" class="col-32" >
<article>
<h2 class="post-title">
About Us
</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ab eveniet velit, quis tenetur! Necessitatibus cumque cum doloremque, quaerat, porro quasi aperiam, ab assumenda molestias suscipit ad laboriosam officiis ducimus!
</p>
<img src="image/about-us.jpg" alt="About Us">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab ducimus molestias ipsa laborum quam et libero doloribus non perferendis esse quas laboriosam est dolorum inventore mollitia, molestiae quo, nesciunt voluptatibus.
</p>
<h4>Sub Heading</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab ducimus molestias ipsa laborum quam et libero doloribus non perferendis esse quas laboriosam est dolorum inventore mollitia, molestiae quo, nesciunt voluptatibus.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab ducimus molestias ipsa laborum quam et libero doloribus non perferendis esse quas laboriosam est dolorum inventore mollitia, molestiae quo, nesciunt voluptatibus.
</p>
</article>
</div><!-- /.col-32 -->
<!-- Content area End -->
<!-- Sidebar -->
<div id="sidebar" class="col-3">
<aside class="widgets">
<h3 class="widgets-title">Subscribe our news channel</h3>
<div class="subscribe">
<form action="#" method="post">
<input type="email" name="email" placeholder="Enter your email id">
<button class="btn" type="submit">Subscribe</button>
</form>
</div>
</aside>
<aside class="widgets">
<h3 class="widgets-title">
Related Post
</h3>
<ul>
<li><a href="#">Related Post 1</a></li>
<li><a href="#">Related Post 2</a></li>
<li><a href="#">Related Post 3</a></li>
<li><a href="#">Related Post 4</a></li>
<li><a href="#">Related Post 5</a></li>
</ul>
</aside>
</div><!-- /.col-4 -->
<!-- Sidebar End -->
</div><!-- /.row -->
<div class="clearfix"></div>
</div><!-- /.latest-post-sec -->
<!-- latest post section -->
<footer class="copyright text-center">
© 2018 - All rights reserved by <a href="#">Developer</a>
</footer>
</div><!-- /.container -->
<script src="js/jquery-2.x-git.min.js"></script>
<script src="js/function.js"></script>
</body>
</html>