55ok
Mini
<!DOCTYPE html>
<html lang="zxx">
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<meta name="description" content="Are you looking for a professional photographer in Valasaravakkam at an affordable cost? Best Photography in Chennai offers stunning services capturing corporate events, weddings, products, and any occasion. Get in touch">
<meta name="author" content="">
<!-- Favicon and touch Icons -->
<link href="assets/img/favicon.png" rel="shortcut icon" type="image/png">
<!-- Page Title -->
<title>Best Photography in Valasaravakkam| Professional Photographers in Chennai</title>
<!-- Styles Include -->
<link rel="stylesheet" href="assets/css/main.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
</head>
<body class="theme-style--light">
<!-- Preloader -->
<?php include "preloader.php";?>
<!-- pointer start -->
<div class="pointer bnz-pointer" id="bnz-pointer"></div>
<!-- Main Header -->
<header class="header">
<?php include "header.php";?>
</header>
<!-- End Main Header -->
<!-- Mobile Responsive Menu -->
<?php include "mobile-sidebar.php";?>
<!-- Modal Search -->
<!-- Main Wrapper-->
<main class="wrapper">
<!-- Page Header -->
<div class="wptb-page-heading">
<div class="wptb-item--inner" style="background-image: url('assets/img/bg/reach-us.jpg');">
<div class="wptb-item-layer wptb-item-layer-one">
<img src="assets/img/more/circle.png" alt="img">
</div>
<h2 class="wptb-item--title">Contact</h2>
<p class="text-white">Let’s Talk!</p>
</div>
</div>
<!-- Contact -->
<section class="wptb-contact-form bg-image-5" style="background-image: url('assets/img/background/bg-9.jpg');">
<div class="container">
<div class="wptb-form--wrapper no-bg">
<div class="row">
<div class="col-lg-12">
<div class="wptb-heading">
<div class="wptb-item--inner text-center">
<h1 class="wptb-item--title"><span></span> Contact Us </h1>
<p class="">We’re looking forward to getting to know you and your event plans over a cup of coffee or tea at our studio. Can’t make it into the studio? Not to worry – we love a good Phone Call. Amazing photography starts with getting to know each other. When coming in for your initial consultation at THE BEST PHOTOGRAPHY, you can expect to meet your event coordinator, Photography team, and dive further into our customized wedding photography packages. </p>
</div>
</div>
</div>
<div class="col-lg-6" style="margin:auto auto">
<div class="widget">
<div class="wptb-office">
<div class="wptb-item--inner">
<div class="wptb-item--subtitle">
Our Address
</div>
<h5 class="wptb-item--title">No:15, Tandavamurthi Nagar, <br/>Valasaravakkam, <br/>Alwarthirunagar, <br/>Chennai 600087</h5>
</div>
</div>
<div class="wptb-office">
<div class="wptb-item--inner">
<div class="wptb-item--subtitle">
Call Us For Query
</div>
<h5 class="wptb-item--title"><a href="tel:+919150988505">(+91) 9150988505</a></h5>
</div>
</div>
<div class="wptb-office">
<div class="wptb-item--inner">
<div class="wptb-item--subtitle">
SEND US EMAIL
</div>
<h5 class="wptb-item--title"><a href="mailto:besteventph@gmail.com">besteventph@gmail.com</a></h5>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<!-- Google Map -->
<div class=" wow fadeInUp">
<div id="" class="">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7773.661594830234!2d80.17483013164791!3d13.046439888646907!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a52612e0e105011%3A0x51a61ee8019bef82!2sAlwartirunagar%2C%20Valasaravakkam%2C%20Chennai%2C%20Tamil%20Nadu!5e0!3m2!1sen!2sin!4v1715688143707!5m2!1sen!2sin" width="100%" height="250" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
<div class="col-lg-12 mt-5" id="booking-form">
<div class="wptb-heading">
<div class="wptb-item--inner text-center">
<h1 class="wptb-item--title"><span></span> Next step? </h1>
<p class="">Confirm we’re available. Fill out our contact form below now to get started.</p>
</div>
</div>
<form class="wptb-form" action="Admin/general-functions.php" method="post">
<div class="wptb-form--inner">
<div class="row">
<div class="col-lg-6 col-md-6 mb-4">
<div class="form-group">
<input type="text" name="name" class="form-control" placeholder="Name*" required>
</div>
</div>
<div class="col-lg-6 col-md-6 mb-4">
<div class="form-group">
<input type="email" name="email" class="form-control" placeholder="E-mail*" >
</div>
</div>
<div class="col-lg-6 col-md-6 mb-4">
<div class="form-group">
<input type="text" name="mobile" class="form-control" placeholder="Phone Number*" required>
</div>
</div>
<div class="col-lg-6 col-md-6 mb-4">
<div class="form-group">
<select name="events" class="form-control" required>
<option value="Service Type">Event/Occasion</option>
<option value="Wedding & Engagement">Wedding & Engagement</option>
<option value="Birthday">Birthday</option>
<option value="Family Portraits">Family Portraits</option>
<option value="Couple Shoot">Couple Shoot</option>
<option value="Kids Photography">Kids Photography</option>
<option value="New Born Photography">New Born Photography</option>
<option value="Maternity">Maternity</option>
<option value="Portfolio">Portfolio</option>
<option value="Corporate Events">Corporate Events</option>
</select>
</div>
</div>
<div class="col-lg-3 col-md-3 mb-4">
<div class="form-group">
<input type="text" name="event_date" id="event_date" class="form-control" placeholder="Event Date" required>
</div>
</div>
<div class="col-lg-3 col-md-3 mb-4">
<div class="form-group">
<input type="text" name="time" id="event_time" class="form-control" placeholder="Event Time" required>
</div>
</div>
<div class="col-lg-6 col-md-6 mb-4">
<div class="form-group">
<input type="text" name="insta_link" class="form-control" placeholder="Instagram Link" >
</div>
</div>
<div class="col-lg-6 col-md-6 mb-4">
<div class="form-group">
<input type="text" name="venue" class="form-control" placeholder="Wedding/Session Venue">
</div>
</div>
<div class="col-lg-6 col-md-6 mb-4">
<div class="form-group">
<input type="text" name="location" class="form-control" placeholder="Location">
</div>
</div>
<div class="col-lg-6 col-md-6 mb-4">
<div class="form-group">
<input type="text" name="budget" class="form-control" placeholder="Photography budget">
</div>
</div>
<style>
.select2-container--default .select2-selection--single{
display:none;
}
.select2-container--default .select2-selection--multiple{
border: 1px solid #e5e2e2;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{
padding: 0 15px;
}
.select2-container .select2-search--inline .select2-search__field{
height:44px;
padding: 10px;
}
</style>
<div class="col-lg-6 col-md-6 mb-4">
<div class="form-group">
<select class="fav_clr form-control" name="looking_for[]" multiple="multiple">
<option value="All Services">All Services</option>
<option value="Wedding & Engagement">Wedding & Engagement</option>
<option value="Birthday">Birthday</option>
<option value="Family Portraits">Family Portraits</option>
<option value="Couple Shoot">Couple Shoot</option>
<option value="Kids Photography">Kids Photography</option>
<option value="New Born Photography">New Born Photography</option>
<option value="Maternity">Maternity</option>
<option value="Portfolio">Portfolio</option>
<option value="Corporate Events">Corporate Events</option>
</select>
</div>
</div>
<div class="col-md-12 col-lg-12 mb-4">
<div class="form-group">
<textarea name="message" class="form-control" placeholder="Text Here"></textarea>
</div>
</div>
<div class="col-md-12 col-lg-12">
<div class="wptb-item--button">
<button class="btn" type="submit" name="act" value="BOOK_POST">
<span class="btn-wrap">
<span class="text-first">Submit</span>
</span>
</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<br/>
<br/>
<br/>
</main>
<!-- Footer -->
<?php include "footer.php";?>
<div class="totop">
<a href="#"><i class="bi bi-chevron-up"></i></a>
</div>
<!-- Core JS -->
<script src="assets/js/jquery-3.6.0.min.js"></script>
<!-- Framework -->
<script src="assets/js/bootstrap.min.js"></script>
<!-- WOW Scroll Effect -->
<script src="plugins/wow/wow.min.js"></script>
<!-- Swiper Slider -->
<script src="plugins/swiper/swiper-bundle.min.js"></script>
<script src="plugins/swiper/swiper-gl.min.js"></script>
<!-- Odometer Counter -->
<script src="plugins/odometer/appear.js"></script>
<script src="plugins/odometer/odometer.js"></script>
<!-- Fancybox -->
<script src="plugins/fancybox/jquery.fancybox.min.js"></script>
<!-- Flatpickr -->
<script src="plugins/flatpickr/flatpickr.min.js"></script>
<!-- Nice Select -->
<script src="plugins/nice-select/jquery.nice-select.min.js"></script>
<!-- Cursor Effect -->
<script src="plugins/cursor-effect/cursor-effect.js"></script>
<!-- Theme Custom JS -->
<script src="assets/js/theme.js"></script>
<!-- Google Map Calling -->
<script src="assets/js/map.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
<script>
$(document).ready(function() {
$('.fav_clr').select2({
placeholder: 'What are you looking for?',
width: '100%',
border: '1px solid #f9f5f5',
});
});
$('.fav_clr').on("select2:select", function (e) {
var data = e.params.data.text;
if(data=='All Services'){
$(".fav_clr > option").prop("selected","selected");
$(".fav_clr").trigger("change");
}
});
document.addEventListener("DOMContentLoaded", function() {
const dateInput = document.querySelector("#event_date");
const timeInput = document.querySelector("#event_time");
// Set current date and time
const currentDate = new Date();
const formattedDate = currentDate.toISOString().split('T')[0]; // Format date as YYYY-MM-DD
const formattedTime = currentDate.toTimeString().split(' ')[0].slice(0, 5); // Format time as HH:MM
dateInput.value = formattedDate;
timeInput.value = formattedTime;
// Initialize Flatpickr for date input
flatpickr(dateInput, {
dateFormat: "Y-m-d", // Customize date format
});
// Initialize Flatpickr for time input
flatpickr(timeInput, {
enableTime: true,
noCalendar: true,
dateFormat: "H:i", // Customize time format
time_24hr: true, // Set to false for 12-hour format
});
});
</script>
</body>
</html>
Zerion Mini 1.0