1#@!#!123s

: / home3 / encodto1 / newpcjewellers.in /
Filename : contact.php
back
<?php
// Include database connection
include('newadminpc/config.php'); // Ensure this file contains your database connection details

// Initialize variables for error and success messages
$success_message = '';
$error_message = '';

// Check if form is submitted
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    // Collect and sanitize input data
    $name = isset($_POST['name']) ? mysqli_real_escape_string($conn, $_POST['name']) : '';
    $phone = isset($_POST['phone']) ? mysqli_real_escape_string($conn, $_POST['phone']) : '';
    $email = isset($_POST['email']) ? mysqli_real_escape_string($conn, $_POST['email']) : '';
    $subject = isset($_POST['subject']) ? mysqli_real_escape_string($conn, $_POST['subject']) : '';
    $message = isset($_POST['message']) ? mysqli_real_escape_string($conn, $_POST['message']) : '';

    // SQL query to insert data
    $query = "INSERT INTO contact (name, phone, email, subject, message) VALUES ('$name', '$phone', '$email', '$subject', '$message')";

    // Execute the query
    if (mysqli_query($conn, $query)) {
        $success_message = "Your message was sent successfully!";
    } else {
        $error_message = "Error: " . mysqli_error($conn);
    }

    // Close the connection
    mysqli_close($conn);
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>New PC Jewellers</title>
   <!--Favicons-->
   <link rel="icon" type="image/png" sizes="32x32" href="images/favicon.png">
   <meta name="msapplication-TileColor" content="#ffffff">
   <meta name="theme-color" content="#ffffff">
   <!--Bootstrap and Other Vendors-->
   <link rel="stylesheet" href="css/bootstrap.min.css">
   <link rel="stylesheet" href="css/bootstrap-theme.min.css">
   <link rel="stylesheet" href="css/bootstrap-datepicker.min.css">
   <link rel="stylesheet" href="css/jquery.fancybox.min.css" />
   <link rel="stylesheet" href="css/jquery-ui.css">
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <link rel="stylesheet" href="css/fontawesome-all.min.css">
   <link rel="stylesheet" href="vendors/owl.carousel/css/owl.carousel.min.css">
   <link rel="stylesheet" type="text/css" href="vendors/flexslider/flexslider.css" media="screen" />
   <!--Fonts-->
   <link href="https://fonts.googleapis.com/css2?family=Domine:wght@400;500;600;700&amp;display=swap" rel="stylesheet">
   <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet">
   <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=Cormorant+Garamond:wght@300;400&amp;display=swap" rel="stylesheet">
   <!--Mechanic Styles-->
   <link rel="stylesheet" href="css/style.css">
   <link rel="stylesheet" href="css/responsive.css">
