-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
492 lines (444 loc) · 21.7 KB
/
index.html
File metadata and controls
492 lines (444 loc) · 21.7 KB
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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, maximum-scale=1">
<meta name="author" content="Afaan Bilal">
<title>AMX Infinity · Web and Software Solutions</title>
<link rel="icon" href="favicon.png" type="image/png">
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="css/combined.min.css" rel="stylesheet" type="text/css">
<!--[if lt IE 9]>
<script src="js/respond-1.1.0.min.js"></script>
<script src="js/html5shiv.js"></script>
<script src="js/html5element.js"></script>
<![endif]-->
</head>
<body>
<!--Header_section-->
<header id="header_wrapper">
<div class="container">
<div class="header_box">
<div class="logo"><a href="#"><img src="img/logo.png" alt="AMX Infinity"></a></div>
<nav class="navbar navbar-inverse"><!-- role="navigation">-->
<div class="navbar-header">
<button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
</div>
<div id="main-nav" class="collapse navbar-collapse navStyle">
<ul class="nav navbar-nav" id="mainNav">
<li class="active"><a href="#hero_section" class="scroll-link">Home</a></li>
<li><a href="products.html" class="scroll-link">Products</a></li>
<li><a href="#aboutUs" class="scroll-link">About Us</a></li>
<li><a href="#service" class="scroll-link">Services</a></li>
<li><a href="#Portfolio" class="scroll-link">Portfolio</a></li>
<li><a href="#clients" class="scroll-link">Clients</a></li>
<li><a href="#team" class="scroll-link">Team</a></li>
<li><a href="#contact" class="scroll-link">Contact</a></li>
</ul>
</div>
</nav>
</div>
</div>
</header>
<!--Header_section-->
<!--Hero_Section-->
<section id="hero_section" class="top_cont_outer">
<div class="hero_wrapper">
<div class="container">
<div class="hero_section">
<div class="row">
<div class="col-lg-5 col-sm-7">
<div class="top_left_cont zoomIn wow animated">
<h2>
We create <strong>awesome</strong> <br>
<span>websites</span>, <span>softwares</span>, <span>logos</span> and much more!
</h2>
<p>Get in touch for a quote!</p>
<a href="#aboutUs" class="read_more2">Learn More</a> </div>
</div>
<div class="col-lg-7 col-sm-5">
<img src="img/main_device_image.png" class="zoomIn wow animated" alt="" />
</div>
</div>
</div>
</div>
</div>
</section>
<!--Hero_Section-->
<section id="aboutUs"><!--Aboutus-->
<div class="inner_wrapper">
<div class="container">
<h2>About Us</h2>
<div class="inner_section">
<div class="row">
<div class=" col-lg-4 col-md-4 col-sm-4 col-xs-12 pull-right"><img src="img/amxinfinity_logo.png" style="width: 240px;" class="delay-03s animated wow zoomIn" alt=""></div>
<div class=" col-lg-7 col-md-7 col-sm-7 col-xs-12 pull-left">
<div class=" delay-01s animated fadeInDown wow animated">
<h3><strong>AMX Infinity</strong> is a private organization, based in Baramulla, Kashmir; providing software and web solutions to both private and government firms.</h3><br/>
<p>
With <strong>AMX Infinity</strong>, since March 2011, we have been creating awesome web applications, softwares, logos and much more for Government, Educational and Private Institutions.
We specialize in website design, web app development and customized software design for businesses and individuals!
</p>
</div>
<div class="work_bottom"> <span>Want to know more?</span> <a href="#contact" class="contact_btn">Contact Us</a> </div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Aboutus-->
<!--Service-->
<section id="service">
<div class="container">
<h2>Services</h2>
<div class="service_wrapper">
<div class="row">
<div class="col-lg-4">
<div class="service_block">
<div class="service_icon delay-03s animated wow zoomIn"> <span><i class="fa fa-html5"></i></span> </div>
<h3 class="animated fadeInUp wow">Web Design</h3>
<p class="animated fadeInDown wow">We design beautiful professional websites with the latest industry standards which work seamlessly across all devices.</p>
</div>
</div>
<div class="col-lg-4 borderLeft">
<div class="service_block">
<div class="service_icon icon2 delay-03s animated wow zoomIn"> <span><i class="fa fa-star"></i></span> </div>
<h3 class="animated fadeInUp wow">Web Applications</h3>
<p class="animated fadeInDown wow">Our web applications are robust and state-of-the-art delivering the services at lightning speed.</p>
</div>
</div>
<div class="col-lg-4 borderLeft">
<div class="service_block">
<div class="service_icon icon3 delay-03s animated wow zoomIn"> <span><i class="fa fa-css3"></i></span> </div>
<h3 class="animated fadeInUp wow">Style</h3>
<p class="animated fadeInDown wow">
Face is the index of mind. The web apps we build are stylish and modern and comply with the latest trends on the net.
</p>
</div>
</div>
</div>
<div class="row borderTop">
<div class="col-lg-4 mrgTop">
<div class="service_block">
<div class="service_icon delay-03s animated wow zoomIn"> <span><i class="fa fa-dropbox"></i></span> </div>
<h3 class="animated fadeInUp wow">Custom Softwares</h3>
<p class="animated fadeInDown wow">
In the current era of technology, every business can benifit from the use of the enormous power available.
Get in touch with us to learn how to harness this power for your business.
</p>
</div>
</div>
<div class="col-lg-4 borderLeft mrgTop">
<div class="service_block">
<div class="service_icon icon2 delay-03s animated wow zoomIn"> <span><i class="fa fa-slack"></i></span> </div>
<h3 class="animated fadeInUp wow">Logo Design</h3>
<p class="animated fadeInDown wow">
Your logo is the identity of your business or brand and it is what a customer remembers you by.
Design with us and be assured of a blooming business!
</p>
</div>
</div>
<div class="col-lg-4 borderLeft mrgTop">
<div class="service_block">
<div class="service_icon icon3 delay-03s animated wow zoomIn"> <span><i class="fa fa-users"></i></span> </div>
<h3 class="animated fadeInUp wow">Card Design</h3>
<p class="animated fadeInDown wow">
Business Cards are like mementos you leave with your prospective customers. It is highly likely for a customer
to follow up if your card catches their attention and connects to what they actually require.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Service-->
<!-- Portfolio -->
<section id="Portfolio" class="content">
<!-- Container -->
<div class="container portfolio_title">
<!-- Title -->
<div class="section-title">
<h2>Portfolio</h2>
</div>
<!--/Title -->
</div>
<!-- Container -->
<div class="portfolio-top"></div>
<!-- Portfolio Filters -->
<div class="portfolio">
<div id="filters" class="sixteen columns">
<ul class="clearfix">
<li><a id="all" href="#" data-filter="*" class="active">
<h5>All</h5>
</a></li>
<li><a class="" href="#" data-filter=".web">
<h5>Web App</h5>
</a></li>
<li><a class="" href="#" data-filter=".website">
<h5>Website</h5>
</a></li>
<li><a class="" href="#" data-filter=".software">
<h5>Softwares</h5>
</a></li>
<li><a class="" href="#" data-filter=".android">
<h5>Android</h5>
</a></li>
</ul>
</div>
<!--/Portfolio Filters -->
<!-- Portfolio Wrapper -->
<div class="isotope fadeInLeft animated wow" style="position: relative; overflow: hidden; height: 480px;" id="portfolio_wrapper">
<!-- Portfolio Item -->
<div style="position: absolute; left: 0px; top: 0px; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); width: 337px; opacity: 1;" class="portfolio-item one-four website isotope-item">
<div class="portfolio_img"> <img src="img/portfolio/nobleimages.jpg" alt="Noble Images"> </div>
<div class="item_overlay">
<div class="item_info">
<h4 class="project_name">Noble Images</h4>
</div>
</div>
</div>
<!--/Portfolio Item -->
<!-- Portfolio Item -->
<div style="position: absolute; left: 0px; top: 0px; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); width: 337px; opacity: 1;" class="portfolio-item one-four web isotope-item">
<div class="portfolio_img"> <img src="img/portfolio/libmansys.jpg" alt="Library Management System"> </div>
<div class="item_overlay">
<div class="item_info">
<h4 class="project_name">Library Management System</h4>
</div>
</div>
</div>
<!--/Portfolio Item -->
<!-- Portfolio Item-->
<div style="position: absolute; left: 0px; top: 0px; transform: translate3d(337px, 0px, 0px) scale3d(1, 1, 1); width: 337px; opacity: 1;" class="portfolio-item one-four web isotope-item">
<div class="portfolio_img"> <img src="img/portfolio/prs.jpg" alt="Progress Report System"> </div>
<div class="item_overlay">
<div class="item_info">
<h4 class="project_name">Progress Report System</h4>
</div>
</div>
</div>
<!--/Portfolio Item -->
<!-- Portfolio Item -->
<div style="position: absolute; left: 0px; top: 0px; transform: translate3d(674px, 0px, 0px) scale3d(1, 1, 1); width: 337px; opacity: 1;" class="portfolio-item one-four web isotope-item">
<div class="portfolio_img"> <img src="img/portfolio/psga.jpg" alt="Online Public Service Guarantee Act"> </div>
<div class="item_overlay">
<div class="item_info">
<h4 class="project_name">Online Public Service Guarantee Act</h4>
</div>
</div>
</div>
<!--/Portfolio Item-->
<!-- Portfolio Item -->
<div style="position: absolute; left: 0px; top: 0px; transform: translate3d(0px, 240px, 0px) scale3d(1, 1, 1); width: 337px; opacity: 1;" class="portfolio-item one-four software isotope-item">
<div class="portfolio_img"> <img src="img/portfolio/AMX-QR-Suite.png" alt="AMX QR Suite"> </div>
<div class="item_overlay">
<div class="item_info">
<h4 class="project_name">AMX QR Suite</h4>
</div>
</div>
</div>
<!--/Portfolio Item -->
<!-- Portfolio Item -->
<div style="position: absolute; left: 0px; top: 0px; transform: translate3d(0px, 240px, 0px) scale3d(1, 1, 1); width: 337px; opacity: 1;" class="portfolio-item one-four software isotope-item">
<div class="portfolio_img"> <img src="img/portfolio/AMX-TextEdit.jpg" alt="AMX TextEdit"> </div>
<div class="item_overlay">
<div class="item_info">
<h4 class="project_name">AMX TextEdit</h4>
</div>
</div>
</div>
<!--/Portfolio Item -->
<!-- Portfolio Item-->
<div style="position: absolute; left: 0px; top: 0px; transform: translate3d(1011px, 0px, 0px) scale3d(1, 1, 1); width: 337px; opacity: 1;" class="portfolio-item one-four software isotope-item">
<div class="portfolio_img"> <img src="img/portfolio/Live-HTML-Editor.jpg" alt="Live HTML Editor"> </div>
<div class="item_overlay">
<div class="item_info">
<h4 class="project_name">Live HTML Editor</h4>
</div>
</div>
</div>
<!-- Portfolio Item -->
<!-- Portfolio Item -->
<div style="position: absolute; left: 0px; top: 0px; transform: translate3d(0px, 240px, 0px) scale3d(1, 1, 1); width: 337px; opacity: 1;" class="portfolio-item one-four software isotope-item">
<div class="portfolio_img"> <img src="img/portfolio/AMX-CryptoCoder.jpg" alt="AMX CryptoCoder"> </div>
<div class="item_overlay">
<div class="item_info">
<h4 class="project_name">AMX CryptoCoder</h4>
</div>
</div>
</div>
<!--/Portfolio Item -->
<!-- Portfolio Item -->
<div style="position: absolute; left: 0px; top: 0px; transform: translate3d(0px, 240px, 0px) scale3d(1, 1, 1); width: 337px; opacity: 1;" class="portfolio-item one-four software isotope-item">
<div class="portfolio_img"> <img src="img/portfolio/Statistical-Analysis.jpg" alt="Statistical Analysis"> </div>
<div class="item_overlay">
<div class="item_info">
<h4 class="project_name">Statistical Analysis</h4>
</div>
</div>
</div>
<!--/Portfolio Item -->
<!-- Portfolio Item -->
<div style="position: absolute; left: 0px; top: 0px; transform: translate3d(0px, 240px, 0px) scale3d(1, 1, 1); width: 337px; opacity: 1;" class="portfolio-item one-four android isotope-item">
<div class="portfolio_img"> <img src="img/portfolio/saa.png" alt="Statistical Analysis Android"> </div>
<div class="item_overlay">
<div class="item_info">
<h4 class="project_name">Statistical Analysis Android</h4>
</div>
</div>
</div>
<!--/Portfolio Item -->
</div>
<!--/Portfolio Wrapper -->
</div>
<!--/Portfolio Filters -->
<div class="portfolio_btm"></div>
<div id="project_container">
<div class="clear"></div>
<div id="project_data"></div>
</div>
</section>
<!--/Portfolio -->
<section class="page_section" id="clients"><!--page_section-->
<h2>Clients</h2>
<!--page_section-->
<div class="client_logos"><!--client_logos-->
<div class="container">
<ul class="fadeInRight animated wow">
<li><a href="https://baramulla.nic.in" target="_blank"><img src="img/clients/jkgovt.png" alt="JK Government"></a></li>
<li><a href="http://www.nobleimages.in" target="_blank"><img src="img/clients/NobleImages.png" alt="Noble Images"></a></li>
</ul>
</div>
</div>
</section>
<!--client_logos-->
<section class="page_section team" id="team"><!--main-section team-start-->
<div class="container">
<h2>Team</h2>
<h6>The awesome people behind this awesome start-up.</h6>
<div class="team_section clearfix">
<div class="team_area">
<div class="team_box wow fadeInDown delay-03s">
<div class="team_box_shadow"><a href="javascript:void(0)"></a></div>
<img src="img/AfaanBilal.jpg" style="max-height: 260px;" alt="">
<ul>
<li><a href="https://twitter.com/AfaanBilal" class="fa fa-twitter"></a></li>
<li><a href="https://facebook.com/AfaanBilal" class="fa fa-facebook"></a></li>
<li><a href="https://instagram.com/AfaanBilal" class="fa fa-instagram"></a></li>
<li><a href="https://google.com/+AfaanBilal" class="fa fa-google-plus"></a></li>
</ul>
</div>
<h3 class="wow fadeInDown delay-03s">Afaan Bilal</h3>
<span class="wow fadeInDown delay-03s teamTitle">Founder, Chief Executive Officer</span>
<p class="wow fadeInDown delay-03s">afaan@amxinfinity.ml</p>
</div>
<div class="team_area">
<div class="team_box wow fadeInDown delay-06s">
<div class="team_box_shadow"><a href="javascript:void(0)"></a></div>
<img src="img/MuqeatManzoor.jpg" style="max-height: 260px;" alt="">
<ul>
<li><a href="javascript:void(0)" class="fa fa-twitter"></a></li>
<li><a href="javascript:void(0)" class="fa fa-facebook"></a></li>
<li><a href="javascript:void(0)" class="fa fa-pinterest"></a></li>
<li><a href="javascript:void(0)" class="fa fa-google-plus"></a></li>
</ul>
</div>
<h3 class="wow fadeInDown delay-06s">Muqeat Manzoor</h3>
<span class="wow fadeInDown delay-06s teamTitle">Co-Founder, Chief Marketing Officer</span>
<p class="wow fadeInDown delay-06s">muqeat@amxinfinity.ml</p>
</div>
<div class="team_area">
<div class="team_box wow fadeInDown delay-09s">
<div class="team_box_shadow"><a href="javascript:void(0)"></a></div>
<img src="img/ShahAmir.jpg" style="max-height: 260px;" alt="">
<ul>
<li><a href="javascript:void(0)" class="fa fa-twitter"></a></li>
<li><a href="javascript:void(0)" class="fa fa-facebook"></a></li>
<li><a href="javascript:void(0)" class="fa fa-pinterest"></a></li>
<li><a href="javascript:void(0)" class="fa fa-google-plus"></a></li>
</ul>
</div>
<h3 class="wow fadeInDown delay-09s">Shah Amir</h3>
<span class="wow fadeInDown delay-09s teamTitle">Co-Founder, Chief Information Officer</span>
<p class="wow fadeInDown delay-09s">amir@amxinfinity.ml</p>
</div>
</div>
</div>
</section>
<!--/Team-->
<!--Footer-->
<footer class="footer_wrapper" id="contact">
<div class="container">
<section class="page_section contact" id="contact2">
<div class="contact_section">
<h2>Contact Us</h2>
</div>
<div class="row">
<div class="col-lg-4 wow fadeInLeft">
<div class="contact_info">
<div class="detail">
<h4>AMX Infinity</h4>
<p>
<i class="fa fa-globe"></i>
Baramulla, Kashmir
</p>
</div>
<!--<div class="detail">
<h4>Call us on</h4>
<p>
<i class="fa fa-phone"></i> +91 9596041824
</p>
</div>-->
<div class="detail">
<h4>Email us at</h4>
<p>
<i class="fa fa-envelope"></i> support@amxinfinity.ml<br>
<i class="fa fa-envelope"></i> info@amxinfinity.ml
</p>
</div>
</div>
<ul class="social_links">
<li class="gplus animated bounceIn wow delay-02s"><a href="https://www.coderevolution.tk"><i class="fa fa-plus-square"></i></a></li>
<li class="twitter animated bounceIn wow delay-02s"><a href="https://twitter.com/AfaanBilal"><i class="fa fa-twitter"></i></a></li>
<li class="facebook animated bounceIn wow delay-03s"><a href="https://facebook.com/AMXInfinity"><i class="fa fa-facebook"></i></a></li>
<li class="pinterest animated bounceIn wow delay-04s"><a href="https://instagram.com/AfaanBilal"><i class="fa fa-instagram"></i></a></li>
<li class="gplus animated bounceIn wow delay-05s"><a href="https://google.com/+AfaanBilal"><i class="fa fa-google-plus"></i></a></li>
</ul>
</div>
<div class="col-lg-8 wow fadeInLeft delay-06s">
<div class="form">
<p id="successMsg" style="display: none; font-size: 18px; color: white; padding: 5px 0 5px 20px; background-color: green;">Successfully sent the message!</p>
<p id="errorMsg" style="display: none; font-size: 18px; color: white; padding: 5px 0 5px 20px; background-color: red;">An error occured, please try again!</p>
<p id="waitMsg" style="display: none; font-size: 18px; color: white; padding: 5px 0 5px 20px; background-color: grey;">Sending the message, please wait!</p>
<br>
<form method="POST" id="ContactForm">
<input class="input-text" type="text" name="name" required placeholder="Your Name *">
<input class="input-text" type="text" name="email" required placeholder="Your E-mail *">
<textarea class="input-text text-area" cols="1" rows="1" name="message" required placeholder="Your Message *"></textarea>
<input class="input-btn" type="submit" value="send message">
</form>
</div>
</div>
</div>
</section>
</div>
<div class="container">
<div class="footer_bottom"><span>Copyright © <script>document.write(new Date().getFullYear());</script> <a href="https://www.amxinfinity.ml">AMX Infinity</a>. All Rights Reserved.</span> </div>
</div>
</footer>
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/combined.min.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-60338005-3', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>