-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
522 lines (517 loc) · 29.2 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
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Welcome | 360 Coders</title>
<!-- External stylesheet -->
<link rel="stylesheet" href="360coders.css">
<!-- Font Awesome CDN -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!--Animate.css CDN -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/animate.min.css">
<!--Font samily -->
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<!--head fav icon -->
<link rel="shortcut icon" type="image/png" href="favicon.png"/>
<!--style sec -->
<style media="screen">
#menu {
position: fixed;
padding: 5px;
top: 0;
left: 0;
display: none;
background-color: black;
width: 100%;
}
#menu ul li a {
color: white;
text-decoration: none;
padding: 20px !important;
text-align: center;
}
#menu ul li i {
padding: 5px;
}
#menu ul li {
display: inline;
text-align: center;
font-size: 24px;
}
@media only screen and (max-width:768px) {
#menu ul li a {
font-size: 16px;
}
}
@media only screen and (max-width:414px) {
#menu ul li {
margin-left: -10px !important;
padding: none !important;
}
}
</style>
</head>
<body id="scrolltopp">
<div id="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#bookmarkabout"></i>About</a></li>
<li><a href="#bookmarkservices"></i>Services</a></li>
<li><a href="#bookmarkcontact"></i>Contact</a></li>
</ul>
</div>
<section class="showcase">
<header>
<a href="index.html"><img style="padding:5px;" src="logo.png" alt="360CodersLogo"></a>
</header>
<ul>
<li><a href="index.html"><i class="fa fa-home" aria-hidden="true"></i>Home</a></li>
<li><a href="#bookmarkabout"><i class="fa fa-bookmark" aria-hidden="true"></i>About</a></li>
<li><a href="#bookmarkservices"><i class="fa fa-briefcase" aria-hidden="true"></i>Services</a></li>
<li><a href="#bookmarkcontact"><i class="fa fa-users" aria-hidden="true"></i>Contact</a></li>
</ul>
<br>
<br class="linkbreak2">
<br class="linkbreak2">
<br class="linkbreak2">
<h1 class="heading1"><b>Welcome To 360 Coders</b> </h1>
<br>
<p class="para1">We are a phenomenal IT outsourcing and Application Development Company, skilled with latest web & mobile development technologies.</p>
<br>
<p class="para1">You can also hire our passionate and professional team of developers for your projects.</p>
<br>
<p class="para1"> We ensure to cast in our innovative ideas and on-time delivery with 100% client satisfaction.</p>
<br>
<h1 class="heading2"><strong>We Have Direct Representative In 10+ Countries Around The Globe</strong> </h1>
<br>
<p class="para2">We, as an off-shore IT outsourcing company deliver result-driven project management and seamless communication globally.</p>
<br>
<p class="para2">Our solutions yield benefit in Internet-facing, corporate and hybrid environments.</p>
<br>
<hr>
<br>
<div class="contactinfo">
<div class="number">
<p><i style="color:white;" class="fa fa-mobile" aria-hidden="true"></i> +91 77081 91888</p>
</div>
<div class="email">
<a href="mailto:[email protected]"><i class="fa fa-envelope-o" aria-hidden="true"></i> [email protected]</a>
</div>
<div class="socialplugins">
<a href="https://www.facebook.com/360coders" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="https://www.instagram.com/360coders/" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i></a>
<a href="https://twitter.com/360coders_" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a id="bookmarkabout" href="https://plus.google.com/101974664000199970157" target="_blank"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
</div>
</div>
<br>
<br>
<br class="linkbreak">
<br class="linkbreak1">
</section>
<!--About secton -->
<div class="about">
<div class="about1">
<div class="aboutwho">
<h3 style="font-size:36px;">Who We Are</h3>
<p>"Talent wins games, but teamwork and intelligence wins championships” as said, 360 Coders compiles of intelligent designers and developers who are best in working as a team to make our clients feel as champions in their respective area of expertise. We, a professional web and mobile application development firm rooted at Coimbatore, Tamil Nadu, build applications on latest technologies and provide our young and jubilant developers for your projects at industrial cost.</p>
</div>
<div class="aboutwhat">
<h3 style="font-size:36px;">What We Do</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
</div>
</div>
<div class="aboutwhy">
<div class="aboutlist">
<div class="aboutlist1">
<h3 style="font-size:36px;">Why We Are</h3>
<p><i class="fa fa-check" aria-hidden="true"></i> Guaranteed SLA`S</p>
<p><i class="fa fa-check" aria-hidden="true"></i> Flexible Engagement</p>
<p><i class="fa fa-check" aria-hidden="true"></i> Pay For What You Use</p>
<p><i class="fa fa-check" aria-hidden="true"></i> Monthly Rolling Contract</p>
<p><i class="fa fa-check" aria-hidden="true"></i> 100% ON-TIME Delivery</p>
<p><i class="fa fa-check" aria-hidden="true"></i> 100% Client Satisfaction</p>
<p><i class="fa fa-check" aria-hidden="true"></i> 0% Tension To Meetup The DEADLINE</p>
<p><i class="fa fa-check" aria-hidden="true"></i> Ability To Improvise Ongoing Changes</p>
</div>
<div class="aboutlist2">
<h3 style="font-size:36px;">Our Reach</h3>
<p>360 Coders Software Solutions Pvt. Ltd., have customized outsourcing and remote staffing solutions for multiple IT and non-IT domains for clients across 5+ countries, and looking forward to extend our reach world-wide in terms of geographic spread. We also offer rich employment opportunities to professionals of domains such as, software programming and development, finance and accounting, engineering, law, sales and internet marketing, back end fields such as data entry, virtual assistance, book-keeping and transcription etc. across the globe.</p>
</div>
</div>
</div>
<!--mission and vision section -->
<br>
</div>
<div class="ourmission">
<div class="mission">
<h3 style="font-size:36px;">Our Mission</h3>
<p>Our mission is to create software and mobile applications of latest technologies and draw your business as one among in the digital world and to deliver quality products to our clients at best in market price. 360 Coders aims for client satisfaction so, in your smile curve lies our content, and hence, we strive to achieve it.</p>
</div>
<div class="vision">
<h3 style="font-size:36px;">Our Vision</h3>
<p>Our vision is to build user-friendly applications and dynamic software program for our smart customers across the world. And to mark our name as one of the best outsourcing and best-in-class staffing the innovative and skilled team. To engage a team of expert developers for delivering innovative IT outsourcing services that add value to your business.</p>
</div>
</div>
<!-- responsive flex services section -->
<h3 id="bookmarkservices" class="services">Our Services</h3>
<div class="flex">
<div class="flex1">
<div class="web">
<i style="padding-top:20px;" class="fa fa-globe" aria-hidden="true"></i>
<h3>Web/Mobile Application Development</h3>
<p>Whether you need to build custom web/mobile app from scratch or streamline your existing app, we have our experts to accomplish in building high performance web/ mobile applications for dynamic and interactive browsers regarding to your requirement in short span and at an effective cost.</p>
</div>
<div class="app">
<i style="padding-top:20px;" class="fa fa-clone" aria-hidden="true"></i>
<h3>Application Modernization</h3>
<p>360 Coders offers a professional application modernization services for all kinds of web and mobile apps with designs of latest technology. Our modernization service helps you to strategize the older applications and enable them to provide the latest business benefits in today’s digital environment.</p>
</div>
<div class="hire">
<i class="fa fa-code-fork" aria-hidden="true"></i>
<h3>Hire Software Developer</h3>
<p>We have tremendous experienced Software Developers with varied skill sets, available for hire at 360 Coders. You can hire our developers for Software solutions such as, game developments, web development and designs, mobile application developments for Android and iOS platforms.</p>
</div>
<div id="co" class="co">
<i class="fa fa-desktop" aria-hidden="true"></i>
<h3>CO-Development Services</h3>
<p>Our passionate and versatile co-developers of various design and development services have hands-on experience in developing high performance oriented software solutions and also labours highly complex solutions and co-ordinate with your existing team to deliver the project, beforehand.</p>
</div>
<div id="devTeam" class="devTeam">
<i class="fa fa-grav" aria-hidden="true"></i>
<h3>Hire Dedicated Development Team</h3>
<p>At 360 Coders, you can hire our experienced and professional, development and support team for your latest in-demand software solutions & mobile application development. Our expertise team of developers co-operate and bring out the innovative ideas and deliver you a professional work.</p>
</div>
<div id="engi" class="engi">
<i class="fa fa-graduation-cap" aria-hidden="true"></i>
<h3>Engineering Design Services</h3>
<p>360 Coders' engineering design service affords you all types of engineering services at high quality and at an economical rate, through our best engineers in the market. We use latest technologies to our design services and ensure to deliver it on-time with 100% client satisfaction.</p>
</div>
</div>
<br>
</div>
<!--expert services -->
<div class="expertteams">
<br>
<div class="expertteams1">
<h2 style="font-size:36px;font-weight:bold;">Expert Teams In 360 Coders</h2>
<p>Hire dedicated developers for a range of latest web/mobile development technologies.</p>
<br>
<p style="text-align:center;"><a style="text-decoration:none;" href="#expertweb">Web</a> | <a href="#expertapp" style="text-decoration:none;">App</a> | <a style="text-decoration:none;" href="#expertcms">E-commerce/CMS</a> | <a style="text-decoration:none;" href="#expertothers">Others Development</a> </p>
<br>
<h3 id="expertweb" style="font-size:36px;font-weight:bold;">Web Development</h3>
<br>
<div class="webdev">
<div style="border:1px solid #ff3300;border-radius:5px;" class="html">
<h4 style="background-color:#ff3300;color:white;padding:5px 0;margin-top:-5px;">HTML5</h4>
<p>Hypertext Markup Language is the standard markup language for creating web pages and web applications. With Cascading Style Sheets and JavaScript, it forms a triad of cornerstone technologies for the World Wide Web.<a href="https://www.w3schools.com/html/default.asp" target="_blank">Read more</a> </p>
</div>
<div style="border:1px solid #1a75ff;border-radius:5px;" class="css">
<h4 style="background-color:#1a75ff;color:white;padding:5px 0;margin-top:-5px;">CSS3</h4>
<p>Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language like HTML.<a href="https://www.w3schools.com/css/default.asp" target="_blank">Read more</a></p>
</div>
<div style="border:1px solid #ffcc00;border-radius:5px;" class="js">
<h4 style="background-color:#ffcc00;color:white;padding:5px 0;margin-top:-5px;">javaScript</h4>
<p>JavaScript, often abbreviated as JS, is a high-level, interpreted programming language. It is a language which is also characterized as dynamic, weakly typed, prototype-based and multi-paradigm.<a href="https://www.w3schools.com/js/default.asp" target="_blank">Read more</a></p>
</div>
<div style="border:1px solid #0099e6;border-radius:5px;" class="jquery">
<h4 style="background-color:#0099e6;color:white;padding:5px 0;margin-top:-5px;">jQuery</h4>
<p>jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML. It is free, open-source software using the permissive MIT License.<a href="https://www.w3schools.com/jquery/default.asp" target="_blank">Read more</a></p>
</div>
<div style="border:1px solid #700f70;border-radius:5px;" class="bootstrap">
<h4 style="background-color:#700f70;color:white;padding:5px 0;margin-top:-5px;">Bootstrap 4</h4>
<p>Bootstrap is a free and open-source front-end framework for designing websites and web applications.<a href="https://www.w3schools.com/bootstrap4/default.asp" target="_blank">Read more</a></p>
</div>
<div style="border:1px solid #3c519b;border-radius:5px;" class="php">
<h4 style="background-color:#3c519b;color:white;padding:5px 0;margin-top:-5px;">PHP</h4>
<p>PHP: Hypertext Preprocessor is a server-side scripting language designed for Web development, but also used as a general-purpose programming language.<a href="https://www.w3schools.com/php/default.asp" target="_blank">Read more</a></p>
</div>
<div style="border:1px solid #e8900d;border-radius:5px;" class="sql">
<h4 style="background-color:#e8900d;color:white;padding:5px 0;margin-top:-5px;">SQL</h4>
<p>SQL is a domain-specific language used in programming and designed for managing data held in a relational database management system, or for stream processing in a relational data stream management system.<a href="https://www.w3schools.com/sql/default.asp" target="_blank">Read more</a></p>
</div>
<div style="border:1px solid #d31d0c;border-radius:5px;" class="angularjs">
<h4 style="background-color:#d31d0c;color:white;padding:5px 0;margin-top:-5px;">AngularJS</h4>
<p>AngularJS is a JavaScript-based open-source front-end web application framework mainly maintained by Google and by a community of individuals and corporations to address many of the challenges encountered in developing single-page applications.<a href="https://www.w3schools.com/angular/default.asp" target="_blank">Read more</a></p>
</div>
<div style="border:1px solid #3399ff;border-radius:5px;" class="reactjs">
<h4 style="background-color:#3399ff;color:white;padding:5px 0;margin-top:-5px;">ReactJS</h4>
<p>In computing, React is a JavaScript library for building user interfaces. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications.<a href="https://reactjs.org/" target="_blank">Read more</a></p>
</div>
<div style="border:1px solid #03bc19;border-radius:5px;" class="nodejs">
<h4 style="background-color:#03bc19;color:white;padding:5px 0;margin-top:-5px;">NodeJS</h4>
<p>Node.js is an open-source, cross-platform JavaScript run-time environment that executes JavaScript code server-side.<a href="https://www.w3schools.com/nodejs/default.asp" target="_blank">Read more</a></p>
</div>
<div style="border:1px solid #7bbc03;border-radius:5px;" class="sencha">
<h4 style="background-color:#7bbc03;color:white;padding:5px 0;margin-top:-5px;">Sencha</h4>
<p>Sencha Touch is a user interface JavaScript library, or web framework, specifically built for the Mobile Web.<a href="https://www.sencha.com/" target="_blank">Read more</a></p>
</div>
<div style="border:1px solid #f90707;border-radius:5px;" class="meteor">
<h4 style="background-color: #f90707;color:white;padding:5px 0;margin-top:-5px;">Meteor</h4>
<p>Meteor is a complete platform for building web and mobile apps in pure JavaScript.<a href="https://www.meteor.com/" target="_blank">Read more</a></p>
</div>
</div>
<br>
<br>
<h3 id="expertapp" style="font-size:36px;font-weight:bold;">App Development</h3>
<p style="text-align:center;padding:5px;color:grey;">360 Coders offers a professional application modernization services for all kinds of web and mobile apps with designs of latest technology. </p>
<div class="appdev">
<div class="appdev1">
<table>
<tr>
<td><i class="fa fa-android" aria-hidden="true"></i></td>
<td>Android Development</td>
</tr>
<tr>
<td><i class="fa fa-apple" aria-hidden="true"></i></td>
<td>iOS Development</td>
</tr>
<tr>
<td><i style="margin-left:15px;" class="fa fa-mobile" aria-hidden="true"></i></td>
<td>PhoneGap Development</td>
</tr>
<tr>
<td><i class="fa fa-snowflake-o" aria-hidden="true"></i></td>
<td>Augmented Reality</td>
</tr>
</table>
</div>
</div>
<br>
<div id="expertcms" class="Ecommerce">
<h3 style="font-size:36px;font-weight:bold;">E-commerce/CMS Development</h3>
<div class="Ecommerce1">
<br>
<table>
<tr>
<td> Magento</td>
<td> OpenCart</td>
<td> Zen Cart</td>
<td> WooCommerce</td>
</tr>
<tr>
<td> DotNetNuke</td>
<td> Umbraco</td>
<td> Drupal Commerce</td>
<td> PrestaShop</td>
</tr>
<tr>
<td> NopCommerce</td>
<td> Sitefinity</td>
<td> Sitecore</td>
<td> WordPress</td>
</tr>
<tr>
<td class="borderenable" style="border:none;"> Drupal</td>
<td class="borderenable" style="border:none;"> Joomla</td>
<td style="border:none;"> Kentico</td>
<td style="border:none;"></td>
</tr>
</table>
</div>
</div>
<br>
<div id="expertothers" class="microsoft">
<h3 style="font-size:36px;font-weight:bold;">Microsoft Technologies & Others</h3>
<br>
<div class="microsoft1">
<table>
<tr>
<td><b> Microsoft</b> </td>
<td>.NET</td>
<td>SharePoint</td>
<td>Xamarin</td>
</tr>
<tr>
<td><b> Others</b> </td>
<td>Mule</td>
<td>Hadoop</td>
<td>Optimizely</td>
<td>Servoy</td>
<td>C/C++</td>
<td>Java</td>
<td>RoR</td>
<td>Python</td>
</tr>
</table>
</div>
<br>
</div>
</div>
</div>
<!-- contact register -->
<br>
<h1 id="bookmarkcontact" style="text-align:center;padding:10px;">Contact</h1>
<p style="text-align:center;padding:10px;">Guaranteed response within 1 business day. No obligation quote.</p>
<div class="contactus">
<br>
<div class="contactus-container">
<div class="contacthire">
<h1>Hire Developers</h1>
<br>
<form action="index.html" method="post">
<select>
<option value="Front-End Developer">Front-End Developer</option>
<option value="iOS Developer">iOS Developer</option>
<option value="Android Developer">Android Developer</option>
<option value="Freelancer Business">Freelancer Business</option>
</select>
<br>
<input type="button" name="button" value=" Hire ">
</form>
</div>
<div class="contactusform">
<p style="text-align: center;color:white;padding:10px;">Contact Us</p>
<form action="index.html" method="post">
<label for="fname"><input type="text" id="fname" name="firstname" placeholder="Firstname"> </label>
<br>
<label for="lname"><input type="text" id="lname" name="lastname" placeholder="Lastname"> </label>
<br>
<select>
<option value="volvo">Male</option>
<option value="saab">Female</option>
<option value="opel">Others</option>
</select>
<br>
<label for="email"><input type="email" id="email" name="email" placeholder="E-mail"> </label>
<br>
<label for="num"><input type="number" id="num" name="num" placeholder="Phone number"> </label>
<br>
<label for="msg"><textarea name="msg" rows="4" cols="40" id="msg" placeholder="Write Something..."></textarea> </label>
<br>
<input type="button" name="button" value="Submit">
</form>
</div>
</div>
<!-- contactusform1 duplicate -->
<div class="contactusform1">
<p style="text-align: center;color:white;padding:20px; font-size: 34px;">Contact Us</p>
<form action="index.html" method="post">
<label for="fname"><input type="text" id="fname" name="firstname" placeholder="Firstname"> </label>
<br>
<label for="lname"><input type="text" id="lname" name="lastname" placeholder="Lastname"> </label>
<br>
<select>
<option value="volvo">Male</option>
<option value="saab">Female</option>
<option value="opel">Others</option>
</select>
<br>
<label for="email"><input type="email" id="email" name="email" placeholder="E-mail"> </label>
<br>
<label for="num"><input type="number" id="num" name="num" placeholder="Phone number"> </label>
<br>
<label for="msg"><textarea name="msg" rows="4" cols="40" id="msg" placeholder="Write Something..."></textarea> </label>
<br>
<input type="button" name="button" value="Submit">
</form>
</div>
<br>
</div>
<!-- social Contact section -->
<div class="contact">
<br>
<h1 style="text-align:center;color: white;background-color: #b500dd;">Social Plugins</h1>
<br>
<br>
<div class="contact1">
<div class="twitterplug">
<!--<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2F360coders&tabs=timeline&width=500&height=500&small_header=true&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="500" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="1" allowTransparency="true" allow="encrypted-media"></iframe> -->
<a class="twitter-timeline" data-width="550" data-height="450" data-theme="light" data-link-color="#981CEB" href="https://twitter.com/360coders_?ref_src=twsrc%5Etfw">Tweets by 360coders_</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="newsletter">
<!---<a class="twitter-timeline" data-width="550" data-height="550" data-theme="dark" data-link-color="#981CEB" href="https://twitter.com/360coders_?ref_src=twsrc%5Etfw">Tweets by 360coders_</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>-->
<h1>Newsletter</h1>
<br>
<form action="index.html" method="post">
<input type="email" name="email" placeholder="Subscribe us with your E-Mail">
<br>
<input type="button" name="button" value="SUBSCRIBE NOW">
</form>
</div>
</div>
<br>
<br>
<!-- newsletter duplicate-->
<div class="newsletter1">
<!---<a class="twitter-timeline" data-width="550" data-height="550" data-theme="dark" data-link-color="#981CEB" href="https://twitter.com/360coders_?ref_src=twsrc%5Etfw">Tweets by 360coders_</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>-->
<h1>Newsletter</h1>
<br>
<form action="index.html" method="post">
<input type="email" name="email" placeholder="Subscribe us with your E-Mail">
<br>
<input type="button" name="button" value="SUBSCRIBE NOW">
</form>
<br>
<br>
</div>
</div>
<br>
<!-- footer section-->
<div style="padding-bottom: 20px;" class="footersec">
<div class="footersec1">
<div class="address">
<ul>
<li><h2 style="text-align:center;">Address</h2> </li>
<li>G Floor, KCT Tech Park,</li>
<li>#3 Athipalayam Road,</li>
<li>Chinnavedampatti,</li>
<li>Coimbatore-641049,</li>
<li>Ph : +91 77081 91888</li>
<li><a style="text-decoration:none;" href="mailto: [email protected]">Email: [email protected]</a> </li>
</ul>
</div>
<div class="servi">
<h2 style="text-align:center;">Services</h2>
<ul>
<li><a href="#expertweb">Web/Mobile Application Development</a></li>
<li><a href="#expertapp">Application Modernization</a></li>
<li><a href="#bookmarkcontact">Hire Software Developer</a></li>
<li><a href="#co">Co-Development Services</a></li>
<li><a href="#devTeam">Hire Dedicated Development Team</a></li>
<li><a href="#engi">Engineering Design Services</a></li>
</ul>
</div>
<div class="socialcontact">
<h2 style="text-align:center;">Follow here</h2>
<ul>
<li><i style="padding-right:5px;" class="fa fa-facebook" aria-hidden="true"></i><a href="https://www.facebook.com/360coders"> Facebook</a> </li>
<li><i style="padding-right:5px;" class="fa fa-instagram" aria-hidden="true"></i><a href="https://www.instagram.com/360coders/">Instagram</a> </li>
<li><i style="padding-right:5px;" class="fa fa-twitter" aria-hidden="true"></i><a href="https://twitter.com/360coders_">Twitter</a> </li>
<li><i style="padding-right:5px;" class="fa fa-google-plus" aria-hidden="true"></i><a href="https://plus.google.com/101974664000199970157">Google</a> </li>
</ul>
</div>
</div>
</div>
<br>
<footer id="scrollbottomm">360 Coders © Copyright 2018, All Rights Reserved.</footer>
<!--scroll up section -->
<a id="scrolltopicon" style="color:black;text-decoration:none;display:none;" href="#scrolltopp"><i class="fa fa-chevron-circle-up fa-chevron" aria-hidden="true"></i></a>
<!--scroll down section -->
<a id="scrollbottomicon" style="color:black;text-decoration:none;display:none;" href="#scrollbottomm"><i class="fa fa-chevron-circle-down fa-chevron" aria-hidden="true"></i></a>
<!-- javascript secction-->
<script>
window.onscroll = function() {myFunction();scrolltop();scrollbottom();};
function myFunction() {
if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
document.getElementById("menu").style.display = "block";
} else {
document.getElementById("menu").style.display = "none";
}
}
function scrolltop() {
if (document.body.scrollTop <= document.body.scrollHeight/2 || document.documentElement.scrollTop <= document.documentElement.scrollHeight/2 ) {
document.getElementById("scrollbottomicon").style.display = "block";
document.getElementById("scrolltopicon").style.display = "none";
}
}
function scrollbottom() {
if (document.body.scrollTop >= document.body.scrollHeight/2 || document.documentElement.scrollTop >= document.documentElement.scrollHeight/2 ) {
document.getElementById("scrolltopicon").style.display = "block";
document.getElementById("scrollbottomicon").style.display = "none";
}
}
</script>
</body>
</html>