-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsingle-service.html
463 lines (439 loc) · 23.5 KB
/
single-service.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1"/>
<title>Expert Full-Stack Developer | Web Development, Cloud Solutions, & Software Engineering</title>
<!-- set your website meta description and keywords -->
<meta name="description" content="Add your business website description here">
<meta name="keywords" content="Add your business website keywords here">
<!-- set your website favicon -->
<link href="favicon.ico" rel="icon">
<!-- Bootstrap Stylesheets -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Font Awesome Stylesheets -->
<link rel="stylesheet" href="css/fontawesome/all.min.css">
<!-- Owl Carousel Stylesheets -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<!-- Lightbox Stylesheets -->
<link rel="stylesheet" href="css/lightbox.min.css">
<!-- Parallax Stylesheets -->
<link rel="stylesheet" href="css/parallax.css" type="text/css">
<!-- Template Main Stylesheets -->
<link rel="stylesheet" href="css/style.css" type="text/css">
<!-- Responsive Stylesheets -->
<link rel="stylesheet" href="css/responsive.css" type="text/css">
</head>
<body>
<!-- start Header -->
<header id="header" class="header fixed-top headerbg-darkcolor nav-container">
<div class="container">
<div class="row">
<div class="col-sm-12">
<!-- Navigation Menu -->
<nav class="navbar navbar-expand-lg navbar-light mgsbsnavbar">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" onclick="mgsChangeMenubar(this)">
<span class="menubar1"></span>
<span class="menubar2"></span>
<span class="menubar3"></span>
</button>
<a class="navbar-brand d-md-block d-lg-none" href="index.php">
<img class="logo logo-color" src="images/logo.avif" alt="Jhon Arzu-Gil">
<img class="logo logo-white" src="images/logo.avif" alt="Jhon Arzu-Gil">
</a>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<a class="navbar-brand d-none d-sm-none d-md-none d-lg-block" href="index.php">
<img class="logo logo-color" src="images/logo.avif" alt="Jhon Arzu-Gil">
<img class="logo logo-white" src="images/logo.avif" alt="Jhon Arzu-Gil">
</a>
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link menubgactive" href="index.php">Back To Home</a>
</li>
</ul>
</div>
</nav>
<!-- end Navigation Menu -->
</div><!--End col-sm-12 -->
</div><!-- end row -->
</div><!--End container -->
</header>
<!-- end Header -->
<!-- start banner -->
<section id="single-page-banner" class="page-title page-title-image service-hbg">
<div class="container">
<div class="row">
<div class="col-md-6">
<h2>Service Details</h2>
</div><!-- end col -->
<div class="col-md-6">
<ul class="breadcrumb">
<li><a href="index.php">Home</a></li>
<li><a href="#">Service</a></li>
<li class="active">Full Stack Developer</li>
</ul>
</div><!-- end col -->
</div><!-- end row -->
</div><!-- end container -->
</section>
<!-- end slider -->
<!-- start service-single-content -->
<div id="service-single-content" class="service-single-content SectionMargin">
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="post-image">
<img src="images/profile/CloudTechnology Computing.avif" alt="Expert Full-Stack Developer | Web Development, Cloud Solutions, & Software Engineering">
</div><!-- end post-image -->
<div class="title-box">
<h3 class="widget-title"> Jhon Arzu-Gil <strong>Full-Stack Developer</strong></h3>
</div><!-- end title-box -->
<div class="service-content">
<p>Jhon A Arzu-Gil is an experienced Full Stack Developer with a strong foundation in both front-end and back-end development. With over six years of experience in web development, Jhon specializes in creating optimized, high-performance websites and applications. He is proficient in the "Vanillas"—HTML, CSS, JavaScript, SQL, and PHP—and has embraced Java for cross-platform mobile development.</p>
<p>Jhon's expertise spans building responsive, user-friendly interfaces and developing robust server-side applications. He has a deep understanding of modern web frameworks, such as React and Node.js, and is skilled in working with both SQL and NoSQL databases. His background includes significant experience in digital marketing, which enables him to create web solutions that are not only functional but also optimized for search engines and conversion rates.</p>
<div class="row clearfix">
<div class="col-sm-6 col-xs-12">
<img src="images/profile/CloudTechnology Computing.avif" alt="">
</div><!-- end col -->
<div class="service-list col-sm-6 col-xs-12">
<ul class="list-unstyled">
<li>Web Development</li>
<li>Software Development</li>
<li>Cloud Solutions</li>
<li>S.E.O</li>
<li>Digital Marketing</li>
</ul><!-- end list -->
</div><!-- end col and service-list -->
</div><!-- end row -->
<p>Jhon's development approach emphasizes performance, SEO, and accessibility, preferring to work directly with custom code rather than relying on content management systems like WordPress. He has successfully optimized WordPress sites in previous roles, improving metrics like page load times and user engagement through advanced caching techniques and code refactoring.</p>
<p>Jhon is also knowledgeable in cloud computing, having conducted performance comparisons between various cloud architectures and dedicated hosting providers. He leverages tools like Google PageSpeed Insights to ensure his web applications meet industry standards for speed and efficiency.
Technical Skills:
Front-End: HTML, CSS, JavaScript, jQuery, React
Back-End: PHP, Node.js, Java
Databases: MySQL, MongoDB
Tools & Platforms: Git, Docker, AWS, Google Cloud, Nginx, Apache
Digital Marketing: SEO, Amazon PPC, Facebook, Google, and Twitter Advertising
Methodologies: Agile, CI/CD, DevOps
Jhon is committed to staying updated on industry trends and continuously refining his skills, making him a valuable asset in any development project.</p>
</div><!-- end service-content -->
</div><!-- end col -->
<aside class="col-md-4">
<div class="service-list-menu">
<ul class="service-menu list-unstyled">
<li><a href="#"><i class="fas fa-desktop"></i>Sap Consultant</a></li>
<li><a class="active" href="#"><i class="fas fa-paint-brush"></i>Full Stack Developer</a></li>
<li><a href="#"><i class="fas fa-bolt"></i>Mobile Development</a></li>
<li><a href="#"><i class="fas fa-camera"></i>Cloud Solutions</a></li>
<li><a href="#"><i class="fas fa-cogs"></i>Website Optimization</a></li>
<li><a href="#"><i class="fas fa-umbrella"></i>IT Consulting Solutions</a></li>
</ul><!-- end service-menu -->
</div><!-- end service-list-menu -->
<div class="service-brochure">
<div class="title-box">
<h3 class="widget-title">Download <strong>Brochure</strong></h3>
</div><!-- end title-box -->
<ul class="brochure-menu list-unstyled">
<li><a href="#">Website Optimization<i class="fas fa-file-pdf"></i></a></li>
<li><a href="#">Mobile Development<i class="fas fa-file-pdf"></i></a></li>
<li><a href="#">Cloud Solutions<i class="fas fa-file-pdf"></i></a></li>
<li><a href="#">S.E.O<i class="fas fa-file-pdf"></i></a></li>
<li><a href="#">Digital Marketing<i class="fas fa-file-pdf"></i></a></li>
</ul><!-- end brochure-menu -->
</div><!-- end brochure-menu -->
<div class="service-features">
<div class="title-box">
<h3 class="widget-title">Service <strong>Features</strong></h3>
</div><!-- end title-box -->
<div class="accordion panel-group" id="mgsAccordion">
<div class="panel-default accordion-item">
<div class="panel-heading highlight">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Consulting Support
</button>
</h2>
</div><!-- end panel-heading -->
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#mgsAccordion">
<div class="panel-body">
Jhon focuses on understanding the unique needs and challenges of each client, offering customized, actionable solutions that leverage his extensive expertise in full-stack development, cloud computing, and digital marketing. His consulting services are designed to empower businesses to innovate and grow through effective use of technology..
</div>
</div><!-- end panel-collapse -->
</div><!-- end accordion-item -->
<div class="panel-default accordion-item">
<div class="panel-heading">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Agile
</button>
</h2>
</div><!-- end panel-heading -->
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#mgsAccordion">
<div class="panel-body">
Jhon’s experience in both development and strategy makes him a versatile consultant who can provide comprehensive support across the entire web development lifecycle. Whether it’s improving an existing application, designing a new solution, or enhancing digital marketing efforts, Jhon is equipped to deliver results that align with the client’s goals.
</div>
</div><!-- end panel-collapse -->
</div><!-- end accordion-item -->
<div class="panel-default accordion-item">
<div class="panel-heading">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Cloud Migration
</button>
</h2>
</div><!-- end panel-heading -->
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#mgsAccordion">
<div class="panel-body">
Jhon A Arzu-Gil offers specialized consulting services in cloud migration, helping businesses transition smoothly to cloud environments. His expertise covers various cloud platforms, including AWS, Google Cloud, and Microsoft Azure.Jhon A Arzu-Gil’s cloud migration consulting services are designed to minimize downtime, reduce risks, and ensure a seamless transition to the cloud, allowing businesses to focus on growth and innovation.
</div>
</div><!-- end panel-collapse -->
</div><!-- end accordion-item -->
<div class="panel-default accordion-item">
<div class="panel-heading">
<h2 class="accordion-header" id="headingFour">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
Intelligent Scaling
</button>
</h2>
</div><!-- end panel-heading -->
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#mgsAccordion">
<div class="panel-body">
Jhon A Arzu-Gil specializes in helping businesses implement intelligent scaling strategies as part of their cloud infrastructure. His approach focuses on maximizing efficiency, reducing costs, and ensuring that applications perform optimally under varying loads.Jhon A Arzu-Gil’s intelligent scaling solutions empower businesses to manage their cloud resources more effectively, ensuring that they can handle growth and fluctuations in demand without sacrificing performance or incurring unnecessary costs.
</div>
</div><!-- end panel-collapse -->
</div><!-- end accordion-item -->
</div><!-- end panel-group -->
</div><!-- end service-features -->
<!-- strat quoteForm -->
<div id="serviceQuoteForm" class="quoteForm-holder2">
<form id="quoteForm" name="free-quote" data-toggle="validator" class="quoteForm" action="process_quote.php" method="POST">
<h3 class="form-title">Get a free quote</h3>
<div id="msgQuoteSubmit" class="hidden"></div>
<div class="form-group">
<div class="help-block with-errors"></div>
<input name="fname" id="quoteName" placeholder="Full Name*" class="form-control" required data-error="Please enter Name" type="text">
<div class="input-group-icon"><i class="fas fa-user"></i></div>
</div><!-- end form-group -->
<div class="form-group">
<div class="help-block with-errors"></div>
<input name="email" id="quoteEmail" placeholder="Email Address*" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" class="form-control" required data-error="Please enter valid Email" type="email">
<div class="input-group-icon"><i class="fas fa-envelope"></i></div>
</div><!-- end form-group -->
<div class="form-group">
<div class="help-block with-errors"></div>
<input name="phone" id="quotePhone" placeholder="Phone Nunber*" class="form-control" required data-error="Please enter valid Phone" type="text">
<div class="input-group-icon"><i class="fas fa-phone"></i></div>
</div><!-- end form-group -->
<div class="form-group">
<div class="help-block with-errors"></div>
<select name="service" id="quoteService" class="form-control" required data-error="Please Select Service">
<option value="">--- Select a Sevice* ---</option>
<option value="Web Development">Web Development</option>
<option value="SAP Consulting">SAP Consulting</option>
<option value="Mobile Development">Mobile Development</option>
<option value="Full-Stack Development">Full-Stack Development</option>
<option value="Cloud Solutions">Cloud Solutions</option>
<option value="Support">Support</option>
</select>
<div class="input-group-icon"><i class="fas fa-cogs"></i></div>
</div><!-- end form-group -->
<div class="form-group bottomMargin0">
<button type="submit" id="quoteSubmit" class="btn btn-shutter-out-horizontal disabled" style="pointer-events: all; cursor: pointer;">Send Request</button>
</div>
<span class="sub-text">* Required fields</span>
</form><!-- end form -->
</div>
<!-- end quoteForm -->
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
// Sanitize and validate inputs
$fname = filter_var(trim($_POST["fname"]), FILTER_SANITIZE_STRING);
$email = filter_var(trim($_POST["email"]), FILTER_SANITIZE_EMAIL);
$phone = filter_var(trim($_POST["phone"]), FILTER_SANITIZE_STRING);
$service = filter_var(trim($_POST["service"]), FILTER_SANITIZE_STRING);
// Basic validation
if (empty($fname) || empty($email) || empty($phone) || empty($service)) {
http_response_code(400);
echo "Please fill out all required fields.";
exit;
}
if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
http_response_code(400);
echo "Invalid email format.";
exit;
}
// Prepare the email
$to = "[email protected]"; // Replace with your email address
$subject = "New Quote Request from $fname";
$message = "
Name: $fname
Email: $email
Phone: $phone
Service: $service
";
$headers = "From: $email";
// Send the email
if (mail($to, $subject, $message, $headers)) {
http_response_code(200);
echo "Your request has been sent successfully.";
} else {
http_response_code(500);
echo "There was a problem sending your request. Please try again later.";
}
} else {
http_response_code(403);
echo "Invalid request method.";
}
?>
<script>
document.getElementById('quoteForm').addEventListener('submit', function(event) {
event.preventDefault(); // Prevent form from submitting normally
var formData = new FormData(this);
fetch('process_quote.php', {
method: 'POST',
body: formData,
})
.then(response => response.text())
.then(data => {
document.getElementById('msgQuoteSubmit').classList.remove('hidden');
document.getElementById('msgQuoteSubmit').innerHTML = data;
})
.catch(error => console.error('Error:', error));
});
</script>
</aside><!-- end col -->
</div><!-- end container -->
</div><!-- end container -->
</div>
<!-- end service-single-content -->
<!-- start footer -->
<footer id="footer" class="footer">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="footer-top clearfix">
<div class="row">
<div class="column col-md-4">
<h4 class="widget-title">Recent <span>Article</span></h4>
<ul class="list-unstyled recent-post">
<li class="clearfix">
<div class="post-thumbnail">
<a href="Certification%20Layout/index.html"><img src="images/blog/thumb/CertificationLayoutArzugilpng.avif" alt="Old Arzugil Site Template for certifications"></a>
</div><!-- end post-thumbnail -->
<div class="post-content">
<h3><a href="Certification%20Layout/index.html">Certification Layout From Before</a></h3>
<div class="post-meta">
<span><i class="fas fa-calendar-alt"></i><a href="#">Dec 29</a></span>
</div><!-- end post-meta -->
</div><!-- end post-content -->
</li>
<li class="clearfix">
<div class="post-thumbnail">
<a href="Cloud%20Layout/index.php"><img src="images/blog/thumb/CloudLayoutArzuGil.avif" alt="Old Template for arzugil for Cloud Computing"></a>
</div><!-- end post-thumbnail -->
<div class="post-content">
<h3><a href="Cloud%20Layout/index.php">Cloud Layout From Before </a></h3>
<div class="post-meta">
<span><i class="fas fa-calendar-alt"></i><a href="#">Dec 29</a></span>
</div><!-- end post-meta -->
</div><!-- end post-content -->
</li>
</ul><!-- end recent-post -->
</div><!-- end col -->
<div class="column col-md-4">
<h4 class="widget-title">Subscribe <span>NewsLetter</span></h4>
<p>By subscribing to our mailing list you will always get latest news from us.</p>
<!-- start mailchimp form -->
<div class="mc-form-holder">
<form action="index.php" method="POST" id="mc-form">
<input id="mc-email" class="form-control" placeholder="email address" name="EMAIL" type="email">
<button class="btn" type="submit"><i class="fas fa-paper-plane"></i></button>
<label for="mc-email"></label>
</form>
</div>
<!-- end mailchimp form -->
</div><!-- end col -->
<div class="column col-md-4">
<h4 class="widget-title">Contact <span>Details</span></h4>
<ul class="contact-info list-unstyled">
<li><i class="fas fa-home"></i> 4409 Caplin St, Houston, Texas, 77026, USA</li>
<li><i class="fas fa-phone"></i> <a href="tel:+1248-938-5567">248 938 5567</a></li>
<!-- <li><i class="fas fa-mobile"></i> 832 302 1991</li> -->
<li><i class="fas fa-envelope"></i> <a href="mailto:[email protected]">C.E.O</a></li>
</ul><!-- end contact-info -->
<ul class="list-inline list-social clearfix">
<li>
<a href="https://www.facebook.com/profile.php?id=61552191954476" class="social-icon social-icon-facebook" target="_blank">
<i class="fab fa-facebook-f"></i>
<i class="fab fa-facebook-f"></i>
</a>
</li>
<li>
<a href="https://twitter.com/JhonArzuGil" class="social-icon social-icon-twitter" target="_blank">
<i class="fab fa-twitter"></i>
<i class="fab fa-twitter"></i>
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/jhongil" class="social-icon social-icon-linkedin" target="_blank">
<i class="fab fa-linkedin-in"></i>
<i class="fab fa-linkedin-in"></i>
</a>
</li>
<li>
<a href="https://www.youtube.com/channel/UCnqgsyT440RgQFkHbnc3WRA" class="social-icon social-icon-youtube" target="_blank">
<i class="fab fa-youtube"></i>
<i class="fab fa-youtube"></i>
</a>
</li>
<li>
<a href="https://vimeo.com/user190211965" class="social-icon social-icon-vimeo" target="_blank">
<i class="fab fa-vimeo-v"></i>
<i class="fab fa-vimeo-v"></i>
</a>
</li>
<li>
<a href="https://www.pinterest.com/jarzugil20/" class="social-icon social-icon-pinterest" class="social-icon social-icon-pinterest" target="_blank">
<i class="fab fa-pinterest-p"></i>
<i class="fab fa-pinterest-p"></i>
</a>
</li>
</ul><!-- end list-social -->
</div><!-- end col -->
</div><!-- end row -->
</div><!-- end footer-top -->
</div><!-- end col -->
</div><!-- end row -->
<hr>
<div class="row">
<div class="col-sm-12">
<a href="#" class="footer-logo-link"><img class="footer-logo" src="images/fimages/logo.avif" alt="Jhon Arzu-Gil"></a>
<p class="text-center copyright">© <span id="mgsYear"></span> <a href="https://cloudtechnologycomputing.com" class="footer-site-link">Cloud Technology Computing Corporation</a> All rights reserved. <a href="https://cloudtechnologycomputing.com" class="footer-site-link">Cloud Technology Computing Corporation</a></p>
</div><!-- end col -->
</div><!-- end row -->
</div><!-- end container -->
</footer>
<!-- end footer -->
<a href="#" class="scrollup"><i class="fas fa-arrow-circle-up"></i></a>
<!-- jQuery Library -->
<script src="js/jquery-3.5.1.min.js"></script>
<!-- Bootstrap Js -->
<script src="js/bootstrap.min.js"></script>
<!-- Isotope Filtring Js -->
<script src="js/isotope.pkgd.min.js"></script>
<!-- Lightbox Js -->
<script src="js/lightbox.min.js"></script>
<!-- owl.carousel Js -->
<script src="js/owl.carousel.min.js"></script>
<!-- Form validator Js -->
<script src="js/validator.min.js"></script>
<!-- ajaxchimp Js -->
<script src="js/jquery.ajaxchimp.min.js"></script>
<!-- counterup Js -->
<script src="js/waypoint.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!-- Template main Js -->
<script src="js/main.js"></script>
</body>
</html>