-
-
Notifications
You must be signed in to change notification settings - Fork 8
/
Copy pathservices.html
executable file
·369 lines (352 loc) · 21 KB
/
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
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
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>SRMKZILLA</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous">
</script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous">
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-light">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto mr-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html"><span>Home</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://events.srmkzilla.net/" target="_blank"><span>Events</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="services.html"><span>Our Services</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="us.html"><span>Team</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#reach-contact"><span>Contact</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="aboutus.html"><span>About Us</span></a>
</li>
</ul>
</div>
</nav>
<div class="icon-bar">
<a href="https://m.facebook.com/SRMKZILLA/?tsid=0.11722711608842484&source=result" class="facebook"><i
class="fa fa-facebook"></i></a>
<a href="https://twitter.com/SRMKZILLA_Club?s=08" class="twitter"><i class="fa fa-twitter"></i></a>
<a href="https://www.instagram.com/srmkzilla/" class="instagram"><i class="fa fa-instagram"></i></a>
</div>
<section class="our-service">
<div class="event-title text-center"><span>O</span>ur Services<span>.</span></div>
<!-- <div class="container-fluid">
<div class="row service-content">
<div class="services-title"><span>W</span>eb design</div>
<p class="text-center">
The domain of web design is constantly under flux. The popular designs of the previous season, are old-fashioned today. As a vital name in the field of website design, we believe that web design is an art in itself that blends talent, a creative mind
and the best of programming knowledge.
</p>
</div>
<div class="row">
</div>
</div>
<div class="container-fluid">
<div class="row service-content">
<div class="services-title"><span>W</span>eb Development</div>
<p class="text-center">
SRMKZILLA has the expertise to create robust, scalable, and powerful web portals. Our capabilities help deliver web portal that is a perfect amalgamation of various features. Web portal development helps to automate business processes with the help of
interconnected applications. A typical web portal developed by us offers services such as e-mails, chats, news, and information. They are user-friendly and easy to navigate.
</p>
</div>
<div class="row service-carousel">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<h3 class="service-carousel-title text-center">Some amazing websites we have crafted</h3>
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<a href="http://hindtowardschange.co.in/" target="_blank"><img class="d-block" src="assets/img/web1.png" alt="First slide"></a>
</div>
<div class="carousel-item">
<a href="https://www.srmiic.com/" target="_blank"><img class="d-block" src="assets/img/events/siic.jpg" alt="First slide"></a>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row service-content">
<div class="services-title"><span>M</span>obile Applications</div>
<p class="text-center">
We are highly focused and dedicated to developing, designing, and building customized cross-version and highly interactive mobile applications on all popular mobile platforms including Android and Apple. Whether you need applications for entertainment,
gaming, web browsing or for communication we are here to assist you.
</p>
</div>
<div class="row">
</div>
</div>
<div class="container-fluid">
<div class="row service-content">
<div class="services-title"><span>G</span>raphic Design</div>
<p class="text-center">
We offer a wide range of high-quality graphic design services for all your advertising & marketing needs. We specialize in graphic design solutions which creatively integrate all aspects of visual communication to strengthen your brand and your corporate
image Whether you need a logo, brochure, visiting card, banner or anything that relates to graphics – we can do it all and make your business look great!
</p>
</div> -->
<div class="container-fluid kz-patterns">
<div class="row justify-content-center">
<div class="col col-12 col-xl-4 text-center">
<div class="kz-card-service">
<h3 class="kz-service-h3">Web Design</h3>
<img src="./assets/img/presentation.png" alt="Web Design">
<div class="kz-left-swipe"><h3 class="kz-service-alt" style="color: white;">Web Design</h3></div>
<div class="kz-right-swipe"><p>The domain of web design is constantly under flux. The popular designs of the previous season,
are old-fashioned today. As a vital name in the field of website design, we believe that web design is an art in itself
that blends talent, a creative mind and the best of programming knowledge.
</p>
</div>
</div>
</div>
<div class="col col-12 col-xl-4 text-center">
<div class="kz-card-service">
<h3 class="kz-service-h3">Web Development</h3>
<img src="./assets/img/web-programming.png" alt="Web Development">
<div class="kz-left-swipe"><h3 class="kz-service-alt" style="color: white;">Web Development</h3></div>
<div class="kz-right-swipe">
<p> SRMKZILLA has the expertise to create robust, scalable, and powerful web portals. Our
capabilities help deliver web portal that is a perfect amalgamation of various features. Web portal development helps
to automate business processes with the help of interconnected applications. A typical web portal developed by us offers
services such as e-mails, chats, news, and information. They are user-friendly and easy to navigate.
</p>
</div>
</div>
</div>
<div class="w-100"></div>
<div class="col col-12 col-xl-4 text-center lower-cols">
<div class="kz-card-service">
<h3 class="kz-service-h3">Mobile Applications</h3>
<img src="./assets/img/training.png" alt="Mobile Applications">
<div class="kz-left-swipe"><h3 class="kz-service-alt" style="color: white;">Mobile Applications</h3></div>
<div class="kz-right-swipe">
<p> We are highly focused and dedicated to developing, designing, and building customized
cross-version and highly interactive mobile applications on all popular mobile platforms including Android and Apple.
Whether you need applications for entertainment, gaming, web browsing or for communication we are here to assist you.
</p>
</div>
</div>
</div>
<div class="col col-12 col-xl-4 text-center lower-cols">
<div class="kz-card-service">
<h3 class="kz-service-h3">Graphic Design</h3>
<img src="./assets/img/project.png" alt="Graphic Design">
<div class="kz-left-swipe"><h3 class="kz-service-alt" style="color: white;">Graphic Design</h3></div>
<div class="kz-right-swipe">
<p> We offer a wide range of high-quality graphic design services for all your advertising & marketing needs.
We specialize in graphic design solutions which creatively integrate all aspects of visual communication to
strengthen your brand and your corporate image Whether you need a logo, brochure, visiting card, banner or
anything that relates to graphics – we can do it all and make your business look great!
</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="grid-container">
<a href='https//www.google.com' class="grid-item"></a>
<a href='https//www.google.com' class="grid-item"></a>
<a href='https//www.google.com' class="grid-item"></a>
<a href='https//www.google.com' class="grid-item"></a>
<a href='https//www.google.com' class="grid-item"></a>
<a href='https//www.google.com' class="grid-item"></a>
<a href='https//www.google.com' class="grid-item"></a>
<a href='https//www.google.com' class="grid-item"></a>
<a href='https//www.google.com' class="grid-item"></a>
<a href='https//www.google.com' class="grid-item"></a>
<a href='https//www.google.com' class="grid-item"></a>
<a href='https//www.google.com' class="grid-item"></a>
<a href='https//www.google.com' class="grid-item"></a>
<a href='https//www.google.com' class="grid-item"></a>
<a href='https//www.google.com' class="grid-item"></a>
<a href='https//www.google.com' class="grid-item"></a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sales">
<div class="container-fluid">
<h4 class="text-center sales-title">Numbers..</h4>
<div class="row sales-content">
<div class="col-md-4">
<div id="instagram-count" class="number text-center" data-count="1042"></div>
<p class="text-center">Instagram followers</p>
</div>
<div class="col-md-4">
<div class="number text-center" data-count="17340"></div>
<p class="text-center">Mails Sent</p>
</div>
<div class="col-md-4">
<div class="number text-center" data-count="8927">54%</div>
<p class="text-center">Page Views</p>
</div>
</div>
</div>
</section>
<section class="delivers" id="deliver">
<div class="container">
<h2 class="delivers-title text-center">Our Websites Deliver</h2><br>
<h4 class="delivers-subtitle text-center">But don't just take our word for it...</h4>
<div class="row" style="padding-top: 30px;">
<div class="col-md-2">
<div class="delivers-person text-center">
<img src="assets/img/feedback/nikunj.jpg">
</div>
</div>
<div class="col-md-10">
<div class="delivers-content">
<span>"</span>
<p>I have been fortunate to use the services of SRMKZILLA for the past six months. In this ever changing world of technology, SRMKZILLA has provided quality and timely service to my company. SRMKZILLA has not only provided great service
but provided consultation on best practices for my company to make it grow further. Having been in business for 5 years, I know when I’ve found a club with integrity. I highly recommend this club and am available for further
reference if needed.</p>
<span>Nikunj Panchal, SIIC SRMIST</span>
</div>
</div>
</div>
<div class="row" style="padding-top: 30px;">
<div class="col-md-2">
<div class="delivers-person text-center">
<img src="assets/img/feedback/Aditya-Baburajan.jpg">
</div>
</div>
<div class="col-md-10">
<div class="delivers-content">
<span>"</span>
<p>SRMKZILLA did a great job developing our website, theelecruisers.in . Whether providing direct development support or giving us the opportunity to make our development updates, SRMKZILLA's web design expertise and support services
were top notch! It didn't take long to stand up our website, and we were pleased with the design and layout of the graphics and information. We look forward to engaging with the club again, especially as we look to build out
our site services.</p>
<span>Aditya Baburajan, The Elecruisers SRMIST</span>
</div>
</div>
</div>
</div>
</section>
<footer>
<section class="kz-footer">
<div class="conatiner-fluid">
<div class="row text-center kz-footer-great">
<div class="col-md-12">
<h2>We are currently taking on new projects.</h2>
<h2>Let's build something great together.</h2>
</div>
</div>
<div class="row kz-footer-main">
<div class="col-md-3 kz-footer-content">
<ul>
<li><img src="assets/img/kzilla.png" /></li>
<li>
<h4>SRMKZILLA</h4>
<p>The official Mozilla campus club</p>
</li>
</ul>
</div>
<div class="col-md-3 kz-explore">
<ul>
<li>
<h5>EXPLORE</h5>
</li>
<li><a class="kz-explore-link" href="index.html"><span>Home</span></a></li>
<li><a class="kz-explore-link" href= "https://events.srmkzilla.net/"><span>Events</span></a></li>
<li><a class="kz-explore-link" href="#"><span>Our Services</span></a></li>
<li><a class="kz-explore-link" href="us.html"><span>Team</span></a></li>
</ul>
</div>
<div class="col-md-3 kz-contact">
<ul>
<li>
<h5 id="reach-contact">CONTACT</h5>
</li>
<li><a href="mailto:hello@srmkzilla.net"><i class="fa fa-envelope-open-o"
aria-hidden="true"></i><span>hello@srmkzilla.net</span></a></li>
<li><a href="tel:+91 8608913408"><i class="fa fa-phone" aria-hidden="true"></i><span>Ayush
Ashatkar</span></a></li>
<li><a href="tel:+91 8604623000"><i class="fa fa-phone" aria-hidden="true"></i><span>Bhavya
Agarwal</span></a></li>
</ul>
</div>
<div class="col-md-3 kz-follow">
<h5>FOLLOW</h5>
<ul>
<li><a href="https://m.facebook.com/SRMKZILLA/?tsid=0.11722711608842484&source=result"><i
class="fa fa-facebook"></i></a></li>
<li><a href="https://twitter.com/SRMKZILLA_Club?s=08"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://www.instagram.com/srmkzilla/"><i class="fa fa-instagram"></i></a></li>
<li><a href="https://www.linkedin.com/company/srmkzilla"><i class="fa fa-linkedin"></i></a>
</li>
</ul>
</div>
</div>
</div>
</section>
<p class="text-center copyright">© crafted with <span>❤</span> by SRMKZILLA 🤟2019</p>
</footer>
</body>
<script>
var followerRequest = new XMLHttpRequest();
followerRequest.open("GET", "https://www.instagram.com/srmkzilla/?__a=1", true);
followerRequest.onload = function() {
var instaJson = JSON.parse(followerRequest.responseText);
var totalFollowers = instaJson.graphql.user.edge_followed_by.count;
console.log(totalFollowers);
document.getElementById("instagram-count").setAttribute("data-count", totalFollowers.toString())
animateNumbers()
};
followerRequest.send(null);
</script>
<script>
function animateNumbers() {
$('.number').each(function() {
var $this = $(this),
countTo = $this.attr('data-count');
$({
countNum: $this.text()
}).animate({
countNum: countTo
},
{
duration: 3000,
easing: 'linear',
step: function() {
$this.text(Math.floor(this.countNum));
},
complete: function() {
$this.text(this.countNum);
//alert('finished');
}
});
});
}
</script>
</html>