1#@!#!123s

: / home / realadss / gurgaon.jaipurpartyplanner.in /
Filename : contact.php
back
<?php include('admin/connection.php'); ?>

<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="utf-8">
        <title>Jaipur Party Planner | Contact Us</title>
        <meta content="width=device-width, initial-scale=1.0" name="viewport">
        <meta content="" name="keywords">
        <meta content="" name="description">
         <?php include 'include/links.php'; ?>

        <?php include 'include/header.php'; ?>


<style>
    .contact-box{
           padding: 20px;
    border: 1px solid #ddd;
    position: relative;
    border-radius: 5px;
    }
    
     .contact-box i{
        color: #9e8039 !important;
     }
     
     .contact-form{
        border: 1px solid #ddd;
        padding: 20px 10px;
     }
</style>

        <!-- Header Start -->
        <div class="container-fluid bg-breadcrumb">
            <div class="container text-center py-5" style="max-width: 900px;">
                <h3 class="text-white mb-2 wow fadeInDown" data-wow-delay="0.1s">Contact Us</h1>
                <!--<ol class="breadcrumb justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">-->
                <!--    <li class="breadcrumb-item"><a href="index.php">Home</a></li>-->
                <!--    <li class="breadcrumb-item active">Contact</li>-->
                <!--</ol>    -->
            </div>
        </div>
        <!-- Header End -->
    <div class="container pt-5 pb-3">
        <div class="row">
            <div class="col-lg-4">
                 <div class="d-flex align-items-center text-center mb-4 contact-box">
                    <div class="p-4 mb-3"><i class="fa fa-map-marker-alt fa-2x text-primary"></i></div>
                    <div class=" mb-3">
                    <h4 class="text-dark">Addresses</h4>
                    <p class="mb-0 text-dark" style="text-transform: capitalize;">Plot no 29 Aanad vihar Nagal jesa bhora near devrasi public school ,Jaipur pin code - 302012</p>
                    </div>
                </div>
              </div> 
                <div class="col-lg-4">
                    <div class="d-flex align-items-center text-center mb-4 contact-box">
                        <div class="p-4 mb-3"><i class="fa fa-phone-alt fa-2x text-primary"></i></div>
                         <div class=" mb-3">
                        <h4 class="text-dark">Mobile</h4>
                        <p class="mb-0 text-dark"> +91-93542 30212</p>
                    </div> 
                    </div>
                </div>
                
                <div class="col-lg-4">
                    <div class="d-flex align-items-center text-center contact-box">
                        <div class="p-4 mb-3"><i class="fa fa-envelope-open fa-2x text-primary"></i></div>
                        <div class=" mb-3">
                        <h4 class="text-dark">Email</h4>
                        <p class="mb-0 text-dark">Jaipurpartyplanner66@gmail.com</p>
                         </div>
                    </div>
                </div>
                
                <!--<div class="col-12 text-center my-3">-->
                <!--     <div class="d-flex justify-content-center">-->
                <!--            <a class="btn btn-lg-square btn-light rounded-circle mx-2" href=""><i class="fab fa-facebook-f"></i></a>-->
                <!--            <a class="btn btn-lg-square btn-light rounded-circle mx-2" href=""><i class="fab fa-twitter"></i></a>-->
                <!--            <a class="btn btn-lg-square btn-light rounded-circle mx-2" href=""><i class="fab fa-instagram"></i></a>-->
                <!--            <a class="btn btn-lg-square btn-light rounded-circle mx-2" href=""><i class="fab fa-linkedin-in"></i></a>-->
                <!--    </div>-->
                <!--</div>-->
        
        </div>    
    </div>

        <!-- Contact Start -->
        <div class="container-fluid pb-5">
            <div class="container">
                <div class="section-title mb-5 wow fadeInUp" data-wow-delay="0.1s">
                    <!--<div class="sub-style mb-4">-->
                    <!--    <h4 class="sub-title text-dark px-3 mb-0">Contact Us</h4>-->
                    <!--</div>-->
                </div>
                <div class="row g-4 align-items-center">
                    <div class="col-lg-12 col-xl-12 contact-form wow fadeInLeft " data-wow-delay="0.1s">
                        <h2 class=" text-center mb-5">Enquire Now</h2>
                        
                        <form action="mailer" method="POST" >
                            <div class="row g-3">
                                <div class="col-lg-6 col-xl-6 col-md-6 col-sm-12">
                                    <div class="form-floating">
                                        <input type="text" class="form-control bg-transparent border " name="name" placeholder="Full Name" required> 
                                        <label for="name">Full Name</label>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-xl-6 col-md-6 col-sm-12">
                                    <div class="form-floating">
                                        <input type="tel" class="form-control bg-transparent border "  name="phone"  maxlength="10" minlength="10" placeholder="Contact Number" required  pattern="[6789][0-9]{9}" title="Please enter valid phone number">
                                        <label for="phone">Contact Number</label>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-xl-6 col-md-6 col-sm-12">
                                    <div class="form-floating">
                                        <input type="email" class="form-control bg-transparent border " name="email"  placeholder= "E-mail Id" required>
                                        <label for="email">E-mail Id</label>
                                    </div>
                                </div>
                                
                                 <div class="col-lg-6 col-xl-6 col-md-6 col-sm-12">
                                    <div class="form-floating">
                                        <input type="date" class="form-control bg-transparent border " name="date" id="minToday" placeholder= "Event Date" required>
                                        <label for="Event Date">Event Date</label>
                                    </div>
                                </div>
                                
                                <div class="col-12">
                                    <div class="form-floating">
                                        <textarea class="form-control bg-transparent border " placeholder="Leave a message here"  name="message"   required style="height: 160px"></textarea>
                                        <label for="message">Message</label>
                                    </div>
                                </div>
                                <div class="col-lg-12 text-center">
                                    <div style="display: inline-block;">
                                        <input type="submit" class="btn w-100" style=" background: #9e8039;color: #fff;padding: 8px 30px;" name="send" value="Send Message">
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                
               
                </div>
            </div>
        </div>
        <!-- Contact End -->


  <?php include 'include/footer.php'; ?>
  
          <script>
function getISODate(){
  var d = new Date();
  return d.getFullYear() + '-' + 
          ('0' + (d.getMonth()+1)).slice(-2) + '-' +
          ('0' + d.getDate()).slice(-2);
}

window.onload = function() {
  document.getElementById('minToday').setAttribute('min',getISODate());
}
	  	</script>