-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
426 lines (392 loc) · 18.6 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Deliosys</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<header>
<div class="logo">
<img src="/assest/logo.svg" alt="Deliosys">
<!-- <span>Deliosys</span> -->
</div>
<div class="menu-toggle" id="menu-toggle">
<!-- <span> </span>
<span> </span>
<span> l</span> -->
<img style="filter: invert(100);" class="menu-button" src="/assest/menu-button.svg" alt="">
</div>
<nav id="nav">
<ul>
<li><a href="#">Home</a></li>
<li>
<a href="#">Services <img style="filter: invert(100);" class="down-arrow" src="/assest/down-arrow.svg"
alt=""></a>
<div class="dropdown">
<a href="#">Web Development</a>
<a href="#">Android & IOS Developmen</a>
<a href="#">Cloud Infrastructure</a>
<a href="#">CyberSecurity</a>
<a href="#">Software Testing</a>
<a href="#">HR Consultancy</a>
</div>
</li>
<li><a href="#">Resources</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Carrier</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</nav>
<div class="logo">
<img style="filter: invert(100);" class="earth-logo" src="/assest/world-globe-line-icon.svg" alt="">
<img style="filter: invert(100);" class="msg-logo" src="/assest/msg-logo.svg" alt="">
</div>
</header>
<main>
<div class="slider">
<div class="slides">
<div class="slide">
<img src="/assest/Slide1.png" alt="Image 1" />
<!-- <div class="slide-text">This is the first slide</div> -->
</div>
<div class="slide">
<img src="/assest/Slide1.png" alt="Image 2" />
<!-- <div class="slide-text">This is the second slide</div> -->
</div>
<div class="slide">
<img src="/assest/Slide1.png" alt="Image 3" />
<!-- <div class="slide-text">This is the third slide</div> -->
</div>
</div>
<div class="navigation-circle">
<div class="nav-circle active" data-slide="0"></div>
<div class="nav-circle" data-slide="1"></div>
<div class="nav-circle" data-slide="2"></div>
</div>
</div>
<div class="expertise-section">
<h1 class="our-expertise">Our Areas Of Expertise</h1>
<div class="expertise">
<div class="container-expertise">
<!-- Box 1 -->
<div class="box-expertise">
<img src="/assest/web-Dev.svg" alt="Image 1" />
<div class="info">
<h3>Web Development</h3>
<p>Custom Websites that Impress and Perform – We craft visually stunning, responsive, and SEO-optimized websites that align with your brand identity and drive meaningful engagement and conversions.</p>
</div>
</div>
<!-- Box 2 -->
<div class="box-expertise">
<img src="/assest/App-Dev.svg" alt="Image 2" />
<div class="info">
<h3>Android & IOS Development</h3>
<p>Engaging Native Apps for Seamless User Experiences – Our expert developers create high-performance mobile applications with intuitive UI/UX, ensuring smooth functionality, user engagement, and success in competitive app markets.</p>
</div>
</div>
<!-- Box 3 -->
<div class="box-expertise">
<img src="/assest/Cloud-Infra.svg" alt="Image 3" />
<div class="info">
<h3>Cloud Infrastructure</h3>
<p>Future-Ready Cloud Solutions for Scalability and Security – We design, implement, and optimize cloud environments using AWS, Azure, and GCP, ensuring performance, security, and flexibility for business growth.</p>
</div>
</div>
<!-- Box 4 -->
<div class="box-expertise">
<img src="/assest/Cyber-Security.svg" alt="Image 4" />
<div class="info">
<h3>CyberSecurity</h3>
<p>Comprehensive Cybersecurity to Protect Your Digital Assets – We provide proactive security strategies, including risk assessments, penetration testing, and data protection, ensuring your business stays ahead of evolving cyber threats.</p>
</div>
</div>
<div class="box-expertise">
<img src="/assest/Testing.svg" alt="Image 4" />
<div class="info">
<h3>Software Testing</h3>
<p>Precision Software Testing for Flawless Performance – Our testing specialists conduct thorough functional, performance, and security testing to detect and fix issues early, ensuring reliable, high-quality software solutions.</p>
</div>
</div>
<div class="box-expertise">
<img src="/assest/HR-Consultancy.svg" alt="Image 4" />
<div class="info">
<h3>HR Consultancy</h3>
<p>Expert HR Solutions for a Stronger, Happier Workforce – We help businesses attract, develop, and retain top talent through strategic hiring, performance management, and workplace culture enhancement for long-term success.</p>
</div>
</div>
</div>
</div>
</div>
<div class="container-p">
<div class="purpose-section">
<div class="purpose-title">Our Vision</div>
<div class="quote-container">
<!-- <img src="/assest/Passport_photo.png" alt="CEO"> -->
<div class="quote-text">
<blockquote>
"Deliosys Global IT Solutions envisions a future where technology seamlessly integrates with human potential, driving transformative change across industries and empowering individuals to achieve more. We strive to be at the forefront of this evolution, pioneering innovative IT solutions that not only meet the evolving needs of businesses but also anticipate and shape the possibilities of tomorrow. We see a world connected by intelligent systems, where data empowers informed decisions, and where technology unlocks unprecedented levels of efficiency, creativity, and collaboration. Our commitment to research and development, combined with our deep understanding of emerging technologies, will enable us to deliver cutting-edge solutions that redefine what's possible and contribute to a more prosperous and interconnected world."
</blockquote>
<!-- <div class="author">C Vijayakumar<br>CEO & Managing Director | HCLTech</div> -->
</div>
</div>
</div>
<div class="purpose-section">
<div class="purpose-title">Our Mission</div>
<div class="quote-container">
<!-- <img src="/assest/Passport_photo.png" alt="CEO"> -->
<div class="quote-text">
<blockquote>
"At Deliosys, our mission is to empower our clients to thrive in the digital age by providing them with world-class IT solutions tailored to their unique challenges and aspirations. We achieve this by:
Investing in our team's expertise and fostering a culture of continuous learning and innovation.
Developing and deploying cutting-edge technologies, including [mention specific areas like AI, cloud computing, cybersecurity, etc.], to address our clients' most pressing business needs.
Building strong, collaborative partnerships with our clients, understanding their business objectives, and working hand-in-hand to achieve their goals.
Delivering exceptional customer service and support, ensuring our clients have the resources and expertise they need to maximize the value of our solutions.
Adhering to the highest ethical standards and maintaining transparency in all our operations.
Contributing to the growth and development of the IT industry by sharing our knowledge and expertise."
</blockquote>
<!-- <div class="author">C Vijayakumar<br>CEO & Managing Director | HCLTech</div> -->
</div>
</div>
</div>
</div>
<div class="faq-container">
<h1 class="faq-title">We Have For You</h1>
<div class="faq-leftitem">
<div class="faq-item">
<button class="faq-question">
Craft Your Dream Website: We build visually stunning, user-friendly websites that seamlessly integrate with
your brand identity and business goals.
<i class="fas fa-chevron-down"></i>
</button>
<div class="faq-answer">
Our expert website developers leverage cutting-edge technologies to create responsive, SEO-optimized
websites that deliver exceptional user experiences across all devices. From e-commerce platforms to
content-rich websites, we'll guide you through the entire process, ensuring your website reflects your
brand's essence and drives results.App Development (iOS/Android)
</div>
</div>
<div class="faq-item">
<button class="faq-question">
Native Apps that Captivate Users: We develop high-performance, native mobile applications for iOS and
Android that engage your audience and elevate your brand.
<i class="fas fa-chevron-down"></i>
</button>
<div class="faq-answer">
Our skilled app developers combine their expertise in user interface (UI) design, user experience (UX)
principles, and platform-specific programming languages to create intuitive, feature-rich apps that stand
out in the competitive app stores. We'll work closely with you to understand your target audience and
business objectives, ensuring your app delivers a seamless and engaging user experience.
Cloud Infrastructure
</div>
</div>
<div class="faq-item">
<button class="faq-question">
Scalable Cloud Solutions: We design and implement robust cloud infrastructure solutions that empower your
business with agility, security, and cost-efficiency.
<i class="fas fa-chevron-down"></i>
</button>
<div class="faq-answer">
Our cloud infrastructure specialists leverage their in-depth knowledge of leading cloud platforms (AWS,
Azure, GCP) to tailor solutions that meet your specific needs. We'll help you migrate your workloads to the
cloud, optimize performance, and ensure scalability to support your business growth.
Cybersecurity
</div>
</div>
<div class="faq-item">
<button class="faq-question">
Fortify Your Digital Defenses: We provide comprehensive cybersecurity services to safeguard your website,
applications, and data from evolving threats.
<i class="fas fa-chevron-down"></i>
</button>
<div class="faq-answer">
Our cybersecurity experts offer a range of services, including vulnerability assessments, penetration
testing, security awareness training, and incident response planning. We'll work with you to identify and
address potential security risks, ensuring your digital assets are protected.
</div>
</div>
<div class="faq-item">
<button class="faq-question">
Build a Thriving Workforce: We offer strategic HR consultancy services to help you attract, retain, and
develop top talent.
<i class="fas fa-chevron-down"></i>
</button>
<div class="faq-answer">
Our experienced HR consultants provide guidance on talent acquisition, compensation and benefits,
performance management, and employee relations. We'll help you create a positive work environment that
fosters employee engagement and drives business success.
</div>
</div>
<div class="faq-item">
<button class="faq-question">
Deliver Flawless Software: We provide comprehensive software testing services to ensure your applications
are high-quality, reliable, and meet your user expectations.
<i class="fas fa-chevron-down"></i>
</button>
<div class="faq-answer">
Our skilled software testers employ a range of testing methodologies, including functional testing,
non-functional testing, and security testing. We'll work with you to identify and address software defects
early in the development process, minimizing risks and ensuring a smooth launch.
</div>
</div>
</div>
</div>
<!-- <div class="testimonials-container">
<div class="testimonial active">
<img src="https://via.placeholder.com/80" alt="Andy Nallappan" />
<p>
"HCLTech helped us do the integration of our acquired businesses,
not only faster but also better and cheaper. They have been a
trusted and transparent partner who has always been willing to
travel fast!"
</p>
<div class="author">Andy Nallappan</div>
<div class="position">
Former CTO and Head of Software Business Operations, Broadcom
Software
</div>
</div>
<div class="testimonial">
<img src="https://via.placeholder.com/80" alt="John Smith" />
<p>
"Their innovative solutions and proactive approach made a huge
difference in our operations. We couldn't have asked for a better
partner!"
</p>
<div class="author">John Smith</div>
<div class="position">CEO, Tech Solutions</div>
</div>
<div class="testimonial">
<img src="https://via.placeholder.com/80" alt="Jane Doe" />
<p>
"Working with HCLTech has been an absolute pleasure. Their
dedication and expertise have exceeded all our expectations."
</p>
<div class="author">Jane Doe</div>
<div class="position">Head of Marketing, FutureCorp</div>
</div>
<div class="navigation">
<button id="prev">‹</button>
<button id="next">›</button>
</div>
</div> -->
<div class="careers-home">
<div class="careers-container">
<!-- Background Image -->
<img
src="/assest/Image-Careers.png"
alt="Background Image"
class="careers-background-image"
/>
<!-- Heading and Subtext Overlay -->
<div class="careers-overlay">
<h1>Careers at Deliosys</h1>
<p>
We invite you to supercharge your potential. <br>Find what inspires
and drives you. <br> Find your spark.
</p>
</div>
<!-- Button -->
<button
class="careers-button"
onclick="window.location.href='careers.html'"
>
Visit our Careers page
</button>
</div>
</div>
<!-- Contact Us Button -->
<div id="container-contactus" class="container-contactus">
<img src="/assest/Image-contactus.png" alt="Background Image" class="background-image-contactus">
<button class="contact-button-contactus" onclick="window.location.href='contact.html'">Contact Us</button>
</div>
</main>
<footer class="footer">
<div class="footer-container">
<!-- <div class="footer-section">
<a>Address: <br> Shipdartexpress
SWIFT DISPATCH PRO PRIVATE LIMITED
PL NO. 10, H No. 753, KHARBI CHOWK, Mhalginagar,
Nagpur, Nagpur- 440034, Maharashtra</a>
</div> -->
<div class="footer-section">
<h3>Quick Links</h3>
<ul>
<li><a href="">Home</a></li>
<li><a href="">Resource</a></li>
<li><a href="">About-Us</a></li>
<li><a href="">Carrier</a></li>
<li><a href="">Contact-us</a></li>
</ul>
</div>
<div class="footer-section">
<h3>Services</h3>
<ul>
<li><a href="#">Web Development</a></li>
<li><a href="#">Android & IOS Development</a></li>
<li><a href="#">Cloud Infrastructure</a></li>
<li><a href="#">CyberSecurity</a></li>
<li><a href="#">Software Testing</a></li>
<li><a href="#">HR Consultancy</a></li>
</ul>
</div>
<div class="footer-section">
<h3>Address</h3>
<a>Deliosys,<br>
HPH8+645, Maan Rd, Hinjawadi Rajiv Gandhi Infotech Park, Maan,
<br> Pimpri-Chinchwad, Maharashtra 411057</a>
</div>
<div class="footer-section">
<h3>Contact Info</h3>
<p>Email: <a href="mailto:[email protected]">[email protected]</a></p>
<p>Phone: +917588099633 <br>
Whatsapp: +917588099633</a></p>
<!-- <p>Shipdartexpress
SWIFT DISPATCH PRO PRIVATE LIMITED
PL NO. 10, H No. 753, KHARBI CHOWK, Mhalginagar,
Nagpur, Nagpur- 440034, Maharashtra</p> -->
<!-- <div class="social-icons">
<a href="#"><img src="facebook-icon.png" alt="Facebook"></a>
<a href="#"><img src="instagram-icon.png" alt="Instagram"></a>
<a href="#"><img src="linkedin-icon.png" alt="LinkedIn"></a>
<a href="#"><img src="youtube-icon.png" alt="YouTube"></a>
</div> -->
</div>
<!-- <div class="footer-section">
<h3>Subscribe to get offers</h3>
<div class="subscribe">
<input type="email" placeholder="Email Address">
<button>Go</button>
</div>
<div class="app-links">
<a href="#"><img src="google-play.png" alt="Google Play"></a>
<a href="#"><img src="app-store.png" alt="App Store"></a>
</div>
</div> -->
</div>
<div class="footer-bottom">
<div class="footer-icons">
<a href="#" aria-label="Facebook">
<img src="/assest/facebook-app-round-white-icon.svg" alt="Facebook">
</a>
<a href="#" aria-label="Twitter">
<img src="/assest/x-social-media-white-round-icon.svg" alt="Twitter">
</a>
<a href="#" aria-label="LinkedIn">
<img src="/assest/linkedin-app-white-icon.svg" alt="LinkedIn">
</a>
<a href="#" aria-label="YouTube">
<img src="/assest/youtube-app-white-icon.svg" alt="YouTube">
</a>
<a href="#" aria-label="Instagram">
<img src="/assest/instagram-white-icon.svg" alt="Instagram">
</a>
</div>
<p>Terms & Conditions | Privacy Policy | Terms of Use | Sitemap | Raise a Grievance</p>
<p>© Copyright Deliosys. All Rights Reserved</p>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>