1#@!#!123s

: / home / shubmkcj / designpitara.com /
Filename : contact-us.php
back
<!doctype html>
<html class="no-js" lang="en"> 
<head>
		<meta charset="utf-8">
		<meta http-equiv="x-ua-compatible" content="ie=edge">
		<title>Branding and Packaging Design Agency in Gurgaon, India</title>
	    <meta name="robots" content="index,follow" />
        <meta name="author" content="DesignPitara">
        <meta name="description" content="We are a Creative agency based in Gurgaon and offering all the branding and Packaging Design services for your brand to launch or revamping to reach targets.">
        <meta name="keywords" content="Brandign Agency, Packaging Design Services, brand launch designer">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta property="og:title" content="Contact Us - Branding & Packaging Design Agency, Gurgaon"/>
        <meta property="og:type" content="website"/>
        <meta property="og:description" content="Design Pitara is one of the top creative agency in Gurgaon – Delhi NCR (India) based who offers complete graphic design services with result oriented branding strategy to build online presence of brands."/>
		<meta property="og:url" content="https://designpitara.com/"/>
        <meta property="og:site_name" content="DesignPitara"/>
        <meta property="og:image" content="https://designpitara.com/img/logo_new.png"/> 
        <link rel="canonical" href="https://designpitara.com/contact-us" />

		<!-- favicon -->		
		<link rel="shortcut icon" type="image/x-icon" href="img/logo/favicon.ico">

		<!-- all css here -->

		<!-- bootstrap v3.3.6 css -->
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<!-- owl.carousel css -->
		<link rel="stylesheet" href="css/owl.carousel.css">
		<link rel="stylesheet" href="css/owl.transitions.css">
        <!-- meanmenu css -->
        <link rel="stylesheet" href="css/meanmenu.min.css">
		<!-- font-awesome css -->
		<link rel="stylesheet" href="css/font-awesome.min.css">
		<link rel="stylesheet" href="css/icon.css">
		<link rel="stylesheet" href="css/flaticon.css">
		<!-- magnific css -->
        <link rel="stylesheet" href="css/magnific.min.css">
		<!-- venobox css -->
		<link rel="stylesheet" href="css/venobox.css">
		<!-- style css -->
		<link rel="stylesheet" href="style.css">
		<!-- responsive css -->
		<link rel="stylesheet" href="css/responsive.css">

		<!-- modernizr css -->
		<script src="js/vendor/modernizr-2.8.3.min.js"></script>
		
		    <!-- google recaptcha -->
        <script src="https://www.google.com/recaptcha/api.js"></script>
	</head>
		<body> 
        <?php include 'inner-header.php'; ?>
        <!-- Start breadcumb Area -->
        <div class="page-area">
            <div class="breadcumb-overlay"></div>
            <div class="container">
                <div class="row">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <div class="breadcrumb text-center">
                            <div class="section-headline white-headline">
                                <h3>Contact us</h3>
                            </div>
                            <ul class="breadcrumb-bg">
                                <li class="home-bread">Home</li>
                                <li>Contact</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End breadcumb Area -->
        <!-- Start map Area -->
        <div class="map-area">
            <div class="container">
                <div class="row">
                    <!-- Start contact icon column -->
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <!-- Start Map -->
                        <div class="map-main">
                            <div style="width:100%;"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3508.8124272929367!2d77.06603181455476!3d28.42491620019919!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d177f98d94d97%3A0x12bb3ce91434417d!2sDesign%20Pitara%20-%20Logo%20Design%20Agency%20Gurgaon!5e0!3m2!1sen!2sin!4v1574234899401!5m2!1sen!2sin" frameborder="0" style="border:0;width:100%;height:450px;" allowfullscreen=""></iframe></div>
                        </div>
                        <!-- End Map -->
                    </div>
                </div>
            </div>
        </div>
        <!-- Start contact Area -->
        <div class="contact-page area-padding">
            <div class="container">
                <div class="row">
                    <div class="col-md-5 col-sm-12 col-xs-12">
                        <div class="contact-form">
                            <div class="row">
                                <form method="POST" action="" class="contact-form" id="contactUsForm">
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <input type="text" id="name" class="form-control" name="name" placeholder="Name" required data-error="Please enter your name">
                                        <div class="help-block with-errors"></div>
                                    </div>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <input type="tel" class=" form-control" name="phone"  placeholder="Phone (format: xxxxxxxxxx)" required data-error="Please enter your phone"   pattern="^\d{4}\d{4}\d{2}$" >
                                        <div class="help-block with-errors"></div>
                                    </div>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <input type="text" class="form-control" name="brand" placeholder="Company Name" required data-error="Please enter your Company Name">
                                        <div class="help-block with-errors"></div>
                                    </div>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                         <select class="form-control" name="service" required>
                                             <option selected disabled value="">-- Choose Service -- </option>
                                             <option>Logo Design</option>
                                             <option>Brochure Design</option>
                                             <option>Packaging Design</option>
                                             <option>Digital Marketing</option>
                                             <option>Website Design</option>
                                         </select>
                                    </div>
                                    <div class="col-md-12 col-sm-12 col-xs-12">
                                        <input type="text" class="form-control" name="email" placeholder="Please enter your email">
                                    </div>
                                    <div class="col-md-12 col-sm-12 col-xs-12">
                                        <textarea id="message" rows="7" name="message" placeholder="Message" class="form-control" required data-error="Write your message"></textarea>
                                        <div class="help-block with-errors"></div>
                                    </div>
                                    <div class="col-md-12 col-sm-12 col-xs-12"> 
                                   <div class="form-group">
                        <div class="g-recaptcha-first " data-sitekey="Your Site Key" id="RecaptchaField1"></div>
                        <input type="hidden" class="hiddenRecaptcha" name="firstCaptcha" id="firstCaptcha" placeholder="firstCaptcha">
                        <label id="firstCaptcha-error" class="text-danger error" for="firstCaptcha"></label>
                    </div>
                    
                    
                                                <!--<div class="g-recaptcha recaptcha_size" data-sitekey="6Lcsmr4UAAAAADlMKSq0TSFphIUl49qObVBzLDsG" data-callback="verifyCaptcha"></div>-->
                                                <!--<div id="g-recaptcha-error"></div> -->
                                    </div>
                                        
                                    <div class="col-md-12 col-sm-12 col-xs-12 text-center">
                                        <label class="error formError" id="formErrorMessage" for="formError"></label>
                                        <button type="submit" id="contactUsFormBtn" name="contactUsFormBtn" class="contact-btn" style="margin-top: 15px;">Submit</button>
                                        <div id="msgSubmit" class="h3 text-center hidden"></div> 
                                        <div class="clearfix"></div>
                                    </div>   
                                </form>  
                            </div>
                        </div>
                    </div>
                    <!-- End contact Form -->
                    <div class="col-md-7 col-sm-12 col-xs-12">
                        <div class="contact-head">
                            <h3>Contact us</h3>
                             <div class="contact-icon">
								<div class="col-md-12 single-contact "> 
									<a><i class="fa fa-map"></i><span>1215, Ocus Quantum, Sector-51, Gurgaon – 122001, Haryana (India)</span></a>
									<a><i class="fa fa-phone"></i><span>+91-9811477138</span></a>
									<a><i class="fa fa-envelope"></i><span>contact [at] designpitara.com</span></a>
								</div>
								<div class="single-contact"> 
								</div>
							</div>
                        </div>
                    </div>
                    <!-- End contact icon -->
                </div>
            </div>
        </div>
        <!-- End Contact Area --> 
        
              <!-- Category Update Alert  --> 
 
  <!-- Modal -->
  <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">
    
      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
           
        </div>
       <div class="modal-body">
          <h6>Thank you for showing your interest in our services</h6>
          <p>Our team will contact you shorlty</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Ok</button>
        </div>
      </div>
      
    </div>
  </div>
   <script>
         window.onload = function() {
         var $recaptcha = document.querySelector('#g-recaptcha-response'); 
             if($recaptcha) {
               $recaptcha.setAttribute("required", "required");
             }
         };
         
        
         
          var CaptchaCallback = function() {
    var widget1;
    
    widget1 = grecaptcha.render('RecaptchaField1', {'sitekey' : '6LeOYc8dAAAAAD-AMewauLZT7CsDJC6260zlfEup', 'callback' : correctCaptcha_first});
	};
    var correctCaptcha_first = function(response) {
		$("#firstCaptcha").val(response);
		
	};

	

        
        
        function validInput(e) {
  e = (e) ? e : window.event;
  a = document.getElementById('zip-code');
  cPress = (e.which) ? e.which : e.keyCode;

  if (cPress > 31 && (cPress < 48 || cPress > 57)) {
    return false;
  } else if (a.value.length >= 10) {
    return false;
  }

  return true;
}
       </script>
        <?php  include 'footer.php'; ?>
        
        <?php
         
            if(isset($_POST['submit'])){
                
                $name = $_POST['name'];
                $phone = $_POST['phone'];
                $brand = $_POST['brand'];
                $service = $_POST['service'];
                $email = $_POST['email'];
                $message = $_POST['message'];
                
                $to = 'contact@designpitara.com'; 
                $from = 'contact@designpitara.com'; 
                $fromName = 'DesignPitara'; 
 
                $subject = "DesignPitara Enquery"; 
 
                $htmlContent = ' 
                <html> 
                <head> 
                    <title>Welcome to DesignPitara</title> 
                </head> 
                <body>   
                    <table cellspacing="0" style="border: 2px dashed #FB4314; width: 100%;"> 
                        <tr> 
                            <th>Name:</th><td>'.$name.'</td> 
                        </tr> 
                        <tr style="background-color: #e0e0e0;"> 
                            <th>Phone:</th><td>'.$phone.'</td> 
                        </tr> 
                        <tr> 
                            <th>Brand Name:</th><td>'.$brand.'</td> 
                        </tr> 
                        <tr style="background-color: #e0e0e0;"> 
                            <th>Service:</th><td>'.$service.'</td> 
                        </tr>  
                        <tr> 
                            <th>Message:</th><td>'.$message.'</td> 
                        </tr>  
                        <tr style="background-color: #e0e0e0;"> 
                            <th>Email:</th><td>'.$email.'</td> 
                        </tr>  
                    </table> 
                </body> 
                </html>'; 
                 
                // Set content-type header for sending HTML email 
                $headers = "MIME-Version: 1.0" . "\r\n"; 
                $headers .= "Content-type:text/html;charset=UTF-8" . "\r\n"; 
                 
                // Additional headers 
                $headers .= 'From: '.$fromName.'<'.$from.'>' . "\r\n";  
                
                // Send email 
                if(mail($to, $subject, $htmlContent, $headers)){ 
                     echo "<script type='text/javascript'>
                                $(window).on('load',function(){
                                    $('#myModal').modal('show');
                                });
                            </script>"; 
                }else{ 
                    echo '<script>alert("Email has sent successfully.")</script>'; 
                } 
            } 
           
        ?>