| 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/ |
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>Flutter App Development Company - Syoft</title>
<meta name="description" content="Syoft is a Flutter app development company. We build robust and highly functional mobile applications for android, ios and windows. Hire our flutter app developers. ">
<meta name="keywords" content="flutter application development, flutter app development company, flutter app development services">
<meta property="og:title" content="Flutter App Development Company - Syoft">
<meta property="og:description" content="Syoft is a Flutter app development company. We build robust and highly functional mobile applications for android, ios and windows. Hire our flutter app developers.">
<meta property="og:keywords" content="flutter application development, flutter app development company, flutter app development services">
<meta property="og:url" content="https://www.syoft.com/flutter-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="Flutter App Development Company - Syoft">
<meta property="twitter:description" content=" Syoft is a Flutter app development company. We build robust and highly functional mobile applications for android, ios and windows. Hire our flutter app developers. ">
<meta property="twitter:image" content="">
<link rel="canonical" href="https://www.syoft.com/flutter-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/flutter-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"> ✦ Flutter App </span><br>Development Company</h1>
<p class="lead">Syoft is the premier provider of Flutter development services. We are a Flutter development company that provides services for startups and businesses looking to impact the market</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"> Flutter App Expert</span></h2>
<p class="lead">Talk to our experts for Flutter application 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': "Flutter 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">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">Flutter 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 Flutter App Development Expertise</h3>
<p class="text-white mb-4 lead">Syoft provides innovative solutions that create a positive impact on the client's business growth. And we help you create attractive native apps from a single code base. As a result, we deliver exceptional services using Flutter.</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/Flutter-App-Development-Company.jpg" alt="web application development" 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">
✦ Flutter Mobile 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 specialize in fulfilling the needs of your flutter mobile app development projects. We understand that each business has unique needs, so we tailor our services based on what you want to achieve with your app. Our goal is to help you succeed in the marketplace by creating a user experience that's as elegant as it is engaging</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">
✦ Flutter Mobile App Design UI/UX
</button>
</h5>
<div id="collapse-2" class="accordion-collapse collapse" aria-labelledby="faq-2" data-bs-parent="#accordionExample">
<div class="accordion-body">We make your Flutter Mobile App Design UI/UX needs easy with our reliable service, guaranteed to deliver results! We're here to help ensure that your next mobile app has top-notch design and user experience (UI/UX) qualities that will keep your users returning. With our expertise and professionalism in mobile application development and UI/UX design, we'll ensure that your vision becomes a reality</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">
✦ Flutter 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">Syoft specializes in helping companies build beautiful mobile experiences that work across all platforms. We're passionate about what we do at developing products/apps and always put our clients first. We've helped companies worldwide grow their businesses by creating engaging mobile experiences that connect with their audience on a personal level</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">
✦ Flutter Android App Development
</button>
</h5>
<div id="collapse-4" class="accordion-collapse collapse" aria-labelledby="faq-4" data-bs-parent="#accordionExample">
<div class="accordion-body">We specialize in creating high-quality android apps that are easy to use and highly scalable. We know that every project is different, which is why we always tailor our services to meet your unique needs—whether that means providing a scalable solution or offering personalized attention from start to finish! Our developers have experience with many applications and industries</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">
✦ Flutter iOS App Development
</button>
</h5>
<div id="collapse-5" class="accordion-collapse collapse" aria-labelledby="faq-5" data-bs-parent="#accordionExample">
<div class="accordion-body">We specialize in creating high-quality android apps that are easy to use and highly scalable. We know that every project is different, which is why we always tailor our services to meet your unique needs—whether that means providing a scalable solution or offering personalized attention from start to finish! Our developers have experience with many applications and industries</div>
</div>
</div>
<div class="accordion-item border border-2">
<h5 class="accordion-header" id="faq-6">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-6" aria-expanded="false">
✦
Flutter Experts Consultation
</button>
</h5>
<div id="collapse-6" class="accordion-collapse collapse" aria-labelledby="faq-6" data-bs-parent="#accordionExample">
<div class="accordion-body">We're Flutter experts who can help you build beautiful apps fast, with less code and no dependencies on any platform. Let us help you succeed with Flutter! We can help you get started with Flutter development or upgrade your existing app to Flutter. We have experience working on projects of all sizes and budgets</div>
</div>
</div>
<div class="accordion-item border border-2">
<h5 class="accordion-header" id="faq-7">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-7" aria-expanded="false">
✦ Flutter Migration & Maintenance
</button>
</h5>
<div id="collapse-7" class="accordion-collapse collapse" aria-labelledby="faq-7" data-bs-parent="#accordionExample">
<div class="accordion-body">We help companies across the globe migrate from their existing technologies to Flutter. Our team has extensive experience working with other languages and frameworks, making us uniquely qualified to handle your project successfully. We also offer 24/7 availability so you can get help when you need it most. Our team of engineers will walk you through any issue, regardless of how big or small it might be</div>
</div>
</div>
</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-6 col-md-10">
<div class="section-heading text-center mb-0">
<h2 class="display-5">Flutter App <span class="text-warning"> Development Process</span></h2>
</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">Briefing</h3>
<p class="mb-0 text-center">Business goals and Audience</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">Design</h3>
<p class="mb-0 text-center">Collaborate on designs </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">Development</h3>
<p class="mb-0 text-center">Build beautiful flutter apps </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">Testing & Delivery</h3>
<p class="mb-0 text-center">Everything works exactly </p>
</div>
</div>
<div class="dots-line first"></div>
<div class="col-md-6 col-lg-3">
<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">Support & Maintenance</h3>
<p class="mb-0 text-center">Addressed quickly <br /> and efficiently</p>
</div>
</div>
</div>
</div>
</section>
<?php include 'certificates.php'; ?>
<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">Why flutter apps are appropriate <span class="text-warning">for your business </span></h2>
</div>
</div>
<div class="col-lg-6 col-md-8">
<div class="hd-description text-center text-lg-start">
<p class=" lead">Flutter is a cross-platform programming language that is used for developing mobile applications. It offers an easy-to-use development environment with several features that make it an attractive choice for developers </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 py-2 px-4 rounded z-1">
<span class="number-serial position-absolute">1</span>
<!-- <span class="icon-wrapper">
<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M56 20.0156C56 18.8075 55.0114 17.8281 53.8032 17.8281C52.595 17.8281 51.6157 18.8075 51.6157 20.0156V41.2083C50.6229 40.7347 49.5138 40.4688 48.3438 40.4688H8.09539C6.04395 40.4688 4.375 38.8281 4.375 36.6406C4.375 34.4531 6.04395 32.8125 8.09539 32.8125H12.1406C13.3488 32.8125 14.3281 31.8332 14.3281 30.625V11.2675H28.9844C30.1925 11.2675 31.1719 10.2881 31.1719 9.07998C31.1719 7.87183 30.1925 6.89248 28.9844 6.89248H14.3281V2.1875C14.3281 0.979344 13.3488 0 12.1406 0H8.09539C3.63158 0 0 3.63158 0 8.09539V36.7485C0 41.2122 3.63158 44.8438 8.09539 44.8438H41.0156V53.8125C41.0156 55.0207 41.995 56 43.2031 56H48.3438C52.5654 56 56 52.5654 56 48.3438C56 48.313 56 20.0156 56 20.0156ZM4.375 8.09539C4.375 6.04395 6.04395 4.375 8.09539 4.375H9.95312V28.4375H8.09539C6.75489 28.4375 5.48964 28.7657 4.375 29.3462V8.09539ZM48.3438 51.625H45.3906V44.8438H48.3438C50.0742 44.8438 51.4951 46.2054 51.6157 47.9245V48.5625C51.6157 48.5657 51.6161 48.5687 51.6161 48.5719C51.4986 50.275 50.0762 51.625 48.3438 51.625ZM30.153 25.5901C30.5704 26.018 31.1374 26.2501 31.7189 26.2501C31.9135 26.2501 32.1099 26.2241 32.3027 26.1706L41.132 23.7249C41.4953 23.6242 41.8266 23.4313 42.0934 23.165L54.078 11.203C56.6367 8.64423 56.6367 4.48098 54.078 1.92216C51.5192 -0.636453 47.3559 -0.636672 44.7989 1.92041L32.7891 13.9035C32.534 14.158 32.3457 14.4715 32.241 14.8163L29.6256 23.4268C29.3938 24.1901 29.5959 25.0191 30.153 25.5901ZM47.8907 5.01572C48.7435 4.16281 50.1314 4.16281 50.9842 5.01572C51.8372 5.86863 51.8372 7.25637 50.9857 8.10786L50.5619 8.53081L47.4682 5.43714L47.8907 5.01572ZM36.2678 16.6129L44.3713 8.52742L47.4655 11.6215L39.4098 19.6621L34.9678 20.8926L36.2678 16.6129Z" fill="#6672FB" />
</svg>
</span> -->
<h4 class="mt-0 mb-3">Cost-Effective </h4>
<p class="mb-4 lead">We specialize in helping businesses that use WordPress get the most out of their site. Whether you need some minor tweaks or want to make major changes, we can help! We specialize in helping businesses that use WordPress get the most out of their site. Whether you need some minor tweaks or want to make major changes, we can help!</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 py-2 px-4 rounded z-1 mts-50">
<span class="number-serial position-absolute">2</span>
<!-- <span class="icon-wrapper">
<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M54.8566 19.3241L52.6128 15.4081C52.0148 14.3644 50.6861 13.999 49.6384 14.5912C49.3079 14.7779 48.947 14.8726 48.5656 14.8726C47.3593 14.8726 46.378 13.8913 46.378 12.685C46.378 11.9104 46.7952 11.1856 47.467 10.7938C48.5047 10.1883 48.8601 8.85909 48.2626 7.81663L46.2799 4.35629C45.1301 2.35012 43.2681 0.911602 41.0368 0.305986C38.8056 -0.299739 36.4719 6.06037e-05 34.466 1.15015L4.35197 18.4158C1.67367 19.9514 0.00612507 22.8252 0 25.92V34.2331C0 35.4413 0.979354 36.4207 2.18763 36.4207C3.39394 36.4207 4.37526 37.402 4.37526 38.6083C4.37526 39.8146 3.39394 40.7959 2.18763 40.7959C0.979354 40.7959 0 41.7754 0 42.9836V47.2495C0 52.0745 3.92551 56 8.75053 56H43.9714C48.7964 56 52.7219 52.0745 52.7219 47.2495V42.9836C52.7219 41.7753 51.7426 40.7959 50.5343 40.7959C49.328 40.7959 48.3467 39.8146 48.3467 38.6083C48.3467 37.402 49.328 36.4207 50.5343 36.4207C51.7426 36.4207 52.7219 35.4413 52.7219 34.2331V30.4145C56.0231 27.802 57.0116 23.0851 54.8566 19.3241ZM51.3694 25.0836C49.8173 22.6311 47.0824 20.9979 43.9715 20.9979H38.535C38.9114 20.3453 38.9423 19.5165 38.5407 18.8158C37.9399 17.7677 36.6029 17.4049 35.5548 18.0058C34.5066 18.6067 34.1438 19.9434 34.7448 20.9915C34.746 20.9937 34.7475 20.9957 34.7488 20.9979H23.0796C21.8713 20.9979 20.8919 21.9772 20.8919 23.1855C20.8919 24.3938 21.8713 25.3731 23.0796 25.3731H43.9715C46.384 25.3731 48.3468 27.3359 48.3468 29.7484V32.4202C45.8003 33.3232 43.9715 35.7562 43.9715 38.6083C43.9715 41.4604 45.8003 43.8934 48.3468 44.7964V47.2495C48.3468 49.662 46.384 51.6247 43.9715 51.6247H8.75053C6.33802 51.6247 4.37526 49.662 4.37526 47.2495V44.7964C6.92176 43.8935 8.75053 41.4604 8.75053 38.6083C8.75053 35.7562 6.92176 33.3233 4.37526 32.4202V29.7484C4.37526 27.3359 6.33802 25.3731 8.75053 25.3731H12.1414C13.3497 25.3731 14.329 24.3938 14.329 23.1855C14.329 21.9772 13.3497 20.9979 12.1414 20.9979H8.75053C8.71345 20.9979 8.67692 21.0003 8.63995 21.0007L36.6422 4.94572C37.6339 4.37719 38.7876 4.22876 39.8909 4.52834C40.9943 4.82792 41.915 5.5392 42.4836 6.53146L43.5722 8.43132C42.5764 9.6034 42.0025 11.1092 42.0025 12.6849C42.0025 16.3037 44.9466 19.2477 48.5654 19.2477C48.9508 19.2477 49.3346 19.2135 49.712 19.1465L51.0602 21.4991C51.7097 22.6328 51.7812 23.9414 51.3694 25.0836Z" fill="#6672FB" />
<path d="M36.3147 33.0296C37.5229 33.0296 38.5023 32.0501 38.5023 30.8419C38.5023 29.6337 37.5229 28.6543 36.3147 28.6543C35.1065 28.6543 34.1271 29.6337 34.1271 30.8419C34.1271 32.0501 35.1065 33.0296 36.3147 33.0296Z" fill="#6672FB" />
<path d="M36.3147 40.6863C37.5229 40.6863 38.5023 39.7069 38.5023 38.4987C38.5023 37.2905 37.5229 36.311 36.3147 36.311C35.1065 36.311 34.1271 37.2905 34.1271 38.4987C34.1271 39.7069 35.1065 40.6863 36.3147 40.6863Z" fill="#6672FB" />
<path d="M36.3147 48.343C37.5229 48.343 38.5023 47.3636 38.5023 46.1554C38.5023 44.9472 37.5229 43.9678 36.3147 43.9678C35.1065 43.9678 34.1271 44.9472 34.1271 46.1554C34.1271 47.3636 35.1065 48.343 36.3147 48.343Z" fill="#6672FB" />
<path d="M32.814 15.4192C34.0222 15.4192 35.0016 14.4398 35.0016 13.2316C35.0016 12.0234 34.0222 11.0439 32.814 11.0439C31.6058 11.0439 30.6263 12.0234 30.6263 13.2316C30.6263 14.4398 31.6058 15.4192 32.814 15.4192Z" fill="#6672FB" />
</svg>
</span> -->
<h4 class="mt-0 mb-3">Guaranteed by google</h4>
<p class="mb-4 lead">We specialize in creating beautiful, user-friendly Magento CMS that is easy to use and understand, ensuring that even someone with no previous tech or programming experience can navigate through them easily programming experience can navigate through them easily programming experience can navigate through them easily</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 py-2 px-4 rounded z-1 mts-100">
<span class="number-serial position-absolute">3</span>
<!-- <span class="icon-wrapper">
<svg width="61" height="56" viewBox="0 0 61 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M57.1289 29.3665C56.1526 29.2496 55.2662 29.9472 55.1493 30.924C53.6855 43.1885 43.2401 52.4376 30.8527 52.4376C19.7112 52.4376 10.1429 44.9557 7.26488 34.5279L9.39569 35.6982C10.2579 36.1717 11.341 35.8563 11.8141 34.9945C12.2876 34.1323 11.9727 33.0493 11.1105 32.5757L5.64473 29.5738C4.78341 29.1007 3.7013 29.4147 3.22727 30.2756L0.22122 35.7343C-0.253273 36.5961 0.0607365 37.6792 0.922061 38.1537C1.81168 38.5697 2.82838 38.3652 3.34138 37.4528L4.03804 36.188C7.56729 47.765 18.3447 55.9998 30.8527 55.9998C45.043 55.9998 57.0088 45.4009 58.686 31.3461C58.8029 30.3693 58.1053 29.4829 57.1289 29.3665Z" fill="#6672FB" />
<path d="M59.718 15.2093C58.8154 14.8202 57.7672 15.2362 57.3776 16.1397L56.8163 17.4403C55.0626 13.1522 52.2481 9.31501 48.6228 6.34421C43.6316 2.2528 37.3208 0 30.8527 0C24.3847 0 18.0739 2.2528 13.0822 6.34421C8.15961 10.3786 4.72915 16.0094 3.42302 22.1987C3.21986 23.1611 3.83583 24.106 4.79826 24.3091C5.75931 24.5123 6.70552 23.8968 6.90821 22.9343C8.04783 17.5349 11.0423 12.6216 15.3401 9.09887C19.6963 5.52834 25.2057 3.56218 30.8527 3.56218C36.4994 3.56218 42.0087 5.52834 46.3649 9.09887C49.7133 11.8429 52.2699 15.4315 53.7755 19.4362L51.5204 18.4663C50.6168 18.0781 49.569 18.4951 49.1804 19.3986C48.7917 20.3021 49.2091 21.3494 50.1126 21.7381L55.8418 24.2024C56.8168 24.6055 57.7662 24.1936 58.1814 23.2715L60.6484 17.5498C61.0381 16.6467 60.6215 15.5989 59.718 15.2093Z" fill="#6672FB" />
<path d="M41.8301 14.897C42.3412 13.8659 42.4196 12.6971 42.0518 11.6066C41.684 10.5161 40.9136 9.63442 39.8825 9.12328C37.7535 8.06854 35.164 8.94239 34.1088 11.0709C33.8783 11.5366 33.7363 12.0301 33.6834 12.5319C32.3077 12.4053 30.9093 12.5333 29.554 12.9234C26.8564 13.6989 24.5619 15.4438 23.0934 17.8358L18.284 25.6689C17.6416 25.5538 16.9774 25.6016 16.3419 25.8159C15.348 26.1513 14.5441 26.8535 14.0789 27.7927L13.7617 28.4323C12.8006 30.3721 13.5966 32.7325 15.5367 33.6935L25.9478 38.8522C24.9227 40.9849 25.3819 43.3815 28.0424 44.7201C30.375 45.6783 32.9715 44.7395 33.9798 42.8323L35.0805 43.3773C35.6306 43.65 36.2234 43.7878 36.8198 43.7878C37.2424 43.7878 37.6668 43.7187 38.0787 43.5795C39.0722 43.2446 39.876 42.5424 40.3417 41.6027L40.6585 40.9631C41.1241 40.0234 41.196 38.9589 40.8607 37.9649C40.6464 37.3295 40.2818 36.7719 39.8013 36.3304L43.1204 27.7593C44.1339 25.1415 44.1321 22.2588 43.1153 19.6428C42.6047 18.3284 41.8593 17.1382 40.9256 16.1201C41.2925 15.7741 41.5996 15.3627 41.8301 14.897ZM37.9664 12.2309C38.3797 12.2309 38.7146 12.5658 38.7146 12.9786C38.7146 13.3919 38.3797 13.7263 37.9664 13.7263C37.5536 13.7263 37.2187 13.3914 37.2187 12.9786C37.2187 12.5658 37.5536 12.2309 37.9664 12.2309ZM30.3295 41.5758C30.0958 41.6551 29.8453 41.6379 29.624 41.5285C29.4028 41.419 29.2377 41.2298 29.1588 40.996C29.0971 40.8132 29.0948 40.6198 29.1491 40.4389L30.779 41.2465C30.6672 41.3991 30.5123 41.5146 30.3295 41.5758ZM39.7985 26.4731L36.183 35.809C35.6742 36.9626 36.1607 38.3281 37.3013 38.8939H37.3018C37.4877 38.9932 37.5559 39.1973 37.4669 39.3819L37.1496 40.0215C37.0434 40.207 36.8542 40.2678 36.6621 40.1857L17.1184 30.5019C16.9384 30.4129 16.8642 30.194 16.9533 30.0145L17.2705 29.3748C17.3563 29.2167 17.5228 29.1044 17.7585 29.2102C18.3266 29.4917 18.9704 29.5349 19.5716 29.3326C20.1388 29.1411 20.604 28.7519 20.8911 28.231L26.1287 19.6999C27.131 18.0672 28.6973 16.8761 30.5387 16.3464C32.3796 15.8168 34.3393 15.9935 36.0555 16.8441C36.0559 16.8441 36.0559 16.8441 36.0564 16.8446C36.0568 16.8446 36.0568 16.8446 36.0573 16.8451C37.7739 17.6957 39.1014 19.1475 39.7953 20.9332C40.4892 22.7189 40.4901 24.6865 39.7985 26.4731Z" fill="#6672FB" />
</svg>
</span> -->
<h4 class="mt-0 mb-3">Cross-platform support</h4>
<p class="mb-4 lead">The main benefit of choosing Flutter for mobile app development is the ability to create natively compiled apps with a single codebase for a variety of platforms, including mobile, web, and desktop. Flutter is applied to creating iOS and Android apps in such a case. By doing this, you may develop two </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>
<div class="row margin-top g-4">
<div class="col-xl-4 col-lg-6">
<div class="htw-single-box bg-white position-relative py-2 px-4 rounded z-1">
<span class="number-serial position-absolute">4</span>
<!-- <span class="icon-wrapper">
<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M56 20.0156C56 18.8075 55.0114 17.8281 53.8032 17.8281C52.595 17.8281 51.6157 18.8075 51.6157 20.0156V41.2083C50.6229 40.7347 49.5138 40.4688 48.3438 40.4688H8.09539C6.04395 40.4688 4.375 38.8281 4.375 36.6406C4.375 34.4531 6.04395 32.8125 8.09539 32.8125H12.1406C13.3488 32.8125 14.3281 31.8332 14.3281 30.625V11.2675H28.9844C30.1925 11.2675 31.1719 10.2881 31.1719 9.07998C31.1719 7.87183 30.1925 6.89248 28.9844 6.89248H14.3281V2.1875C14.3281 0.979344 13.3488 0 12.1406 0H8.09539C3.63158 0 0 3.63158 0 8.09539V36.7485C0 41.2122 3.63158 44.8438 8.09539 44.8438H41.0156V53.8125C41.0156 55.0207 41.995 56 43.2031 56H48.3438C52.5654 56 56 52.5654 56 48.3438C56 48.313 56 20.0156 56 20.0156ZM4.375 8.09539C4.375 6.04395 6.04395 4.375 8.09539 4.375H9.95312V28.4375H8.09539C6.75489 28.4375 5.48964 28.7657 4.375 29.3462V8.09539ZM48.3438 51.625H45.3906V44.8438H48.3438C50.0742 44.8438 51.4951 46.2054 51.6157 47.9245V48.5625C51.6157 48.5657 51.6161 48.5687 51.6161 48.5719C51.4986 50.275 50.0762 51.625 48.3438 51.625ZM30.153 25.5901C30.5704 26.018 31.1374 26.2501 31.7189 26.2501C31.9135 26.2501 32.1099 26.2241 32.3027 26.1706L41.132 23.7249C41.4953 23.6242 41.8266 23.4313 42.0934 23.165L54.078 11.203C56.6367 8.64423 56.6367 4.48098 54.078 1.92216C51.5192 -0.636453 47.3559 -0.636672 44.7989 1.92041L32.7891 13.9035C32.534 14.158 32.3457 14.4715 32.241 14.8163L29.6256 23.4268C29.3938 24.1901 29.5959 25.0191 30.153 25.5901ZM47.8907 5.01572C48.7435 4.16281 50.1314 4.16281 50.9842 5.01572C51.8372 5.86863 51.8372 7.25637 50.9857 8.10786L50.5619 8.53081L47.4682 5.43714L47.8907 5.01572ZM36.2678 16.6129L44.3713 8.52742L47.4655 11.6215L39.4098 19.6621L34.9678 20.8926L36.2678 16.6129Z" fill="#6672FB" />
</svg>
</span> -->
<h4 class="mt-0 mb-3">One-code base </h4>
<p class="mb-4 lead">For the creation of apps for the iOS and Android platforms, Flutter provides a single codebase. It is a big benefit for mobile app developers because it eliminates the need to write multiple scripts for various platforms write multiple scripts for various platforms write multiple scripts for various platforms</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 py-2 px-4 rounded z-1 mts-50">
<span class="number-serial position-absolute">5</span>
<!-- <span class="icon-wrapper">
<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M54.8566 19.3241L52.6128 15.4081C52.0148 14.3644 50.6861 13.999 49.6384 14.5912C49.3079 14.7779 48.947 14.8726 48.5656 14.8726C47.3593 14.8726 46.378 13.8913 46.378 12.685C46.378 11.9104 46.7952 11.1856 47.467 10.7938C48.5047 10.1883 48.8601 8.85909 48.2626 7.81663L46.2799 4.35629C45.1301 2.35012 43.2681 0.911602 41.0368 0.305986C38.8056 -0.299739 36.4719 6.06037e-05 34.466 1.15015L4.35197 18.4158C1.67367 19.9514 0.00612507 22.8252 0 25.92V34.2331C0 35.4413 0.979354 36.4207 2.18763 36.4207C3.39394 36.4207 4.37526 37.402 4.37526 38.6083C4.37526 39.8146 3.39394 40.7959 2.18763 40.7959C0.979354 40.7959 0 41.7754 0 42.9836V47.2495C0 52.0745 3.92551 56 8.75053 56H43.9714C48.7964 56 52.7219 52.0745 52.7219 47.2495V42.9836C52.7219 41.7753 51.7426 40.7959 50.5343 40.7959C49.328 40.7959 48.3467 39.8146 48.3467 38.6083C48.3467 37.402 49.328 36.4207 50.5343 36.4207C51.7426 36.4207 52.7219 35.4413 52.7219 34.2331V30.4145C56.0231 27.802 57.0116 23.0851 54.8566 19.3241ZM51.3694 25.0836C49.8173 22.6311 47.0824 20.9979 43.9715 20.9979H38.535C38.9114 20.3453 38.9423 19.5165 38.5407 18.8158C37.9399 17.7677 36.6029 17.4049 35.5548 18.0058C34.5066 18.6067 34.1438 19.9434 34.7448 20.9915C34.746 20.9937 34.7475 20.9957 34.7488 20.9979H23.0796C21.8713 20.9979 20.8919 21.9772 20.8919 23.1855C20.8919 24.3938 21.8713 25.3731 23.0796 25.3731H43.9715C46.384 25.3731 48.3468 27.3359 48.3468 29.7484V32.4202C45.8003 33.3232 43.9715 35.7562 43.9715 38.6083C43.9715 41.4604 45.8003 43.8934 48.3468 44.7964V47.2495C48.3468 49.662 46.384 51.6247 43.9715 51.6247H8.75053C6.33802 51.6247 4.37526 49.662 4.37526 47.2495V44.7964C6.92176 43.8935 8.75053 41.4604 8.75053 38.6083C8.75053 35.7562 6.92176 33.3233 4.37526 32.4202V29.7484C4.37526 27.3359 6.33802 25.3731 8.75053 25.3731H12.1414C13.3497 25.3731 14.329 24.3938 14.329 23.1855C14.329 21.9772 13.3497 20.9979 12.1414 20.9979H8.75053C8.71345 20.9979 8.67692 21.0003 8.63995 21.0007L36.6422 4.94572C37.6339 4.37719 38.7876 4.22876 39.8909 4.52834C40.9943 4.82792 41.915 5.5392 42.4836 6.53146L43.5722 8.43132C42.5764 9.6034 42.0025 11.1092 42.0025 12.6849C42.0025 16.3037 44.9466 19.2477 48.5654 19.2477C48.9508 19.2477 49.3346 19.2135 49.712 19.1465L51.0602 21.4991C51.7097 22.6328 51.7812 23.9414 51.3694 25.0836Z" fill="#6672FB" />
<path d="M36.3147 33.0296C37.5229 33.0296 38.5023 32.0501 38.5023 30.8419C38.5023 29.6337 37.5229 28.6543 36.3147 28.6543C35.1065 28.6543 34.1271 29.6337 34.1271 30.8419C34.1271 32.0501 35.1065 33.0296 36.3147 33.0296Z" fill="#6672FB" />
<path d="M36.3147 40.6863C37.5229 40.6863 38.5023 39.7069 38.5023 38.4987C38.5023 37.2905 37.5229 36.311 36.3147 36.311C35.1065 36.311 34.1271 37.2905 34.1271 38.4987C34.1271 39.7069 35.1065 40.6863 36.3147 40.6863Z" fill="#6672FB" />
<path d="M36.3147 48.343C37.5229 48.343 38.5023 47.3636 38.5023 46.1554C38.5023 44.9472 37.5229 43.9678 36.3147 43.9678C35.1065 43.9678 34.1271 44.9472 34.1271 46.1554C34.1271 47.3636 35.1065 48.343 36.3147 48.343Z" fill="#6672FB" />
<path d="M32.814 15.4192C34.0222 15.4192 35.0016 14.4398 35.0016 13.2316C35.0016 12.0234 34.0222 11.0439 32.814 11.0439C31.6058 11.0439 30.6263 12.0234 30.6263 13.2316C30.6263 14.4398 31.6058 15.4192 32.814 15.4192Z" fill="#6672FB" />
</svg>
</span> -->
<h4 class="mt-0 mb-3">International reach</h4>
<p class="mb-4 lead">The availability of localization capabilities in more than 20 languages in Flutter for mobile corporate applications will thrill businesses that want to debut in international markets. With built-in units, dates, functions, and currencies, the SDK also makes it simple to localize the software for your app to </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 py-2 px-4 rounded z-1 mts-100">
<span class="number-serial position-absolute">6</span>
<!-- <span class="icon-wrapper">
<svg width="61" height="56" viewBox="0 0 61 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M57.1289 29.3665C56.1526 29.2496 55.2662 29.9472 55.1493 30.924C53.6855 43.1885 43.2401 52.4376 30.8527 52.4376C19.7112 52.4376 10.1429 44.9557 7.26488 34.5279L9.39569 35.6982C10.2579 36.1717 11.341 35.8563 11.8141 34.9945C12.2876 34.1323 11.9727 33.0493 11.1105 32.5757L5.64473 29.5738C4.78341 29.1007 3.7013 29.4147 3.22727 30.2756L0.22122 35.7343C-0.253273 36.5961 0.0607365 37.6792 0.922061 38.1537C1.81168 38.5697 2.82838 38.3652 3.34138 37.4528L4.03804 36.188C7.56729 47.765 18.3447 55.9998 30.8527 55.9998C45.043 55.9998 57.0088 45.4009 58.686 31.3461C58.8029 30.3693 58.1053 29.4829 57.1289 29.3665Z" fill="#6672FB" />
<path d="M59.718 15.2093C58.8154 14.8202 57.7672 15.2362 57.3776 16.1397L56.8163 17.4403C55.0626 13.1522 52.2481 9.31501 48.6228 6.34421C43.6316 2.2528 37.3208 0 30.8527 0C24.3847 0 18.0739 2.2528 13.0822 6.34421C8.15961 10.3786 4.72915 16.0094 3.42302 22.1987C3.21986 23.1611 3.83583 24.106 4.79826 24.3091C5.75931 24.5123 6.70552 23.8968 6.90821 22.9343C8.04783 17.5349 11.0423 12.6216 15.3401 9.09887C19.6963 5.52834 25.2057 3.56218 30.8527 3.56218C36.4994 3.56218 42.0087 5.52834 46.3649 9.09887C49.7133 11.8429 52.2699 15.4315 53.7755 19.4362L51.5204 18.4663C50.6168 18.0781 49.569 18.4951 49.1804 19.3986C48.7917 20.3021 49.2091 21.3494 50.1126 21.7381L55.8418 24.2024C56.8168 24.6055 57.7662 24.1936 58.1814 23.2715L60.6484 17.5498C61.0381 16.6467 60.6215 15.5989 59.718 15.2093Z" fill="#6672FB" />
<path d="M41.8301 14.897C42.3412 13.8659 42.4196 12.6971 42.0518 11.6066C41.684 10.5161 40.9136 9.63442 39.8825 9.12328C37.7535 8.06854 35.164 8.94239 34.1088 11.0709C33.8783 11.5366 33.7363 12.0301 33.6834 12.5319C32.3077 12.4053 30.9093 12.5333 29.554 12.9234C26.8564 13.6989 24.5619 15.4438 23.0934 17.8358L18.284 25.6689C17.6416 25.5538 16.9774 25.6016 16.3419 25.8159C15.348 26.1513 14.5441 26.8535 14.0789 27.7927L13.7617 28.4323C12.8006 30.3721 13.5966 32.7325 15.5367 33.6935L25.9478 38.8522C24.9227 40.9849 25.3819 43.3815 28.0424 44.7201C30.375 45.6783 32.9715 44.7395 33.9798 42.8323L35.0805 43.3773C35.6306 43.65 36.2234 43.7878 36.8198 43.7878C37.2424 43.7878 37.6668 43.7187 38.0787 43.5795C39.0722 43.2446 39.876 42.5424 40.3417 41.6027L40.6585 40.9631C41.1241 40.0234 41.196 38.9589 40.8607 37.9649C40.6464 37.3295 40.2818 36.7719 39.8013 36.3304L43.1204 27.7593C44.1339 25.1415 44.1321 22.2588 43.1153 19.6428C42.6047 18.3284 41.8593 17.1382 40.9256 16.1201C41.2925 15.7741 41.5996 15.3627 41.8301 14.897ZM37.9664 12.2309C38.3797 12.2309 38.7146 12.5658 38.7146 12.9786C38.7146 13.3919 38.3797 13.7263 37.9664 13.7263C37.5536 13.7263 37.2187 13.3914 37.2187 12.9786C37.2187 12.5658 37.5536 12.2309 37.9664 12.2309ZM30.3295 41.5758C30.0958 41.6551 29.8453 41.6379 29.624 41.5285C29.4028 41.419 29.2377 41.2298 29.1588 40.996C29.0971 40.8132 29.0948 40.6198 29.1491 40.4389L30.779 41.2465C30.6672 41.3991 30.5123 41.5146 30.3295 41.5758ZM39.7985 26.4731L36.183 35.809C35.6742 36.9626 36.1607 38.3281 37.3013 38.8939H37.3018C37.4877 38.9932 37.5559 39.1973 37.4669 39.3819L37.1496 40.0215C37.0434 40.207 36.8542 40.2678 36.6621 40.1857L17.1184 30.5019C16.9384 30.4129 16.8642 30.194 16.9533 30.0145L17.2705 29.3748C17.3563 29.2167 17.5228 29.1044 17.7585 29.2102C18.3266 29.4917 18.9704 29.5349 19.5716 29.3326C20.1388 29.1411 20.604 28.7519 20.8911 28.231L26.1287 19.6999C27.131 18.0672 28.6973 16.8761 30.5387 16.3464C32.3796 15.8168 34.3393 15.9935 36.0555 16.8441C36.0559 16.8441 36.0559 16.8441 36.0564 16.8446C36.0568 16.8446 36.0568 16.8446 36.0573 16.8451C37.7739 17.6957 39.1014 19.1475 39.7953 20.9332C40.4892 22.7189 40.4901 24.6865 39.7985 26.4731Z" fill="#6672FB" />
</svg>
</span> -->
<h4 class="mt-0 mb-3">
Top-notch user experience</h4>
<p class="mb-4 lead">The user experience of mobile apps created using Flutter is excellent. It uses modern widgets and technology to deliver slick, quick animations. Flexible and expressive user interfaces can be made with Flutter. Developers may design beautiful user interfaces thanks to the extensive array</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-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': "Flutter 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 Flutter 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>