-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
199 lines (196 loc) · 8.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
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
<!doctype html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!--title-->
<title>Soolah</title>
<!--favicon icon-->
<link rel="icon" href="img/favicon.png" type="image/png" sizes="16x16">
<!--google fonts-->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700%7COpen+Sans&display=swap" rel="stylesheet">
<!--Bootstrap css-->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!--Magnific popup css-->
<link rel="stylesheet" href="css/magnific-popup.css">
<!--Themify icon css-->
<link rel="stylesheet" href="css/themify-icons.css">
<!--animated css-->
<link rel="stylesheet" href="css/animate.min.css">
<!--ytplayer css-->
<link rel="stylesheet" href="css/jquery.mb.YTPlayer.min.css">
<!--Owl carousel css-->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<!--custom css-->
<link rel="stylesheet" href="css/style.css">
<!--responsive css-->
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<!--loader start-->
<div id="preloader">
<div class="loader1">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
<!--loader end-->
<!--header section start-->
<header class="header">
<!--start navbar-->
<nav class="navbar navbar-expand-lg fixed-top bg-transparent">
<div class="container">
<a class="navbar-brand" href="index-5.html">
<img src="img/logo-white.png" alt="logo" class="img-fluid" />
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="ti-menu"></span>
</button>
<div class="collapse navbar-collapse h-auto" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto menu">
<li><a href="main.html" class="page-scroll">Home</a>
</li>
<li><a href="#about" class="page-scroll active">About</a></li>
<li><a href="main.html#how-it-work" class="page-scroll">Problem</a></li>
<li><a href="main.html#solution" class="page-scroll">Solution</a></li>
<li><a href="main.html#screenshots" class="page-scroll">How It Work</a></li>
<li><a href="contact.html" class="page-scroll">Contact Us</a></li>
</ul>
</div>
</div>
</nav>
</header>
<!--header section end-->
<!--body content wrap start-->
<div class="main">
<!--hero section start-->
<section id="about" class="about_page hero-section gradient-overlay" style="background: url('img/hero-bg-2.jpg')no-repeat center center / cover">
<div class="container">
<div class="row align-items-center justify-content-center">
<div class="col-md-9 col-lg-7">
<div class="page-header-content text-white text-center pt-sm-5 pt-md-5 pt-lg-0">
<h1 class="text-white mb-0">About Us</h1>
<div class="custom-breadcrumb">
<ol class="breadcrumb d-inline-block bg-transparent list-inline py-0">
<li class="list-inline-item breadcrumb-item"><a href="main.html">Home</a></li>
<li class="list-inline-item breadcrumb-item active">About Us</li>
</ol>
</div>
</div>
</div>
</div>
</div>
</section>
<!--hero section end-->
<!--content section-->
<div id="faq" class="ptb-100">
<div class="container">
<div class="row">
<div class="col-md-12 col-lg-12">
<div class="section-heading mb-5">
<h2>Company Overview</h2>
<p>Energistically disseminate sustainable services without e-business imperatives. Holisticly maximize world-class collaboration and idea-sharing vis-a-vis reliable. Connect your existing plugins and amplify your mobile app.Energistically disseminate sustainable services without e-business imperatives. Holisticly maximize world-class collaboration and idea-sharing vis-a-vis reliable. Connect your existing plugins and amplify your mobile app.</p>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
</div>
</div>
</div>
</div>
</div>
<!--content section end-->
</div>
<!--body content wrap end-->
<!--footer section start-->
<footer class="footer-section">
<!--footer top start-->
<div class="footer-top gradient-bg">
<div class="container">
<div class="row">
<div class="col-lg-4 col-12">
<div class="footer-nav-wrap text-white mb-0 mb-md-4 mb-lg-0">
<a class="d-block" href="#"><img src="img/logo-white.png" alt="footer logo" class="img-fluid mb-1"></a>
<p>Intrinsicly matrix high standards in niches whereas intermandated niche markets. Objectively harness competitive resources.</p>
<ul class="list-unstyled social-list mb-0">
<li class="list-inline-item"><a href="#" class="rounded"><span class="ti-facebook white-bg color-2 shadow rounded-circle"></span></a></li>
<li class="list-inline-item"><a href="#" class="rounded"><span class="ti-twitter white-bg color-2 shadow rounded-circle"></span></a></li>
<li class="list-inline-item"><a href="#" class="rounded"><span class="ti-linkedin white-bg color-2 shadow rounded-circle"></span></a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-4 col-12">
<div class="footer-nav-wrap text-white">
<h5 class="text-white">Usefull Links</h5>
<ul class="list-unstyled footer-nav-list mt-3">
<li><a href="about.html" class="text-foot"><span class="ti-angle-double-right"></span> About Us</a></li>
<li><a href="privacy.html" class="text-foot"><span class="ti-angle-double-right"></span> Privacy Policy</a></li>
<li><a href="contact.html" class="text-foot"><span class="ti-angle-double-right"></span> Contact Us</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-4 col-12">
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="footer-nav-wrap text-white">
<h5 class="text-light footer-head">Newsletter</h5>
<p>Subscribe our newsletter to get our update. We don't send span email to you.</p>
<form action="#" class="newsletter-form mt-3">
<div class="input-group">
<input type="email" class="form-control" id="email" placeholder="Enter your email" required="">
<div class="input-group-append">
<button class="btn solid-btn subscribe-btn btn-hover" type="submit">
Subscribe
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!--footer top end-->
<!--footer copyright start-->
<div class="footer-bottom gray-light-bg py-3">
<div class="container">
<div class="row text-center justify-content-center">
<div class="col-md-6 col-lg-5">
<p class="copyright-text pb-0 mb-0">Copyrights © 2019. All rights reserved by Smit Dudhat</p>
</div>
</div>
</div>
</div>
<!--footer copyright end-->
</footer>
<!--footer section end-->
<!--bottom to top button start-->
<button class="scroll-top scroll-to-target" data-target="html">
<span class="ti-angle-up"></span>
</button>
<!--bottom to top button end-->
<!--jQuery-->
<script src="js/jquery-3.4.1.min.js"></script>
<!--Popper js-->
<script src="js/popper.min.js"></script>
<!--Bootstrap js-->
<script src="js/bootstrap.min.js"></script>
<!--Magnific popup js-->
<script src="js/jquery.magnific-popup.min.js"></script>
<!--jquery easing js-->
<script src="js/jquery.easing.min.js"></script>
<!--jquery ytplayer js-->
<script src="js/jquery.mb.YTPlayer.min.js"></script>
<!--wow js-->
<script src="js/wow.min.js"></script>
<!--owl carousel js-->
<script src="js/owl.carousel.min.js"></script>
<!--countdown js-->
<script src="js/jquery.countdown.min.js"></script>
<!--custom js-->
<script src="js/scripts.js"></script>
</body>
</html>