-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
248 lines (237 loc) · 15.8 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="png" href="./Images/klacel-logo.png">
<!--Boostrap Css-->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link href="style.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
<title>Klacel</title>
</head>
<body>
<!--navbar start-->
<nav class="navbar navbar-expand-lg fixed-top px-5" style="background-color: white !important;border-bottom: 1px solid #c4d1e0;">
<div class="container-fluid">
<a class="navbar-brand" href="./index.html">
<!-- <img src="https://www.kalacel.com/KalacelDoc/assets/images/Dax_logo.png" height="60" width="60" /> -->
<img src="./Images/klacel-logo.png" height="40" width="50" />
Klacel
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar"
aria-controls="offcanvasNavbar" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="offcanvas offcanvas-end ms-5" tabindex="-1" id="offcanvasNavbar"
aria-labelledby="offcanvasNavbarLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasNavbarLabel">
<img src="https://www.kalacel.com/KalacelDoc/assets/images/Dax_logo.png" height="50"
width="50" />
KlacelDoc
</h5>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<ul class="navbar-nav flex-grow-1 pe-3">
<li class="nav-item">
<a class="nav-link mx-lg-2" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
aria-expanded="false" style="position: relative;">
Company
</a>
<ul class="dropdown-column-menu">
<li><a class="dropdown-item" href="./about.html">About us</a></li>
<!-- <li><a class="dropdown-item" href="#">Services</a></li>
<li><a class="dropdown-item" href="#">Products</a></li>
<li><a class="dropdown-item" href="#">Events</a></li>
<li><a class="dropdown-item" href="#">Carrers</a></li> -->
<li><a class="dropdown-item" href="#">Testimonials</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
aria-expanded="false" style="position: relative;">
Products
</a>
<!-- <ul class="dropdown-row-menu">
<li>
<a class="dropdown-item" href="./KTMS/">
<img src="https://html.crumina.net/html-utouch/img/product-item4.jpg"
height="250px" width="100%" />
<label style="background: transparent;text-align: center;padding: 1rem;text-transform: uppercase;font-size: 15px;color: #6a85a6;font-weight: 700;">Ktms</label>
</a>
</li>
<li>
<a class="dropdown-item" href="./kalacelDoc/" target="_blank">
<img src="https://www.kalacel.com/Images/KalacelDoc_Demo.gif" height="250px"
width="100%" />
<label style="background: transparent;text-align: center;padding: 1rem;font-size: 15px;color: #6a85a6;font-weight: 700;">KDocs</label>
</a>
</li>
<li>
<a class="dropdown-item" href="./KLens/">
<img src="https://www.kalacel.com/Images/KalacelDoc_Demo.gif" height="250px"
width="100%" />
<label style="background: transparent;text-align: center;padding: 1rem;font-size: 15px;color: #6a85a6;font-weight: 700;">KLens</label>
</a>
</li>
</ul> -->
<ul class="dropdown-column-menu">
<li><a class="dropdown-item" href="./KTMS/">KTMS</a></li>
<li><a class="dropdown-item" href="./KDocs/">KDocs</a></li>
<li><a class="dropdown-item" href="./KLens/">KLens</a></li>
</ul>
</li>
<!-- <li class="nav-item">
<a class="nav-link mx-lg-2" href="#">Services</a>
</li> -->
<li class="nav-item" >
<a class="nav-link mx-lg-2" href="#contact">Contact</a>
</li>
<!-- <li class="nav-item" style="margin-left:24rem ">
<a class="nav-link mx-lg-2" href="#contact">Login</a>
</li>
<li class="nav-item">
<a class="nav-link mx-lg-2" href="./Demo.html" >Get Started</a>
</li> -->
</ul>
</div>
</div>
</div>
</nav>
<div class="nav-spacebar"></div>
<!--navbar end-->
<section style="background-color: white;">
<div class="row" style="max-width: 1440px ;">
<div class="col-lg-12 col-12 about-us-landing-container" style="position: relative;">
<img src="./Images/about-bg-img(1).jpg" style="width: 100%;"/>
<h1 style="position: absolute;font-size: 2.2rem;color: #273f5b;top:100px;left:90px;text-transform: uppercase;font-weight: 600;">Welcome to<br> <span >Klacel</span></h1>
<hr style="position: absolute;color: #273f5b;top:185px;left:90px;width: 100px;border: 1px solid;"/>
<h5 style="position: absolute;font-size: 20px;color: #4b5d73;top:230px;left:90px;max-width: 550px;letter-spacing: 1px;">A unique and powerful software suite to transform the way you work. Designed for businesses of all sizes, built by a
company that values your privacy.
</h5>
</div>
</div>
</section>
<section>
<div class="row landing-container px-5" style="background-image: url(./Images/white-clouds-bg.png) !important;text-align: center; background-size: cover;
background-repeat: no-repeat;">
<!-- <div class="col-lg-6 col-md-6 col-sm-6 col-12 p-5" style="display: flex;justify-content: center;align-items: center;">
<img src="./Images/image.jfif" width="100%" height="500"/>
</div> -->
<div class="col-lg-12 col-md-12 col-sm-12 col-12 " style="padding:0rem 3.5rem !important">
<h1 style="font-size: 2.2rem;font-weight: 600;color: #273f5b;" class="mb-4">About us</h1>
<h5 style="font-size: 17px;line-height: 35px;font-weight: 500;color: #4b5d73;">
Welcome to Klacel, where we bring code to life with precision and passion, crafting solutions that simply, automate, and
innovate. We are a team of passionate developers, designers, and tech enthusiasts dedicated to creating software that
empowers businesses, enhances efficiency, and solves real-world problems.<br><br>
Founded with a vision to push the boundaries of what technology can achieve, we specialize in software development,
mobile applications, web solutions, and digital transformation. Our aim is to provide scalable and user-friendly
products that drive success for our clients across various industries.<br><br>
With a focus on cutting-edge technology, agile development practices, and continuous innovation, we’re committed to
staying ahead in a rapidly changing digital landscape. Our platform is designed as a cohesive ecosystem, where every
component works in harmony to support diverse business needs.<br><br>
We take pride in creating products and solutions that don’t just meet technical requirements but resonate deeply with
users, solving real-world challenges and improving lives. Every feature we develop is crafted with care, aiming for
elegance, reliability, and a seamless experience.
</h5>
</div>
</div>
</section>
<section class="core-values-section" style="background-color: white !important;">
<div class="row mt-5">
<div class="col-lg-12 col-md-12 col-sm-12" style="display: flex;flex-direction: column;text-align: center;padding:0rem 4rem !important">
<h1 style="font-size: 2rem;font-weight: 600;color: #273f5b;">The core values and <br>principles that drive us</h1>
<div class="row m-5 px-5 core-value-left-container justify-content-between">
<div class="col-lg-3 col-md-3 col-sm-3 core-value-item-container">
<img src="./Images/integrity.jpg" height="80" width="80"/>
<h1>Integrity</h1>
</div>
<div class="col-lg-1 col-md-1 col-sm-1"></div>
<div class="col-lg-3 col-md-3 col-sm-3 core-value-item-container">
<img src="./Images/innovation.jpg" height="90" width="90"/>
<h1 >Innovation</h1>
</div>
<div class="col-lg-1 col-md-1 col-sm-1"></div>
<div class="col-lg-3 col-md-3 col-sm-3 core-value-item-container">
<img src="./Images/customer-centric.png" height="90" width="90"/>
<h1 >Customer-Centric</h1>
</div>
<!-- <div class="col-lg-1 col-md-1 col-sm-1"></div> -->
</div>
<div class="row m-5 px-5 core-value-right-container justify-content-between">
<div class="col-lg-3 col-md-3 col-sm-3 core-value-item-container">
<img src="./Images/excellence.png" height="90" width="90"/>
<h1 >Excellence</h1>
</div>
<div class="col-lg-1 col-md-1 col-sm-1"></div>
<div class="col-lg-3 col-md-3 col-sm-3 core-value-item-container">
<img src="./Images/collaboration.png" height="90" width="90"/>
<h1 >Collaboration</h1>
</div>
<div class="col-lg-1 col-md-1 col-sm-1"></div>
<div class="col-lg-3 col-md-3 col-sm-3 core-value-item-container">
<img src="./Images/imporovement.png" height="90" width="90"/>
<h1 >Continuous Improvement</h1>
</div>
<!-- <div class="col-lg-1 col-md-1 col-sm-1"></div> -->
</div>
</div>
</div>
</section>
<!--footer start-->
<footer style="background-color: #121921 !important;" id="contact">
<div class="row footer-container" >
<div class="col-lg-6 col-md-12">
<h3><a style="color: #0083ff;font-weight: 700;">Klacel</a></h3>
<p style="color: #4b5d73;font-size: 15px;letter-spacing: 1px;">We deliver tailored software solutions that empower businesses to streamline operations and drive growth.
Specializing in scalable, innovative technologies, we create custom software designed to meet the specific needs of your industry.
Whether enhancing enterprise management or optimizing specialized tasks, our solutions integrate seamlessly into your workflow,
helping you achieve efficiency, productivity, and success with reliable support every step of the way.
</p>
<a href="./about.html" style="text-transform: uppercase;font-size: 12px;font-weight: 700;text-decoration: none;color: white;">Learn more about Klacel</a>
</div>
<div class="col-lg-2 col-md-12 useful-links-div">
<h5 style="color: white;font-weight: 700;">Useful Links</h5>
<ul class="footer-link-list" >
<li><a href="./index.html">Home</a><i class="bi bi-arrow-right"></i></li>
<!-- <li><a>Company</a><i class="bi bi-arrow-right"></i></li>
<li><a>Products</a><i class="bi bi-arrow-right"></i></li> -->
<!-- <li><a>Services</a><i class="bi bi-arrow-right"></i></li>
<li><a>Contact</a><i class="bi bi-arrow-right"></i></li> -->
</ul>
</div>
<div class="col-lg-1 col-md-0"></div>
<div class="col-lg-3 col-md-12">
<h5 style="color: white;font-weight: 700;">Contact with us</h5>
<label style="color: #4b5d73;font-size: 13px;display: block;margin-bottom: 5px;"><i class="bi bi-telephone" style="color: #0083ff;"></i> 905-867-6767</label>
<label style="color: #4b5d73;font-size: 13px;display: block;"><i class="bi bi-envelope" style="color: #0083ff;"></i> [email protected]</label>
<a class="footer-send-btn btn btn-success" href="./KTMS/contact-us.html">Send a Message</a>
<label style="color: #4b5d73;font-size: 14px;margin-top: 20px;display: block;">Follow Us:
<a href="https://www.facebook.com/"><i class="bi bi-facebook" style="color: #6987ab;"></i></a>
<a href="https://www.linkedin.com/"><i class="bi bi-linkedin" style="color: #6987ab;"></i></a>
</label>
</div>
</div>
<div class="row copyright-container" style="background-color: transparent;">
<div class="col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center sub-footer flex-column align-items-center">
<a href="#" class="back-to-top">
<i class="bi bi-arrow-up" style="background:transparent;"></i>
</a>
<div class="sub-footer-container row">
<span>Copyright © 2024 <a href="index.html" style="font-weight: 700;color: #0083ff;text-decoration: none;background-color: white !important;">Klacel</a></span>
<!-- <label>
Designed by TaxSo Developed by Adiya Singh
</label> -->
</div>
</div>
</div>
</footer>
<!--footer end-->
</body>
</html>