</head>
<body class="home-2">
   <a href="#" id="back-to-top" title="Back to top">&uarr;</a>
   <div class="innerLayout">
      <?php require('header.php') ?>
      <section id="breadcrumbRow" class="row">
         <h2>contact us</h2>
         <div class="row pageTitle m0">
            <div class="container">
               <h4 class="fleft">contact us</h4>
               <ul class="breadcrumb">
                  <li><a href="index.php">home</a></li>
                  <li class="active">contact us</li>
               </ul>
            </div>
         </div>
      </section>
      <section id="contactRow" class="row contentRowPad">
         <div class="container">
            <div class="row">
               <div class="col-sm-6">
                  <div class="row m0">
                     <h4 class="contactHeading heading">contact form</h4>
                  </div>
                  <div class="row m0 contactForm">
                     <form class="row m0" id="contactForm" method="post" name="contact">
                        <div class="row">
                           <div class="col-sm-6">
                              <div class="input-group">
                                 <label for="name">Name *</label>
                                 <input type="text" class="form-control" id="contact_name" name="name">
                                 <span class="error_field" id="name_error"></span>
                              </div>
                           </div>
                           <div class="col-sm-6">
                              <div class="input-group">
                                 <label for="phone">Phone Number *</label>
                                 <input type="tel" maxlength="10" class="form-control" id="contact_phone" name="phone">
                                 <span class="error_field" id="phone_error"></span>
                              </div>
                           </div>
                           <div class="col-sm-12">
                              <div class="input-group">
                                 <label for="email">Email *</label>
                                 <input type="email" class="form-control" id="contact_email" name="email">
                                 <span class="error_field" id="email_error"></span>
                              </div>
                           </div>
                        </div>
                        <div class="row m0">
                           <div class="input-group">
                              <label for="subject">Subject *</label>
                              <input type="text" class="form-control" id="contact_subject" name="subject">
                              <span class="error_field" id="subject_error"></span>
                           </div>
                        </div>
                        <div class="row m0">
                           <div class="input-group">
                              <label for="message">Your Message</label>
                              <textarea id="contact_message" class="form-control" name="message"></textarea>
                              <span class="error_field" id="message_error"></span>
                           </div>
                        </div>
                        <button class="btn btn-primary btn-lg filled" type="submit">Send Message <i class="fas fa-paper-plane"></i></button>
                     </form>
                     <?php if ($success_message): ?>
                        <div id="success">
                           <span class="green textcenter"><?php echo $success_message; ?></span>
                        </div>
                     <?php endif; ?>
                     <?php if ($error_message): ?>
                        <div id="error">
                           <span><?php echo $error_message; ?></span>
                        </div>
                     <?php endif; ?>
                  </div>
               </div>
               <div class="col-sm-6">
                  <div class="row m0">
                     <h4 class="contactHeading heading">contact info</h4>
                  </div>
                  <div class="media contactInfo">
                     <div class="media-left">
                        <i class="fas fa-map-marker"></i>
                     </div>
                     <div class="media-body">
                        <h5 class="heading">where to reach us</h5>
                        <h5>Pritilata Sarani, near SBI Branch, Haider para, Ward 39, Siliguri, West Bengal 734006</h5>
                     </div>
                  </div> <!--contactInfo-->
                  <div class="media contactInfo">
                     <div class="media-left">
                        <i class="fas fa-map-marker"></i>
                     </div>
                     <div class="media-body">
                        <h5 class="heading">where to reach us</h5>
                        <h5>D.B.C Road , Kadamtala , Jalpaiguri</h5>
                     </div>
                  </div> <!--contactInfo-->
                  <div class="media contactInfo">
                     <div class="media-left">
                        <i class="fas fa-envelope"></i>
                     </div>
                     <div class="media-body">
                        <h5 class="heading">Email us @</h5>
                        <h5>info@newpcjewellers.com</h5>
                     </div>
                  </div> <!--contactInfo-->
                  <div class="media contactInfo">
                     <div class="media-left">
                        <i class="fas fa-phone"></i>
                     </div>
                     <div class="media-body">
                        <h5 class="heading">need to call us?</h5>
                        <h5><a href="tel:=91 97343 55000">+91 97343 55000</a></h5>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>

      <section id="googleMap" class="row">
         <div class="row m0" id="mapBox">
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d8980.162805036989!2d88.43752204567636!3d26.71947848515908!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39e441794f4f0ea9%3A0x3e42fdf759f1dc39!2sNEW%20P%20C%20JEWELLERS!5e0!3m2!1sen!2sin!4v1686224819668!5m2!1sen!2sin" width="100%" height="500" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
         </div>
      </section>

      <section class="social_sec">
         <div class="social_div">
            <ul class="sociallist">
               <li><a href="https://www.facebook.com/newpcjewellersslg01">
                     <img src="images/icons/facebook.png" alt="social-icon">
                  </a></li>
               <li><a href="https://www.instagram.com/newpcjewellerssiliguri/">
                     <img src="images/icons/instagram.png" alt="social-icon">
                  </a></li>
               
            </ul>
         </div>

         <div class="whatsapp_Div">
            <a class="video-vemo-icon" href="https://api.whatsapp.com/send/?phone=919734355000"><img src="images/icons/whatsapp.png"></a>
         </div>
      </section>91

      <?php require('footer.php') ?>

   </div>



   <!-- Button trigger modal -->
   <!-- <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
  Launch demo modal
