Contact Us | A two Z web/title> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content=" If you're looking for web solutions, A Two Z Web offers personalized services to help grow your business. Contact us today for more details." name="description"> <meta name="google-site-verification" content="57PiYkCbt1XtleYU1NZ1Jfjb_oZE3MCEE4nhdCBTWkM" />  <link href="img/10horses-logo.png" rel="icon">  <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&family=Roboto:wght@500;700&display=swap" rel="stylesheet">  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">  <link href="lib/animate/animate.min.css" rel="stylesheet"> <link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" rel="stylesheet"> <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">  <link href="css/bootstrap.min.css" rel="stylesheet">  <link href="css/style.css" rel="stylesheet">  <link href="https://cdn.jsdelivr.net/npm/remixicon@4.5.0/fonts/remixicon.css" rel="stylesheet" />  <script src="https://www.google.com/recaptcha/api.js" async defer></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-PFZL53R98Y"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-PFZL53R98Y'); </script> </head> <body> <div class="top-header text-lg-start text-center"> <div class="container"> <div class="row g-0"> <div class="col-lg-7 ms-auto text-lg-end text-center"> <b><a href="tel:6290047104"><i class="ri-phone-fill" aria-hidden="true"></i>+91 6290047104</a></b> <b class="m-0"><a href="mailto:admin@atwozweb.com"><i class="ri-mail-ai-line" aria-hidden="true"></i>admin@atwozweb.com</a></b> </div> </div> </div> </div>  <header class="small sticky-top-1 d-lg-none d-block"> <div class="overlay"></div> <nav> <div class="container container-flex"> <div class="logo"> <a href="/"><img src="img/10horses-logo.png" width="125px" alt="" /></a> </div> <div class="hd_info">  <div class="menu"> <i class="ri-menu-4-line"></i> </div> </div> <div class="sidebar"> <div class="times"> <i class="fa fa-times"></i> </div> <ul class="list-unstyled p-0 m-0"> <li><a href="/" class="active">home</a></li> <li><a href="about">about</a></li> <li class="link-sm"> <a href="service">services</a> <i class="fa fa-angle-down"></i> <ul class="list-unstyled p-0 m-0 sub-menu-sm"> <li><a href="seo">Seo Service</a></li> <li><a href="design">Design</a></li> <li><a href="development"> Development</a></li> <li><a href="smo-service">Smo Service</a></li> <li><a href="orm-service">Orm Service</a></li> <li><a href="logo-design">Logo Design</a></li> <li><a href="app-development">App Development</a></li> <li><a href="video-making">Video Making</a></li> </ul> </li> <li> <a href="contact">contact</a> </li> </ul> </div> </div> </nav> </header> <div class="main_header d-none d-lg-block"> <div class="container-fluid bg-white sticky-top"> <div class="container"> <nav class="navbar navbar-expand-lg bg-white navbar-light p-lg-0"> <a href="/"> <img src="img/10horses-logo.png" alt=""> </a> <div class="collapse navbar-collapse " id="navbarCollapse"> <div class="navbar-nav"> <a href="/" class="nav-item nav-link active">Home</a> <a href="about" class="nav-item nav-link">About</a> <div class="nav-item dropdown"> <a href="service" class="nav-link dropdown-toggle" data-toggle="dropdown">Services</a> <div class="dropdown-menu bg-light rounded-0 rounded-bottom m-0"> <a href="seo" class="dropdown-item">Seo Services</a> <a href="design" class="dropdown-item">Design</a> <a href="development" class="dropdown-item">Development</a> <a href="smo-service" class="dropdown-item">Smo Services</a> <a href="orm-service" class="dropdown-item">Orm Services</a> <a href="logo-design" class="dropdown-item">Logo Design</a> <a href="video-making" class="dropdown-item">Video Making</a> <a href="app-development" class="dropdown-item">App Development</a> </div> </div> <a href="portfolio" class="nav-item nav-link">Portfolio</a> <a href="price" class="nav-item nav-link">Price</a> <a href="blog" class="nav-item nav-link">Blog</a> <a href="contact" class="nav-item nav-link">Contact</a> </div> <div class=" d-none d-lg-block"> <a href="contact" class="btn btn-primary rounded-pill py-2 px-3">Get A Quote</a> </div> </div> </nav> </div> </div> </div>  <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "WebSite", "name": "A two Z web", "url": "https://atwozweb.com/", "potentialAction": { "@type": "SearchAction", "target": "{search_term_string}", "query-input": "required name=search_term_string" } } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "name": "A two Z web", "url": "https://atwozweb.com/", "logo": "https://atwozweb.com/img/10horses-logo.png", "contactPoint": { "@type": "ContactPoint", "telephone": "6290047104", "contactType": "", "availableLanguage": "en" }, "sameAs": [ "https://www.facebook.com/atwozweb", "https://x.com/atwozweb", "https://www.instagram.com/atwozweb/", "https://www.linkedin.com/company/atwozweb" ] } </script>  <div class="container-fluid page-header py-5 wow fadeIn" data-wow-delay="0.1s"> <div class="container text-center py-5"> <h1 class="display-2 text-white mb-4 animated slideInDown">Contact Us</h1> <nav aria-label="breadcrumb animated slideInDown"> <ol class="breadcrumb justify-content-center mb-0"> <li class="breadcrumb-item"><a href="../">Home</a></li> <li class="breadcrumb-item"><a href="#">Pages</a></li> <li class="breadcrumb-item " aria-current="page">Contact Us</li> </ol> </nav> </div> </div>   <section class="features"> <div class="container-xxl py-5"> <div class="container"> <div class="heading text-center mb-5"> <h2 class="display-6 mb-4">Let Us Get to Work! </h2> <p>Booking a consultation and talking to our experts will eliminate half of your confusion. And you will surely feel more confident to deal with us. We will work with you and create a plan that works the best for your website and your business.</p> </div> <div class="row g-0 feature-row"> <div class="col-md-6 col-lg-3 wow fadeIn" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeIn;"> <div class="feature-item border h-100 p-4"> <div class="btn-square bg-light rounded-circle mb-4" style="width: 64px; height: 64px;"> <img class="img-fluid" src="img/icon/icon-1.png" alt="Icon"> </div> <h5 class="mb-3">We Listen To Your Queries</h5> <p>Our team carefully notes clients’ requirements</p>  </div> </div> <div class="col-md-6 col-lg-3 wow fadeIn" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeIn;"> <div class="feature-item border h-100 p-4"> <div class="btn-square bg-light rounded-circle mb-4" style="width: 64px; height: 64px;"> <img class="img-fluid" src="img/icon/icon-2.png" alt="Icon"> </div> <h5 class="mb-3">Honesty & Integrity</h5> <p>Transparency is at the heart of everything we do</p>  </div> </div> <div class="col-md-6 col-lg-3 wow fadeIn" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeIn;"> <div class="feature-item border h-100 p-4"> <div class="btn-square bg-light rounded-circle mb-4" style="width: 64px; height: 64px;"> <img class="img-fluid" src="img/icon/icon-3.png" alt="Icon"> </div> <h5 class="mb-3">Keep Our Promises</h5> <p>We never make promises that we can’t keep</p>  </div> </div> <div class="col-md-6 col-lg-3 wow fadeIn" data-wow-delay="0.7s" style="visibility: visible; animation-delay: 0.7s; animation-name: fadeIn;"> <div class="feature-item border h-100 p-4"> <div class="btn-square bg-light rounded-circle mb-4" style="width: 64px; height: 64px;"> <img class="img-fluid" src="img/icon/icon-4.png" alt="Icon"> </div> <h5 class="mb-3">Bespoke Digital Marketing</h5> <p>We consider your needs and serve accordingly</p>  </div> </div> </div> </div> </div> </section>  <div class="container-xxl py-5"> <div class="container"> <div class="text-center mx-auto wow fadeInUp" data-wow-delay="0.1s" style="max-width: 500px;"> <p class="fs-5 fw-medium text-primary">Contact Us</p> <h1 class="display-5 mb-5">If You Have Any Query, Please Contact Us</h1> </div> <div class="row g-5"> <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.5s"> <h3 class="mb-4">Contact Details</h3> <div class="d-flex border-bottom pb-3 mb-3"> <div class="flex-shrink-0 btn-square bg-primary rounded-circle"> <i class="fa fa-map-marker-alt text-white"></i> </div> <div class="ms-3"> <h6>Our Office</h6> <span>Madhyamgram Kolkata, <br> Pin: 700129</span> </div> </div> <div class="d-flex border-bottom pb-3 mb-3"> <div class="flex-shrink-0 btn-square bg-primary rounded-circle"> <i class="fa fa-phone-alt text-white"></i> </div> <div class="ms-3 link_color"> <h6>Call Us</h6> <a href="tel:+916290047104">+91 6290047104</a>  </div> </div> <div class="d-flex border-bottom-0 pb-3 mb-3"> <div class="flex-shrink-0 btn-square bg-primary rounded-circle"> <i class="fa fa-envelope text-white"></i> </div> <div class="ms-3 link_color"> <h6>Mail Us</h6> <a href="mailto:admin@atwozweb.com">admin@atwozweb.com</a> </div> </div> </div> <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s"> <h3 class="mb-4">Let us help you grow faster and boost ROI!</h3> <p class="mb-4">Do you have an inquiry or want to share some proposal? Fill up the form below and submit it now. We will reach out to you shortly.  </p> <form action="javascript:void(0);" id="frm-contact-cnt"> <div class="row g-3"> <div class="col-md-6"> <div class="form-floating"> <input type="text" class="form-control" id="fname" placeholder="First Name"> <label for="fname">First Name</label> <span id="fname-error" class="text-danger"></span> </div> </div> <div class="col-md-6"> <div class="form-floating"> <input type="text" class="form-control" id="lname" placeholder="Last Name"> <label for="lname">Last Name</label> <span id="lname-error" class="text-danger"></span> </div> </div> <div class="col-md-6"> <div class="form-floating"> <input type="email" class="form-control" id="email" placeholder="Your Email"> <label for="email">Your Email</label> <span id="email-error" class="text-danger"></span> </div> </div> <div class="col-md-6"> <div class="form-floating"> <input type="tel" class="form-control" id="phone" placeholder="Phone Number"> <label for="phone">Phone Number</label> <span id="phone-error" class="text-danger"></span> </div> </div> <div class="col-12"> <div class="form-floating"> <input type="text" class="form-control" id="website" placeholder="Website Link"> <label for="website">Website Link</label> <span id="website-error" class="text-danger"></span> </div> </div> <div class="col-12"> <div class="form-floating"> <select name="" id="services" class="form-select"> <option value="">Please Select</option> <option value="SEO">SEO</option> <option value="SMO">SMO</option> <option value="ORM">ORM</option> <option value="Design">Design</option> <option value="Logo Design">Logo Design</option> <option value="Video Making">Video Making</option> <option value="Development">Development</option> <option value="App Development">App Development</option> </select> <label for="services">WHICH SERVICES ARE YOU MOST INTERESTED IN?</label> <span id="service-error" class="text-danger"></span> </div> </div> <div class="col-12"> <div class="form-floating"> <div class="g-recaptcha" data-sitekey="6Le4p5cqAAAAAIF5J8H92lw2FAGzZiknuQsEqNXV" data-callback="enableSubmitBtn"></div> </div> </div> <div class="col-12"> <button class="btn btn-primary rounded-pill py-3 px-5" disabled="disabled" id="submitBtn" type="submit">Send Message</button> </div> <span id="message-status" class="d-none"></span> </div> </form> </div> </div> </div> </div>  <div class="map"> <iframe class="w-100" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3001156.4288297426!2d-78.01371936852176!3d42.72876761954724!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4ccc4bf0f123a5a9%3A0xddcfc6c1de189567!2sNew%20York%2C%20USA!5e0!3m2!1sen!2sbd!4v1603794290143!5m2!1sen!2sbd" frameborder="0" style="min-height: 400px; border:0; line-height: 0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe> </div> <footer class="footer"> <div class="container"> <div class="row g-4"> <div class="col-lg-6"> <div class="row g-3"> <div class="col-12"> <a href="/"> <img src="img/atwoz-footer-logo.png" width="155px" class="mb-3" alt=""> </a> <p>We are certified digital marketing company dedicated to offer the best industry standard services for your businesses. To get the faster ROI, please contact us today!</p> </div> <div class="col-lg-6"> <div class="heading"> <h5>Contact info</h5> <ul class="contact-info"> <li><a ><i class="ri-map-pin-fill"></i> Madhyamgram Kolkata, <br> Pin: 700129</a></li> <li><a href="tel:+916290047104"><i class="ri-phone-fill"></i> +91 6290047104</a></li> <li><a href="mailto:admin@atwozweb.com"><i class="ri-mail-ai-line"></i> admin@atwozweb.com</a></li> <li><a href="https://wa.me/6290047104"><i class="ri-whatsapp-line"></i> +91 6290047104</a></li> </ul> </div> </div> <div class="col-lg-6 d-lg-block d-none"> <img src="img/pngegg.png" class="img-fluid" alt=""> </div> </div> </div> <div class="col-lg-5 ms-auto"> <div class="row g-4"> <div class="col-lg-6"> <div class="heading"> <h5>Usefull Link</h5> <ul class="contact-info"> <li><a href="/">Home</a> </li> <li><a href="about">About</a> </li> <li><a href="service">Services</a> </li> <li><a href="portfolio">Portfolio</a></li> <li><a href="price">Prices</a> </li> <li><a href="blog">Blog</a></li> <li><a href="contact">Contact</a></li> </ul> </div> </div> <div class="col-lg-6"> <div class="heading"> <h5>Services</h5> <ul class="contact-info"> <li> <a href="design">Design</a> </li> <li> <a href="seo">Seo Services</a> </li> <li> <a href="development">Development</a> </li> <li> <a href="smo-service">Smo Services</a> </li> <li> <a href="orm-service">Orm Services</a> </li> <li> <a href="logo-design">Logo Design</a> </li> <li> <a href="video-making">Video Making</a> </li> <li> <a href="app-development">App Development</a></li> </ul> </div> </div> <div class="col-12"> <hr> </div> <div class="col-12"> <div class="d-flex heading"> <h5>Follow Us :</h5> <a class="btn btn-square btn-light rounded-circle me-2" href="https://x.com/atwozweb" target="_blank"><i class="fab fa-twitter"></i></a> <a class="btn btn-square btn-light rounded-circle me-2" href="https://www.facebook.com/atwozweb" target="_blank"><i class="fab fa-facebook-f"></i></a> <a class="btn btn-square btn-light rounded-circle me-2" href="https://www.linkedin.com/company/atwozweb" target="_blank"><i class="fab fa-linkedin"></i></a> <a class="btn btn-square btn-light rounded-circle me-2" href="https://www.instagram.com/atwozweb/" target="_blank"><i class="fab fa-instagram"></i></a> <a class="btn btn-square btn-light rounded-circle me-2" href="https://wa.me/6290047104" target="_blank"><i class="fab fa-whatsapp"></i></a> </div> </div> </div> </div> <div class="col-12"> <hr> </div> <div class="col-12"> <div class="copy-right "> <p>Copyright © 2024 atwozweb.com - All Rights Reserved.</p> </div> </div> </div> </footer>  <a href="#" class="btn btn-lg btn-primary btn-lg-square rounded-circle back-to-top"><i class="bi bi-arrow-up"></i></a>  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script> <script src="lib/wow/wow.min.js"></script> <script src="lib/easing/easing.min.js"></script> <script src="lib/waypoints/waypoints.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script> <script src="lib/lightbox/js/lightbox.min.js"></script>  <script src="js/main.js"></script>  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> function enableSubmitBtn() { document.getElementById("submitBtn").disabled = false; } // jQuery AJAX Form Submission $("#frm-contact-cnt").on("submit", function(e) { e.preventDefault(); // Reset error messages $(".text-danger").text(""); // Add recaptcha response to the form data let recaptchaResponse = grecaptcha.getResponse(); if (recaptchaResponse === "") { $("#message-status").text("Please verify you're not a robot").removeClass("d-none").addClass("text-danger"); return; } let formData = { fname: $("#fname").val(), lname: $("#lname").val(), email: $("#email").val(), mobile: $("#phone").val(), service: $("#services").val(), website: $("#website").val(), 'g-recaptcha-response': recaptchaResponse }; // Validate the form let errors = validateForm(formData); if (Object.keys(errors).length > 0) { showErrorMessages(errors); } else { // Send AJAX request $.ajax({ url: 'send_email/contact_send_email.php', type: 'POST', data: formData, success: function(response) { let res = JSON.parse(response); if (res.status === 'success') { $("#message-status").text('Form submitted successfully').removeClass('d-none').addClass('text-success'); $("#frm-contact-cnt")[0].reset(); // Reset form setTimeout(function() { $("#message-status").addClass("d-none"); }, 5000); } else { $("#message-status").text(res.message).removeClass('d-none'); } }, error: function(xhr, status, error) { console.log("Error details:", xhr.responseText); $("#message-status").text('Error in sending email').removeClass('d-none').addClass('text-danger'); setTimeout(function() { $("#message-status").addClass("d-none"); }, 5000); } }); } }); // Form Validation function validateForm(data) { let errors = {}; if (!data.fname) errors.fname = "First Name is required."; if (!data.lname) errors.lname = "Last Name is required."; if (!data.email || !validateEmail(data.email)) errors.email = "Valid email is required."; if (!data.mobile) errors.mobile = "Phone is required."; else if (!validateMobile(data.mobile)) errors.mobile = "Mobile number must contain exactly 10 digits."; if (data.service === "") errors.service = "Service selection is required."; if (!data.website) errors.website = "Website link is required."; return errors; } function validateEmail(email) { let pattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/; return pattern.test(email); } function validateMobile(mobile) { let pattern = /^\d{10}$/; return pattern.test(mobile); } function showErrorMessages(errors) { if (errors.fname) $("#fname-error").text(errors.fname); if (errors.lname) $("#lname-error").text(errors.lname); if (errors.email) $("#email-error").text(errors.email); if (errors.mobile) $("#phone-error").text(errors.mobile); if (errors.service) $("#service-error").text(errors.service); if (errors.website) $("#website-error").text(errors.website); } </script> </body> </html>