-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
103 lines (97 loc) · 4.97 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>AppTheme | About</title>
<link rel="stylesheet" href="./css/flexboxgrid.css">
<link rel="stylesheet" href="./css/fontawesome-all.css">
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<!--header-->
<header id="main-header">
<div class="container">
<div class="row end-sm end-md end-lg center-xs middle-xs middle-sm middle-md middle-lg">
<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
<h1><span class="primary-text">AppTheme</span></h1>
</div>
<div class="col-xs-12 col-sm-10 col-md-10 col-lg-10 ">
<div id="navbar">
<ul>
<li><a href="index.html">Home</a></li>
<li class="current"><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</header>
<!---Sub-header-->
<section id="subheader">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<h1>About Us</h1>
</div>
</div>
</div>
</section>
<!--main page-->
<section id="page" class="about">
<div class="container">
<div class="row row center-xs center-sm center-md center-lg">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<h2><span class="primary-text">Who</span> We Are</h2>
<p>Lorem Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quasi itaque non animi. Hic voluptatum, illum eos sint laboriosam animi ad! ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus nisi hic reiciendis minus ab amet, dolorum quas veritatis mollitia cupiditate.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil, distinctio. Itaque voluptatem blanditiis adipisci aspernatur maxime, aperiam magni? Impedit, ipsum. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus nisi hic reiciendis minus ab amet, dolorum quas veritatis mollitia cupiditate.</p>
<hr>
<h2><span class="primary-text">What</span> We Do</h2>
<p>Lorem Lorem ipsum, dolor sit amet consectetur adipisicing elit. Temporibus excepturi fugiat eaque. ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus nisi hic reiciendis minus ab amet, dolorum quas veritatis mollitia cupiditate.</p>
<p>Lorem Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quibusdam nisi libero ex animi soluta sint ducimus officiis quisquam ipsum et? Sequi vel porro id quisquam? ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus nisi hic reiciendis minus ab amet, dolorum quas veritatis mollitia cupiditate.</p>
</div>
</div>
</div>
</section>
<!--company-->
<section id="company">
<div class="container">
<div class="row center-xs center-sm center-md center-lg">
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<h1>Contact Us</h1>
<ul>
<li><i class="fa fa-phone"></i>(234)8163792207</li>
<li><i class="fa fa-briefcase"></i>[email protected]</li>
<li><i class="fa fa-map"></i>9 Esa-Atan Rd</li>
</ul>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-">
<h1>About Us</h1>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eius, reprehenderit. Eius, praesentium maiores esse ad eaque molestias pariatur. Excepturi, quos.</p>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-">
<h1>Newsletter</h1>
<p>Lorem ipsum dolor sit.</p>
<form action="">
<input type="text" name="email" placeholder="Enter Email">
<button type="submit" name="buttton">Submit</button>
</form>
</div>
</div>
</div>
</section>
<!--footer-->
<footer id="main-footer">
<div class="container">
<div class="row center-xs center-sm center-md center-lg">
<div class="col-xs-12 col-sm-12 col-ms-12 col-lg-12">
<p>Copyright © 2019 | AppTheme by Khingz</p>
</div>
</div>
</div>
</footer>
</body>
</html>