| 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>Website Development Company in India & USA- Syoft</title>
<meta name="description" content=" We are India's leading web design and website development company. Our passion is to create visually stunning websites with high-end software solutions.">
<meta name="keywords" content="website development company, website development company in india, website development services, web development company in hyderabad, web design and development services">
<meta property="og:title" content="Website Development Company in India & USA- Syoft">
<meta property="og:description" content="We are India's leading web design and website development company. Our passion is to create visually stunning websites with high-end software solutions.">
<meta property="og:keywords" content="website development company, website development company in india, website development services, web development company in hyderabad, web design and development services">
<meta property="og:url" content="https://www.syoft.com/services/website-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="Website Development Company in India & USA- Syoft">
<meta property="twitter:description" content=" We are India's leading web design and website development company. Our passion is to create visually stunning websites with high-end software solutions. ">
<meta property="twitter:image" content="">
<link rel="canonical" href="https://www.syoft.com/services/website-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-->
<style>
.list-two-col li.stack_list_2::after {
position: absolute;
content: "";
bottom: -2px;
height: 2px;
width: 43%;
left: 0;
bottom: 0px !important;
background-color: var(--bs-primary);
}
.list-two-col li.stack_list_3::after {
position: absolute;
content: "";
bottom: -2px;
height: 2px;
width: 43%;
left: 263px;
bottom: 0px !important;
background-color: var(--bs-primary);
}
</style>
</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="website development" class="img-fluid preloader-icon" />
<div class="loading-bar"></div>
</div>
</div>
<!--preloader end-->
<!--main content wrapper start-->
<div class="main-wrapper">
<!--header section start-->
<?php include '../header.php'; ?>
<!--header section End-->
<!--hero section start-->
<section class="hero-section ptb-60" style="background: url('../assets/img/banners/website-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"> ✦ Website </span><br>Development Company</h1>
<p class="lead">Website is an essential asset for any business in today's digital-driven world. At Syoft, we provide a wide range of website development services to help you create an online presence that accurately reflects your brand. We are a full-service web design firm with experience in both conventional and cutting-edge techniques and expertise. Contact us today and let us help you turn your vision into reality.</p>
<div class="action-btns text-left pt-2 aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
<a href="#expert" class="btn btn-primary me-lg-4 me-sm-4">Connect with expert</a>
<a href="#casestudies" class="btn btn-warning">Recent case studies</a>
</div>
</div>
</div>
<!-- <div class="col-lg-6 col-md-8 ">
<div class="hero-img position-relative circle-shape-images">
<img src="../assets/img/banners/website-dev-b.png" alt="website development" width="500" class="img-fluid position-relative z-5">
</div>
</div> -->
</div>
</div>
</section>
<!--hero section end-->
<section class="our-story-section pt-60 pb-120" id="expert" style="background: url('../assets/img/shape/dot-dot-wave-shape.svg')no-repeat left bottom">
<div class="container">
<div class="row justify-content-between">
<div class="col-lg-5 col-md-12 order-lg-1">
<!-- <div class="section-heading sticky-sidebar">
<h5 class="text-warning">Our achievements</h5>
<h2> reflect your passion and perseverance</h2>
<p>Over the past 7 years, we have achieved quite a few milestones, and still counting. Yet, being selective about our partnerships to stay away from qualitative compromises. We have worked with businesses scaling from pre-seed startups to corporates and actively looking forward to working with people bearing the same passion and excitement like we do.</p>
</div> -->
<div class='bgn-wf-wrapper sticky-sidebar' id='BiginWebToEntityFormDiv310182000000229439' style='max-width:100%;margin:0em auto;padding: 0px 30px;color:black;'>
<!--<form id='BiginWebToContactForm310182000000229439' name='BiginWebToContactForm310182000000229439' method='POST' enctype='multipart/form-data' onSubmit='javascript:document.charset="UTF-8"; return validateForm310182000000229439()' accept-charset='UTF-8' style='margin: 0;'>-->
<!-- Do not remove this code. -->
<input type='text' style='display:none;' name='xnQsjsdp' value='423c92bf81f8e0a58493ac6d1a1b6ff0d1849ce0da73f6ebe7cb8824b708c951' />
<input type='text' style='display:none;' name='zc_gad' id='zc_gad' value='' />
<input type='text' style='display:none;' name='xmIwtLD' value='65db258607b5d5410a00f22a686f9548b88f4cdb516fe9f0f2725f95c6033ee2' />
<input type='text' style='display:none;' name='actionType' value='Q29udGFjdHM=' />
<input type='text' style='display:none;' name='returnURL' value='https://syoft.com' />
<div class="section-heading mb-0">
<!-- <h4 class="h5 text-warning">GET FREE CONSULTATION FROM PPC EXPERT</h4> -->
<h2 class="display-5">Schedule a zoom call with <span class="text-warning"> our Expert</span></h2>
<p class="lead">Get in touch with us and talk to our expert for website 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-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': "website 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="website development" class="img-fluid position-absolute color-shape-2 z-5">
</li>
<li class="layer" data-depth="0.03">
<img src="../assets/img/color-shape/feature-3.svg" alt="website development" class="img-fluid position-absolute color-shape-3">
</li>
</ul>
<!--animated shape end-->
<div class="story-grid rounded-custom bg-dark overflow-hidden position-relative">
<div class="story-item bg-light border">
<h3 class="display-5 fw-bold mb-1 text-warning">24+</h3>
<h6 class="mb-0 fw-bold text-warning">SaaS Platforms Built</h6>
</div>
<div class="story-item bg-white border">
<h3 class="display-5 fw-bold mb-1 text-primary">233+</h3>
<h6 class="mb-0 fw-bold">Projects Completed Successfully</h6>
</div>
<div class="story-item bg-white border">
<h3 class="display-5 fw-bold mb-1 text-dark">440+</h3>
<h6 class="mb-0 fw-bold">Global Business Consultations</h6>
</div>
<div class="story-item bg-light border">
<h3 class="display-5 fw-bold mb-1 text-warning">186+</h3>
<h6 class="mb-0 fw-bold text-warning">IOS, Android & Hybrid Apps</h6>
</div>
<div class="story-item bg-light border">
<h3 class="display-5 fw-bold mb-1 text-danger">19</h3>
<h6 class="mb-0 fw-bold text-warning">Countries Clients Served</h6>
</div>
<div class="story-item bg-white border">
<h3 class="display-5 fw-bold mb-1 text-primary">98.3%</h3>
<h6 class="mb-0 fw-bold ">Projects delivered on-time</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="feature-section ptb-60 bg-primary text-white" id="casestudies">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10 col-md-10">
<div class="section-heading text-center">
<span class="crm-subtitle">Case Studies <img src="../assets/img/shape/arro-right.svg" alt="arrow" class="ms-1"></span>
<h2 class="display-5 text-white">Few of Our <span class="text-warning">Recent Works</span></h2>
<!-- <p class="mb-0 lead text-center " style="line-height: 1.5 !important;">When appropriate PPC strategies are incorporated into the business, the sales will topple over and skyrocket. However, it is crucial to ensure the strategies feature excellent performance and can yield positive results over time.</p> -->
</div>
</div>
</div>
<div class="row align-items-center">
<div class="col-12">
<div id="carouselExampleInterval" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active" data-bs-interval="10000">
<div class="row align-items-center justify-content-lg-between px-3">
<div class="col-lg-8">
<img src="../assets/img/portfolio/p-1.png" alt="" width="850" class="d-block">
</div>
<div class="col-lg-4 text-dark">
<div class="section-heading text-center text-xl-start text-lg-start mb-0" data-aos="fade-right">
<h5 class="text-warning">Eazyrooms</h5>
<h2 class="dispaly-5 text-white">SaaS Platform for Hotels</h2>
<p class="lead">Eazyrooms is the best hotel management software that helps hotels enhance their guest experience. We delivered them a robust seamless Mobile and web application solutions.</p>
<div class="author-info mt-4">
<h6 class="mb-0 text-white">Platforms Developed :</h6>
<ul class="nav testimonial-tab-list mt-4" id="nav-tab" role="tablist">
<li class="nav-item">
<img src="../assets/img/android.svg" class="img-fluid" width="30" alt="user">
Android
</li>
<li class="nav-item platform">
<img src="../assets/img/ios-white.svg" class="img-fluid" width="25" alt="user">
iOS
</li>
<li class="nav-item">
<img src="../assets/img/html.svg" class="img-fluid" width="30" alt="user">
Web
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item" data-bs-interval="2000">
<div class="row align-items-center justify-content-lg-between px-3">
<div class="col-lg-8">
<img src="../assets/img/portfolio/p-6.png" alt="" width="850" class="d-block ">
</div>
<div class="col-lg-4 text-dark">
<div class="section-heading text-center text-xl-start text-lg-start mb-0" data-aos="fade-right">
<h5 class="text-warning">Ontario Homeopaths</h5>
<h2 class="dispaly-5 text-white">We build a Responsive Website for Homeopathic Practitioners</h2>
<p class="lead">Registered Ontario Homeopaths mission is to promote, represent, and support professional homeopaths.</p>
<div class="author-info mt-4">
<h6 class="mb-0 text-white">Service Offered :</h6>
<ul class="nav testimonial-tab-list mt-4" id="nav-tab" role="tablist">
<li class="nav-item">
<img src="../assets/img/html.svg" class="img-fluid" width="30" alt="user">
Website Development
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row align-items-center justify-content-lg-between px-3">
<div class="col-lg-8">
<img src="../assets/img/portfolio/pobyte-slide.png" alt="" width="850" class="d-block">
</div>
<div class="col-lg-4 text-dark">
<div class="section-heading text-center text-xl-start text-lg-start mb-0" data-aos="fade-right">
<h5 class="text-warning">Pobyt </h5>
<h2 class="dispaly-5 text-white">Book Short Stays Hotel</h2>
<p class="lead">Pobyt is a hotel booking platform that enables you to book flexible-length stays at luxury hotels. We build a remarkable app and web application that meet the core needs.</p>
<div class="author-info mt-4">
<h6 class="mb-0 text-white">Service Offered :</h6>
<ul class="nav testimonial-tab-list mt-4" id="nav-tab" role="tablist">
<li class="nav-item">
<img src="../assets/img/android.svg" class="img-fluid" width="30" alt="user">
Android
</li>
<li class="nav-item platform">
<img src="../assets/img/ios-white.svg" class="img-fluid" width="25" alt="user">
iOS
</li>
<li class="nav-item">
<img src="../assets/img/html.svg" class="img-fluid" width="30" alt="user">
Web
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row align-items-center justify-content-lg-between px-3">
<div class="col-lg-8">
<img src="../assets/img/portfolio/p-5.png" alt="" width="850" class="d-block">
</div>
<div class="col-lg-4 text-dark">
<div class="section-heading text-center text-xl-start text-lg-start mb-0" data-aos="fade-right">
<h5 class="text-warning">Zepul™️</h5>
<h2 class="dispaly-5 text-white">Recruiting Platform to Easily Source, Recruit, Manage & Hire</h2>
<p class="lead">Zepul™️ aims to quickly, effectively, and economically link organizations with the right candidates and vice versa in order to facilitate and streamline the recruiting ecosystem.</p>
<div class="author-info mt-4">
<h6 class="mb-0 text-white">Platforms developed :</h6>
<ul class="nav testimonial-tab-list mt-4" id="nav-tab" role="tablist">
<li class="nav-item">
<img src="../assets/img/android.svg" class="img-fluid" width="30" alt="user">
Android
</li>
<li class="nav-item platform">
<img src="../assets/img/ios-white.svg" class="img-fluid" width="25" alt="user">
iOS
</li>
<li class="nav-item">
<img src="../assets/img/html.svg" class="img-fluid" width="30" alt="user">
Web
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row align-items-center justify-content-lg-between px-3">
<div class="col-lg-8">
<img src="../assets/img/portfolio/pick-my-food-slide.png" alt="" width="850" class="d-block">
</div>
<div class="col-lg-4 text-dark">
<div class="section-heading text-center text-xl-start text-lg-start mb-0" data-aos="fade-right">
<h5 class="text-warning">Pick My Food</h5>
<h2 class="dispaly-5 text-white">Food Ordering Platform</h2>
<p class="lead">PickMyFood' your choice and convenience. We helped Pickmyfood with a web application where customers can order food items.</p>
<div class="author-info mt-4">
<h6 class="mb-0 text-white">Service Offered :</h6>
<ul class="nav testimonial-tab-list mt-4" id="nav-tab" role="tablist">
<li class="nav-item">
<img src="../assets/img/html.svg" class="img-fluid" width="30" alt="user">
Web application
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row align-items-center justify-content-lg-between px-3">
<div class="col-lg-8">
<img src="../assets/img/portfolio/p-2.png" alt="" width="850" class="d-block">
</div>
<div class="col-lg-4 text-dark">
<div class="section-heading text-center text-xl-start text-lg-start mb-0" data-aos="fade-right">
<h5 class="text-warning">Blue Bliss</h5>
<h2 class="dispaly-5 text-white">Overseas Education & Migration Services</h2>
<p class="lead">Blue Bliss Overseas Consultants is the one-stop solution for all international education & migration requirements. We helped them to launch a website and engage a Global audience.</p>
<div class="author-info mt-4">
<h6 class="mb-0 text-white">Service Offered :</h6>
<ul class="nav testimonial-tab-list mt-4" id="nav-tab" role="tablist">
<li class="nav-item">
<img src="../assets/img/html.svg" class="img-fluid" width="30" alt="user">
Website Design and Development
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row align-items-center justify-content-lg-between px-3">
<div class="col-lg-8">
<img src="../assets/img/portfolio/p-3.png" alt="" width="850" class="d-block">
</div>
<div class="col-lg-4 text-dark">
<div class="section-heading text-center text-xl-start text-lg-start mb-0" data-aos="fade-right">
<h5 class="text-warning">Hotel Sindoori</h5>
<h2 class="dispaly-5 text-white">Hospitality Services</h2>
<p class="lead">We helped them to build a website application to make easy Bookings & Orders.</p>
<div class="author-info mt-4">
<h6 class="mb-0 text-white">Service Offered :</h6>
<ul class="nav testimonial-tab-list mt-4" id="nav-tab" role="tablist">
<li class="nav-item">
<img src="../assets/img/html.svg" class="img-fluid" width="30" alt="user">
Web Application
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row align-items-center justify-content-lg-between px-3">
<div class="col-lg-8">
<img src="../assets/img/portfolio/p-4.png" alt="" width="850" class="d-block">
</div>
<div class="col-lg-4 text-dark">
<div class="section-heading text-center text-xl-start text-lg-start mb-0" data-aos="fade-right">
<h5 class="text-warning">Worke</h5>
<h2 class="dispaly-5 text-white">CRM For Small Businesses</h2>
<p class="lead">Worke is an integrated intelligent platform that consolidates and streamlines all your business operations crafted cleverly for small and medium businesses.</p>
<div class="author-info mt-4">
<h6 class="mb-0 text-white">Service Offered :</h6>
<ul class="nav testimonial-tab-list mt-4" id="nav-tab" role="tablist">
<li class="nav-item">
<img src="../assets/img/html.svg" class="img-fluid" width="30" alt="user">
SaaS Application
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleInterval" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleInterval" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
</div>
</div>
</section>
<section class="hd-faq-section ptb-60">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10 col-md-10">
<div class="section-heading text-center">
<!-- <h4 class="h5 text-primary">Services</h4> -->
<h2 class="display-5">Elevate your Business with <br /> <span class="text-warning">Website 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 Website Development Expertise</h3>
<p class="text-white mb-4 lead">With our website development services, we will ensure that whether you need a simple HTML5 website or something more complex, like an eCommerce site or an app, we'll work with you to ensure that your website is functional and have a stunning look and feel.</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/website-development-image.jpg" alt="Website 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">
✦ Web Design
</button>
</h5>
<div id="collapse-1" class="accordion-collapse collapse show" aria-labelledby="faq-1" data-bs-parent="#accordionExample">
<div class="accordion-body">
We can create custom designs that reflect the style and personality of your brand, as well as adapt a design if necessary to fit your budget or technical requirements. We have a wide range of templates available for purchase in our marketplace that will get your website up and running quickly without compromising on quality. You can be assured that our custom web design solutions will meet your business needs </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">
✦ Web Development
</button>
</h5>
<div id="collapse-2" class="accordion-collapse collapse" aria-labelledby="faq-2" data-bs-parent="#accordionExample">
<div class="accordion-body">The heart of any web project is the development process. It's not enough to have a great idea and an amazing product – if no one can find it online, it will never be successful. Our expert web designers and developers will create an attractive and functional website that showcases your business on the internet so that customers can easily find you. In addition, we'll ensure every element on your site is easy for visitors to navigate, understand and 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">
✦ Content Management Systems (CMS)
</button>
</h5>
<div id="collapse-3" class="accordion-collapse collapse" aria-labelledby="faq-3" data-bs-parent="#accordionExample">
<div class="accordion-body">We offer several different <a href="cms-development.php">Content Management Systems Services</a>, including WordPress, which allow users to update their websites without relying on someone else for updates and additions. This means you'll always be able to keep your site up-to-date with new content, pictures, and videos whenever necessary</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="work-process pb-60 border-bottom">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-10 col-lg-8">
<div class="section-heading text-center aos-init aos-animate mb-0" data-aos="fade-up">
<h2 class="display-5">Top Software Development Company, <span class="text-warning"> Accredited By </span></h2>
</div>
</div>
</div>
<div class="row align-items-center justify-content-center">
<div class="col-md-6 col-lg-3">
<div class="process-card-two text-center px-4 py-lg-5 py-4 rounded-custom mt-3 aos-init aos-animate" data-aos="fade-up" data-aos-delay="50">
<!-- <script type="text/javascript" src="https://widget.clutch.co/static/js/widget.js"></script>
<div class="clutch-widget w-100" data-url="https://widget.clutch.co" data-widget-type="2" data-height="45" data-nofollow="true" data-expandifr="true" data-scale="100" data-clutchcompany-id="1913624"></div> -->
<a href="#t" style="display:inline-block; "><img src="../assets/img/clutch-review.png" width="250" alt="google reviews" /></a>
</div>
</div>
<div class="col-md-6 col-lg-2">
<div class="process-card-two text-center px-4 py-lg-5 py-4 rounded-custom mt-3 aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
<a href="http://upcity.com/software-development">
<img src="../assets/img/upcity-badge.png" width="150px" height="150px" alt="TOP SOFTWARE DEVELOPER" />
</a>
</div>
</div>
<div class="col-md-6 col-lg-2">
<div class="process-card-two text-center px-4 py-lg-5 py-4 rounded-custom mt-3 aos-init aos-animate" data-aos="fade-up" data-aos-delay="150">
<a href="https://www.appfutura.com/app-developers/india" target="_blank"><img width="150" src="../assets/img/appfeature.png" /></a>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="process-card-two text-center px-4 py-lg-5 py-4 rounded-custom mt-3 aos-init aos-animate" data-aos="fade-up" data-aos-delay="200">
<a href="#t" style="display:inline-block; "><img src="../assets/img/google-reviews.jpg" width="250" alt="google reviews" /></a>
</div>
</div>
</div>
</div>
</section>
<section class="integration-section ptb-60">
<div class="container">
<div class="row align-items-center justify-content-between">
<div class="col-lg-3">
<div class="integration-list-wrap">
<a href="#" class="integration-1" data-bs-toggle="tooltip" data-bs-placement="top" title="Joomla">
<img src="../assets/img/blog/Joomla.png" alt="Joomla" class="img-fluid rounded-circle">
</a>
<a href="#" class="integration-2" data-bs-toggle="tooltip" data-bs-placement="top" title="Wordpress">
<img src="../assets/img/blog/WordPress.png" alt="Wordpress" class="img-fluid rounded-circle">
</a>
<a href="#" class="integration-3" data-bs-toggle="tooltip" data-bs-placement="top" title="Magento">
<img src="../assets/img/blog/magento.png" alt="Magento" class="img-fluid rounded-circle">
</a>
<a href="#" class="integration-4" data-bs-toggle="tooltip" data-bs-placement="top" title="Android">
<img src="../assets/img/blog/android.png" alt="Android" class="img-fluid rounded-circle">
</a>
<a href="#" class="integration-5" data-bs-toggle="tooltip" data-bs-placement="top" title="Kubernetes">
<img src="../assets/img/blog/kubernetes.png" alt="Kubernetes" class="img-fluid rounded-circle">
</a>
<a href="#" class="integration-6" data-bs-toggle="tooltip" data-bs-placement="top" title="Google Cloud">
<img src="../assets/img/blog/googlecloud.png" alt="Google Cloud" class="img-fluid rounded-circle">
</a>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="section-heading text-center my-5 my-lg-0 my-xl-0">
<span class="crm-subtitle">Technologies <img src="../assets/img/shape/arro-right.svg" alt="arrow" class="ms-1"></span>
<!-- <h4 class="text-warning h5">Technologies</h4> -->
<h2 class="display-5">We curate your dream software bundle like none other</h2>
<p class="text-center lead">Without any compromise on service quality, we work in synergy, keeping in mind, the best software solution for you.</p>
<!-- <a href="integrations.html" class="mt-4 btn btn-primary">View all Integration</a> -->
</div>
</div>
<div class="col-lg-3">
<div class="col-lg-4">
<div class="integration-list-wrap">
<a href="#" class="integration-7" data-bs-toggle="tooltip" data-bs-placement="top" title="Angular">
<img src="../assets/img/blog/Angular.png" alt="Angular" class="img-fluid rounded-circle">
</a>
<a href="#" class="integration-8" data-bs-toggle="tooltip" data-bs-placement="top" title="ReactJS">
<img src="../assets/img/blog/React.png" alt="ReactJS" class="img-fluid rounded-circle">
</a>
<a href="#" class="integration-9" data-bs-toggle="tooltip" data-bs-placement="top" title="Python">
<img src="../assets/img/blog/Python.png" alt="Python" class="img-fluid rounded-circle">
</a>
<a href="#" class="integration-10" data-bs-toggle="tooltip" data-bs-placement="top" title=".Net Core">
<img src="../assets/img/blog/net_core.png" alt=".Net Core" class="img-fluid rounded-circle">
</a>
<a href="#" class="integration-11" data-bs-toggle="tooltip" data-bs-placement="top" title="Apple">
<img src="../assets/img/blog/apple.png" alt="Apple" class="img-fluid rounded-circle">
</a>
<a href="#" class="integration-12" data-bs-toggle="tooltip" data-bs-placement="top" title="PostgreSQL">
<img src="../assets/img/blog/PostgreSQL.png" alt="PostgreSQL" class="img-fluid rounded-circle">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="hd-htw-section ptb-60 position-relative overflow-hidden z-1">
<div class="container">
<div class="row align-items-center g-5 justify-content-center">
<div class="col-lg-6">
<div class="hd-title text-center text-lg-start hd-border-right position-relative">
<h2 class="display-5">Why <span class="text-warning">Choose Us? </span></h2>
</div>
</div>
<div class="col-lg-6 col-md-8">
<div class="hd-description text-center text-lg-start">
<p class=" lead">As a website development company, we can help you avail the most out of your existing site. First, we'll work with you to determine what makes sense for your business and what goals you want to achieve. </p>
</div>
</div>
</div>
<div class="row align-items-center justify-content-lg-between pt-5">
<div class="col-lg-5 col-xl-5 col-sm-12">
<div class="app-two-feature-three-img position-relative text-center mt-5 mt-lg-0">
<img src="../assets/img/banners/website-development-img.jpg" alt="app screen" width="500" class="position-relative z-5" />
</div>
</div>
<div class="col-lg-7 col-xl-7 col-sm-12 px-3">
<div class="app-two-feature-three-left">
<div class="pb-3 text-center">
<!-- <p class=" mb-0"> The small amount of brainstorming before starting will give your project a firm foundation and help you develop the best custom software. We will discuss some of the most important considerations to make before starting a custom software developmen</p> -->
</div>
<ul class="list-unstyled " style="font-weight: 600">
<li class="py-1"><i class="fas fa-check-circle me-2 text-primary"></i>At Syoft we believe that your business's success depends on your website's quality. </li>
<li class="py-1"><i class="fas fa-check-circle me-2 text-primary"></i>We design websites that are not only attractive but also search engine optimised.</li>
<!-- <li class="py-1"><i class="fas fa-check-circle me-2 text-primary"></i>With our expertise, we build websites with WordPress as our core technology.</li> -->
<li class="py-1"><i class="fas fa-check-circle me-2 text-primary"></i>We also use a combination of best practices and cutting-edge technologies.</li>
<li class="py-1"><i class="fas fa-check-circle me-2 text-primary"></i>We make sure that the websites are completely responsive and compatible with all devices.</li>
<li class="py-1"><i class="fas fa-check-circle me-2 text-primary"></i>We believe in creating a long term journey with our clients.</li>
<!-- <li class="py-1"><i class="fas fa-check-circle me-2 text-primary"></i>We offer affordable monthly plans based on the needs of your business.</li> -->
</ul>
</div>
</div>
</div>
<div class="row pt-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-header1">
<!-- <h3 class="package-name text-primary d-block">Native App Development</h3> -->
<p class="lead ">Moreover, we are a website development company that offers many different services to help businesses succeed online. Our team of web developers is highly skilled and experienced in creating beautiful and functional websites. We can help you with everything from design to hosting, e-commerce solutions, and more.</p>
</div>
</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-header1">
<!-- <h3 class="package-name text-white d-block">Hybrid App Development</h3> -->
<p class="lead text-white">To ensure you get what you want, we take the time to deeply understand your needs and expectations before starting any project. This allows us to build something that will serve your business well over the long term, which is why you should choose us as your next web development company in Hyderabad, India.</p>
</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': "Website 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 Digital<br /> Marketing Company</h3>
<ul class="list-unstyled d-flex flex-wrap list-two-col mt-2">
<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 /> marketing experts </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>
</div>
<div class="section-heading aos-init aos-animate mb-0" data-aos="fade-up">
<ul class="customer-logos-grid text-center list-unstyled mb-0 align-items-baseline">
<li><a href="https://www.sortlist.com/agency/syoft" style="display:inline-block; ">
<img src="https://core.sortlist.com//_/apps/core/images/badges-en/badge-flag-black-light-xl.svg" width="300" alt="clients logo" class="img-fluid p-1 m-auto aos-init aos-animate" data-aos="fade-up"></a>
</li>
<li><a href="https://www.designrush.com/agency/profile/syoft">
<img src="../assets/img/Profile-badge.png" width="100" alt="clients logo" class="img-fluid p-1 m-auto aos-init aos-animate" data-aos="fade-up" data-aos-delay="50"></a>
</li>
<li>
<img src="../assets/img/360-digital-marketing.png" width="100" 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/google-reviews.jpg" width="300" 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 Website 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>