</button> -->

   <div class="modal fade" id="LoginModal" tabindex="-1" role="dialog" aria-labelledby="LoginModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
         <div class="modal-content">
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            <div class="modal-body">
               <div class="accountDiv row">
                  <div class="col-6">
                     <div class="accountInfo">
                        <h3>Hello, Friend!</h3>
                        <p>Enter your personal details to start journey with us.</p>
                        <a href="#" class="btn btn-primary">Sign up</a>
                     </div>
                  </div>
                  <div class="col-6">
                     <div class="accountForm">
                        <form action="#" method="POST">
                           <div class="input-group">
                              <input type="tel" name="" maxlength="10" placeholder="Enter Mobile Number">
                           </div>
                        </form>
                     </div>
                  </div>

               </div>
            </div>
         </div>
      </div>
   </div>


   <!--jQuery-->
   <script src="js/jquery-2.1.3.min.js"></script>
   <!--Bootstrap JS-->
   <script src="js/bootstrap.min.js"></script>
   <script src="js/bootstrap-datepicker.min.js"></script>
   <script src="js/jquery.fancybox.min.js"></script>
   <script src="js/jquery-ui.js"></script>
   <script src="js/popper.min.js"></script>
   <script src="js/zoom.js"></script>

   <!--Owl Carousel-->
   <script src="vendors/owl.carousel/js/owl.carousel.min.js"></script>
   <!--Isotope-->
   <script src="vendors/isotope/isotope-custom.js"></script>
   <script src="js/imagesloaded.pkgd.min.js"></script>
   <!--FlexSlider-->
   <script src="vendors/flexslider/jquery.flexslider-min.js"></script>
   <!--Regalia JS-->
   <script src="js/regalia.js"></script>
   <script async defer crossorigin="anonymous" src="../connect.facebook.net/en_US/sdk.js#xfbml=1&version=v11.0" nonce="wjI79STh"></script>
</body>

<!-- Mirrored from newpcjewellers.in/contact by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 03 Sep 2024 09:29:21 GMT -->

</html>
<script>
   function submitContact() {
      var name = $('#contact_name').val();
      var phone = $('#contact_phone').val();
      var email = $('#contact_email').val();
      var subject = $('#contact_subject').val();
      var message = $('#contact_message').val();

      $('.error_field').html('');
      var is_error = '';
      if (name == '') {
         $('#name_error').html('Please Enter Full Name.').css("color", "red");
         is_error = 'yes';
      }
      if (phone == '') {
         $('#phone_error').html('Please Enter Phone Number.').css("color", "red");
         is_error = 'yes';
      }
      if (email == '') {
         $('#email_error').html('Please Enter Email ID.').css("color", "red");
         is_error = 'yes';
      }
      if (subject == '') {
         $('#subject_error').html('Please Enter subject of Enquiry.').css("color", "red");
         is_error = 'yes';
      }
      if (message == '') {
         $('#message_error').html('Please Enter Message.').css("color", "red");
         is_error = 'yes';
      }

      if (is_error == '') {
         var action = 'contact_enquiry';
         var datastr = 'name=' + name + '&phone=' + phone + '&email=' + email + '&subject=' + subject + '&message=' + message + '&action=' + action;
         // alert(datastr);
         $.ajax({
            url: 'enquiry_submit.php',
            type: 'POST',
            data: datastr,
            success: function(data) {
               alert(data);
               // window.location.href = "./";
               // $('.responseData').html(data);
            }
         });
      }
   }
</script>