| 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>
<!--required meta tags-->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<!--meta-->
<meta name="description" content="Syoft is a technology based company that thrives on improving businesses and change people’s lives. We help businesses and individuals in adapting digital transformation.">
<meta name="author" content="">
<!--favicon icon-->
<link rel="icon" href="assets/img/favicon.png" type="image/png" sizes="16x16">
<!--title-->
<title>Syoft</title>
<!-- 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 -->
<!--google fonts-->
<link href="https://fonts.googleapis.com/css2?family=Poppins: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-->
<!--page header section start-->
<section class="page-header position-relative overflow-hidden ptb-120 bg-dark" style="background: url('assets/img/career-banner.jpeg')no-repeat bottom center / cover">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-lg-8 col-12">
<div class="company-info-wrap">
<!-- <div class="company-logo p-4 bg-white shadow rounded-custom me-4 mt-2">
<div class="logo">
<img src="assets/img/2.png" alt="company logo" class="img-fluid">
</div>
</div> -->
<div class="company-overview">
<!-- <h1 class="display-5 fw-bold">Senior Backend Developer</h1>
<h6>About The Company</h6>
<ul class="list-unstyled list-inline mb-0 mt-3">
<li class="list-inline-item me-4"><i class="far fa-house-building me-2"></i> Google</li>
<li class="list-inline-item me-4">
<div class="star-rating">
<i class="far fa-smile me-2"></i>
<span class="fas fa-star small text-warning"></span>
<span class="fas fa-star small text-warning"></span>
<span class="fas fa-star small text-warning"></span>
<span class="fas fa-star small text-warning"></span>
<span class="fas fa-star small text-warning"></span>
</div>
</li>
<li class="list-inline-item me-4"><i class="far fa-map-marker-alt me-2"></i>United
Kingdom
</li>
</ul> -->
<p> </p>
</div>
</div>
</div>
<!-- <div class="col-lg-3 col-12">
<div class="annual-salary-wrap rounded-custom">
<h6>Annual Salary</h6>
<span class="display-6 fw-semi-bold text-dark mb-0">$35k - $38k</span>
</div>
</div> -->
</div>
<div class="bg-circle rounded-circle circle-shape-3 position-absolute bg-dark-light right-5"></div>
</div>
</section>
<!--page header section end-->
<!--job details section start-->
<section class="job-details ptb-60">
<div class="container">
<div class="row justify-content-between">
<div class="col-lg-8 pe-lg-5">
<div class="job-details-wrap">
<h1 class="display-5"><span class="text-warning">Angular </span>Developer</h1>
<div class="job-details-info mt-5">
<h3 class="h2 display-5">Your role is to</h3>
<ul class="content-list list-unstyled">
<li>Deliver complete front-end applications using Angular 8+.
</li>
<li>Ensure applications high performance.</li>
<li>Write tested and documented Javascript, HTML, and CSS.
</li>
<li>Collaborate with the team in the process of building and integrating RESTful APIs.</li>
<li>Communicate with external web services.
</li>
<li>Work efficiently with version control, workflows (git/GitHub).
</li>
<li>Solid understanding of application security, best practices.</li>
<li>Unit/functional testing.</li>
</ul>
</div>
<div class="job-details-info mt-4">
<h2>Required Qualifications</h2>
<ul class="content-list list-unstyled">
<li>Bachelors / Master’s Degree in Computer Science or any relevant field.
</li>
<li>Highly motivated individuals with at least 3 years of relevant experience.</li>
<li>Excellent debugging and troubleshooting skills
Strong expertise with Angular, HTML5, CSS3, and writing cross-browser compatible code.
</li>
<li>Strong knowledge on Object-Oriented Javascript.</li>
<li>Experience with ECMAScript 6 and Typescript.
</li>
<li>Proficient understanding of asynchronous request handling, Ajax & Restful API call.
</li>
<li>Hands-full experience in understanding and working on curd operations in Angular & code optimization.</li>
<li>Experience with RESTful Services is highly recommended.</li>
<li>Understanding CSS pre-compilers like Sass and LESS.</li>
<li>Experience in building a responsive design.</li>
<li>Skilled in CSS frameworks like Bootstrap.</li>
<li>Good understanding of AJAX and Javascript Dom manipulation Techniques.</li>
<li>Experience working in an early stage startup is an added advantage.</li>
<li>Should have good communication skills.</li>
<li>Must be a team player.</li>
</ul>
</div>
<div class="job-details-info mt-5">
<h2>What we offer</h2>
<ul class="content-list list-unstyled">
<li>A competitive pay.</li>
<li>Work directly with our Founders.</li>
<li>Performance based bonuses.</li>
<li>Friendly work environment.</li>
<li>A platform to showcase your skillset as well as learn and many more.</li>
</ul>
</div>
<!-- <img src="assets/img/apply-now-1.jpg" class="img-fluid mt-5 rounded-custom" alt="apply"> -->
</div>
</div>
<div class="col-lg-4">
<div class="job-overview-wrap bg-light p-5 rounded-custom mb-5 mt-lg-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 class="section-heading mb-0">
<h5>Talk to us</h5>
</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">
<form action="https://www.syoft.com/thankyou.php" method="post" name="postForm" id="postForm1">
<div class="bgn-wf-row">
<div class="row-column1">
<!--<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>
<div class="bgn-wf-row">
<div class="row-column1">
<!--<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">
<span class="bgn-star">*</span>
</div> -->
<div class="bgn-wf-field">
<!-- <input name="mobile" id="mobile" type="text" maxlength="30" value="" placeholder="Mobile" style=" border: 1px solid #e2e0df;padding: 10px 15px;border-radius: .375rem;width: 18%;" /> -->
<!-- <select class="selectpicker countrypicker" data-flag="true" style=" border: 1px solid #e2e0df;padding: 10px 15px;border-radius: .375rem;width: 18%;"></select> -->
<!-- <input name="mobile" id="mobile" type="text" maxlength="30" value="" placeholder="Mobile" style=" border: 1px solid #e2e0df;padding: 10px 15px;border-radius: .375rem;width: 100%;" /> -->
<div class="dropdown" id="country-codes">
<input name="mobile" id="mobile" type="text" maxlength="30" value="" placeholder="Mobile" style=" border: 1px solid #e2e0df;padding: 10px 15px;border-radius: .375rem;width: 100%;" />
</div>
</div>
<div id='mobile_Error'></div>
</div>
</div>
<div class="bgn-wf-row">
<div class="row-column1">
<!-- <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">
<div class="row-column1">
<input type="file" id="photo" name="photo" accept="image/*">
<div id='description_Error2'></div>
</div>
</div>
<div class="bgn-wf-row" style="margin-top: 5px;">
<!-- <div class="row-column1">
<div class="bgn-wf-field aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
<button class="btn btn-warning me-lg-4 me-sm-4 w-100" id='formsubmit310182000000229439-1' type='submit'><i class="far fa-arrow-right"></i> Submit</button>
</div>
</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 w-100" id='formsubmit310182000000229439-1' type='submit'><i class="far fa-arrow-right"></i> Submit contact form</button>
</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': "Digital Career",
};
// 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>
</div>
</section>
<!--job details section end-->
<!--related job start-->
<section class="related-job-list ptb-60 bg-primary">
<div class="container">
<div class="row align-items-center justify-content-between">
<div class="col-lg-8 col-md-12">
<div class="section-heading mb-3">
<span class="crm-subtitle">Related Jobs <img src="assets/img/shape/arro-right.svg" alt="arrow" class="ms-1"></span>
<h2 class="text-white">More Openings Jobs at Syoft</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6">
<a href="digital-career.php" class="text-decoration-none mt-4 mt-lg-0 mt-xl-0 single-open-job p-4 bg-light-green d-block rounded-custom">
<div class="d-flex justify-content-between align-items-center mb-2">
<span class="text-dark h6 mb-2 job-time"><i class="far fa-briefcase me-2"></i>Full Time</span>
<span class="badge px-3 py-2 btn btn-dark text-white rounded-pill small">Apply Now</span>
</div>
<h3 class="h5">Digital Marketing Executive</h3>
<ul class="job-info-list list-inline list-unstyled">
<li class="list-inline-item text-dark"><span class="far fa-map-marker-alt me-1 text-dark"></span>Hyderabad
</li>
<!-- <li class="list-inline-item"><span class="far fa-wallet me-1"></span> $35k - $45k</li> -->
</ul>
</a>
</div>
<div class="col-lg-4 col-md-6">
<a href="reactjs-career.php" class="text-decoration-none mt-4 mt-lg-0 mt-xl-0 single-open-job p-4 bg-light-blue d-block rounded-custom">
<div class="d-flex justify-content-between align-items-center mb-2">
<span class="text-dark h6 mb-2 job-time"><i class="far fa-briefcase me-2"></i>Full Time</span>
<span class="badge px-3 py-2 btn btn-dark text-white rounded-pill small">Apply Now</span>
</div>
<h3 class="h5">Reactjs Developer</h3>
<ul class="job-info-list list-inline list-unstyled text-muted">
<li class="list-inline-item text-dark"><span class="far fa-map-marker-alt me-1 text-dark"></span>Hyderabad
</li>
</ul>
</a>
</div>
<div class="col-lg-4 col-md-6">
<a href="devops-career.php" class="text-decoration-none mt-4 mt-lg-0 mt-xl-0 single-open-job p-4 bg-light-yellow d-block rounded-custom">
<div class="d-flex justify-content-between align-items-center mb-2">
<span class="text-dark h6 mb-2 job-time"><i class="far fa-briefcase me-2"></i> Full Time</span>
<span class="badge px-3 py-2 btn btn-dark text-white rounded-pill small">Apply Now</span>
</div>
<h3 class="h5">Devops Engineer</h3>
<ul class="job-info-list list-inline list-unstyled text-muted">
<li class="list-inline-item text-dark"><span class="far fa-map-marker-alt me-1 text-dark"></span> Hyderabad
</li>
</ul>
</a>
</div>
</div>
</div>
</section>
<!--related job end-->
<?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:poppins;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>
<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': "Angular Career",
};
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>
<!-- <ul class="list-unstyled">
<li class="d-flex align-items-start mb-4">
<div class="icon-box bg-primary rounded me-4">
<i class="fas fa-location-dot text-white"></i>
</div>
<div class="icon-content">
<h3 class="h5 fw-bold">Location</h3>
<p class="lead">1st Floor, Plot No. 16, Jayabheri Enclave, Gachibowli, Hyderabad, Telangana 500032</p>
</div>
</li>
<li class="d-flex align-items-start mb-4">
<div class="icon-box bg-danger rounded me-4">
<i class="fas fa-envelope text-white"></i>
</div>
<div class="icon-content">
<h3 class="h5 fw-bold">Email Us</h3>
<p class="lead"> <a href="mailto:info@syoft.com">info@syoft.com</a></p>
</div>
</li>
<li class="d-flex align-items-start mb-4">
<div class="icon-box bg-danger rounded me-4">
<i class="fas fa-phone text-white"></i>
</div>
<div class="icon-content">
<h3 class="h5 fw-bold">Give us a call</h3>
<p class="lead"><a href="tel:+91 9030819534" class="call"> +91 9030819534</a> | <a href="tel:+18622820099" class="call"> +1 862-282-0099</a></p>
</div>
</li>
</ul> -->
</div>
</div>
</div>
</div>
</section>
<!--contact us form end-->
<section class="work-process ptb-60 bpo-services">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-12 col-lg-10">
<div class="section-heading text-center mb-0">
<!-- <h4 class="h4 text-warning">Find the right answer</h4> -->
<h2 class="display-5">Our Locations</h2>
</div>
</div>
</div>
<div class="row d-flex align-items-center">
<div class="col-md-6 col-lg-6">
<a href="#">
<div class="process-card-two text-center px-3 py-4 rounded-custom mt-4 border border-light border-2">
<img src="assets/img/hyd-skyline.png" class="img-fluid" alt="skyline">
<h3 class="h4 fw-semi-bold mt-3">India</h3>
</div>
</a>
</div>
<div class="col-md-6 col-lg-6">
<a href="#">
<div class="process-card-two text-center px-3 py-4 rounded-custom mt-4 border border-light border-2">
<img src="assets/img/bangalore-skyline.png" class="img-fluid" alt="skyline">
<h3 class="h4 fw-semi-bold mt-3">United States</h3>
</div>
</a>
</div>
<!-- <div class="col-md-6 col-lg-4">
<a href="#">
<div class="process-card-two text-center px-3 py-5 rounded-custom mt-4 border border-light border-2">
<img src="assets/img/bangalore-skyline.png" class="img-fluid" alt="skyline">
<h3 class="h5 mt-3">Bhubaneswar</h3>
</div>
</a>
</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>