-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
499 lines (459 loc) · 20 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
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
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" type="image/png" href="/assets/logo.jpg">
<link rel="manifest" href="/site.webmanifest">
<!-- Google tag (gtag.js) -->
<script
async
src="https://www.googletagmanager.com/gtag/js?id=G-Q6FFT6N98B"
></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "G-Q6FFT6N98B");
</script>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="title"
content="InvodTech LTD - Transform your tech vision into a reality "
/>
<meta
name="description"
content="Transform your tech vision into a reality, Your go-to tech solution."
/>
<meta
name="keywords"
content="InvodTech, Web Design and Development, Mobile Applications, IT Support"
/>
<meta name="language" content="en" />
<meta name="url" content="https://www.invodtech.com/" />
<meta name="google-site-verification" content="0f8396fb18ec2fdb" />
<meta
property="og:title"
content="InvodTech Ltd -Transform your tech vision into a reality"
/>
<meta name="robots" content="index, follow" />
<meta property="og:url" content="https://www.invodtech.com" />
<meta property="og:type" content="website" />
<meta
property="og:description"
content="Transform your tech vision into a reality, Your go-to tech solution."
/>
<meta
property="og:site-name"
content="InvodTech LTD - Transform your tech vision into a reality"
/>
<meta property="og:image:width" content="2048" />
<meta property="og:image:height" content="2048" />
<meta name="twitter:card" content="summary" />
<meta
name="twitter:title"
content="InvodTech LTD - Transform your tech vision into a reality"
/>
<meta
name="twitter:description"
content="Transform your tech vision into a reality, Your go-to tech solution."
/>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/3c81b8205d.js" crossorigin="anonymous"></script>
<title>InvodTech Ltd - Transform your tech vision into a reality</title>
<!---Swiper Css-->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />
<link rel="stylesheet" href="styles.css"/>
<link rel="stylesheet" href="/assets/CTA/css/reset.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
</head>
<body>
<!-- Header/navbar starts -->
<header class="nav">
<a href="#">
<img src="assets/logo.jpg" alt="Logo" class="logo" />
</a>
<div class="openMenu"><i class="fa fa-bars"></i></div>
<ul class="mainMenu">
<li><a href="#Home">Home</a></li>
<li><a href="#About">About</a></li>
<li><a href="#Services">Services</a></li>
<li><a href="assets/team/team.html">Team</a></li>
<li><a href="#Contact">Contact</a></li>
<div class="closeMenu"><i class="fa fa-times"></i></div>
</ul>
</header>
<!------ Header/navbar ends ----->
<!-- Home Section starts -->
<section class="Home" id="Home">
<!-- background animation starts -->
<div id="particles-js">
</div>
<!-- background animation ends -->
<div class="content">
<h1>
<b>INVOD<span>TECH</span></b>
</h1>
<p>
<b>Transforming Your Tech Vision Into Reality</b>
</p>
<!---- <button id="About">More About Us</button>---->
</div>
<!-- Services on home page starts -->
<div class="container-wrapper">
<div class="container">
<i class="material-symbols-outlined">preview</i>
<span class="name">Web Design & Development</span>
</div>
<div class="container">
<i class="material-symbols-outlined">draw</i>
<span class="name">UI/UX Design</span>
</div>
<div class="container">
<i class="material-symbols-outlined">query_stats</i>
<span class="name">SEO Optimization</span>
</div>
<div class="container">
<i class="material-symbols-outlined">phone_iphone</i>
<span class="name">MOBILE APP Development</span>
</div>
<div class="container">
<i class="material-symbols-outlined">security</i>
<span class="name">Cyber Security</span>
</div>
<div class="container">
<i class="material-symbols-outlined">point_of_sale</i>
<span class="name">Point Of Sale Systems</span>
</div>
</div>
</section>
<!------ Home Section ends -->
<!-- About section starts -->
<section class="About" id="About">
<div class="circleContainerWrapper">
<div class="circleContainer">
<img src="assets/logo.jpg" alt="Circle Image">
</div>
<div class="circleText">
<br>
<p>Our ultimate goal is to lead in innovation, prioritize client-centric service, and expand our global impact to drive the growth and success of businesses worldwide.
<br>
<br>
Join us on our journey to redefine possibilities and deliver exceptional experiences, one line of code at a time.</p>
</div>
</div>
<div class="containerWrapper">
<div class="ContainerA" id="leftContainer">
<h2>Our Mission</h2>
<p>To empower businesses and individuals by transforming their technological visions into reality through innovative solutions and unparalleled expertise.</p>
</div>
<div class="ContainerA" id="rightContainer">
<h2>Our Vision</h2>
<p>To be a globally recognized technology partner, known for pioneering solutions that redefine industry standards and contribute to the success of our clients.</p>
</div>
</div>
</section>
<!-- About section ends -->
<!-- New section in After About section starts here -->
<section class="Values" id="Values">
<!---<h1 class="tls"> Our Values </h1>--->
<div class="Vwrap">
<div class="value">
<h3>Excellence</h3>
<p>We are committed to achieving the highest standards in every aspect of our work. From development to client relations, excellence drives us to deliver exceptional quality and innovation.</p>
</div>
<div class="value">
<h3>Integrity</h3>
<p>At our core, we uphold honesty, transparency, and ethical conduct in everything we do. Integrity guides our decisions and actions, ensuring trust and reliability with our clients and partners</p>
</div>
<div class="value">
<h3>Innovation</h3>
<p>We drive innovation by exploring new technologies and ideas, enhancing our services to meet evolving customer and community needs in web development, design, and IT services.</p>
</div>
<div class="value">
<h3>Collaboration</h3>
<p>Collaboration fuels our creativity and success. We foster a culture where teamwork, open communication, and shared goals empower us to achieve greater outcomes together.</p>
</div>
<div class="value">
<h3>Customer Focus</h3>
<p>Our customers are at the heart of everything we do. We listen attentively, understand their needs, and strive to exceed expectations, building long-term relationships based on exceptional service and value.</p>
</div>
<div class="value">
<h3>Community</h3>
<p>We value strong relationships with our customers, employees, and local partners, and strive to make positive contributions to the communities. </p>
</div>
</div>
</section>
<!-- New section in After About section ends here -->
<!-- Services section starts -->
<section class="Services" id="Services">
<!---<h1 class="tls"> Services</h1>--->
<div class="container-wrapperS">
<div class="containerS">
<img src="assets/services/web-dev.jpg" alt="">
<span class="nameS">Web Design & Development</span>
</div>
<div class="containerS">
<img src="assets/services/web.jpg" alt="">
<span class="nameS">UI/UX Design</span>
</div>
<div class="containerS">
<img src="assets/services/seo.png" alt="">
<span class="nameS">SEO Optimization</span>
</div>
<div class="containerS">
<img src="assets/services/mobile-app.png" alt="">
<span class="nameS">MOBILE APP Development</span>
</div>
<div class="containerS">
<img src="assets/services/graphic.jpg" alt="">
<span class="nameS">Graphic Design</span>
</div>
<div class="containerS">
<img src="assets/services/digital-marketing.png" alt="">
<span class="nameS">Digital Marketing</span>
</div>
<div class="containerS">
<img src="assets/services/saas.jfif" alt="">
<span class="nameS">Saas Development</span>
</div>
</div>
</section>
<!-- Services section ends -->
<!-- Testimonials section start-->
<section class="Testimonials" id="Testimonials">
<div class="testimonial active">
<p class="testimonial-text">"The software solutions provided by this company have streamlined our operations significantly."</p>
<p class="testimonial-author">- - -</p>
</div>
<div class="testimonial">
<p class="testimonial-text">"The customer service is exceptional and the tech support team is always ready to help."</p>
<p class="testimonial-author"> - - -</p>
</div>
<div class="testimonial">
<p class="testimonial-text">"Their innovative approach has given us a competitive edge in the market."</p>
<p class="testimonial-author">- - -</p>
</div>
<div class="testimonial">
<p class="testimonial-text">"I am thoroughly impressed with the quality and efficiency of their products!"</p>
<p class="testimonial-author">- - -</p>
</div>
<div class="testimonial">
<p class="testimonial-text">"The seamless integration of their tools into our existing systems was remarkable."</p>
<p class="testimonial-author">- - -</p>
</div>
<div class="testimonial">
<p class="testimonial-text">"Their attention to detail and commitment to excellence is evident in every projec!."</p>
<p class="testimonial-author">- - -</p>
</div>
<div class="testimonial">
<p class="testimonial-text">"Thanks to their expertise, our website is now faster and more user-friendly."</p>
<p class="testimonial-author">- - -</p>
</div>
<div class="testimonial">
<p class="testimonial-text">"The scalability of their solutions has allowed us to grow without any technical hitches."</p>
<p class="testimonial-author">- - -</p>
</div>
<div class="testimonial">
<p class="testimonial-text">"Their team is highly knowledgeable and always up-to-date with the latest technologies."</p>
<p class="testimonial-author">- - -</p>
</div>
<div class="testimonial">
<p class="testimonial-text">"We have seen a substantial increase in productivity since implementing their software."</p>
<p class="testimonial-author">- - -</p>
</div>
<div class="testimonial">
<p class="testimonial-text">"The user interface of their applications is intuitive and easy to navigate."</p>
<p class="testimonial-author">- - -</p>
</div>
<div class="testimonial">
<p class="testimonial-text">"I would highly recommend their proactive approach to problem-solving has saved us time and resources."</p>
<p class="testimonial-author">- - -</p>
</div>
<div class="testimonial">
<p class="testimonial-text">"I appreciate their dedication to delivering high-quality and reliable tech solutions."</p>
<p class="testimonial-author">- - -</p>
</div>
<div class="testimonial">
<p class="testimonial-text">"Their custom solutions have been a game-changer for our business processes."</p>
<p class="testimonial-author">- - -</p>
</div>
<div class="testimonial">
<p class="testimonial-text">"The team consistently exceeds our expectations with their innovative solutions."</p>
<p class="testimonial-author">- - -</p>
</div>
<div class="testimonial">
<p class="testimonial-text">"Their commitment to understanding our unique needs has made a significant difference in our operations."</p>
<p class="testimonial-author">- - -</p>
</div>
<div class="testimonial">
<p class="testimonial-text">"The reliability and performance of their products are unmatched in the industry."</p>
<p class="testimonial-author">- - -</p>
</div>
<div class="testimonial">
<p class="testimonial-text">"Their tech solutions have greatly enhanced our customer experience."</p>
<p class="testimonial-author">- - -</p>
</div>
<div class="testimonial">
<p class="testimonial-text">"Working with their team has been a smooth and productive experience."</p>
<p class="testimonial-author">- - -</p>
</div>
<div class="testimonial">
<p class="testimonial-text">"Their innovative tech strategies have positioned us as leaders in our field."</p>
<p class="testimonial-author">- - -</p>
</div>
<div class="cta">
<a href="./assets/CTA/cta.html" class="cta-button">Call To Action</a>
</div>
</section>
<!-- Testimonials section sends -->
<!-- Contact section starts -->
<section class="Contact" id="Contact">
<div class="containerC">
<div class="contactInfo">
<div>
<h2>Contact Info</h2>
<ul class="info">
<li>
<span><img src="assets/Contact/location.png"></span>
<span>9355-00200; <br>
Nairobi, KE<br>
00200.</span>
</span>
</li>
<li>
<span><img src="assets/Contact/mail.png"></span>
<span><a href = "mailto: Invodtech@gmail.com">Invodtech@gmail.com</a></span>
</li>
<li>
<span><img src="assets/Contact/call.png"></span>
<span>785-052-408</span>
</li>
</ul>
</div>
<div class="Csocial-links">
<a href="https://www.facebook.com/invod.tech2024" title="FaceBook"><i class="fab fa-facebook-f"></i></a>
<a href="https://twitter.com/InvodTech35388" title="Twitter"><i class="fab fa-x-twitter"></i></a>
<a href="https://www.instagram.com/invod.tech?igsh=ZmthbWh0eDlja281" title="Instagram"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/company/invodtech/" title="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="contactForm">
<h2>Send a Message</h2>
<div class="formBox">
<div class="inputBox w50">
<input type="text" name="first_name" required>
<span>First Name</span>
</div>
<div class="inputBox w50">
<input type="text" name="last_name" required>
<span>Last Name</span>
</div>
<div class="inputBox w50">
<input type="email" name="email" required>
<span>Email Address</span>
</div>
<div class="inputBox w50">
<input type="text" name="mobile_name" required>
<span>Mobile Number</span>
</div>
<div class="inputBox w100">
<textarea name="message" required></textarea>
<span>Write your message here...</span>
</div>
<div class="inputBox w100">
<input type="submit" value="Send">
</div>
</div>
</div>
</section>
<!-- Contact section ends -->
<!-- Footer section starts -->
<footer>
<div class="footer-row">
<div class="footer-col">
<h4 class="footer-title"> INVODTECH </h4>
<p>
Central Business District,<br>
Nairobi, Kenya<br>
P.O Box 9355-00200<br>
Phone:+254 785 052 408<br>
Email:Invodtech@gmail.com<br>
</p>
<div class="social-links">
<a href="https://www.facebook.com/invod.tech2024" title="FaceBook"><i class="fab fa-facebook-f"></i></a>
<a href="https://twitter.com/InvodTech35388" title="Twitter"><i class="fab fa-x-twitter"></i></a>
<a href="https://www.instagram.com/invod.tech?igsh=ZmthbWh0eDlja281" title="Instagram"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/company/invodtech/" title="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="footer-col">
<div class="footer-links">
<h4 class="footer-title">USEFUL LINKS</h4>
<ul>
<li><a href="#Home">Home</a></li>
<li><a href="#About">About Us</a></li>
<li><a href="#Services">Our Services</a></li>
<li><a href="assets/team/team.html">Our Team</a></li>
<li><a href="#Contact">Contact Us</a></li>
</ul>
</div>
</div>
<div class="footer-col">
<div class="footer-links">
<h4 class="footer-title">OUR SERVICES</h4>
<ul>
<li><a href="#">Web Design Development</a></li>
<li><a href="#">UI/UX Design</a></li>
<li><a href="#">SEO Optimization</a></li>
<li><a href="#">Mobile App</a></li>
<li><a href="#">Cyber security</a></li>
</ul>
</div>
</div>
<div class="footer-col">
<h4 class="footer-title">SUBSCRIPTION</h4>
<div class="subs">
<p>Join our community! Subscribe for updates, news, and to connect with like-minded tech enthusiasts. Get the latest on our skills and solutions by subscribing here. 👇</p>
<form action="#" method="#">
<input type="email" name="email" placeholder="Enter your email" required><input type="submit" value="Subscribe">
</form>
</div>
</div>
</div>
<div class="footer-copyright">
<h3>© Copyright ©️ 2024 | <a href="https://invodtech.com/" title="INVODTECH-website GitHub Repo"><span>INVODTECH LTD</span></a> | All rights reserved.</h3>
</div>
</footer>
<a href="#" id="backToTop"> <i class="fa-solid fa-arrow-down-long"></i> </a>
<!-- Footer section ends -->
<script src="script.js"></script>
<script src="particles.js"></script>
<script src="app.js"></script>
<!-- Chatbot section starts -->
<div id="chat-icon">
<img src="chat 2.jfif" alt="Chat Icon">
</div>
<!-- Hidden Chat Interface -->
<div id="chat-interface">
<div id="chat-header">
<span class="header-line"></span>
<span class="chat-title">InvodTech Chat</span>
<span class="header-line"></span>
</div>
<div id="messages"></div>
<div class="chat-input-container">
<input type="text" id="userInput" placeholder="Type your message...">
<button id="sendButton">Send</button>
</div>
</div>
<!---------Chatbot section ends --------->
</body>
<!-----Swiper js---->
<script src="css/swiper-bundle.min.js"></script>
<script src="script.js"></script>
</html>