| 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>Mobile App Development Company In India & USA -Syoft</title>
<meta name="description" content="Syoft is a leading mobile app development company in India with 7+ years of experience. We are experts in building mobile apps with the latest tech stack for startups and enterprises. ">
<meta name="keywords" content="mobile app development company, mobile app development company in india, app development company india">
<meta property="og:title" content="Mobile App Development Company In India & USA -Syoft">
<meta property="og:description" content="Syoft is a leading mobile app development company in India with 7+ years of experience. We are experts in building mobile apps with the latest tech stack for startups and enterprises.">
<meta property="og:keywords" content="mobile app development company, mobile app development company in india, app development company india">
<meta property="og:url" content="https://www.syoft.com/services/mobile-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="Mobile App Development Company In India & USA -Syoft">
<meta property="twitter:description" content=" Syoft is a leading mobile app development company in India with 7+ years of experience. We are experts in building mobile apps with the latest tech stack for startups and enterprises. ">
<meta property="twitter:image" content="">
<link rel="canonical" href="https://www.syoft.com/services/mobile-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="logo" 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/banners/mobile-app-development-banner.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"> ✦ Mobile App </span><br>Development Company</h1>
<p class="lead">At Syoft, we're passionate about creating mobile apps that help you do more in less time. We combine our deep understanding of your business goals with our expertise in mobile app development to deliver powerful solutions that meet your needs exactly</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/sem-banner.png" alt="hero img" 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">Talk to our experts for Mobile 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">
<!-- <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" style="width: 19%;float:left;">
<span class="value">+91</span>
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#" value="+47">Norway (+47)</a></li>
<li><a href="#" value="+46">Sweeden (+46)</a></li>
<li><a href="#" value="+79">Danmark (+79)</a></li>
</ul> -->
<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-label"></div>-->
<!-- <div class="bgn-wf-field">
<input onclick='disableSubmitwhileReset310182000000229439()' type='reset' style='margin-right: 10px;margin-bottom: 10px;font-size:13px;border-radius: .375rem;vertical-align: middle;background-color: #000;border-color: #000;padding: 8px 15px;color: #fff;display: inline-block;width: auto;' value='Reset' />
<input style='margin-bottom: 10px; font-size:13px;color: #fff;border-radius: .375rem;vertical-align: middle;background-color: #dc2f00;border-color: #dc2f00;padding: 8px 15px;display: inline-block;width: auto;' id='formsubmit310182000000229439' type='submit' value='Submit' />
</div> -->
<!-- <div class="action-btns text-left pt-2 aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
<a class="btn btn-warning me-lg-4 me-sm-4" id='formsubmit310182000000229439-1'><i class="far fa-arrow-right"></i> Submit contact form</a>
<a href="#" class="btn btn-primary "><i class="far fa-arrow-right"></i> info@syoft.com</a>
</div> -->
<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': "Mobile App 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="shape" 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="shape" 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">9+</h3>
<h6 class="mb-0 fw-bold text-warning">Years Experience</h6>
</div>
<div class="story-item bg-white border">
<h3 class="display-5 fw-bold mb-1 text-primary">76+</h3>
<h6 class="mb-0 fw-bold">Happy Clients</h6>
</div>
<div class="story-item bg-white border">
<h3 class="display-5 fw-bold mb-1 text-dark">750+</h3>
<h6 class="mb-0 fw-bold">Search Camapgins</h6>
</div>
<div class="story-item bg-light border">
<h3 class="display-5 fw-bold mb-1 text-warning">540+</h3>
<h6 class="mb-0 fw-bold text-warning">Display Campaigns</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">Industries Servered</h6>
</div>
<div class="story-item bg-white border">
<h3 class="display-5 fw-bold mb-1 text-primary">200x</h3>
<h6 class="mb-0 fw-bold">Return On AdSpent</h6>
</div>
</div> -->
<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="why-us pb-60" 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 mb-0">
<h2 class="display-5">Few of Our <span class="text-warning">Recent Works</span></h2>
<p class="mb-0 lead text-center " style="line-height: 1.5 !important;">With over a decade of experience in developing mobile apps, we are experts in building products that meet market needs, enhance company brand identities, and boost business growth and expansion.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<ul class="nav justify-content-center feature-tab-list mt-4" id="nav-tab" role="tablist">
<li class="nav-item">
<a class="nav-link active" href="#tab-1" data-bs-toggle="tab" data-bs-target="#tab-1" role="tab" aria-selected="true">Project 01</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#tab-2" data-bs-toggle="tab" data-bs-target="#tab-2" role="tab" aria-selected="false">Project 02</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#tab-3" data-bs-toggle="tab" data-bs-target="#tab-3" role="tab" aria-selected="false">Project 03</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#tab-4" data-bs-toggle="tab" data-bs-target="#tab-4" role="tab" aria-selected="false">Project 04</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#tab-5" data-bs-toggle="tab" data-bs-target="#tab-5" role="tab" aria-selected="false">Project 05</a>
</li>
</ul>
<div class="tab-content bg-primary text-white rounded-custom" id="nav-tabContent">
<div class="tab-pane fade show active" id="tab-1" role="tabpanel">
<div class="row justify-content-center text-center p-50 pb-0">
<div class="col-lg-8">
<div class="feature-tab-info">
<p class="lead text-center text-white">Progressively plagiarize innovative applications without robust infomediaries. Appropriately iterate world-class benefits after excellent e-commerce.</p>
<a href="#" class="btn btn-danger text-decoration-none">Learn more</a>
</div>
<img src="../assets/img/tab-feature-img-4.png" alt="feature tab" class="img-fluid mt-5">
</div>
</div>
</div>
<div class="tab-pane fade" id="tab-2" role="tabpanel">
<div class="row justify-content-center text-center p-50 pb-0">
<div class="col-lg-8">
<div class="feature-tab-info">
<p class="lead">Monotonectally e-enable excellent interfaces vis-a-vis value-added quality vectors. Assertively maximizing potentialities whereas mission-critical interfaces.</p>
<a href="#" class="btn btn-outline-primary text-decoration-none">Learn more</a>
</div>
<img src="../assets/img/tab-feature-img-2.png" alt="feature tab" class="img-fluid mt-5">
</div>
</div>
</div>
<div class="tab-pane fade" id="tab-3" role="tabpanel">
<div class="row justify-content-center text-center p-50 pb-0">
<div class="col-lg-8">
<div class="feature-tab-info">
<p class="lead">Dynamically leverage other's functional networks whereas focused strategic theme areas. Rapidiously re-engineer innovative niches after cross-unit functionalities.</p>
<a href="#" class="btn btn-outline-primary text-decoration-none">Learn more</a>
</div>
<img src="../assets/img/tab-feature-img-1.png" alt="feature tab" class="img-fluid mt-5">
</div>
</div>
</div>
<div class="tab-pane fade" id="tab-4" role="tabpanel">
<div class="row justify-content-center text-center p-50 pb-0">
<div class="col-lg-8">
<div class="feature-tab-info">
<p class="lead">Distinctively implement viral intellectual capital after turnkey process improvements. Objectively matrix compelling opportunities rather than collaborative markets.</p>
<a href="#" class="btn btn-outline-primary text-decoration-none">Learn more</a>
</div>
<img src="../assets/img/tab-feature-img-3.png" alt="feature tab" class="img-fluid mt-5">
</div>
</div>
</div>
<div class="tab-pane fade" id="tab-5" role="tabpanel">
<div class="row justify-content-center text-center p-50 pb-0">
<div class="col-lg-8">
<div class="feature-tab-info">
<p class="lead">Phosfluorescently exploit backward-compatible deliverables and compelling interfaces. Quickly emerging manufactured products without high-quality interfaces.</p>
<a href="#" class="btn btn-outline-primary text-decoration-none">Learn more</a>
</div>
<img src="../assets/img/tab-feature-img-5.png" alt="feature tab" class="img-fluid mt-5">
</div>
</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 casestudy-carousel">
<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="" class="d-block slider-image">
</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="" class="d-block slider-image">
</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="" class="d-block slider-image">
</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="" class="d-block slider-image">
</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="" class="d-block slider-image">
</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="" class="d-block slider-image">
</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="" class="d-block slider-image">
</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="" class="d-block slider-image">
</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">Key steps in our <span class="text-warning"> Mobile App Development</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 Mobile App Development Expertise</h3>
<p class="text-white mb-4 lead">Our full-cycle approach to application design, integration, and management covers all phases. From consumer-oriented apps to enterprise-class solutions, we handle all aspects of mobile app development, from ideation to delivery to ongoing support.</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/Mobile-App-Development.jpg" alt="mobile 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">
✦
Android App Development
</button>
</h5>
<div id="collapse-1" class="accordion-collapse collapse show" aria-labelledby="faq-1" data-bs-parent="#accordionExample">
<div class="accordion-body">We offer <a href="android-app-development.php">android app development</a> services for Businesses and Startups. We have a team of highly skilled android engineers with a commanding grip on the most advanced technology.</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">
✦
iOS App development
</button>
</h5>
<div id="collapse-2" class="accordion-collapse collapse" aria-labelledby="faq-2" data-bs-parent="#accordionExample">
<div class="accordion-body">At Syoft, we are a team of knowledgeable iPhone app developers who code natively, making use of the latest technologies & frameworks. We build beautiful, easy-to-use</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">
✦
Cross-platform Hybrid App development
</button>
</h5>
<div id="collapse-3" class="accordion-collapse collapse" aria-labelledby="faq-3" data-bs-parent="#accordionExample">
<div class="accordion-body">We create cross-platform hybrid apps for iOS, Android, and Windows Phones. We design cross-platform mobile apps that look and feel similar to native apps and enable efficient iteration as well as knowledge sharing</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">
✦ Mobile App UI/UX Designing
</button>
</h5>
<div id="collapse-4" class="accordion-collapse collapse" aria-labelledby="faq-4" data-bs-parent="#accordionExample">
<div class="accordion-body">Mobile application UI/UX development is creating user interfaces using graphics that they can interact with their mobile devices. The icons, buttons, images, illustrations, and UI elements enable users to accomplish their objectives in the app</div>
</div>
</div>
<div class="accordion-item border border-2">
<h5 class="accordion-header" id="faq-5">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-5" aria-expanded="false">
✦ Mobile App Migration & Maintenance
</button>
</h5>
<div id="collapse-5" class="accordion-collapse collapse" aria-labelledby="faq-5" data-bs-parent="#accordionExample">
<div class="accordion-body">If your business is looking for a reliable & experienced partner to handle your mobile needs, then we're the team for you</div>
</div>
</div>
</div>
</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="work-process ptb-60 bg-light ">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10 col-md-10">
<div class="section-heading text-center mb-0">
<h2 class="display-5">Mobile App <span class="text-warning"> Development Process</span></h2>
<!-- <h2>Mobile App Development Process</h2> -->
<p class="text-center">Our process is agile and collaborative we work closely with all our clients to make sure that their needs are met at every stage of development. And we don't rest on our laurels—we're constantly optimizing our processes to deliver the highest quality product possible within a budget and on time.</p>
</div>
</div>
</div>
<div class="row d-flex align-items-center">
<div class="col-md-6 col-lg-2">
<div class="process-card text-center px-4 py-5 rounded-custom shadow-hover mt-4">
<div class="process-icon border border-light bg-custom-light rounded-custom p-3">
<span class="h2 mb-0 text-primary fw-bold">01</span>
</div>
<!-- <h3 class="h5">Ensure impactful innovations</h3> -->
<p class="mb-0 text-center">We analyze your needs</p>
</div>
</div>
<div class="dots-line first"></div>
<div class="col-md-6 col-lg-2">
<div class="process-card text-center px-4 py-5 rounded-custom shadow-hover mt-4">
<div class="process-icon border border-light bg-custom-light rounded-custom p-3">
<span class="h2 mb-0 text-primary fw-bold">02</span>
</div>
<!-- <h3 class="h5">Focus on self-development</h3> -->
<p class="mb-0 text-center">Build strategies</p>
</div>
</div>
<div class="dots-line first"></div>
<div class="col-md-6 col-lg-2">
<div class="process-card text-center px-4 py-5 rounded-custom shadow-hover mt-4">
<div class="process-icon border border-light bg-custom-light rounded-custom p-3">
<span class="h2 mb-0 text-primary fw-bold">03</span>
</div>
<!-- <h3 class="h5">Integrate work-life balance</h3> -->
<p class="mb-0 text-center">We'll then develop your app</p>
</div>
</div>
<div class="dots-line first"></div>
<div class="col-md-6 col-lg-2">
<div class="process-card text-center px-4 py-5 rounded-custom shadow-hover mt-4">
<div class="process-icon border border-light bg-custom-light rounded-custom p-3">
<span class="h2 mb-0 text-primary fw-bold">04</span>
</div>
<!-- <h3 class="h5">Integrate work-life balance</h3> -->
<p class="mb-0 text-center">Syoft can manage your marketing as well</p>
</div>
</div>
<div class="dots-line first"></div>
<div class="col-md-6 col-lg-2">
<div class="process-card text-center px-4 py-5 rounded-custom shadow-hover mt-4">
<div class="process-icon border border-light bg-custom-light rounded-custom p-3">
<span class="h2 mb-0 text-primary fw-bold">05</span>
</div>
<!-- <h3 class="h5">Integrate work-life balance</h3> -->
<p class="mb-0 text-center">We promise to take care of any bugs or fixations needs</p>
</div>
</div>
</div>
</div>
</section>
<?php include '../certificates.php'; ?>
<section class="pricing-section ptb-60 position-relative z-2">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10 col-md-10">
<div class="section-heading text-center mb-0 ">
<h2 class="display-5">Difference Between <span class="text-warning">
Native App & Hybrid App</span></h2>
<!-- <h2>Mobile App Development Process</h2> -->
<p class="text-center">In today's world, mobile apps are a universal form of advertising. Therefore, developing mobile apps for a business could seem like a brilliant idea to business owners.If you are thinking about developing a new app for your company, you should have a better understanding of the difference between native and hybrid apps. The process of development determines whether an app is native or hybrid</p>
</div>
</div>
</div>
<div class="row ptb-60">
<div class="col-lg-6 col-md-6">
<div class="position-relative single-pricing-wrap rounded-custom bg-white custom-shadow p-5 mb-4 mb-lg-0">
<div class="pricing-header mb-32">
<h3 class="package-name text-primary d-block">Native App Development</h3>
<p class="lead">Making software natively is one of the most common techniques to build programs, applications, or software</p>
</div>
<div class="pricing-info mb-4">
<ul class="pricing-feature-list list-unstyled">
<li><i class="fas fa-circle fa-2xs text-primary me-2"></i>
The term native app development refers to the apps built for only one platform, i.e., either for android or ios</li>
<li><i class="fas fa-circle fa-2xs text-primary me-2"></i> It might be a native Android app created in Kotlin or an iOS app created in Swift and Objective-C.</li>
<li><i class="fas fa-circle fa-2xs text-primary me-2"></i> These apps are able to access mobile elements such as camera, GPS, microphone etc.</li>
<li><i class="fas fa-circle fa-2xs text-primary me-2"></i>As you can anticipate, creating two apps by two different teams requires more time.</li>
<li><i class="fas fa-circle fa-2xs text-primary me-2"></i>Maintaining two codebases increases complexity and cost.</li>
<li><i class="fas fa-circle fa-2xs text-primary me-2"></i> These apps use tools, libraries, and components provided by the OS developer.</li>
<li><i class="fas fa-circle fa-2xs text-primary me-2"></i>Companies like LinkedIn, Twitter, Pokemon Go, and Google Maps utilize this approach.</li>
</ul>
</div>
<!--pattern start-->
<div class="dot-shape-bg position-absolute z--1 left--40 bottom--40">
<img src="../assets/img/shape/dot-big-square.svg" alt="shape">
</div>
<!--pattern end-->
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="position-relative single-pricing-wrap rounded-custom bg-gradient text-white p-5 mb-4 mb-lg-0">
<div class="pricing-header mb-32">
<h3 class="package-name text-white d-block">Hybrid App Development</h3>
<p class="lead text-white">Hybrid apps are a combination of native and web technologies. They are built using HTML, CSS, JavaScript, and frameworks like AngularJS</p>
</div>
<div class="pricing-info mb-4">
<ul class="pricing-feature-list list-unstyled">
<li class="text-white"><i class="fas fa-circle fa-2xs text-white me-2"></i>The term hybrid app development refers to the apps built for multiple platforms, including android, ios, and windows</li>
<li class="text-white"><i class="fas fa-circle fa-2xs text-white me-2"></i> The development is based on JavaScript, CSS, and HTML web technologies.</li>
<li class="text-white"><i class="fas fa-circle fa-2xs text-white me-2"></i> They have no or little access to mobile elements.</li>
<li class="text-white"><i class="fas fa-circle fa-2xs text-white me-2"></i>It takes a shorter time to develop these apps.</li>
<li class="text-white"><i class="fas fa-circle fa-2xs text-white me-2"></i> They are more affordable as development cost is low.</li>
<li class="text-white"><i class="fas fa-circle fa-2xs text-white me-2"></i> Because hybrid apps depend on third-party plugin updates, your team must choose well-known and supported plugins to prevent performance issues.</li>
<li class="text-white"><i class="fas fa-circle fa-2xs text-white me-2"></i> Mobile software solutions like Instagram, Skype are using a cross-platform solution.</li>
</ul>
</div>
</div>
</div>
</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-label"></div>-->
<!-- <div class="action-btns text-left pt-2 aos-init aos-animate" type='submit' data-aos="fade-up" data-aos-delay="100">
<a href="#" class="btn btn-warning me-lg-4 me-sm-4" id='formsubmit310182000000229439'><i class="far fa-arrow-right"></i> Submit contact form</a>
<a href="#" class="btn btn-primary "><i class="far fa-arrow-right"></i> info@syoft.com</a>
</div> -->
<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': "Mobile App 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 Mobile App Development 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>