-
Notifications
You must be signed in to change notification settings - Fork 0
/
data_services.html
263 lines (232 loc) · 14.4 KB
/
data_services.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project Zero - Custom Template</title>
<link rel="icon" type="image/x-icon" href="./assets/img/icon/7550688.png">
<!-- CSS Stylesheet -->
<link rel="stylesheet" href="./assets/css/styles.css">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="./packages/bootstrap/css/bootstrap.min.css">
<!-- Owl Carousel CSS -->
<link rel="stylesheet" href="./packages/carousel/owl.carousel.min.css">
<!-- Animation -->
<link rel="stylesheet" href="./packages/animate/animate.min.css">
<!-- Fonts -->
<link rel="stylesheet" href="./assets/fonts/poppins.css">
</head>
<body>
<!------ Preloader Start ------>
<div id="js-preloader" class="js-preloader">
<div class="preloader-inner">
<span class="dot"></span>
<div class="dots">
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
<!---- Preloader End ---->
<!------ Header Navbar Start ------>
<header id="head">
<nav class="navbar navbar-expand-lg navbar-dark bg-gradient fixed-top animate__animated animate__slideInDown" style="background: rgba(0,0,0,0.6); backdrop-filter: saturate(180%) blur(10px);">
<div class="container-fluid col-11">
<a href="index.html" style="text-decoration: none;"><img src="./assets/img/icon/7550688.png" class="logo-cmpy" width="auto" height="65px" alt="Company_Name" style="color:white;"> <span style="font-size: 30px; color:white;"> Project</span> <span style="font-size: 30px; color:aqua;">Zero</span></a>
<button class="navbar-toggler d-lg-none" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavId" aria-controls="collapsibleNavId" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavId">
<ul class="navbar-nav ms-auto mt-2 mt-lg-0 nav-underline">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="services.html">Services</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link active dropdown-toggle" href="#" id="dropdownId" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Voices and Data</a>
<div class="dropdown-menu" aria-labelledby="dropdownId">
<a class="dropdown-item" href="voice_services.html">Voice Services</a>
<a class="dropdown-item" href="#">Data Services</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="dropdownId" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Software Services</a>
<div class="dropdown-menu" aria-labelledby="dropdownId">
<a class="dropdown-item" href="saas.html">SaaS</a>
<a class="dropdown-item" href="cyber_security.html">Cyber Security</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="dropdownId" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Company</a>
<div class="dropdown-menu" aria-labelledby="dropdownId">
<a class="dropdown-item" href="about.html">About Us</a>
<a class="dropdown-item" href="contact.html">Contact Us</a>
</div>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!---- End of Header Navbar ---->
<!------ Voice Services section start ------>
<div id="voicedata-serv-mainhead" style="padding: 200px 0 300px 0;">
<div class="container text-center">
<h1 class="ban-head-1">Professional Technology Assistance</h1>
<p style="font-size: 20px; color: lightblue;">We make technology accessible !</p>
<p>Let us discuss a service package that meets your needs. Tell us a little about your business,<br> and we will get back to you with some ideas as soon as possible.</p>
<a href="contact.html" style="color: white; text-decoration: none;"><button class="contact-movebtn my-lg-3 my-3"><i class="fa-solid fa-phone fa-beat"></i> Reach Us</button></a>
<h1 style="color: aqua; font-size: 40px; margin-top:15px;">Data Services <i class="fa-solid fa-database" style="color:white;"></i></h1>
<a href="#voicedata-serv-main" style="text-decoration: none;"><button class="btn btn-danger">Get Started <i class="fa-solid fa-angle-down fa-beat"></i></button></a>
</div>
</div>
<div id="voicedata-serv-main" style="padding-bottom: 200px; padding-top: 40px;">
<div id="voicedata-serv" style="padding-top: 60px;">
<div class="container-fluid col-11">
<div class="row">
<div class="col-lg-6 col-md-6 col-12 order-1 reveal">
<h1 class="voicedata-head display-5"><span class="ban-head-1">Internet Leased Line</span></h1>
<p class="my-lg-2 my-3 mb-5">An internet leased line is a dedicated internet connection that provides a private and secure connection between two locations. Dedicated connections not shared with other users,businesses can enjoy consistently high-speed internet access. Leased lines offer symmetrical download and upload speeds.</p>
<button class="req-callback reveal3"><a href="contact.html" style="text-decoration: none; color: white;"><i class="fa-solid fa-phone fa-beat fa-xl"></i> Request Callback</a></button>
</div>
<div class="col-lg-6 col-md-6 col-12 py-lg-0 py-3 reveal1">
<img src="./assets/img/voice_data/data_serv/internet_leased_line.webp" style="border-radius: 20px;" alt="Internet_Leased_Line" class="img-fluid">
</div>
</div>
</div>
</div>
<div id="voicedata-serv" style="padding-top: 60px;">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-12 py-lg-0 py-3 order-sm-2 reveal">
<img src="./assets/img/voice_data/data_serv/mpls.webp" style="float: right; border-radius: 20px;" alt="MPLS" class="img-fluid">
</div>
<div class="col-lg-6 col-md-6 col-12 pt-5 reveal1">
<h1 class="voicedata-head display-5"><span class="ban-head-1">MPLS</span></h1>
<p class="my-lg-2 my-3 mb-5">Multi-Protocol Label Switching line is a full mesh technology, providing point-to-point connection between multiple sites. Highly secure and provides Quality of Service (QoS) to ensure that priority applications. Allows for dynamic routing which makes it an ideal solution for traffic engineering.</p>
<button class="req-callback reveal3"><a href="contact.html" style="text-decoration: none; color: white;"><i class="fa-solid fa-phone fa-beat fa-xl"></i> Request Callback</a></button>
</div>
</div>
</div>
</div>
<div id="voicedata-serv" style="padding-top: 60px;">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-12 order-1 pt-5 reveal">
<h1 class="voicedata-head display-5"><span class="ban-head-1">Cloud Services</span></h1>
<p class="my-lg-2 my-3 mb-5">Businesses of all industries and sizes must be able to be manage their IT requirements efficiently if they want to improve productivity, reduce costs, and streamline workflow. Managed Cloud IT services would be data security, 24/7 support and overall reduced technology costs. It keeps data secure from cyber-attacks, data breaches, non-compliance, and saves costs by preventing business downtime.</p>
<button class="req-callback reveal3"><a href="contact.html" style="text-decoration: none; color: white;"><i class="fa-solid fa-phone fa-beat fa-xl"></i> Request Callback</a></button>
</div>
<div class="col-lg-6 col-md-6 col-12 py-lg-0 py-3 reveal1">
<img src="./assets/img/voice_data/data_serv/cloud_services.webp" style="border-radius: 20px;" alt="Cloud_Services" class="img-fluid">
</div>
</div>
</div>
</div>
</div>
<!---- End of Voice services section ---->
<!------ Our Clients section start ------>
<div id="our-clients">
<div class="wrapper">
<div class="container">
<h1 class="text-center" style="color: white; font-size: 60px;"><i><b>Our Clients</b></i></h1><br>
<div class="carousel owl-carousel">
<div class="card card-1">
<img src="./assets/img/clients_images/Microsoft.webp" width="auto" height="130px" alt="Microsoft">
</div>
<div class="card card-2">
<img src="./assets/img/clients_images/airtel.webp" width="auto" height="130px" alt="Airtel">
</div>
<div class="card card-3">
<img src="./assets/img/clients_images/ola.webp" width="auto" height="130px" alt="Ola">
</div>
<div class="card card-4">
<img src="./assets/img/clients_images/tata_comm.webp" width="auto" height="130px" alt="Tata_Communication">
</div>
<div class="card card-5">
<img src="./assets/img/clients_images/tata_tele.webp" width="auto" height="130px" alt="Tata_Telecommunication">
</div>
<div class="card card-6">
<img src="./assets/img/clients_images/swiggy.webp" width="auto" height="130px" alt="Swiggy">
</div>
<div class="card card-7">
<img src="./assets/img/clients_images/omega_health.webp" width="auto" height="130px" alt="Omega_health">
</div>
</div>
</div>
</div>
</div>
<!---- End of Our clients section ---->
<!------ Contact Section Start ------>
<div id="contact-main">
<div class="container-fluid">
<div class="contact-sec">
<div class="text-center pt-3 pb-3">
<div class="contact-head col-lg-06 col-md-06 col-12 order-1 pt-5">
<h1 class="ban-head-2 display-5">Lets discuss with Us</h1>
<p class="my-lg-2 my-3">Let us discuss a service package that meets your needs. Tell us a little about your business,<br> and we will get back to you with some ideas as soon as possible.</p>
<a href="contact.html" style="color: white; text-decoration: none;"><button class="contact-movebtn my-lg-3 my-3"><i class="fa-solid fa-phone fa-beat"></i> Contact Us</button></a>
<p><span>About Us</span> <a href="about.html" style="text-decoration: none; color: white;"><button class="morebtn"><i class="fa-solid fa-angle-right" style="color: white;"></i></button></a></p>
</div>
<div class="col-lg-06 col-md-06 col-12 py-lg-0 reveal2">
<img src="./assets/img/contact-home.png" width="50%" height="auto" alt="Contact-image" class="img-fluid contact-main-image">
</div>
</div>
</div>
</div>
</div>
<!---- End of Contact Section ---->
<!------ Floating Buttons Start ------>
<!---- Top Scroll Button ---->
<button class="scroll-floatbtn animate__animated animate__bounce" onclick="topFunction()" id="myBtn" title="Go to top"><i class="fa-solid fa-angle-up fa-xl"></i></button>
<!---- End of Floating Buttons ---->
<!------ Footer Start ------>
<footer>
<div class="container-fluid">
<div class="footer-main">
<div class="row">
<div class="col-md-12">
<p style="margin-top: 10px;">Copyright © 2023 || <a href="index.html"> Project Zero..</a> All Right Reserved.</p>
</div>
<div class="social-icons">
<p><span style="color: darkblue;">Follow us on:</span>
<a href="#" class="soc-icon" style="color: white;"><i class="fa fa-facebook-official fa-xl"></i></a>
<a href="#" class="soc-icon" style="color: white;"><i class="fa fa-linkedin-square fa-xl"></i></a>
<a href="#" class="soc-icon" style="color: white;"><i class="fa fa-instagram fa-xl"></i></a>
<a href="#" class="soc-icon" style="color: white;"><i class="fa fa-twitter fa-xl"></a></i>
</p>
</div>
</div>
</div>
</div>
</footer>
<!---- End of Footer ---->
<!-- Bootstrap JS -->
<script src="./packages/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Fontawesome Icons -->
<script src="./packages/fontawesome/fontawesome.js"></script>
<!-- Jquery File -->
<script src="./packages/jquery/jquery-3.6.4.js"></script>
<!-- Carousel JS -->
<script src="./packages/carousel/owl.carousel.min.js"></script>
<!-- JavaScript -->
<script src="./assets/js/custom.js"></script>
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/647580d174285f0ec46e5a00/1h1lfudlj';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->
</body>
</html>