| Server IP : 82.197.83.129 / Your IP : 216.73.216.166 [ Web Server : LiteSpeed System : Linux us-bos-web1456.main-hosting.eu 4.18.0-553.40.1.lve.el8.x86_64 #1 SMP Wed Feb 12 18:54:57 UTC 2025 x86_64 User : u489457460 ( 489457460) PHP Version : 7.3.33 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail Domains : 2 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/u489457460/domains/syoft.com/public_html/services/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="facebook-domain-verification" content="ir06vclbv9f4wfpzkb8lawfhb3pay8" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="author" content="">
<title>Progressive Web App Development Company- Syoft</title>
<meta name="description" content="Syoft is a progressive web app development company offers secure business oriented PWA solutions. Enquire us today to learn more about us. ">
<meta name="keywords" content="progressive web app development, progressive web app development company, progressive web app development company in india, pwa solutions, progressive web app development services">
<meta property="og:title" content="Progressive Web App Development Company- Syoft">
<meta property="og:description" content="Syoft is a progressive web app development company offers secure business oriented PWA solutions. Enquire us today to learn more about us. ">
<meta property="og:keywords" content="progressive web app development, progressive web app development company, progressive web app development company in india, pwa solutions, progressive web app development services">
<meta property="og:url" content="https://www.syoft.com/services/progressive-web-app-development.php">
<!-- <meta property="og:image" content="">
<meta property="og:image:width" content="">
<meta property="og:image:height" content=""> -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:site" content="@syoftofficial">
<meta property="twitter:creator" content="@syoftofficial">
<meta property="twitter:title" content="Progressive Web App Development Company- Syoft">
<meta property="twitter:description" content="Syoft is a progressive web app development company offers secure business oriented PWA solutions. Enquire us today to learn more about us. ">
<meta property="twitter:image" content="">
<link rel="canonical" href="https://www.syoft.com/services/progressive-web-app-development.php">
<!-- Google Tag Manager -->
<script>
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-PG7NV7J');
</script>
<!-- End Google Tag Manager -->
<!--favicon icon-->
<link rel="icon" href="../assets/img/favicon.png" type="image/png" sizes="16x16">
<!--title-->
<!--google fonts-->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet">
<!--build:css-->
<link rel="stylesheet" href="../assets/css/main.css">
<!-- endbuild -->
<!--custom css start-->
<link rel="stylesheet" href="../assets/css/custom.css">
<!--custom css end-->
</head>
<body>
<!-- Google Tag Manager (noscript) --><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PG7NV7J" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><!-- End Google Tag Manager (noscript) -->
<!--preloader start-->
<div id="preloader">
<div class="preloader-wrap">
<img src="../assets/img/favicon.png" alt="progressive web app development" class="img-fluid preloader-icon" />
<div class="loading-bar"></div>
</div>
</div>
<!--preloader end-->
<!--main content wrapper start-->
<div class="main-wrapper">
<!--header section start-->
<?php include '../header.php'; ?>
<!--header section End-->
<!--hero section start-->
<section class="hero-section ptb-60" style="background: url('../assets/img/progressive-webapp-development-b.jpg')no-repeat bottom center / cover">
<div class="container">
<div class="row align-items-center justify-content-lg-between">
<div class="col-xl-6 col-lg-6">
<div class="hero-content-wrap text-center text-xl-start text-lg-start" data-aos="fade-right">
<!-- <h1 class="display-5">Search engine <span class="text-warning"> marketing</span></h1> -->
<h1 class="display-5"><span class="text-warning"> ✦ Progressive Web App </span><br>Development Company</h1>
<p class="lead">We, as a progressive web app development company, think that the mobile ecosystem is where things are going in the future. We offer full-stack PWA services and help businesses create a seamless customer experience through our responsive web apps that work on any device. See how we can help you transform your business with our proven, effective solutions</p>
<div class="action-btns text-left pt-2 aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
<a href="#expert" class="btn btn-primary me-lg-4 me-sm-4">Connect with expert</a>
<a href="#casestudies" class="btn btn-warning">Recent case studies</a>
</div>
</div>
</div>
<!-- <div class="col-lg-6 col-md-8 ">
<div class="hero-img position-relative circle-shape-images">
<img src="../assets/img/banners/p-webapp-dev-b.png" alt="progressive web app development" width="500" class="img-fluid position-relative z-5">
</div>
</div> -->
</div>
</div>
</section>
<!--hero section end-->
<section class="our-story-section pt-60 pb-120" id="expert" style="background: url('../assets/img/shape/dot-dot-wave-shape.svg')no-repeat left bottom">
<div class="container">
<div class="row justify-content-between">
<div class="col-lg-5 col-md-12 order-lg-1">
<!-- <div class="section-heading sticky-sidebar">
<h5 class="text-warning">Our achievements</h5>
<h2> reflect your passion and perseverance</h2>
<p>Over the past 7 years, we have achieved quite a few milestones, and still counting. Yet, being selective about our partnerships to stay away from qualitative compromises. We have worked with businesses scaling from pre-seed startups to corporates and actively looking forward to working with people bearing the same passion and excitement like we do.</p>
</div> -->
<div class='bgn-wf-wrapper sticky-sidebar' id='BiginWebToEntityFormDiv310182000000229439' style='max-width:100%;margin:0em auto;padding: 0px 30px;color:black;'>
<!--<form id='BiginWebToContactForm310182000000229439' name='BiginWebToContactForm310182000000229439' method='POST' enctype='multipart/form-data' onSubmit='javascript:document.charset="UTF-8"; return validateForm310182000000229439()' accept-charset='UTF-8' style='margin: 0;'>-->
<!-- Do not remove this code. -->
<input type='text' style='display:none;' name='xnQsjsdp' value='423c92bf81f8e0a58493ac6d1a1b6ff0d1849ce0da73f6ebe7cb8824b708c951' />
<input type='text' style='display:none;' name='zc_gad' id='zc_gad' value='' />
<input type='text' style='display:none;' name='xmIwtLD' value='65db258607b5d5410a00f22a686f9548b88f4cdb516fe9f0f2725f95c6033ee2' />
<input type='text' style='display:none;' name='actionType' value='Q29udGFjdHM=' />
<input type='text' style='display:none;' name='returnURL' value='https://syoft.com' />
<div class="section-heading mb-0">
<!-- <h4 class="h5 text-warning">GET FREE CONSULTATION FROM PPC EXPERT</h4> -->
<h2 class="display-5">Schedule a zoom call with <span class="text-warning">our Expert</span></h2>
<p class="lead">Get in touch with us and talk to our expert for progressive web app development services.</p>
</div>
<!-- <div style="font-size: 1.1rem;color:#000000;font-weight:400; margin-bottom: 20px;word-break: break-word;padding-right: 15px;">Collaboratively promote client-focused convergence vis-a-vis customer directed alignments via standardized infrastructures.</div> -->
<div id="elementDiv310182000000229439" style="border:0;width: 100%;background-color: white;color:#000;font-family:montserrat;text-align:left; font-size: 15;">
<form action="https://www.syoft.com/thankyou.php" method="post" name="postForm" id="postForm1">
<div class="bgn-wf-row">
<div class="row-column">
<!--<div class="bgn-wf-label">First Name-->
<!-- <span class="bgn-star">*</span>-->
<!--</div>-->
<div class="bgn-wf-field">
<input name="first_name" id="first_name" type="text" maxlength="40" value="" placeholder="First Name" style=" border: 1px solid #e2e0df;padding: 10px 15px;border-radius: .375rem;width: 100%;" />
</div>
<div id='first_name_Error'></div>
</div>
<div class="row-column">
<!--<div class="bgn-wf-label">Last name-->
<!-- <span class="bgn-star">*</span>-->
<!--</div>-->
<div class="bgn-wf-field">
<input name="last_name" id="last_name" type="text" maxlength="40" value="" placeholder="Last Name" style=" border: 1px solid #e2e0df;padding: 10px 15px;border-radius: .375rem;width: 100%;" />
</div>
<div id='last_name_Error'></div>
</div>
</div>
<div class="bgn-wf-row">
<div class="row-column1">
<!--<div class="bgn-wf-label">Company Name-->
<!--</div>-->
<div class="bgn-wf-field">
<input name="company_name" id="company_name" type="text" maxlength="120" value="" placeholder="Company Name" style=" border: 1px solid #e2e0df;padding: 10px 15px;border-radius: .375rem;width: 100%;" />
</div>
<div id='company_name_Error'></div>
</div>
</div>
<div class="bgn-wf-row">
<div class="row-column">
<!-- <div class="bgn-wf-label">
<span class="bgn-star">*</span>
</div> -->
<div class="bgn-wf-field">
<!-- <input name="mobile" id="mobile" type="text" maxlength="30" value="" placeholder="Mobile" style=" border: 1px solid #e2e0df;padding: 10px 15px;border-radius: .375rem;width: 18%;" /> -->
<!-- <select class="selectpicker countrypicker" data-flag="true" style=" border: 1px solid #e2e0df;padding: 10px 15px;border-radius: .375rem;width: 18%;"></select> -->
<!-- <input name="mobile" id="mobile" type="text" maxlength="30" value="" placeholder="Mobile" style=" border: 1px solid #e2e0df;padding: 10px 15px;border-radius: .375rem;width: 100%;" /> -->
<div class="dropdown" id="country-codes">
<input name="mobile" id="mobile" type="text" maxlength="30" value="" placeholder="Mobile" style=" border: 1px solid #e2e0df;padding: 10px 15px;border-radius: .375rem;width: 100%;" />
</div>
</div>
<div id='mobile_Error'></div>
</div>
<div class="row-column">
<!-- <div class="bgn-wf-label">Email-->
<!-- <span class="bgn-star">*</span>-->
<!--</div>-->
<div class="bgn-wf-field">
<input name="email" id="email" type="text" maxlength="100" value="" placeholder="Email" style=" border: 1px solid #e2e0df;padding: 10px 15px;border-radius: .375rem;width: 100%;" />
</div>
<div id='email_Error'></div>
</div>
</div>
<div class="bgn-wf-row">
<div class="row-column1">
<!--<div class="bgn-wf-label">Message-->
<!--</div>-->
<div class="bgn-wf-field">
<textarea name="description" id="description" maxlength="32000" placeholder="Message" style=" border: 1px solid #e2e0df;padding: 10px 15px;border-radius: .375rem;width: 100%;"></textarea>
</div>
<div id='description_Error'></div>
</div>
</div>
<div class="bgn-wf-row" style="margin-top: 5px;">
<div class="bgn-wf-field text-left pt-2 aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
<button class="btn btn-warning me-lg-4 me-sm-4" id='formsubmit310182000000229439-1' type='submit'><i class="far fa-arrow-right"></i> Submit contact form</button>
<a href="mailto:info@syoft.com" class="btn btn-primary"><i class="far fa-arrow-right pe-1"></i>info@syoft.com</a>
</div>
</div>
</form>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
// for sending email code start
// first form
$("#formsubmit310182000000229439-1").on("click", function(e) {
var regx = /^[6-9]\d{9}$/;
var validRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;
var first_name_Error = last_name_Error = company_name_Error = email_Error = mobile_Error = description_Error = true;
if ($("#first_name").val().length === 0) {
e.preventDefault();
$("#first_name_Error").html("First name is required.").addClass("error-msg");
first_name_Error = false
} else {
$("#first_name_Error").html("").removeClass("error-msg");
}
if ($("#last_name").val().length === 0) {
e.preventDefault();
$("#last_name_Error").html("Last name is required.").addClass("error-msg");
last_name_Error = false
} else {
$("#last_name_Error").html("").removeClass("error-msg");
}
if ($("#company_name").val().length === 0) {
e.preventDefault();
$("#company_name_Error").html("Company is required.").addClass("error-msg");
company_name_Error = false
} else {
$("#company_name_Error").html("").removeClass("error-msg");
}
if (regx.test($("#mobile").val()) == false || $("#mobile").val().length === 0) {
e.preventDefault();
$("#mobile_Error").html("Mobile is required.").addClass("error-msg");
mobile_Error = false
} else {
$("#mobile_Error").html("").removeClass("error-msg");
}
if (validRegex.test($("#email").val()) == false || $("#email").val().length === 0) {
e.preventDefault();
$("#email_Error").html("Email is required.").addClass("error-msg");
email_Error = false
} else {
$("#email_Error").html("").removeClass("error-msg");
}
if ($("#description").val().length === 0) {
e.preventDefault();
$("#description_Error").html("Description is required.").addClass("error-msg");
description_Error = false
} else {
$("#description_Error").html("").removeClass("error-msg");
}
// e.preventDefault();
var postForm = {
'first_name': $('input[name=first_name]').val(),
'last_name': $('input[name=last_name]').val(),
'company_name': $('input[name=company_name]').val(),
'mobile': $('input[name=mobile]').val(),
'email': $('input[name=email]').val(),
'description': $('#description').val(),
'subject': "Progressive Web Application Development",
};
// alert(first_name_Error, last_name_Error, description_Error, email_Error, mobile_Error, company_name_Error);
if (first_name_Error == true && last_name_Error == true && description_Error == true && email_Error == true && mobile_Error == true && company_name_Error == true) {
$.ajax({
type: 'POST',
url: 'https://syoft.com/blogs/welcome/sendemail',
data: postForm,
dataType: 'json',
cors: true,
success: function(data) {
// alert('data')
}
});
document.getElementById("postForm1").reset();
window.location = window.location.origin + '/thankyou.php'
}
});
// first form
// for sending email code end
function disableSubmitwhileReset310182000000229439() {
var submitbutton = document.getElementById('formsubmit310182000000229439');
if (document.getElementById('privacyTool310182000000229439') !== null || document.getElementById('consentTool') !== null) {
submitbutton.disabled = true;
submitbutton.style.opacity = '0.5;';
} else {
submitbutton.removeAttribute('disabled');
}
}
function checkMandatory310182000000229439() {
var mndFields = new Array('First Name', 'Last Name', 'Email', 'Mobile');
var fldLangVal = new Array('First Name', 'Last Name', 'Email', 'Mobile');
var i;
var mndFieldslength = mndFields.length;
var fieldObj;
for (i = 0; i < mndFieldslength; i++) {
fieldObj = document.forms.BiginWebToContactForm310182000000229439[mndFields[i]];
if (fieldObj) {
if (fieldObj.value.replace(/^s+|s+$/g, '').length === 0) {
if (fieldObj.type === 'file') {
alert('Please select a file to upload.');
fieldObj.focus();
return false;
}
alert(fldLangVal[i] + ' cannot be empty.');
fieldObj.focus();
return false;
} else if (fieldObj.nodeName === 'SELECT') {
if (fieldObj.options[fieldObj.selectedIndex].value === '-None-') {
alert(fldLangVal[i] + ' cannot be none.');
fieldObj.focus();
return false;
}
} else if (fieldObj.type === 'checkbox') {
if (fieldObj.checked === false) {
alert('Please accept ' + fldLangVal[i]);
fieldObj.focus();
return false;
}
}
if (fieldObj.name === 'Last Name' && fieldObj.value) {
name = fieldObj.value;
}
}
}
return true;
}
function validateFileUpload() {
var e = document.getElementById("theFile"),
t = 0;
if (e) {
if (e.files.length > 3) return alert("You can upload a maximum of three files at a time."), !1;
if ("files" in e) {
var i = e.files.length;
if (0 !== i) {
for (var o = 0; o < i; o++) {
var a = e.files[o];
"size" in a && (t += a.size)
}
if (t > 20971520) return alert("Total file(s) size should not exceed 20MB."), !1
}
}
}
return !0
}
</script>
<script id='wf_script' src='https://bigin.zoho.in/crm/WebformScriptServlet?rid=65db258607b5d5410a00f22a686f9548b88f4cdb516fe9f0f2725f95c6033ee2gid423c92bf81f8e0a58493ac6d1a1b6ff0d1849ce0da73f6ebe7cb8824b708c951'></script>
<!--</form>-->
</div>
</div>
<div class="col-lg-6 col-md-12 order-lg-0">
<div class="story-grid-wrapper position-relative">
<!--animated shape start-->
<ul class="position-absolute animate-element parallax-element shape-service d-none d-lg-block">
<li class="layer" data-depth="0.02">
<img src="../assets/img/color-shape/image-2.svg" alt="progressive web app development" class="img-fluid position-absolute color-shape-2 z-5">
</li>
<li class="layer" data-depth="0.03">
<img src="../assets/img/color-shape/feature-3.svg" alt="progressive web app development" class="img-fluid position-absolute color-shape-3">
</li>
</ul>
<!--animated shape end-->
<div class="story-grid rounded-custom bg-dark overflow-hidden position-relative">
<div class="story-item bg-light border">
<h3 class="display-5 fw-bold mb-1 text-warning">24+</h3>
<h6 class="mb-0 fw-bold text-warning">SaaS Platforms Built</h6>
</div>
<div class="story-item bg-white border">
<h3 class="display-5 fw-bold mb-1 text-primary">233+</h3>
<h6 class="mb-0 fw-bold">Projects Completed Successfully</h6>
</div>
<div class="story-item bg-white border">
<h3 class="display-5 fw-bold mb-1 text-dark">440+</h3>
<h6 class="mb-0 fw-bold">Global Business Consultations</h6>
</div>
<div class="story-item bg-light border">
<h3 class="display-5 fw-bold mb-1 text-warning">186+</h3>
<h6 class="mb-0 fw-bold text-warning">IOS, Android & Hybrid Apps</h6>
</div>
<div class="story-item bg-light border">
<h3 class="display-5 fw-bold mb-1 text-danger">19</h3>
<h6 class="mb-0 fw-bold text-warning">Countries Clients Served</h6>
</div>
<div class="story-item bg-white border">
<h3 class="display-5 fw-bold mb-1 text-primary">98.3%</h3>
<h6 class="mb-0 fw-bold ">Projects delivered on-time</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="feature-section ptb-60 bg-primary text-white" id="casestudies">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10 col-md-10">
<div class="section-heading text-center">
<span class="crm-subtitle">Case Studies <img src="../assets/img/shape/arro-right.svg" alt="arrow" class="ms-1"></span>
<h2 class="display-5 text-white">Few of Our <span class="text-warning">Recent Works</span></h2>
<!-- <p class="mb-0 lead text-center " style="line-height: 1.5 !important;">When appropriate PPC strategies are incorporated into the business, the sales will topple over and skyrocket. However, it is crucial to ensure the strategies feature excellent performance and can yield positive results over time.</p> -->
</div>
</div>
</div>
<div class="row align-items-center">
<div class="col-12">
<div id="carouselExampleInterval" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active" data-bs-interval="10000">
<div class="row align-items-center justify-content-lg-between px-3">
<div class="col-lg-8">
<img src="../assets/img/portfolio/p-1.png" alt="" width="850" class="d-block">
</div>
<div class="col-lg-4 text-dark">
<div class="section-heading text-center text-xl-start text-lg-start mb-0" data-aos="fade-right">
<h5 class="text-warning">Eazyrooms</h5>
<h2 class="dispaly-5 text-white">SaaS Platform for Hotels</h2>
<p class="lead">Eazyrooms is the best hotel management software that helps hotels enhance their guest experience. We delivered them a robust seamless Mobile and web application solutions.</p>
<div class="author-info mt-4">
<h6 class="mb-0 text-white">Platforms Developed :</h6>
<ul class="nav testimonial-tab-list mt-4" id="nav-tab" role="tablist">
<li class="nav-item">
<img src="../assets/img/android.svg" class="img-fluid" width="30" alt="user">
Android
</li>
<li class="nav-item platform">
<img src="../assets/img/ios-white.svg" class="img-fluid" width="25" alt="user">
iOS
</li>
<li class="nav-item">
<img src="../assets/img/html.svg" class="img-fluid" width="30" alt="user">
Web
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item" data-bs-interval="2000">
<div class="row align-items-center justify-content-lg-between px-3">
<div class="col-lg-8">
<img src="../assets/img/portfolio/p-6.png" alt="" width="850" class="d-block ">
</div>
<div class="col-lg-4 text-dark">
<div class="section-heading text-center text-xl-start text-lg-start mb-0" data-aos="fade-right">
<h5 class="text-warning">Ontario Homeopaths</h5>
<h2 class="dispaly-5 text-white">We build a Responsive Website for Homeopathic Practitioners</h2>
<p class="lead">Registered Ontario Homeopaths mission is to promote, represent, and support professional homeopaths.</p>
<div class="author-info mt-4">
<h6 class="mb-0 text-white">Service Offered :</h6>
<ul class="nav testimonial-tab-list mt-4" id="nav-tab" role="tablist">
<li class="nav-item">
<img src="../assets/img/html.svg" class="img-fluid" width="30" alt="user">
Website Development
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row align-items-center justify-content-lg-between px-3">
<div class="col-lg-8">
<img src="../assets/img/portfolio/pobyte-slide.png" alt="" width="850" class="d-block">
</div>
<div class="col-lg-4 text-dark">
<div class="section-heading text-center text-xl-start text-lg-start mb-0" data-aos="fade-right">
<h5 class="text-warning">Pobyt </h5>
<h2 class="dispaly-5 text-white">Book Short Stays Hotel</h2>
<p class="lead">Pobyt is a hotel booking platform that enables you to book flexible-length stays at luxury hotels. We build a remarkable app and web application that meet the core needs.</p>
<div class="author-info mt-4">
<h6 class="mb-0 text-white">Service Offered :</h6>
<ul class="nav testimonial-tab-list mt-4" id="nav-tab" role="tablist">
<li class="nav-item">
<img src="../assets/img/android.svg" class="img-fluid" width="30" alt="user">
Android
</li>
<li class="nav-item platform">
<img src="../assets/img/ios-white.svg" class="img-fluid" width="25" alt="user">
iOS
</li>
<li class="nav-item">
<img src="../assets/img/html.svg" class="img-fluid" width="30" alt="user">
Web
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row align-items-center justify-content-lg-between px-3">
<div class="col-lg-8">
<img src="../assets/img/portfolio/p-5.png" alt="" width="850" class="d-block">
</div>
<div class="col-lg-4 text-dark">
<div class="section-heading text-center text-xl-start text-lg-start mb-0" data-aos="fade-right">
<h5 class="text-warning">Zepul™️</h5>
<h2 class="dispaly-5 text-white">Recruiting Platform to Easily Source, Recruit, Manage & Hire</h2>
<p class="lead">Zepul™️ aims to quickly, effectively, and economically link organizations with the right candidates and vice versa in order to facilitate and streamline the recruiting ecosystem.</p>
<div class="author-info mt-4">
<h6 class="mb-0 text-white">Platforms developed :</h6>
<ul class="nav testimonial-tab-list mt-4" id="nav-tab" role="tablist">
<li class="nav-item">
<img src="../assets/img/android.svg" class="img-fluid" width="30" alt="user">
Android
</li>
<li class="nav-item platform">
<img src="../assets/img/ios-white.svg" class="img-fluid" width="25" alt="user">
iOS
</li>
<li class="nav-item">
<img src="../assets/img/html.svg" class="img-fluid" width="30" alt="user">
Web
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row align-items-center justify-content-lg-between px-3">
<div class="col-lg-8">
<img src="../assets/img/portfolio/pick-my-food-slide.png" alt="" width="850" class="d-block">
</div>
<div class="col-lg-4 text-dark">
<div class="section-heading text-center text-xl-start text-lg-start mb-0" data-aos="fade-right">
<h5 class="text-warning">Pick My Food</h5>
<h2 class="dispaly-5 text-white">Food Ordering Platform</h2>
<p class="lead">PickMyFood' your choice and convenience. We helped Pickmyfood with a web application where customers can order food items.</p>
<div class="author-info mt-4">
<h6 class="mb-0 text-white">Service Offered :</h6>
<ul class="nav testimonial-tab-list mt-4" id="nav-tab" role="tablist">
<li class="nav-item">
<img src="../assets/img/html.svg" class="img-fluid" width="30" alt="user">
Web application
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row align-items-center justify-content-lg-between px-3">
<div class="col-lg-8">
<img src="../assets/img/portfolio/p-2.png" alt="" width="850" class="d-block">
</div>
<div class="col-lg-4 text-dark">
<div class="section-heading text-center text-xl-start text-lg-start mb-0" data-aos="fade-right">
<h5 class="text-warning">Blue Bliss</h5>
<h2 class="dispaly-5 text-white">Overseas Education & Migration Services</h2>
<p class="lead">Blue Bliss Overseas Consultants is the one-stop solution for all international education & migration requirements. We helped them to launch a website and engage a Global audience.</p>
<div class="author-info mt-4">
<h6 class="mb-0 text-white">Service Offered :</h6>
<ul class="nav testimonial-tab-list mt-4" id="nav-tab" role="tablist">
<li class="nav-item">
<img src="../assets/img/html.svg" class="img-fluid" width="30" alt="user">
Website Design and Development
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row align-items-center justify-content-lg-between px-3">
<div class="col-lg-8">
<img src="../assets/img/portfolio/p-3.png" alt="" width="850" class="d-block">
</div>
<div class="col-lg-4 text-dark">
<div class="section-heading text-center text-xl-start text-lg-start mb-0" data-aos="fade-right">
<h5 class="text-warning">Hotel Sindoori</h5>
<h2 class="dispaly-5 text-white">Hospitality Services</h2>
<p class="lead">We helped them to build a website application to make easy Bookings & Orders.</p>
<div class="author-info mt-4">
<h6 class="mb-0 text-white">Service Offered :</h6>
<ul class="nav testimonial-tab-list mt-4" id="nav-tab" role="tablist">
<li class="nav-item">
<img src="../assets/img/html.svg" class="img-fluid" width="30" alt="user">
Web Application
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row align-items-center justify-content-lg-between px-3">
<div class="col-lg-8">
<img src="../assets/img/portfolio/p-4.png" alt="" width="850" class="d-block">
</div>
<div class="col-lg-4 text-dark">
<div class="section-heading text-center text-xl-start text-lg-start mb-0" data-aos="fade-right">
<h5 class="text-warning">Worke</h5>
<h2 class="dispaly-5 text-white">CRM For Small Businesses</h2>
<p class="lead">Worke is an integrated intelligent platform that consolidates and streamlines all your business operations crafted cleverly for small and medium businesses.</p>
<div class="author-info mt-4">
<h6 class="mb-0 text-white">Service Offered :</h6>
<ul class="nav testimonial-tab-list mt-4" id="nav-tab" role="tablist">
<li class="nav-item">
<img src="../assets/img/html.svg" class="img-fluid" width="30" alt="user">
SaaS Application
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleInterval" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleInterval" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
</div>
</div>
</section>
<section class="hd-faq-section ptb-60">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10 col-md-10">
<div class="section-heading text-center">
<!-- <h4 class="h5 text-primary">Services</h4> -->
<h2 class="display-5">Progressive Web App <span class="text-warning"> Development Services</span></h2>
<!-- <p class="mb-0 lead text-center " style="line-height: 1.5 !important;">When appropriate digital marketing strategies are incorporated into the existing online business, the sales will topple over and skyrocket. However, it is crucial to ensure the strategies feature excellent performance and can yield positive results over time.</p> -->
</div>
</div>
</div>
<div class="row g-5 justify-content-center">
<div class="col-xl-5 col-lg-8">
<div class="hd-chat-box">
<h3 class="text-white mb-3 display-5">Our Progressive Web App Development Expertise</h3>
<p class="text-white mb-4 lead">Our passionate PWA app developers build high-performing, cross-platform, and progressive web apps for various business verticals that enhance user experience</p>
<!-- <a href="contact-us.html" class="read-more-link text-warning">Chat with us Right Now <i class="fa-regular fa-angle-right ms-1"></i></a> -->
<img src="../assets/img/banners/Progressive-Web-App-development.jpg" alt="Progressive Web App Development Company in India" class="img-fluid ml-3" width="520">
</div>
</div>
<div class="col-xl-7 col-lg-8 mt-5">
<div class="hd-faq-wrapper">
<!-- <div class="hd-title">
<h2>Got Questions? We've Got
<mark class="bg-transparent p-0 position-relative">Answers <img src="../assets/img/line-shape.png" alt="line shape" class="position-absolute line-shape"></mark>
</h2>
</div> -->
<div class="accordion faq-accordion" id="accordionExample">
<div class="accordion-item border border-2 active">
<h5 class="accordion-header" id="faq-1">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-1" aria-expanded="false">
✦
Custom Progressive App Development service
</button>
</h5>
<div id="collapse-1" class="accordion-collapse collapse show" aria-labelledby="faq-1" data-bs-parent="#accordionExample">
<div class="accordion-body">
We build custom PWAs that fit your brand, business model, and goals </div>
</div>
</div>
<div class="accordion-item border border-2">
<h5 class="accordion-header" id="faq-2">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-2" aria-expanded="false">
✦ Progressive Web App Upgrade service
</button>
</h5>
<div id="collapse-2" class="accordion-collapse collapse" aria-labelledby="faq-2" data-bs-parent="#accordionExample">
<div class="accordion-body">If you already have an existing app built on the mobile web or native platforms like iOS or Android but would like to move it over to a PWA, we can help you migrate your existing app over to our platform</div>
</div>
</div>
<div class="accordion-item border border-2">
<h5 class="accordion-header" id="faq-3">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-3" aria-expanded="false">
✦ PWA Maintenance Services
</button>
</h5>
<div id="collapse-3" class="accordion-collapse collapse" aria-labelledby="faq-3" data-bs-parent="#accordionExample">
<div class="accordion-body">If you already have a PWA in production but want help making improvements so it performs better and is more reliable, we can perform maintenance work on your existing PWAs for you as needed. We'll also propose solutions for how to improve performance if necessary</div>
</div>
</div>
<div class="accordion-item border border-2">
<h5 class="accordion-header" id="faq-4">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-4" aria-expanded="false">
✦ Progressive Web App Testing and QA
</button>
</h5>
<div id="collapse-4" class="accordion-collapse collapse" aria-labelledby="faq-4" data-bs-parent="#accordionExample">
<div class="accordion-body">If you're building a new PWA, we can provide <a href="software-testing.php">software testing services</a> to ensure your app is ready for production. We'll perform manual testing on your app as well as automated testing using tools like Lighthouse or Calabash</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="work-process pb-60 border-bottom">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-10 col-lg-8">
<div class="section-heading text-center aos-init aos-animate mb-0" data-aos="fade-up">
<h2 class="display-5">Top Software Development Company, <span class="text-warning"> Accredited By </span></h2>
</div>
</div>
</div>
<div class="row align-items-center justify-content-center">
<div class="col-md-6 col-lg-3">
<div class="process-card-two text-center px-4 py-lg-5 py-4 rounded-custom mt-3 aos-init aos-animate" data-aos="fade-up" data-aos-delay="50">
<!-- <script type="text/javascript" src="https://widget.clutch.co/static/js/widget.js"></script>
<div class="clutch-widget w-100" data-url="https://widget.clutch.co" data-widget-type="2" data-height="45" data-nofollow="true" data-expandifr="true" data-scale="100" data-clutchcompany-id="1913624"></div> -->
<a href="#t" style="display:inline-block; "><img src="../assets/img/clutch-review.png" width="250" alt="google reviews" /></a>
</div>
</div>
<div class="col-md-6 col-lg-2">
<div class="process-card-two text-center px-4 py-lg-5 py-4 rounded-custom mt-3 aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
<a href="http://upcity.com/software-development">
<img src="../assets/img/upcity-badge.png" width="150px" height="150px" alt="TOP SOFTWARE DEVELOPER" />
</a>
</div>
</div>
<div class="col-md-6 col-lg-2">
<div class="process-card-two text-center px-4 py-lg-5 py-4 rounded-custom mt-3 aos-init aos-animate" data-aos="fade-up" data-aos-delay="150">
<a href="https://www.appfutura.com/app-developers/india" target="_blank"><img width="150" src="../assets/img/appfeature.png" /></a>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="process-card-two text-center px-4 py-lg-5 py-4 rounded-custom mt-3 aos-init aos-animate" data-aos="fade-up" data-aos-delay="200">
<a href="#t" style="display:inline-block; "><img src="../assets/img/google-reviews.jpg" width="250" alt="google reviews" /></a>
</div>
</div>
</div>
</div>
</section>
<section class="integration-section ptb-60">
<div class="container">
<div class="row align-items-center justify-content-between">
<div class="col-lg-3">
<div class="integration-list-wrap">
<a href="#" class="integration-1" data-bs-toggle="tooltip" data-bs-placement="top" title="Joomla">
<img src="../assets/img/blog/Joomla.png" alt="Joomla" class="img-fluid rounded-circle">
</a>
<a href="#" class="integration-2" data-bs-toggle="tooltip" data-bs-placement="top" title="Wordpress">
<img src="../assets/img/blog/WordPress.png" alt="Wordpress" class="img-fluid rounded-circle">
</a>
<a href="#" class="integration-3" data-bs-toggle="tooltip" data-bs-placement="top" title="Magento">
<img src="../assets/img/blog/magento.png" alt="Magento" class="img-fluid rounded-circle">
</a>
<a href="#" class="integration-4" data-bs-toggle="tooltip" data-bs-placement="top" title="Android">
<img src="../assets/img/blog/android.png" alt="Android" class="img-fluid rounded-circle">
</a>
<a href="#" class="integration-5" data-bs-toggle="tooltip" data-bs-placement="top" title="Kubernetes">
<img src="../assets/img/blog/kubernetes.png" alt="Kubernetes" class="img-fluid rounded-circle">
</a>
<a href="#" class="integration-6" data-bs-toggle="tooltip" data-bs-placement="top" title="Google Cloud">
<img src="../assets/img/blog/googlecloud.png" alt="Google Cloud" class="img-fluid rounded-circle">
</a>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="section-heading text-center my-5 my-lg-0 my-xl-0">
<span class="crm-subtitle">Technologies <img src="../assets/img/shape/arro-right.svg" alt="arrow" class="ms-1"></span>
<!-- <h4 class="text-warning h5">Technologies</h4> -->
<h2 class="display-5">We curate your dream software bundle like none other</h2>
<p class="text-center lead">Without any compromise on service quality, we work in synergy, keeping in mind, the best software solution for you.</p>
<!-- <a href="integrations.html" class="mt-4 btn btn-primary">View all Integration</a> -->
</div>
</div>
<div class="col-lg-3">
<div class="col-lg-4">
<div class="integration-list-wrap">
<a href="#" class="integration-7" data-bs-toggle="tooltip" data-bs-placement="top" title="Angular">
<img src="../assets/img/blog/Angular.png" alt="Angular" class="img-fluid rounded-circle">
</a>
<a href="#" class="integration-8" data-bs-toggle="tooltip" data-bs-placement="top" title="ReactJS">
<img src="../assets/img/blog/React.png" alt="ReactJS" class="img-fluid rounded-circle">
</a>
<a href="#" class="integration-9" data-bs-toggle="tooltip" data-bs-placement="top" title="Python">
<img src="../assets/img/blog/Python.png" alt="Python" class="img-fluid rounded-circle">
</a>
<a href="#" class="integration-10" data-bs-toggle="tooltip" data-bs-placement="top" title=".Net Core">
<img src="../assets/img/blog/net_core.png" alt=".Net Core" class="img-fluid rounded-circle">
</a>
<a href="#" class="integration-11" data-bs-toggle="tooltip" data-bs-placement="top" title="Apple">
<img src="../assets/img/blog/apple.png" alt="Apple" class="img-fluid rounded-circle">
</a>
<a href="#" class="integration-12" data-bs-toggle="tooltip" data-bs-placement="top" title="PostgreSQL">
<img src="../assets/img/blog/PostgreSQL.png" alt="PostgreSQL" class="img-fluid rounded-circle">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="hd-htw-section ptb-60 position-relative overflow-hidden z-1">
<div class="container">
<div class="row align-items-center g-5 justify-content-center">
<div class="col-lg-6">
<div class="hd-title text-center text-lg-start hd-border-right position-relative">
<h2 class="display-5">Benefits of Progressive <br /><span class="text-warning">Web Apps </span></h2>
</div>
</div>
<div class="col-lg-6 col-md-8">
<div class="hd-description text-center text-lg-start">
<p class=" lead">Progressive Web Apps can load faster than traditional web applications. This is because they are designed so that their initial load time is significantly reduced by using various techniques like caching and prefetching </p>
</div>
</div>
</div>
<div class="mt-5">
<div class="row justify-content-center g-4">
<div class="col-xl-4 col-lg-6">
<div class="htw-single-box bg-white position-relative px-4 rounded z-1">
<span class="number-serial position-absolute">1</span>
<h4 class="mt-3 mb-3">Easily Accessible</h4>
<p class="mb-4 lead">Progressive Web Apps are easily accessible from any browser or operating system, making it easier for users to access your app no matter their device</p>
<!-- <a href="register.html" class="read-more-link">Free sign up <i class="fa-solid fa-arrow-right-long ms-1"></i></a> -->
</div>
</div>
<div class="col-xl-4 col-lg-6">
<div class="htw-single-box bg-white position-relative px-4 rounded z-1 mts-50">
<span class="number-serial position-absolute">2</span>
<h4 class="mt-3 mb-3 ">Highly Reliable</h4>
<p class="mb-4 lead">They're also highly reliable as they can work offline and save data by reusing previously downloaded resources.</p>
<!-- <a href="register.html" class="read-more-link">Free sign up <i class="fa-solid fa-arrow-right-long ms-1"></i></a> -->
</div>
</div>
<div class="col-xl-4 col-lg-6">
<div class="htw-single-box bg-white position-relative px-4 rounded z-1 mts-100">
<span class="number-serial position-absolute">3</span>
<h4 class="mt-3 mb-3">User Experience</h4>
<p class="mb-4 lead">Progressive Web Apps are more accessible to the market because they provide a better user experience than native apps</p>
<!-- <a href="register.html" class="read-more-link">Free sign up <i class="fa-solid fa-arrow-right-long ms-1"></i></a> -->
</div>
</div>
</div>
<!-- <img src="../assets/img/shape/arrow-multiple.png" alt="arrow" class="arrow-multiple position-absolute z--1"> -->
</div>
</div>
</section>
<?php include '../common.php'; ?>
<section class="ins-contact-section pb-60 position-relative overflow-hidden contact-form">
<div class="container">
<div class="row ">
<div class="col-xl-6 col-lg-6">
<div class="ins-contact-wrapper">
<!-- <h2 class="ml-5">Contact us to build the right product <span class="text-warning"> with the right team</span></h2> -->
<h2 class="">Accelerate Your Next Big Ideas with <span class="text-warning">Syoft</span></h2>
<!-- <div class="ins-title pe-4 mb-30 pb-2">
<div class="d-flex align-items-center">
<span class="h5 text-warning fw-bold">Accelerate</span>
<span class="ms-1">
<svg width="103" height="13" viewBox="0 0 103 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.696533 6.60583L93.3054 6.60584" stroke="#dc2f00" stroke-width="1.49369" />
<path d="M102.266 6.60263L93.3036 11.7769L93.3036 1.42833L102.266 6.60263Z" fill="#dc2f00" />
</svg>
</span>
</div>
<h2 class="ins-heading mb-0 display-5">Your Next Big Ideas with <mark>Syoft</mark> & Get Started!</h2>
</div> -->
<div class="bgn-wf-wrapper p-0" id="BiginWebToEntityFormDiv310182000000229439">
<!--<form id='BiginWebToContactForm310182000000229439' name='BiginWebToContactForm310182000000229439' method='POST' enctype='multipart/form-data' onSubmit='javascript:document.charset="UTF-8"; return validateForm310182000000229439()' accept-charset='UTF-8' style='margin: 0;'>-->
<!-- Do not remove this code. -->
<input type='text' style='display:none;' name='xnQsjsdp' value='423c92bf81f8e0a58493ac6d1a1b6ff0d1849ce0da73f6ebe7cb8824b708c951' />
<input type='text' style='display:none;' name='zc_gad' id='zc_gad' value='' />
<input type='text' style='display:none;' name='xmIwtLD' value='65db258607b5d5410a00f22a686f9548b88f4cdb516fe9f0f2725f95c6033ee2' />
<input type='text' style='display:none;' name='actionType' value='Q29udGFjdHM=' />
<input type='text' style='display:none;' name='returnURL' value='https://syoft.com' />
<!-- <div style="font-size: 1.1rem;color:#000000;font-weight:400; margin-bottom: 20px;word-break: break-word;padding-right: 15px;">Collaboratively promote client-focused convergence vis-a-vis customer directed alignments via standardized infrastructures.</div> -->
<div id="elementDiv310182000000229439" style="border:0;width: 100%;background-color: white;color:#000;font-family:montserrat;text-align:left; font-size: 15;">
<form action="https://www.syoft.com/thankyou.php" method="post" name="postForm" id="postForm2">
<div class="bgn-wf-row">
<div class="row-column">
<!--<div class="bgn-wf-label">First Name-->
<!-- <span class="bgn-star">*</span>-->
<!--</div>-->
<div class="bgn-wf-field">
<input name="first_name2" id="first_name2" type="text" maxlength="40" value="" placeholder="First Name" style=" border: 1px solid #8c8c8c;padding: 10px 15px;border-radius: .375rem;width: 100%;font-family:montserrat;" />
</div>
<div id='first_name_Error2'></div>
</div>
<div class="row-column">
<!--<div class="bgn-wf-label">Last name-->
<!-- <span class="bgn-star">*</span>-->
<!--</div>-->
<div class="bgn-wf-field">
<input name="last_name2" id="last_name2" type="text" maxlength="40" value="" placeholder="Last Name" style=" border: 1px solid #8c8c8c;padding: 10px 15px;border-radius: .375rem;width: 100%;font-family:montserrat;" />
</div>
<div id='last_name_Error2'></div>
</div>
</div>
<div class="bgn-wf-row">
<div class="row-column1">
<!--<div class="bgn-wf-label">Company Name-->
<!--</div>-->
<div class="bgn-wf-field">
<input name="company_name2" id="company_name2" type="text" maxlength="120" value="" placeholder="Company Name" style=" border: 1px solid #8c8c8c;padding: 10px 15px;border-radius: .375rem;width: 100%;font-family:montserrat;" />
</div>
<div id='company_name_Error2'></div>
</div>
</div>
<div class="bgn-wf-row">
<div class="row-column">
<!-- <div class="bgn-wf-label">Mobile-->
<!-- <span class="bgn-star">*</span>-->
<!--</div>-->
<div class="bgn-wf-field">
<input name="mobile2" id="mobile2" type="text" maxlength="30" value="" placeholder="Mobile" style=" border: 1px solid #8c8c8c;padding: 10px 15px;border-radius: .375rem;width: 100%;font-family:montserrat;" />
</div>
<div id='mobile_Error2'></div>
</div>
<div class="row-column">
<!-- <div class="bgn-wf-label">Email-->
<!-- <span class="bgn-star">*</span>-->
<!--</div>-->
<div class="bgn-wf-field">
<input name="email2" id="email2" type="text" maxlength="100" value="" placeholder="Email" style=" border: 1px solid #8c8c8c;padding: 10px 15px;border-radius: .375rem;width: 100%;font-family:montserrat;" />
</div>
<div id='email_Error2'></div>
</div>
</div>
<div class="bgn-wf-row">
<div class="row-column1">
<!--<div class="bgn-wf-label">Message-->
<!--</div>-->
<div class="bgn-wf-field">
<textarea name="description2" id="description2" maxlength="32000" placeholder="Message" style=" border: 1px solid #8c8c8c;padding: 10px 15px;border-radius: .375rem;width: 100%;font-family:montserrat;"></textarea>
</div>
<div id='description_Error2'></div>
</div>
</div>
<div class="bgn-wf-row">
<div class="row-column1">
<!-- <label for="formFileLg">
<img src="../assets/img/attach-file.svg" class=" " id="formFileLg">
<span>Attach file <i class="item-file"></i></span>
</label> -->
<input type="file" id="photo" name="photo" accept="image/*">
<div id='description_Error2'></div>
</div>
</div>
<div class="bgn-wf-row">
<div class="row-column1">
<small>By sending a message you agree with your information being stored by us in relation to dealing with your enquiry. Please have a look at our <a href="/privacy-policy.php" target="_blank"> Privacy Policy.</a></small>
<div class="form-check d-flex mt-3">
<input class="form-check-input me-2" type="checkbox" value="" id="flexCheckChecked">
<label class="form-check-label" for="flexCheckChecked">
I’d like to sign an NDA with Syoft Software</a>
</label>
</div>
<div id='description_Error2'></div>
</div>
</div>
<div class="bgn-wf-row" style="margin-top: 5px;">
<div class="bgn-wf-field text-left pt-2 aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
<button class="btn btn-warning me-lg-4 me-sm-4" id='formsubmit310182000000229439' type='submit'><i class="far fa-arrow-right"></i> Submit contact form</button>
<a href="mailto:info@syoft.com" class="btn btn-primary"><i class="far fa-arrow-right pe-1"></i>info@syoft.com</a>
</div>
</div>
</form>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
// for sending email code start
// second form
$("#formsubmit310182000000229439").on("click", function(e) {
var regx = /^[6-9]\d{9}$/;
var validRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;
var first_name_Error2 = last_name_Error2 = company_name_Error2 = email_Error2 = mobile_Error2 = description_Error2 = true;
if ($("#first_name2").val().length === 0) {
e.preventDefault();
$("#first_name_Error2").html("First name is required.").addClass("error-msg");
first_name_Error2 = false
} else {
$("#first_name_Error2").html("").removeClass("error-msg");
}
if ($("#last_name2").val().length === 0) {
e.preventDefault();
$("#last_name_Error2").html("Last name is required.").addClass("error-msg");
last_name_Error2 = false
} else {
$("#last_name_Error2").html("").removeClass("error-msg");
}
if ($("#company_name2").val().length === 0) {
e.preventDefault();
$("#company_name_Error2").html("Company is required.").addClass("error-msg");
company_name_Error2 = false
} else {
$("#company_name_Error2").html("").removeClass("error-msg");
}
if (regx.test($("#mobile2").val()) == false || $("#mobile2").val().length === 0) {
e.preventDefault();
$("#mobile_Error2").html("Mobile is required.").addClass("error-msg");
mobile_Error2 = false
} else {
$("#mobile_Error2").html("").removeClass("error-msg");
}
if (validRegex.test($("#email2").val()) == false || $("#email2").val().length === 0) {
e.preventDefault();
$("#email_Error2").html("Email is required.").addClass("error-msg");
email_Error2 = false
} else {
$("#email_Error2").html("").removeClass("error-msg");
}
if ($("#description2").val().length === 0) {
e.preventDefault();
$("#description_Error2").html("Description is required.").addClass("error-msg");
description_Error2 = false
} else {
$("#description_Error2").html("").removeClass("error-msg");
}
// e.preventDefault();
var postForm = {
'first_name': $('input[name=first_name2]').val(),
'last_name': $('input[name=last_name2]').val(),
'company_name': $('input[name=company_name2]').val(),
'mobile': $('input[name=mobile2]').val(),
'email': $('input[name=email2]').val(),
'description': $('#description2').val(),
'subject': "Performance Web Application Development",
};
if (first_name_Error2 == true && last_name_Error2 == true && description_Error2 == true && email_Error2 == true && mobile_Error2 == true && company_name_Error2 == true) {
$.ajax({
type: 'POST',
url: 'https://syoft.com/blogs/welcome/sendemail',
data: postForm,
dataType: 'json',
cors: true,
success: function(data) {
// alert('data')
}
});
// window.location.href = window.location.href
document.getElementById("postForm2").reset();
window.location = window.location.origin + '/thankyou.php'
}
});
// second form
// for sending email code end
function disableSubmitwhileReset310182000000229439() {
var submitbutton = document.getElementById('formsubmit310182000000229439');
if (document.getElementById('privacyTool310182000000229439') !== null || document.getElementById('consentTool') !== null) {
submitbutton.disabled = true;
submitbutton.style.opacity = '0.5;';
} else {
submitbutton.removeAttribute('disabled');
}
}
function checkMandatory310182000000229439() {
var mndFields = new Array('First Name', 'Last Name', 'Email', 'Mobile');
var fldLangVal = new Array('First Name', 'Last Name', 'Email', 'Mobile');
var i;
var mndFieldslength = mndFields.length;
var fieldObj;
for (i = 0; i < mndFieldslength; i++) {
fieldObj = document.forms.BiginWebToContactForm310182000000229439[mndFields[i]];
if (fieldObj) {
if (fieldObj.value.replace(/^s+|s+$/g, '').length === 0) {
if (fieldObj.type === 'file') {
alert('Please select a file to upload.');
fieldObj.focus();
return false;
}
alert(fldLangVal[i] + ' cannot be empty.');
fieldObj.focus();
return false;
} else if (fieldObj.nodeName === 'SELECT') {
if (fieldObj.options[fieldObj.selectedIndex].value === '-None-') {
alert(fldLangVal[i] + ' cannot be none.');
fieldObj.focus();
return false;
}
} else if (fieldObj.type === 'checkbox') {
if (fieldObj.checked === false) {
alert('Please accept ' + fldLangVal[i]);
fieldObj.focus();
return false;
}
}
if (fieldObj.name === 'Last Name' && fieldObj.value) {
name = fieldObj.value;
}
}
}
return true;
}
function validateFileUpload() {
var e = document.getElementById("theFile"),
t = 0;
if (e) {
if (e.files.length > 3) return alert("You can upload a maximum of three files at a time."), !1;
if ("files" in e) {
var i = e.files.length;
if (0 !== i) {
for (var o = 0; o < i; o++) {
var a = e.files[o];
"size" in a && (t += a.size)
}
if (t > 20971520) return alert("Total file(s) size should not exceed 20MB."), !1
}
}
}
return !0
}
</script>
<script id='wf_script' src='https://bigin.zoho.in/crm/WebformScriptServlet?rid=65db258607b5d5410a00f22a686f9548b88f4cdb516fe9f0f2725f95c6033ee2gid423c92bf81f8e0a58493ac6d1a1b6ff0d1849ce0da73f6ebe7cb8824b708c951'></script>
<!--</form>-->
</div>
</div>
</div>
<div class="col-xl-5 col-lg-5 offset-lg-1">
<div class="section-heading aos-init aos-animate mb-0" data-aos="fade-up">
<h3>Top-rated software<br /> development company</h3>
<ul class="list-unstyled d-flex flex-wrap list-two-col mt-2 mb-5">
<li class="py-3 stack_list">
<h3 class="display-5 fw-bold mb-2 text-warning">200+</h3>
<p>projects delivered <br /> remotely</p>
</li>
<li class="py-3 stack_list_1">
<h3 class="display-5 fw-bold mb-2 text-warning">92%</h3>
<p>of a team senior & <br /> middle engineers </p>
</li>
<li class="py-3 stack_list_2">
<h3 class="display-5 fw-bold mb-2 text-warning">20%</h3>
<p>employee turnover <br /> rate</p>
</li>
<li class="py-3 stack_list_3">
<h3 class="display-5 fw-bold mb-2 text-warning">9/10</h3>
<p>customer satisfaction <br /> score</p>
</li>
</ul>
<ul class="customer-logos-grid text-center list-unstyled mb-0">
<li>
<img src="../assets/img/clients/rev1.svg" width="200" alt="clients logo" class="img-fluid p-1 m-auto aos-init aos-animate" data-aos="fade-up">
</li>
<li>
<img src="../assets/img/clients/rev2-foot.svg" width="200" alt="clients logo" class="img-fluid p-1 m-auto aos-init aos-animate" data-aos="fade-up" data-aos-delay="50">
</li>
<li>
<img src="../assets/img/clients/rev3-foot.svg" width="200" alt="clients logo" class="img-fluid p-1 m-auto aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
</li>
<li>
<img src="../assets/img/clients/gartner_peer_insights.png" width="200" alt="clients logo" class="img-fluid p-1 m-auto aos-init aos-animate" data-aos="fade-up" data-aos-delay="150">
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="crm-cta-section ptb-80 crm-bg-yellow-light position-relative z-1">
<img src="../assets/img/shape/circle-half.png" alt="circle half" class="position-absolute circle-half z--1">
<img src="../assets/img/shape/dot-red.png" alt="doted" class="position-absolute doted z--1 d-none d-md-block">
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-7">
<div class="crm-title text-center">
<span class="crm-subtitle">Connect With Our Experts <img src="../assets/img/shape/arrow-red.png" alt="arrow" class="ms-1"></span>
<h2 class="mt-2 mb-3">For Your Progressive Web App Consultation</h2>
<a href="../contact-us.php" class="btn btn-warning mt-4">Get Proposal</a>
</div>
</div>
</div>
</div>
</section>
<!--footer section start-->
<?php include '../footer.php'; ?>
<!--footer section end-->
</div>
<!--build:js-->
<script src="../assets/js/vendors/jquery-3.6.0.min.js"></script>
<script src="../assets/js/vendors/bootstrap.bundle.min.js"></script>
<script src="../assets/js/vendors/swiper-bundle.min.js"></script>
<script src="../assets/js/vendors/jquery.magnific-popup.min.js"></script>
<script src="../assets/js/vendors/parallax.min.js"></script>
<script src="../assets/js/vendors/aos.js"></script>
<script src="../assets/js/app.js"></script>
<!--endbuild-->
</body>
</html>