55ok
Mini
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from influtics.temptics.com/ by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 04 Aug 2025 07:59:56 GMT -->
<head>
<link rel="icon" type="image/png" href="assets/img/fav.png" sizes="32x32">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Parul Jindal Makeovers</title>
<!-- libraries CSS -->
<link rel="stylesheet" href="assets/font/flaticon_jio_-_influencer.css">
<link rel="stylesheet" href="assets/vendor/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="assets/vendor/swiper/swiper-bundle.min.css">
<link rel="stylesheet" href="assets/vendor/splide/splide.min.css">
<link rel="stylesheet" href="assets/vendor/plyr/plyr.css">
<link rel="stylesheet" href="assets/vendor/slim-select/slimselect.css">
<link rel="stylesheet" href="assets/vendor/no-ui-slider/nouislider.min.css">
<!-- custom CSS -->
<link rel="stylesheet" href="assets/css/style.css">
<style>
.jo-breadcrumb {
padding: 14.323vw 0 11.458vw;
background: url(assets/img/breadcrumb-bg.JPG) no-repeat center center;
background-size: cover;
text-align: center;
position: relative;
z-index: 1;
color: var(--white);
overflow: hidden;
}
@media screen and (max-width: 479px) {
.jo-footer-contact a {
font-size: 14px;
}
}
.logo {
width: 100%;
height: 100px;
object-fit: contain;
}
/* 🎯 Only iPhone Safari ke liye fix */
@media only screen
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {
.logo {
max-width: 45% !important;
height: auto !important;
}
}
</style>
</head>
<body>
<!-- sidebar -->
<div class="jo-sidebar">
<div>
<!-- heading -->
<div class="jo-sidebar__heading d-flex justify-content-between align-items-center">
<a href="index.html"><img src="assets/img/logo.png" alt="logo" class="logo"></a>
<button type="button" class="jo-sidebar-close-btn"><i class="flaticon-add-plus-button"></i></button>
</div>
<!-- mobile menu -->
<div class="jo-header-nav-in-mobile"></div>
</div>
<div>
<a href="https://www.instagram.com/paruljindal_makeovers?igsh=eXQ4c3NpdWs1YmNy" target="blank" class="jo-btn"><i class="flaticon-add-plus-button"></i>Follow Me</a>
<!-- socials -->
<div class="tt-footer-top__socials jo-footer-top__socials jo-sidebar-socials justify-content-start justify-content-sm-end">
<a href="#"><i class="flaticon-facebook-1"></i></a>
<a href="#"><i class="flaticon-twitter"></i></a>
<a href="https://www.instagram.com/paruljindal_makeovers?igsh=eXQ4c3NpdWs1YmNya"><i class="flaticon-social-media"></i></a>
<a href="#"><i class="flaticon-youtube-1"></i></a>
</div>
</div>
</div>
<!-- HEADER SECTION START -->
<header class="jo-header">
<a href="index.html">
<img src="assets/img/parul.webp" alt="logo" class="logo">
</a>
<div class="jo-header-right">
<div class="jo-header-nav">
<div class="to-go-to-sidebar-in-mobile">
<nav>
<a href="index.html">For Bookings & Enquiries – Call or WhatsApp us at: +91 8527296269. Your glam session awaits!</a>
<!-- <a href="about.html">About Me</a>
<div class="has-sub-menu relative">
<a role="button">Streaming Videos</a>
<ul class="jo-header-submenu">
<li><a href="videos-1.html">Streaming Videos 1</a></li>
<li><a href="videos-2.html">Streaming Videos 2</a></li>
<li><a href="videos-3.html">Streaming Videos 3</a></li>
<li><a href="video-details.html">Streaming Video Details</a></li>
</ul>
</div>
<div class="has-sub-menu relative">
<a role="button">Pages</a>
<ul class="jo-header-submenu">
<li><a href="video-shop.html">Video Shop</a></li>
<li><a href="video-shop-details.html">Video Shop Details</a></li>
<li><a href="service.html">Services</a></li>
<li><a href="service-details.html">Service Details</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="register.html">Sign Up</a></li>
<li><a href="login.html">Sign in</a></li>
<li><a href="pricing.html">Pricing</a></li>
</ul>
</div>
<div class="has-sub-menu relative">
<a role="button">Blog</a>
<ul class="jo-header-submenu">
<li><a href="blog.html">Blogs</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</div>
<a href="contact.html">Contact</a> -->
</nav>
</div>
</div>
<div class="d-flex gap-2">
<a href="https://www.instagram.com/paruljindal_makeovers?igsh=eXQ4c3NpdWs1YmNy" target="blank" class="jo-btn"><i class="flaticon-add-plus-button"></i>Follow Me</a>
<button class="jo-header-sidebar-open-btn jo-btn px-3 d-inline-block d-lg-none"><i class="flaticon-menu"></i></button>
</div>
</div>
</header>
<!-- HEADER SECTION END -->
<main>
<!-- BREADCRUMB SECTION START -->
<section class="jo-breadcrumb">
<div class="container">
<h1 class="jo-page-title jo-section-title">Contact Us</h1>
<ul class="jo-breadcrumb-nav">
<li><a href="#">Home</a></li>
<li><span>/</span></li>
<li class="current-page">Contact Us</li>
</ul>
<!-- <div class="jo-circle-box">
<span class="circle-1"><img src="assets/img/social-icon-1.png" alt="Social Media Icon"></span>
<span class="circle-2"><img src="assets/img/social-icon-2.png" alt="Social Media Icon"></span>
<span class="circle-3"><img src="assets/img/social-icon-3.png" alt="Social Media Icon"></span>
<span class="circle-4"><img src="assets/img/social-icon-4.png" alt="Social Media Icon"></span>
</div> -->
</div>
</section>
<!-- BREADCRUMB SECTION END -->
<!-- CONTACT SECTION START -->
<section class="jo-inner-main-content">
<div class="jo-container">
<div class="row g-lg-4 g-3 row-cols-lg-4 row-cols-md-3 row-cols-2 row-cols-xxs-1">
<!-- single contact info -->
<div class="col">
<div class="jo-contact-info">
<div class="icon"><i class="flaticon-location-pin"></i></div>
<h3 class="title">Our Address</h3>
<p class="descr">Location: central Delhi / Rohini</p>
</div>
</div>
<!-- single contact info -->
<div class="col">
<div class="jo-contact-info">
<div class="icon"><i class="flaticon-email-marketing"></i></div>
<h6 class="title"><a href="mailto:kashishtalwar3388@gmail.com" class="email-tag">Paruljindalmakeovers14@gmail.com</a></h6>
<p class="descr">Email us anytime for any kind ofquety.</p>
</div>
</div>
<style>
.title .email-tag{
font-size: 10px;
}
</style>
<!-- single contact info -->
<div class="col">
<div class="jo-contact-info">
<div class="icon"><i class="flaticon-phone-1"></i></div>
<h3 class="title"><a href="tel:+918527296269">+91 8527296269</a></h3>
<p class="descr">24/7/365 priority Live Chat support.</p>
</div>
</div>
<!-- single contact info -->
<div class="col">
<div class="jo-contact-info">
<div class="icon"><i class="flaticon-clock"></i></div>
<h3 class="title">Opening Hour </h3>
<p class="descr">
<span>Sunday-Fri: 9 AM – 6 PM</span>
</p>
</div>
</div>
</div>
</div>
</section>
<section class="jo-inner-contact-form-section">
<div class="jo-container">
<div class="row row-cols-lg-2 row-cols-1">
<!-- img -->
<div class="col">
<div>
<!-- <h3 class="jo-inner-contact-from-left-title">Request a Consultation</h3> -->
<div class="jo-inner-contact-img text-center">
<img src="assets/img/parul13.png" alt="Image">
</div>
</div>
</div>
<!-- contact form -->
<div class="col bg-white">
<div class="jo-inner-contact-form-wrapper">
<h3 class="jo-inner-contact-form-title">Contact-Us
</h3>
<form id="contactForm" class="jo-inner-contact-form">
<div class="row g-lg-4 g-3 row-cols-sm-2">
<div>
<input type="text" name="jo-contact-name" id="jo-contact-name" placeholder="Full Name" required>
</div>
<div>
<input type="email" name="jo-contact-email" id="jo-contact-email" placeholder="Email Address" required>
</div>
<div>
<input type="tel" name="jo-contact-phone" id="jo-contact-phone" placeholder="Phone Number">
</div>
<div>
<div class="select-wrapper">
<select name="jo-contact-subject" id="jo-contact-subject" required>
<option data-placeholder="true">Subject</option>
<option value="Hair Styling">Hair Styling</option>
<option value="Makeup">Makeup</option>
<option value="Consultation">Consultation</option>
<option value="Other">Other</option>
</select>
</div>
</div>
<div class="col-sm-12 col-12">
<textarea name="jo-contact-message" id="jo-contact-message" placeholder="Messages" required></textarea>
</div>
</div>
<div class="jo-checkout-agreement-wrapper">
<label for="jo-checkout-agreement">
<input type="checkbox" name="jo-checkout-agreement" id="jo-checkout-agreement" hidden checked>
<span class="txt">Collaboratively formulate principle capital. Progressively evolve user</span>
</label>
</div>
<button type="submit" class="submit-btn">
Submit Now <i class="flaticon-arrow-down-sign-to-navigate"></i>
</button>
<!-- 🔽 UPI QR IMAGE BELOW SUBMIT -->
<div class="text-center mt-4">
<img src="assets/party/d9.png"
alt="Pay via UPI - Parul Jindal Makeovers"
style="max-width:220px;border-radius:12px;">
<p style="margin-top:8px;font-size:13px;color:#555;">
Scan to pay with any UPI app
</p>
</div>
</form>
<script>
document.getElementById('contactForm').addEventListener('submit', function(e) {
e.preventDefault(); // Prevent the default form submission
// Get form values
const name = encodeURIComponent(document.getElementById('jo-contact-name').value);
const email = encodeURIComponent(document.getElementById('jo-contact-email').value);
const phone = encodeURIComponent(document.getElementById('jo-contact-phone').value);
const subject = encodeURIComponent(document.getElementById('jo-contact-subject').value);
const message = encodeURIComponent(document.getElementById('jo-contact-message').value);
// Construct WhatsApp URL
const whatsappNumber = "918527296269"; // Replace with your number
const whatsappURL = `https://api.whatsapp.com/send?phone=${whatsappNumber}&text=*New Inquiry Received*%0A%0A*Name:* ${name}%0A*Email:* ${email}%0A*Phone:* ${phone}%0A*Subject:* ${subject}%0A*Message:* ${message}`;
// Open WhatsApp link in a new tab
window.open(whatsappURL, "_blank");
});
</script>
</div>
</div>
</div>
</div>
</section>
<!-- CONTACT SECTION END -->
</main>
<!-- FOOTER SECTION START -->
<footer class="jo-footer">
<div class="jo-container">
<!-- footer top -->
<div class="jo-footer-top d-none">
<div class="row gx-4 gy-sm-5 gy-4 align-items-center">
<div class="col-lg-3 col-6 col-xxs-12">
<a href="index.html"><img src="assets/img/logo-white.svg" alt="logo" class="logo"></a>
</div>
<div class="col-lg-6 order-lg-1 order-2">
<!-- nwsltr -->
<form action="#" class="jo-footer-top__nwsltr">
<input type="email" name="jo-nwsltr-email" id="jo-nwsltr-email" placeholder="Email Address">
<button class="jo-btn" type="submit">Get Newsletter</button>
</form>
</div>
<!-- socials -->
<div class="col-lg-3 col-6 col-xxs-12 order-lg-2 order-1">
<div class="tt-footer-top__socials jo-footer-top__socials justify-content-start justify-content-sm-end">
<a href="#"><i class="flaticon-facebook-1"></i></a>
<a href="#"><i class="flaticon-twitter"></i></a>
<a href="#"><i class="flaticon-social-media"></i></a>
<a href="#"><i class="flaticon-youtube-1"></i></a>
</div>
</div>
</div>
</div>
<!-- footer middle -->
<div class="jo-footer-middle">
<div class="row g-4">
<div class="col-xl-4 col-md-6">
<div class="jo-footer-widget jo-footer-contact">
<h5 class="jo-footer-widget__title">Get in Touch</h5>
<a href="mailto:contact.me@gmail.com" >Paruljindalmakeovers14@gmail.com</a>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="jo-footer-widget jo-footer-links">
<h5 class="jo-footer-widget__title">Browse Categories</h5>
<div class="links">
<a href="videos-2.html">Portfolio</a>
<a href="about.html">About Me</a>
<a href="pricing.html">Charges</a>
<a href="#">Conatct Me</a>
<a href="service.html">Achievements</a>
<!-- <a href="#">Art</a> -->
<!-- <a href="#">Photography</a> -->
</div>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="jo-footer-widget jo-footer-gallery">
<h5 class="jo-footer-widget__title">Instagram feed</h5>
<div class="imgs flex-wrap">
<img src="assets/img/parul11.png" alt="Footer Image">
<img src="assets/img/parul12.png" alt="Footer Image">
<img src="assets/img/parul13.png" alt="Footer Image">
<img src="assets/img/parul14.png" alt="Footer Image">
</div>
</div>
</div>
</div>
</div>
<!-- footer bottom -->
<div class="tt-footer-bottom text-center" style="color:#fff;">
<p class="mb-0">
Copyright ©2025 paruljindalmakeovers.com
Developed by
<a href="https://bestdigisolution.com/" target="_blank" style="color:#fff; text-decoration:none;">
Best Digi Solution
</a>
</p>
</div>
</div>
</footer>
<!-- FOOTER SECTION END -->
<!-- libraries JS -->
<script src="assets/vendor/bootstrap/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/splide/splide.min.js"></script>
<script src="assets/vendor/splide/splide-extension-auto-scroll.min.js"></script>
<script src="assets/vendor/slim-select/slimselect.min.js"></script>
<script src="assets/vendor/plyr/plyr.polyfilled.js"></script>
<script src="assets/vendor/no-ui-slider/nouislider.min.js"></script>
<script src="assets/vendor/fs-lightbox/fslightbox.js"></script>
<!-- custom js -->
<script src="assets/js/main.js"></script>
<script>
var url = 'https://wati-integration-prod-service.clare.ai/v2/watiWidget.js?49585';
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = url;
var options = {
"enabled":true,
"chatButtonSetting":{
"backgroundColor":"#00e785",
"ctaText":"Chat with us",
"borderRadius":"25",
"marginLeft": "0",
"marginRight": "20",
"marginBottom": "20",
"ctaIconWATI":false,
"position":"right"
},
"brandSetting":{
"brandName":"Wati",
"brandSubTitle":"undefined",
"brandImg":"https://www.wati.io/wp-content/uploads/2023/04/Wati-logo.svg",
"welcomeText":"Hi there!\nHow can I help you?",
"messageText":"Hello, %0A I have a question about {{page_link}}",
"backgroundColor":"#00e785",
"ctaText":"Chat with us",
"borderRadius":"25",
"autoShow":false,
"phoneNumber":"918527296269"
}
};
s.onload = function() {
CreateWhatsappChatWidget(options);
};
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
</script>
</body>
<!-- Mirrored from influtics.temptics.com/ by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 04 Aug 2025 08:00:28 GMT -->
</html>
Zerion Mini 1.0