PK
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Questend India Pvt Ltd">
<meta property="og:url" content="about.html"/>
<meta property="og:image" content="images/social_share_logo.png"/>
<meta name="format-detection" content="telephone=no">
<link href="css/stylesheet.css" rel="stylesheet">
<!-- InstanceBeginEditable name="doctitle" -->
<meta property="og:title" content="Questend India Pvt Ltd | Web Design and Development | Custom Websites | E-commerce | Delhi"/>
<meta property="og:description" content="We are a Delhi based Web Design, Web Development and E-commerce Solutions agency offering custom website design."/>
<title>Contact Us | Questend India Pvt Ltd</title>
<meta name="Description" content="Contact Questend India Pvt Ltd, a Delhi Web Design, Web Development and E-commerce Solutions agency.">
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<style>.container-photo-header{background-image:url(images/contact_banner.jpg);filter:brightness(30%) grayscale(1)}@media only screen and (max-width:600px){.container-photo-header{background-image:url(images/contact_banner_m.jpg)}}</style>
<!-- InstanceEndEditable -->
</head>
<body>
<div id="header" class="stickToTop transparent">
<div id="headerInner" class="large fadein fadein-inplace">
<div id="logo">
<a href="index.html">
<img id="logo-transparent" src="images/questend-logo-white.svg" alt="Questend India Pvt Ltd logo" width="120" height="166"><img id="logo-blue" src="images/questend-logo-white.svg" alt="Questend India Pvt Ltd logo" width="120" height="166">
</a>
</div>
<div id="mobileMenuIcon" onClick="jQuery('#mobileMenu').slideToggle('','swing'); swapMobileMenuIcon();">
<div id="menu-bars">
<span class="mobileMenuLine"></span>
<span class="mobileMenuLine" style="margin-bottom: 0px;"></span>
</div>
<div id="menu-x" style="width: 20.5px; display: none;">
<span class="mobileMenuLine" style="transform: rotate(45deg) translateY(5.5px); transform-origin: 50% 0%;"></span>
<span class="mobileMenuLine" style="transform: rotate(-45deg) translateY(-6.5px); transform-origin: 50% 0%;"></span>
</div>
</div>
<div id="menu-floating">
<ul class="menus" id="mainmenu-floating">
<li><a href="work.html">Work</a></li>
<li><a href="about.html">About</a></li>
<li><a href="what-we-do.html">What We Do</a></li>
<li><a href="product.html">Product</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html" class="menuOn">Contact</a></li>
</ul>
</div>
</div>
<div id="mobileMenu">
<ul class="menus mobileMenuList text-right">
<li class="fadein-element fadein-element-right"><a href="work.html">Work</a></li>
<li class="fadein-element fadein-element-right"><a href="about.html">About</a></li>
<li class="fadein-element fadein-element-right"><a href="what-we-do.html">What We Do</a></li>
<li class="fadein-element fadein-element-right"><a href="product.html">Product</a></li>
<li class="fadein-element fadein-element-right"><a href="blog.html">Blog</a></li>
<li class="fadein-element fadein-element-right"><a href="contact.html" class="menuOn">Contact</a></li>
</ul>
</div>
</div>
<div id="content">
<!-- InstanceBeginEditable name="content" -->
<section class="container-big background-black" style="overflow: hidden;">
<div class="container-photo container-photo-header grow">
<div class="headerBar-overlay"></div>
</div>
<div class="headerBox large">
<div class="vertical-center text-center-mobile-small slide-updown-small">
<h1 id="header-words" class="header red"><span class="fadein-element fadein-element-left">Get in touch</span><br><span class="fadein-element fadein-element-left"><span class="white">and let's talk</span><span class="dot">.</span></span></h1>
</div>
</div>
</section>
<section class="background-darkgrey slide-updown">
<div class="container large">
<div class="row swap-columns-mobile-small fadein slide-updown-small">
<div class="column50 padding-right-xlarge">
<p class="subheader3 no-margin">If you would like to find out more about what we can do for your company, to receive a free project quote or simply to request information about our web design solutions, don't hesitate to contact us<span class="dot">.</span></p>
</div>
<div class="column50 padding-left-xlarge margin-bottom-large-mobile-small fadein">
<h2 class="subheader no-margin">Questend India Pvt Ltd</h2>
<h3 class="subheader3">Noida, Uttar Pradesh - 201301, India.</h3>
<p>
<span class="large-font">
<i class="fa-solid fa-fw fa-phone orange"></i> <span class="telDesktop">514.247.4442</span><span class="telMobile"><a href="tel:514-247-4442" class="tel" style="color: inherit;">514.247.4442</a></span><br>
<i class="fa-solid fa-fw fa-envelope orange"></i> <script>user='info';site='questend.com';document.write('<a href=\"mailto:'+user+'@'+site+'\" class=\"text-link\">');document.write(user+'@'+site+'</a>');</script>
</span>
</p>
</div>
</div>
</div>
</section>
<section class="background-white" style="position: relative;">
<div class="container fadein">
<div id="sendmessage" class="message_success text-center" style="display:none;">
<h2 class="subheader">Thank You!</h2>
<p>Your information has been sent. We will get back to you as soon as possible.</p>
</div>
<div id="errormessage"></div>
<div id="contactForm">
<h2 class="subheader text-center margin-bottom-small">Send us a message<span class="dot">.</span></h2>
<form method="post" role="form" name="reused_form" class="contactForm reused_form" id="reused_form">
<div class="fieldContainer-wrap-33">
<div class="fieldContainer">
<input type="text" name="name" id="name" placeholder=" " required>
<label for="name" class="field-label">Name *</label>
</div>
</div>
<div class="fieldContainer-wrap-33">
<div class="fieldContainer">
<input type="email" name="email" id="email" placeholder=" " required pattern="[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-z]{2,4}" title="Must include @ and .">
<label for="email" class="field-label">Email address *</label>
</div>
</div>
<div class="fieldContainer-wrap-33">
<div class="fieldContainer">
<input type="tel" name="contactno" id="contactno" placeholder=" " required>
<label for="contactno" class="field-label">Phone *</label>
</div>
</div>
<div class="fieldContainer">
<textarea name="message" rows="7" id="message" placeholder=" " required></textarea>
<label for="message" class="field-label">Project description *</label>
</div>
<div class="row" style="margin-bottom:30px;">
<div class="col-sm-6">
<img src="captcha/captcha.php" id="captcha_image"/>
<br/>
<a id="captcha_reload" href="javascript::void(0);">reload</a>
</div>
<div class="col-sm-6">
<!-- <label for="email"></label> -->
<input type="text" class="form-control" required id="captcha" name="captcha" placeholder="Enter the code from the image here">
<div id="error_message" class="captcha_error error" style="width:100%; height:100%; display:none; "></div>
</div>
</div>
<br>
<button type="submit" class="button single-icon margin-top-large" id="sendbtn">Send Message</button>
</form>
</div>
<div class="text-center message_success" style="display: none;">
<h2 class="subheader">Thank You!</h2>
<p>Your information has been sent. We will get back to you as soon as possible.</p>
</div>
</div>
</section>
<!-- InstanceEndEditable -->
</div>
<a href="#top" id="top-link" title="top link">
<div id="button-scroll-up">
<i class="fa-light fa-circle-arrow-up"></i>
</div>
</a>
<div id="mouse-circle"></div>
<div id="footer">
<div id="footerInner" class="large">
<div class="row swap-columns-mobile-small">
<div class="column50 text-center-mobile-small margin-top-small-mobile-small">
<div id="footerCopyright">© 2000-2023 Questend India Pvt Ltd. All rights reserved.</div>
</div>
<div class="column50 text-right text-center-mobile-small">
<ul class="list-inline socialMedia">
<li><a href="https://www.linkedin.com/" target="_blank" title="LinkedIn"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li><a href="https://www.facebook.com/" target="_blank" title="Facebook"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="https://www.instagram.com/" target="_blank" title="Instagram"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="https://twitter.com/" target="_blank" title="Twitter"><i class="fa-brands fa-twitter"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<script src="js/jquery-3.6.1.min.js"></script>
<script src="functions.js%2cqv%3d%3d04012023%2bjquery.smooth-scroll-1.7.1.min.js.pagespeed.jc.rh7R-U4phT.js"></script>
<script>eval(mod_pagespeed_XpS_uRhzC_);</script>
<script>eval(mod_pagespeed_3yRYFh8Wgj);</script>
<!--<script src="/jquery.nicescroll.min.js"></script>-->
<script src="fontawesome/fontawesome.js" crossorigin="anonymous"></script>
<script src="js/custom.js" crossorigin="anonymous"></script>
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="js/bootstrap-dropdownhover.js"></script>
<script src="js/jquery.form-validator.min.js"></script>
<script type="text/javascript">
$("#reused_form").validate({
rules: {
name: {
required: true
},
contactno: {
required: true,
minlength: 10,
maxlength: 10,
digits: true
},
captcha: {
required: true
},
message: {
required: true
},
email: {
required: true,
email: true
}
},
messages: {
name: {
required: "Please enter name"
},
contactno: {
required: "Please enter contact number",
minlength: "Please enter minimum 10 digits number only",
maxlength: "Please enter maximum 10 digits number only",
digits: "Please enter digits only"
},
message: {
required: "Please enter message"
},
captcha: {
required: "Please enter captcha code"
},
email: {
required: "Please enter email",
email: "Please enter valid email"
}
},
submitHandler: function(form) {
//form.submit();
$form = $(this);
var name=$("#name").val();
var contactno=$("#contactno").val();
var message=$("#message").val();
var captcha=$("#captcha").val();
var email=$("#email").val();
var parms ={name:name,contactno:contactno,mymessage:message,captcha:captcha,email:email,action:'sendMail'};
$.ajax({
type: "POST",
url: 'proccess.php',
data: parms,
dataType: 'json',
beforeSend: function() {
$("#sendbtn").prop('disabled', true); // disable button
},
success: function(response) {
if (response.status==false) {
$('.captcha_error').show();
$('.captcha_error').html(response.message);
setTimeout(function() { $(".captcha_error").hide(); }, 5000);
$('.message_success').hide();
$("#sendbtn").prop('disabled', false); // enable button
}
if (response.status==true) {
$("#name").val('');
$("#contactno").val('');
$("#message").val('');
$("#captcha").val('');
$("#email").val('');
$('.message_success').show();
$('#').hide();
$("#sendbtn").prop('disabled', false); // enable button
}
//console.log(response);
//$('#answers').html(response);
}
});
}
});
$(function()
{
$('#captcha_reload').on('click',function(e)
{
e.preventDefault();
d = new Date();
var src = $("img#captcha_image").attr("src");
src = src.split(/[?#]/)[0];
$("img#captcha_image").attr("src", src+'?'+d.getTime());
});
});
</script>
<!-- InstanceBeginEditable name="extra-javascript" -->
<script>jQuery(document).ready(function(){fadeinElements('header-words',2);});jQuery(document).on("scroll",function(){fadeinElements('header-words',2);});var contactFields=new Array("name","email","phone","message");function gatherData(myForm,fieldsArray){var data="";for(v in eval(fieldsArray)){myField=eval(fieldsArray)[v];k=eval("document."+myForm+"."+myField+".value");data+="&"+myField+"="+encodeURIComponent(k);}data=data.substring(1);return data;}</script>
<!-- InstanceEndEditable -->
</body>
</html>
PK 99