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>paruljindalmakeovers</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>
@media screen and (max-width: 768px) {
.jo-banner {
background: url(assets/img/aw1.png) no-repeat center center;
background-size: cover;
padding: 38.125vw 0 0;
position: relative;
z-index: 1;
overflow: hidden;
margin-top: 57px;
}
}
@media screen and (max-width: 479px) {
.jo-header {
inset: 0 0 auto;
padding: 7px;
}
.jo-header a img{
height: 80px !important;
}
}
@media screen and (max-width: 768px) {
.jo-footer-gallery .imgs img {
max-width: clamp(70px, 5.208vw, 100px) !important;
}
}
@media screen and (max-width: 479px) {
.jo-footer-contact a {
font-size: 14px;
}
}
/* 🎯 Only iPhone Safari ke liye */
@supports (-webkit-touch-callout: none) {
.logo {
max-width: 45% !important;
height: auto !important;
display: block;
object-fit: contain;
}
}
.logo {
width: 100%;
height: 100px;
object-fit: contain;
}
</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/parul.webp" 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" 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="https://www.facebook.com/parul.jindal.522?mibextid=wwXIfr&rdid=3COYpgOdIMRgVg1D#"><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=eXQ4c3NpdWs1YmNya" target="blank" class="jo-btn f-button"><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>
<section class="hero">
<div class="hero-wrap">
<!-- BACKGROUND IMAGE -->
<div class="hero-img"></div>
<!-- MENU -->
<div class="hero-menu">
<a href="photo.html" class="jo-btn">Portfolio</a>
<a href="videos-2.html" class="jo-btn">Video</a>
<a href="pricing.html" class="jo-btn">Our Charges</a>
<a href="about.html" class="jo-btn">About Me</a>
<a href="service.html" class="jo-btn">Courses</a>
<a href="contact.html" class="jo-btn">Contact Me</a>
<a href="#" class="jo-btn" style="visibility: hidden;">Contact Me</a>
</div>
</div>
</section>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background: #f6eaea;
}
/* HERO SECTION */
.hero {
padding-top: 90px; /* header height */
}
/* HERO FRAME */
.hero-wrap {
position: relative;
max-width: 420px; /* mobile frame */
margin: 0 auto;
height: calc(100vh - 90px);
overflow: hidden;
background: #000;
}
/* IMAGE AS BACKGROUND (BEST METHOD) */
.hero-img {
position: absolute;
inset: 0;
background-image: url("assets/party/pa1.jpg");
background-size: cover;
background-position: center top; /* face safe */
background-repeat: no-repeat;
margin-right: -435px;
margin-left:-60px;
}
/* MENU */
.hero-menu {
position: absolute;
top: 50%;
right: 16px;
transform: translateY(-50%);
display: flex;
flex-direction: column;
gap: 12px;
z-index: 10;
}
/* MENU BUTTON */
.hero-menu a {
background: linear-gradient(90deg, #a77235 0%, #930059 100%);
color: #fff;
text-decoration: none;
padding: 12px 28px;
min-width: 160px;
text-align: center;
font-size: 14px;
font-family: Georgia, serif;
}
/* DESKTOP */
@media (min-width: 992px) {
.hero-wrap {
max-width: 100%;
height: 100vh;
}
.hero-menu {
right: 50px;
}
.hero-img {
background-position: center 30%;
}
}
</style>
<!-- SOCIAL LINKS SECTION START -->
<section class="jo-social-links">
<div class="jo-container">
<div class="row g-sm-4 g-3">
<!-- single social -->
<div class="col-md-4 col-6 col-xxs-12 mt-0">
<div class="jo-social-link">
<div class="icon"><img src="assets/img/social-icon-1.png" alt="Social Media Icon"></div>
<div class="txt">
<h5>Facebook</h5>
<span>1.2K followers</span>
</div>
<a href="https://www.facebook.com/parul.jindal.522?mibextid=wwXIfr&rdid=3COYpgOdIMRgVg1D#" class="jo-btn">Follow Me</a>
</div>
</div>
<!-- single social -->
<div class="col-md-4 col-6 col-xxs-12 mt-0">
<div class="jo-social-link">
<div class="icon"><img src="assets/img/social-icon-2.png" alt="Social Media Icon"></div>
<div class="txt">
<h5>Instagram</h5>
<span>6.2K followers</span>
</div>
<a href="https://www.instagram.com/paruljindal_makeovers?igsh=eXQ4c3NpdWs1YmNy" target="blank" class="jo-btn">Follow Me</a>
</div>
</div>
<!-- single social -->
<div class="col-md-4 col-6 col-xxs-12 d-none">
<div class="jo-social-link">
<div class="icon"><img src="assets/img/social-icon-3.png" alt="Social Media Icon"></div>
<div class="txt">
<h5>Tiktok</h5>
<span>2.5M followers</span>
</div>
<a href="#" class="jo-btn">Follow Me</a>
</div>
</div>
<!-- single social -->
<div class="col-md-3 col-6 col-xxs-12 mt-0">
<div class="jo-social-link">
<div class="icon"><img src="assets/img/social-icon-4.png" alt="Social Media Icon"></div>
<div class="txt">
<h5>YouTube</h5>
<span>2.3k Sbscribers</span>
</div>
<a href="#" class="jo-btn">Subscribe</a>
</div>
</div>
</div>
</div>
</section>
<!-- SOCIAL LINKS SECTION END -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Libre+Baskerville:wght@400;700&display=swap" rel="stylesheet">
<div class="container py-5 text-center" style="font-family:'Inter', sans-serif;">
<!-- TOP LINE -->
<p class="fs-5 mb-2 text-dark"
style="font-weight:500; letter-spacing:0.3px;">
For all queries, bookings please call/Whatsapp us on:
</p>
<!-- PHONE NUMBER -->
<h2 class="fw-bold mb-5"
style="font-family:'Libre Baskerville', serif; letter-spacing:1.2px;">
8527296269
</h2>
<section class="insta-section">
<div class="insta-row">
<!-- LEFT QR -->
<div class="insta-qr-box">
<img src="assets/party/qr.png" alt="Instagram QR">
</div>
<!-- RIGHT BUTTON -->
<div class="insta-follow-box">
<img src="assets/party/insta.png" alt="Follow on Instagram">
</div>
</div>
</section>
<style>
/* SECTION */
.insta-section {
padding: 50px 20px;
}
/* ROW */
.insta-row {
max-width: 1100px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
gap: 100px; /* âś… thoda zyada gap like reference */
}
/* LEFT QR */
.insta-qr-box img {
width: 200px;
display: block;
}
/* RIGHT FOLLOW IMAGE */
.insta-follow-box {
border: none; /* ❌ black border hata */
padding: 0;
}
.insta-follow-box img {
width: 420px; /* âś… RIGHT BADA */
max-width: 100%;
display: block;
}
/* ===== MOBILE VIEW (PHONE JAISE IMAGE ME HAI) ===== */
@media (max-width: 768px) {
.insta-row {
flex-direction: row; /* âś… side-by-side rahe */
gap: 20px;
}
.insta-qr-box img {
width: 120px;
}
.insta-follow-box img {
width: 220px; /* âś… mobile me bhi bada */
}
}
</style>
<!-- IMAGE -->
<!--<div class="row justify-content-center align-items-center g-4">-->
<!-- <div class="col-12 text-center">-->
<!-- <img src="https://images.squarespace-cdn.com/content/v1/64aeccbe39c35421214ad415/2515507f-e4ff-4382-bc18-d51435395fe1/follow-parul-garg.jpg?format=1500w"-->
<!-- class="img-fluid desktop-img"-->
<!-- alt="Follow us on Instagram">-->
<!-- </div>-->
<!--</div>-->
</div>
<!-- DESKTOP ONLY IMAGE SIZE -->
<style>
@media (min-width: 992px) {
.desktop-img {
max-width: 520px;
}
}
</style>
</div>
<!-- REELS SECTION START -->
<section class="jo-reels d-none">
<div class="jo-container">
<div class="jo-reels-heading">
<button class="jo-slider-nav-btn jo-reels-slider-prev"><i class="flaticon-left-arrow"></i></button>
<h2 class="jo-section-title">Latest Video Reels</h2>
<button class="jo-slider-nav-btn jo-reels-slider-next"><i class="flaticon-right-arrow"></i></button>
</div>
</div>
<div class="jo-reels-container">
<div class="jo-reels-slider swiper">
<div class="swiper-wrapper">
<!-- single reel -->
<div class="swiper-slide">
<div class="jo-reel">
<div class="jo-reel-video position-relative">
<video controls poster="assets/img/reel-thumb-1.jpg" src="https://videos.pexels.com/video-files/3402899/3402899-sd_506_960_25fps.mp4"></video>
<a href="#" class="link"><img src="assets/img/social-icon-1.png" alt="platform logo">Facebook Reel</a>
</div>
<div class="jo-reel-txt">
<h5 class="jo-reel-title"><a href="#">Can Robot Solve This ...?</a></h5>
<div class="jo-reel-info">
<span><i class="flaticon-bell"></i></span>
<span>16M views</span>
</div>
</div>
</div>
</div>
<!-- single reel -->
<div class="swiper-slide">
<div class="jo-reel">
<div class="jo-reel-video position-relative">
<video controls poster="assets/img/reel-thumb-2.jpg" src="https://videos.pexels.com/video-files/3402899/3402899-sd_506_960_25fps.mp4"></video>
<a href="#" class="link"><img src="assets/img/social-icon-1.png" alt="platform logo">Facebook Reel</a>
</div>
<div class="jo-reel-txt">
<h5 class="jo-reel-title"><a href="#">Can Robot Solve This ...?</a></h5>
<div class="jo-reel-info">
<span><i class="flaticon-bell"></i></span>
<span>16M views</span>
</div>
</div>
</div>
</div>
<!-- single reel -->
<div class="swiper-slide">
<div class="jo-reel">
<div class="jo-reel-video position-relative">
<video controls poster="assets/img/reel-thumb-3.jpg" src="https://videos.pexels.com/video-files/3402899/3402899-sd_506_960_25fps.mp4"></video>
<a href="#" class="link"><img src="assets/img/social-icon-1.png" alt="platform logo">Facebook Reel</a>
</div>
<div class="jo-reel-txt">
<h5 class="jo-reel-title"><a href="#">Can Robot Solve This ...?</a></h5>
<div class="jo-reel-info">
<span><i class="flaticon-bell"></i></span>
<span>16M views</span>
</div>
</div>
</div>
</div>
<!-- single reel -->
<div class="swiper-slide">
<div class="jo-reel">
<div class="jo-reel-video position-relative">
<video controls poster="assets/img/reel-thumb-4.jpg" src="https://videos.pexels.com/video-files/3402899/3402899-sd_506_960_25fps.mp4"></video>
<a href="#" class="link"><img src="assets/img/social-icon-1.png" alt="platform logo">Facebook Reel</a>
</div>
<div class="jo-reel-txt">
<h5 class="jo-reel-title"><a href="#">Can Robot Solve This ...?</a></h5>
<div class="jo-reel-info">
<span><i class="flaticon-bell"></i></span>
<span>16M views</span>
</div>
</div>
</div>
</div>
<!-- single reel -->
<div class="swiper-slide">
<div class="jo-reel">
<div class="jo-reel-video position-relative">
<video controls poster="assets/img/reel-thumb-5.jpg" src="https://videos.pexels.com/video-files/3402899/3402899-sd_506_960_25fps.mp4"></video>
<a href="#" class="link"><img src="assets/img/social-icon-1.png" alt="platform logo">Facebook Reel</a>
</div>
<div class="jo-reel-txt">
<h5 class="jo-reel-title"><a href="#">Can Robot Solve This ...?</a></h5>
<div class="jo-reel-info">
<span><i class="flaticon-bell"></i></span>
<span>16M views</span>
</div>
</div>
</div>
</div>
<!-- single reel -->
<div class="swiper-slide">
<div class="jo-reel">
<div class="jo-reel-video position-relative">
<video controls poster="assets/img/reel-thumb-1.jpg" src="https://videos.pexels.com/video-files/3402899/3402899-sd_506_960_25fps.mp4"></video>
<a href="#" class="link"><img src="assets/img/social-icon-1.png" alt="platform logo">Facebook Reel</a>
</div>
<div class="jo-reel-txt">
<h5 class="jo-reel-title"><a href="#">Can Robot Solve This ...?</a></h5>
<div class="jo-reel-info">
<span><i class="flaticon-bell"></i></span>
<span>16M views</span>
</div>
</div>
</div>
</div>
<!-- single reel -->
<div class="swiper-slide">
<div class="jo-reel">
<div class="jo-reel-video position-relative">
<video controls poster="assets/img/reel-thumb-2.jpg" src="https://videos.pexels.com/video-files/3402899/3402899-sd_506_960_25fps.mp4"></video>
<a href="#" class="link"><img src="assets/img/social-icon-1.png" alt="platform logo">Facebook Reel</a>
</div>
<div class="jo-reel-txt">
<h5 class="jo-reel-title"><a href="#">Can Robot Solve This ...?</a></h5>
<div class="jo-reel-info">
<span><i class="flaticon-bell"></i></span>
<span>16M views</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- REELS SECTION END -->
<!-- SERVICES SECTION START -->
<section class="jo-services d-none">
<div class="jo-container">
<div class="jo-services-wrapper">
<div class="heading">
<h2 class="jo-section-title mb-0">What Will I Give You?</h2>
<a href="#" class="jo-btn">View All Services</a>
</div>
<div class="jo-services-tabs-wrapper">
<div class="jo-services-tab-navs">
<button class="tab-nav active" data-tab="service-1">Brand Collaborations</button>
<button class="tab-nav" data-tab="service-2">Empowering Creators</button>
<button class="tab-nav" data-tab="service-3">Content Planner</button>
<button class="tab-nav" data-tab="service-4">Relevant Content</button>
<button class="tab-nav" data-tab="service-5">Social Media Management</button>
</div>
<div class="tabs-container">
<!-- single tab / tab 01 -->
<div class="tt-tab active" id="service-1">
<div class="tt-service-tab">
<!-- img -->
<div class="img">
<img src="assets/img/service.jpg" alt="service image">
</div>
<!-- txt -->
<div class="txt">
<h5 class="title">Strategy Development</h5>
<p class="descr">consectetur adipiscing elit. Donec non mattis nulla, in ultrices diam. Curabitur nec pharetra nunc. Nunc nec pellentesque nisl. Ut non mauris bibendum nunc pharetra laoreet sed eget mauris. Donec eget fermentum libero, ac aliquet lectus.</p>
<ul class="list">
<li>Unlimited influencer search</li>
<li>Unlimited direct messages with freelancer.</li>
<li>Unlimited requests for with celebrities.</li>
<li>Unlimited project tracking</li>
<li>Unlimited Campaign monitoring.</li>
<li>Goal Setting Begin by clearly defining</li>
</ul>
</div>
</div>
</div>
<!-- single tab / tab 02 -->
<div class="tt-tab" id="service-2">
<div class="tt-service-tab">
<!-- img -->
<div class="img">
<img src="assets/img/service.jpg" alt="service image">
</div>
<!-- txt -->
<div class="txt">
<h5 class="title">Strategy Development</h5>
<p class="descr">consectetur adipiscing elit. Donec non mattis nulla, in ultrices diam. Curabitur nec pharetra nunc. Nunc nec pellentesque nisl. Ut non mauris bibendum nunc pharetra laoreet sed eget mauris. Donec eget fermentum libero, ac aliquet lectus.</p>
<ul class="list">
<li>Unlimited influencer search</li>
<li>Unlimited direct messages with freelancer.</li>
<li>Unlimited requests for with celebrities.</li>
<li>Unlimited project tracking</li>
<li>Unlimited Campaign monitoring.</li>
<li>Goal Setting Begin by clearly defining</li>
</ul>
</div>
</div>
</div>
<!-- single tab / tab 03 -->
<div class="tt-tab" id="service-3">
<div class="tt-service-tab">
<!-- img -->
<div class="img">
<img src="assets/img/service.jpg" alt="service image">
</div>
<!-- txt -->
<div class="txt">
<h5 class="title">Strategy Development</h5>
<p class="descr">consectetur adipiscing elit. Donec non mattis nulla, in ultrices diam. Curabitur nec pharetra nunc. Nunc nec pellentesque nisl. Ut non mauris bibendum nunc pharetra laoreet sed eget mauris. Donec eget fermentum libero, ac aliquet lectus.</p>
<ul class="list">
<li>Unlimited influencer search</li>
<li>Unlimited direct messages with freelancer.</li>
<li>Unlimited requests for with celebrities.</li>
<li>Unlimited project tracking</li>
<li>Unlimited Campaign monitoring.</li>
<li>Goal Setting Begin by clearly defining</li>
</ul>
</div>
</div>
</div>
<!-- single tab / tab 04 -->
<div class="tt-tab" id="service-4">
<div class="tt-service-tab">
<!-- img -->
<div class="img">
<img src="assets/img/service.jpg" alt="service image">
</div>
<!-- txt -->
<div class="txt">
<h5 class="title">Strategy Development</h5>
<p class="descr">consectetur adipiscing elit. Donec non mattis nulla, in ultrices diam. Curabitur nec pharetra nunc. Nunc nec pellentesque nisl. Ut non mauris bibendum nunc pharetra laoreet sed eget mauris. Donec eget fermentum libero, ac aliquet lectus.</p>
<ul class="list">
<li>Unlimited influencer search</li>
<li>Unlimited direct messages with freelancer.</li>
<li>Unlimited requests for with celebrities.</li>
<li>Unlimited project tracking</li>
<li>Unlimited Campaign monitoring.</li>
<li>Goal Setting Begin by clearly defining</li>
</ul>
</div>
</div>
</div>
<!-- single tab / tab 05 -->
<div class="tt-tab" id="service-5">
<div class="tt-service-tab">
<!-- img -->
<div class="img">
<img src="assets/img/service.jpg" alt="service image">
</div>
<!-- txt -->
<div class="txt">
<h5 class="title">Strategy Development</h5>
<p class="descr">consectetur adipiscing elit. Donec non mattis nulla, in ultrices diam. Curabitur nec pharetra nunc. Nunc nec pellentesque nisl. Ut non mauris bibendum nunc pharetra laoreet sed eget mauris. Donec eget fermentum libero, ac aliquet lectus.</p>
<ul class="list">
<li>Unlimited influencer search</li>
<li>Unlimited direct messages with freelancer.</li>
<li>Unlimited requests for with celebrities.</li>
<li>Unlimited project tracking</li>
<li>Unlimited Campaign monitoring.</li>
<li>Goal Setting Begin by clearly defining</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- SERVICES SECTION END -->
<!-- intro & live -->
<div class="jo-intro-lives-wrapper d-none">
<!-- INTRO SECTION START -->
<section class="jo-intro">
<div class="jo-container">
<div class="row align-items-center">
<!-- txt -->
<div class="col-xl-6 col-lg-7 col-8">
<div class="jo-intro__txt">
<h2 class="jo-section-title">I'm a Social Media influencer & digital content creator</h2>
<p class="jo-intro__descr">consectetur adipiscing elit. Donec non mattis nulla, in ultrices diam. Curabitur nec pharetra nunc. Nunc nec pellentesque nisl. Ut non mauris bibendum nunc pharetra laoreet sed eget mauris. Donec eget fermentum libero, ac aliquet lectus.</p>
<ul class="jo-intro__list">
<li>Non mattis nulla, in ultrices diam</li>
<li>Web design done Delightful Visualization</li>
<li>Alienum phaedrum torquatos nec eu, vis detraxit periculis</li>
<li>Software Makes Your Profit Double if You Scale Properly.</li>
</ul>
<a href="contact.html" class="jo-btn">Contact Me</a>
</div>
</div>
<!-- img -->
<div class="col-xl-6 col-lg-5 col-4">
<div class="jo-intro__img">
<a href="https://youtu.be/vc3WCrgYpF0?si=W2iFDfdDYsh6spKg" data-fslightbox class="play-btn"><i class="flaticon-play"></i></a>
<img src="assets/img/intro-img.jpg" alt="intro image">
</div>
</div>
</div>
</div>
<!-- vector -->
<img src="assets/img/intro-vector.svg" alt="vector" class="jo-intro__vector">
</section>
<!-- INTRO SECTION END -->
<!-- UPCOMING LIVES SECTION START -->
<section class="jo-upcoming-lives">
<div class="jo-container">
<!-- heading -->
<div class="jo-upcoming-lives__heading">
<h2 class="jo-section-title">My Upcoming Lives</h2>
</div>
<div>
<!-- live card -->
<div class="jo-upcoming-live">
<div class="jo-upcoming-live__img">
<img src="assets/img/umcoming-live-1.jpg" alt="live image">
</div>
<div class="jo-upcoming-live__txt">
<a href="#" class="platform-tag"><img src="assets/img/social-icon-1.png" alt="platform logo">Facebook Live</a>
<h5 class="title">Smiley woman pop party studio medium shot</h5>
<span class="date">25 Jun, 2024</span>
<p class="descr">consectetur adipiscing elit. Donec non mattis nulla, in ultrices diam. Curabitur nec pharetra nunc. Nunc nec pellentesque nisl. Ut non mauris bibendum nunc pharetra laoreet sed eget mauris. Donec eget fermentum libero, ac aliquet lectus.</p>
<a href="checkout.html" class="jo-btn">Book Now</a>
</div>
</div>
<!-- live card -->
<div class="jo-upcoming-live">
<div class="jo-upcoming-live__img">
<img src="assets/img/umcoming-live-2.jpg" alt="live image">
</div>
<div class="jo-upcoming-live__txt">
<a href="#" class="platform-tag"><img src="assets/img/social-icon-4.png" alt="platform logo">Youtube Live</a>
<h5 class="title">Smiley woman pop party studio medium shot</h5>
<span class="date">25 Jun, 2024</span>
<p class="descr">consectetur adipiscing elit. Donec non mattis nulla, in ultrices diam. Curabitur nec pharetra nunc. Nunc nec pellentesque nisl. Ut non mauris bibendum nunc pharetra laoreet sed eget mauris. Donec eget fermentum libero, ac aliquet lectus.</p>
<a href="checkout.html" class="jo-btn">Book Now</a>
</div>
</div>
</div>
</div>
</section>
<!-- UPCOMING LIVES SECTION END -->
</div>
<!-- VIDEOS SECTION START -->
<section class="jo-videos d-none">
<div class="jo-container">
<!-- heading -->
<div class="jo-videos__heading">
<h2 class="jo-section-title">My Latest Premium Videos</h2>
<a href="videos-1.html" class="jo-btn jo-videos__btn"><i class="flaticon-premium-quality"></i> View All Videos</a>
</div>
</div>
<!-- video cards -->
<div class="jo-videos-slider splide">
<div class="splide__track">
<ul class="splide__list">
<li class="splide__slide">
<div class="jo-video-card">
<img src="assets/img/jo-video-1.jpg" alt="Video Thumbnail" class="jo-video-card__img">
<div class="jo-video-card__txt">
<div class="d-flex justify-content-between">
<a href="https://youtu.be/vc3WCrgYpF0?si=W2iFDfdDYsh6spKg" data-fslightbox="videos" class="jo-video-card__btn"><i class="flaticon-play"></i></a>
<span class="jo-video-card__premium-tag"><i class="flaticon-premium-quality"></i></span>
</div>
<div class="bottom">
<span class="price">$5.00</span>
<h5><a href="video-details.html" class="jo-video-card__title">Smiley woman pop party studio medium shot</a></h5>
<div class="tt-video__infos jo-video-card__infos">
<span>16M views</span>
<span>49 minutes ago</span>
</div>
</div>
</div>
</div>
</li>
<li class="splide__slide">
<div class="jo-video-card">
<img src="assets/img/jo-video-2.jpg" alt="Video Thumbnail" class="jo-video-card__img">
<div class="jo-video-card__txt">
<div class="d-flex justify-content-between">
<a href="https://youtu.be/vc3WCrgYpF0?si=W2iFDfdDYsh6spKg" data-fslightbox="videos" class="jo-video-card__btn"><i class="flaticon-play"></i></a>
<span class="jo-video-card__premium-tag"><i class="flaticon-premium-quality"></i></span>
</div>
<div class="bottom">
<span class="price">$5.00</span>
<h5><a href="video-details.html" class="jo-video-card__title">Smiley woman pop party studio medium shot</a></h5>
<div class="tt-video__infos jo-video-card__infos">
<span>16M views</span>
<span>49 minutes ago</span>
</div>
</div>
</div>
</div>
</li>
<li class="splide__slide">
<div class="jo-video-card">
<img src="assets/img/jo-video-3.jpg" alt="Video Thumbnail" class="jo-video-card__img">
<div class="jo-video-card__txt">
<div class="d-flex justify-content-between">
<a href="https://youtu.be/vc3WCrgYpF0?si=W2iFDfdDYsh6spKg" data-fslightbox="videos" class="jo-video-card__btn"><i class="flaticon-play"></i></a>
<span class="jo-video-card__premium-tag"><i class="flaticon-premium-quality"></i></span>
</div>
<div class="bottom">
<span class="price">$5.00</span>
<h5><a href="video-details.html" class="jo-video-card__title">Smiley woman pop party studio medium shot</a></h5>
<div class="tt-video__infos jo-video-card__infos">
<span>16M views</span>
<span>49 minutes ago</span>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="jo-videos-slider-2 splide">
<div class="splide__track">
<ul class="splide__list">
<li class="splide__slide">
<div class="jo-video-card">
<img src="assets/img/jo-video-4.jpg" alt="Video Thumbnail" class="jo-video-card__img">
<div class="jo-video-card__txt">
<div class="d-flex justify-content-between">
<a href="https://youtu.be/vc3WCrgYpF0?si=W2iFDfdDYsh6spKg" data-fslightbox="videos" class="jo-video-card__btn"><i class="flaticon-play"></i></a>
<span class="jo-video-card__premium-tag d-none"><i class="flaticon-premium-quality"></i></span>
</div>
<div class="bottom">
<span class="price">Free</span>
<h5><a href="video-details.html" class="jo-video-card__title">Smiley woman pop party studio medium shot</a></h5>
<div class="tt-video__infos jo-video-card__infos">
<span>16M views</span>
<span>49 minutes ago</span>
</div>
</div>
</div>
</div>
</li>
<li class="splide__slide">
<div class="jo-video-card">
<img src="assets/img/jo-video-5.jpg" alt="Video Thumbnail" class="jo-video-card__img">
<div class="jo-video-card__txt">
<div class="d-flex justify-content-between">
<a href="https://youtu.be/vc3WCrgYpF0?si=W2iFDfdDYsh6spKg" data-fslightbox="videos" class="jo-video-card__btn"><i class="flaticon-play"></i></a>
<span class="jo-video-card__premium-tag"><i class="flaticon-premium-quality"></i></span>
</div>
<div class="bottom">
<span class="price">$5.00</span>
<h5><a href="video-details.html" class="jo-video-card__title">Smiley woman pop party studio medium shot</a></h5>
<div class="tt-video__infos jo-video-card__infos">
<span>16M views</span>
<span>49 minutes ago</span>
</div>
</div>
</div>
</div>
</li>
<li class="splide__slide">
<div class="jo-video-card">
<img src="assets/img/jo-video-6.jpg" alt="Video Thumbnail" class="jo-video-card__img">
<div class="jo-video-card__txt">
<div class="d-flex justify-content-between">
<a href="https://youtu.be/vc3WCrgYpF0?si=W2iFDfdDYsh6spKg" data-fslightbox="videos" class="jo-video-card__btn"><i class="flaticon-play"></i></a>
<span class="jo-video-card__premium-tag"><i class="flaticon-premium-quality"></i></span>
</div>
<div class="bottom">
<span class="price">$5.00</span>
<h5><a href="video-details.html" class="jo-video-card__title">Smiley woman pop party studio medium shot</a></h5>
<div class="tt-video__infos jo-video-card__infos">
<span>16M views</span>
<span>49 minutes ago</span>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</section>
<!-- VIDEOS SECTION END -->
<!-- CONTACT SECTION START -->
<section class="jo-contact d-none">
<div class="top">
<div class="jo-container">
<div class="row align-items-end">
<!-- contact form -->
<div class="col-lg-6">
<div class="jo-contact-form-wrapper">
<img src="assets/img/contact-form-icon.svg" alt="icon" class="icon">
<h2 class="jo-section-title">Let’s Work Together on your next Project</h2>
<p>consectetur adipiscing elit. Donec non mattis nulla, in ultrices diam. Curabitur nec pharetra nunc. Nunc nec pellentesque nisl. Ut non mauris bibendum</p>
<form action="#" class="jo-contact-form">
<div>
<label for="jo-contact-name">Your Name</label>
<input type="text" name="name" id="jo-contact-name" placeholder="Your Name">
</div>
<div>
<label for="jo-contact-email">Your Email Address</label>
<input type="email" name="email" id="jo-contact-email" placeholder="Your Email">
</div>
<div>
<label for="jo-contact-message">Write Message</label>
<textarea name="message" id="jo-contact-message" placeholder="Write Message..."></textarea>
</div>
<button type="submit" class="jo-btn">Send Message</button>
</form>
</div>
</div>
<!-- img -->
<div class="col-lg-6 d-lg-block d-none">
<div class="jo-contact__img">
<img src="assets/img/contact-img.png" alt="Image">
</div>
</div>
</div>
</div>
</div>
<div class="bottom">
<div class="jo-container overflow-hidden">
<div class="row gx-5">
<div class="col-lg-6 blank-space d-none d-lg-block"></div>
<div class="col-lg-6">
<h5 class="jo-partners-title">Trusted Partners</h5>
<div class="jo-partners-slider swiper">
<div class="swiper-wrapper">
<!-- single partner -->
<div class="swiper-slide">
<img src="assets/img/partner-1.png" alt="Partner Image">
</div>
<!-- single partner -->
<div class="swiper-slide">
<img src="assets/img/partner-2.png" alt="Partner Image">
</div>
<!-- single partner -->
<div class="swiper-slide">
<img src="assets/img/partner-3.png" alt="Partner Image">
</div>
<!-- single partner -->
<div class="swiper-slide">
<img src="assets/img/partner-4.png" alt="Partner Image">
</div>
<!-- single partner -->
<div class="swiper-slide">
<img src="assets/img/partner-1.png" alt="Partner Image">
</div>
<!-- single partner -->
<div class="swiper-slide">
<img src="assets/img/partner-2.png" alt="Partner Image">
</div>
</div>
<div class="jo-partners-slider-pagination"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- CONTACT SECTION END -->
<!-- ARTICLES SECTION START -->
<section class="jo-articles d-none">
<div class="jo-container">
<div class="text-center">
<h2 class="jo-section-title">Latest Articles & News</h2>
</div>
<div class="row g-sm-4 g-3">
<!-- single article -->
<div class="col-lg-4 col-6 col-xxs-12">
<div class="jo-article">
<div class="jo-article__img">
<img src="assets/img/jo-article-1.jpg" alt="Article Image">
<div class="date">
<span class="number">10</span>
<span class="txt">June</span>
</div>
</div>
<div class="jo-article__txt">
<div class="jo-article__infos flex gap-x-[30px] mb-[16px]">
<!-- single info -->
<div class="jo-article__info">
<span class="icon"><i class="flaticon-user"></i></span>
<span class="text font-normal text-[14px] text-etGray">By Admin</span>
</div>
<!-- single info -->
<div class="jo-article__info">
<span class="icon"><i class="flaticon-price-tag"></i></span>
<span class="text font-normal text-[14px] text-etGray">Music</span>
</div>
</div>
<h4 class="jo-article__title"><a href="blog-details.html">Many of those Products Offer the Potential</a></h4>
<a href="blog-details.html" class="jo-article__btn">Read More <span class="icon"><i class="flaticon-arrow-right-1"></i></span></a>
</div>
</div>
</div>
<!-- single article -->
<div class="col-lg-4 col-6 col-xxs-12">
<div class="jo-article">
<div class="jo-article__img">
<img src="assets/img/jo-article-2.jpg" alt="Article Image">
<div class="date">
<span class="number">10</span>
<span class="txt">June</span>
</div>
</div>
<div class="jo-article__txt">
<div class="jo-article__infos flex gap-x-[30px] mb-[16px]">
<!-- single info -->
<div class="jo-article__info">
<span class="icon"><i class="flaticon-user"></i></span>
<span class="text font-normal text-[14px] text-etGray">By Admin</span>
</div>
<!-- single info -->
<div class="jo-article__info">
<span class="icon"><i class="flaticon-price-tag"></i></span>
<span class="text font-normal text-[14px] text-etGray">Music</span>
</div>
</div>
<h4 class="jo-article__title"><a href="blog-details.html">Many of those Products Offer the Potential</a></h4>
<a href="blog-details.html" class="jo-article__btn">Read More <span class="icon"><i class="flaticon-arrow-right-1"></i></span></a>
</div>
</div>
</div>
<!-- single article -->
<div class="col-lg-4 col-6 col-xxs-12">
<div class="jo-article">
<div class="jo-article__img">
<img src="assets/img/jo-article-3.jpg" alt="Article Image">
<div class="date">
<span class="number">10</span>
<span class="txt">June</span>
</div>
</div>
<div class="jo-article__txt">
<div class="jo-article__infos flex gap-x-[30px] mb-[16px]">
<!-- single info -->
<div class="jo-article__info">
<span class="icon"><i class="flaticon-user"></i></span>
<span class="text font-normal text-[14px] text-etGray">By Admin</span>
</div>
<!-- single info -->
<div class="jo-article__info">
<span class="icon"><i class="flaticon-price-tag"></i></span>
<span class="text font-normal text-[14px] text-etGray">Music</span>
</div>
</div>
<h4 class="jo-article__title"><a href="blog-details.html">Many of those Products Offer the Potential</a></h4>
<a href="blog-details.html" class="jo-article__btn">Read More <span class="icon"><i class="flaticon-arrow-right-1"></i></span></a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ARTICLES 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