55ok
Mini
<!DOCTYPE html>
<html lang="en-in">
<!-- Mirrored from www.thedetailingmafia.com/testimonials by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 16 May 2025 11:54:47 GMT -->
<!-- Added by HTTrack -->
<!-- Mirrored from 6842a9a49128f2f1cefd8c14--heroic-sawine-2a4159.netlify.app/testimonials.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 20 Jun 2025 12:06:17 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>
<title>Customer Testimonials | Drive It Well - Trusted Car Detailing </title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, maximum-scale=1, minimum-scale=1" />
<link rel="profile" href="#">
<!-- <link rel="shortcut icon" href="assets/images/home/thedetailingmafia.webp" type="image/x-icon"> -->
<link rel="canonical" href="testimonials-2.html">
<link rel="alternate" href="index-2.html" />
<!-- uper comment out -->
<link rel="stylesheet" href="assets/css/gallery.css">
<link rel="stylesheet" href="index-2.html">
<link type="text/css" rel="stylesheet" href="assets/css/header.css">
<link type="text/css" rel="stylesheet" href="assets/css/footer.css">
<link type="text/css" rel="stylesheet" href="assets/css/home.css">
<link type="text/css" rel="stylesheet" href="assets/css/aos.css">
<link type="text/css" rel="stylesheet" href="assets/css/font-google.css">
<link type="text/css" rel="stylesheet" href="assets/css/swiper-bundle.css">
<link href="assets/css/bootstrap/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<link rel="stylesheet" href="cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.12/css/intlTelInput.min.html">
<link rel="stylesheet" href="cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.21.0/jquery.validate.min.html">
<script src="code.jquery.com/jquery-3.7.1.min.html" crossorigin="anonymous"></script>
<script src="assets/js/lazyload-min.js" defer ></script>
<style>
.btn:hover {
background-color: red !important;
}
</style>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'www.googletagmanager.com/gtm54455445.html?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-K4G79QRN');</script>
<!-- End Google Tag Manager →
<!Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'connect.facebook.net/en_US/fbevents.html');
fbq('init', '955834799613239');
fbq('track', 'PageView');
</script>
<!-- End Meta Pixel Code -->
<link type="text/css" rel="stylesheet" href="assets/css/our-specials/testimonial.css">
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "The Detailing Mafia | Car Cleaning, Car Care & Car Detailing Services",
"description": "Discover premium car cleaning services and expert car detailing services with The Detailing Mafia. Our professional car care services ensure spotless interiors, protected exteriors, and lasting shine, giving your vehicle the care it deserves.",
"item": "https://www.thedetailingmafia.com"
},{
"@type": "ListItem",
"position": 2,
"name": "Our Testimonials",
"description": "Our Work Their Words-TESTIMONIAL",
"item": "https://www.thedetailingmafia.com/testimonials"
}]
}
</script>
</head>
<style>
.section-banner-franchise{
background-image: url(assets/images/our-specials/testimonial/testimonials.jpg);
/* background-image: url('assets/images/our-specials/testimonial/testimonials.jpg'); */
}
.space{
height: 10px !important;
}
</style>
<body>
<div class="portfolio">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K4G79QRN"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header>
<div class="header-part">
<div class="topBar august-bg-orange">
<div class="container">
<div class="row">
<div class="col-lg-7 col-md-7 col-sm-12 col-xs-12">
<div class="social-talk">
<div class="talk">
<a href="tel: +91 9811117911">
<span>
<i class="fa trin-trin fa-phone" aria-hidden="true"></i>
</span>
+91 9811117911</a>
</div>
<div class="social-media-top">
<a href="https://www.facebook.com/dipankar.ratawal" target="_blank"
rel="nofollow">
<span class="fa fa-facebook-f"></span>
</a>
<a href="https://www.instagram.com/p/DJBw-hPTAW1/" target="_blank"
rel="nofollow">
<span class="fa fa-instagram"></span>
</a>
<a href="https://www.youtube.com/channel/UCKRW83AmRmf0drvkerbCEHQ" target="_blank"
rel="publisher">
<span class="fa fa-youtube-play"></span>
</a>
<a href="https://www.linkedin.com/in/dipankar-ratawal-13166a239/"
target="_blank" rel="publisher">
<span class="fa fa-linkedin"></span>
</a>
<!-- <a href="http://twitter.com/detailingmafia" target="_blank" rel="publisher">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
fill="currentColor" class="bi bi-twitter-x" viewBox="0 0 16 16">
<path
d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z">
</path>
</svg>
</span>
</a> -->
<a href="https://api.whatsapp.com/send/?phone=9811117911">
<span class="fab fa-whatsapp"></span>
</a>
</div>
</div>
</div>
<!-- <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
<div class="head-franchise">
<div class="book-mafia">
<a href="./contact-us.html" class="btn head-btn" data-toggle="modal" data-target="#form" onclick="showServiceModal('BookforMafia')">
<span>Book For Drive it Well Services</span>
</a>
</div>
</div>
</div> -->
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<div class="logo">
<a class='navbar-brand' href='index.html'>
<img src="drive%20it%20well%20final%20bold%20for%20no%20parking.png" alt="logo">
</a>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown" style="justify-content: center;">
<ul class="navbar-nav">
<li class="nav-item">
<a class='nav-link august-bg-green' href='index.html'><span>Home</span></a>
</li>
<li class="nav-item">
<a class='nav-link august-bg-green' href='about-us.html'><span>About Us</span></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle august-bg-green" href="#" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
<span>OUR SERVICE</span>
</a>
<ul class="dropdown-menu">
<li><a class='dropdown-item' href='paint-protection-film.html'>Paint Protecion Film</a>
<!-- <ul>
<li>
<a href="labocosmetica.html"><i class="fa fa-caret-right" aria-hidden="true"></i>Labocosmetica</a>
</li>
<li>
<a href="opti-coat.html"><i class="fa fa-caret-right" aria-hidden="true"></i>Opti-Coat</a>
</li>
</ul> -->
</li>
<li><a class='dropdown-item' href='ceramiccoating.html'>Ceramic Coating</a></li>
<li><a class='dropdown-item' href='wraps.html'>Wraps</a></li>
<li><a class='dropdown-item' href='windowfilms.html'>Window Films</a></li>
<li><a class='dropdown-item' href='custominterior.html'>Custom Interior</a></li>
<li><a class='dropdown-item' href='sounddamping.html'>Sound Damping</a></li>
<!-- <li><a class="dropdown-item" href="clarity-coat.html">Spray-On PPF/ Peelable Paint </a></li> -->
<!-- <li><a class="dropdown-item" href="car-denting-painting.html">Car Denting Painting</a></li> -->
<!-- <li><a class="dropdown-item" href="windshield-protection-film.html">Windshield Protection Film</a></li> --> -->
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle august-bg-green" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<span>Products</span>
</a>
<ul class="dropdown-menu">
<li><a class='dropdown-item' href='bull-mafia-package.html'>Diy Cleaning Kits</a></li>
<li><a class='dropdown-item' href='iceman-mafia-package.html'>Polishing Kits</a></li>
<!-- <li><a class="dropdown-item" href="viper-mafia-package.html">The Viper</a></li>
<li><a class="dropdown-item" href="wolf-mafia-package.html">The Wolf</a></li>
<li><a class="dropdown-item" href="shark-mafia-package.html">The Shark</a></li>
<li><a class="dropdown-item" href="al-capone-mafia-package.html">The Al Capone</a></li>
<li><a class="dropdown-item" href="wise-guy-mafia-package.html">The Wise Guy</a></li>
<li><a class="dropdown-item" href="phantom-mafia-package.html">The Phantom</a></li>
<li><a class="dropdown-item" href="god-father-mafia-package.html">The God Father</a></li> -->
</ul>
</li>
<!-- <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle august-bg-green" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<span>FRANCHISEE</span>
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="franchise-with-us.html">Franchise With Us</a></li>
<li><a class="dropdown-item" href="become-an-installer.html">Become an Installer</a></li>
<li><a class="dropdown-item" href="find-an-installer.html">Find an Installer</a></li>
<li><a class="dropdown-item" href="rent-your-property.html">Rent Your Property </a></li>
<li><a class="dropdown-item" href="faq.html">Faq</a></li>
</ul>
</li> -->
<li class="nav-item">
<a class='nav-link august-bg-green' href='blog-details.html'><span>BLOG</span></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle august-bg-green" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<span>OUR SPECIALS</span>
</a>
<ul class="dropdown-menu">
<!-- <li><a class="dropdown-item" href="value-card.html">Value Card</a></li>
<li><a class="dropdown-item" href="refer-friends.html">Refer Friends</a></li> -->
<li><a class='dropdown-item' href='testimonials.html'>Testimonials</a></li>
<!-- <li><a class="dropdown-item" href="news.html">News</a></li> -->
<li><a class='dropdown-item' href='video.html'>Video</a></li>
<li><a class='dropdown-item' href='gallery.html'>Gallery</a></li>
<!-- <li><a class="dropdown-item" href="career.html">Career</a></li>
<li><a class="dropdown-item" href="locate-our-outlets.html">Locate Our Outlets</a></li> -->
<li><a class='dropdown-item' href='privacy-policy.html'>Privacy & Policy</a></li>
<li><a class='dropdown-item' href='terms-conditions.html'>Terms & Conditions</a></li>
<li><a class='dropdown-item' href='contact-us.html'>Contact Us</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</div>
<div class="header-bottom"></div>
</header>
<section class="section-banner-franchise">
<div class="container">
<div class="become-installer-heading">
<h2 data-aos="fade-right" data-aos-duration="800">Our Work <span> Their Words</span></h2>
</div>
</div>
</section>
</div>
<section class="introduction-headlines new-testimonial" >
<div class="container">
<div class="refer-friend-heading">
<h1 data-aos="fade-right" data-aos-duration="800"><span> TESTIMONIAL</span></h1>
</div>
<div class="table table-2" id="blog-posts">
<table>
<tbody>
<p>
<div class=" blog-post">
<div class="row testimonial-row" >
<div class="col-md-9" >
<div class="testimonial-name">
<h3>Jatin Bhutani <span>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</span>
</h3>
<p>New immaculate service. It was before time. All thing upto the mark. Trustworthy staff. Mr. Dipankar was very generous and cooperative, he guided my completely about the service. Highly recommended for everyone.</p>
</div>
</div>
<div class="col-md-3 testimonia-col-3">
<div class="testimonial-date">
<h3>1 week ago</h3>
<p id="headingtxt"><a href='locate-our-outlets.html'>Drive It Well </a></p>
</div>
</div>
</div>
</div>
<div class=" blog-post">
<div class="row testimonial-row" >
<div class="col-md-9" >
<div class="testimonial-name">
<h3>Satender Dedha <span>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</span>
</h3>
<p>Awesome working amazing supporting staf</p>
</div>
</div>
<div class="col-md-3 testimonia-col-3">
<div class="testimonial-date">
<h3>2 week ago</h3>
<p id="headingtxt"><a href='locate-our-outlets.html'>Drive It Well</a></p>
</div>
</div>
</div>
</div>
<div class=" blog-post">
<div class="row testimonial-row" >
<div class="col-md-9" >
<div class="testimonial-name">
<h3>Sam Dagar <span>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</span>
</h3>
<p>The best place to get your vehicle shining . Little expensive but worth every penny.</p>
</div>
</div>
<div class="col-md-3 testimonia-col-3">
<div class="testimonial-date">
<h3>4 months ago</h3>
<p id="headingtxt"><a href='locate-our-outlets.html'> Drive It Well </a></p>
</div>
</div>
</div>
</div>
<div class=" blog-post">
<div class="row testimonial-row" >
<div class="col-md-9" >
<div class="testimonial-name">
<h3>Piyush Talwar <span>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</span>
</h3>
<p>It was truly a great experience with drive it well</p>
</div>
</div>
<div class="col-md-3 testimonia-col-3">
<div class="testimonial-date">
<h3>4 months ago</h3>
<p id="headingtxt"><a href='locate-our-outlets.html'> Drive It Well </a></p>
</div>
</div>
</div>
</div>
<div class=" blog-post">
<div class="row testimonial-row" >
<div class="col-md-9" >
<div class="testimonial-name">
<h3>Vinay Kumar <span>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</span>
</h3>
<p>Fantastic service and superb supporting staff..
If you love your car and need special care please visit to this place.
Like</p>
</div>
</div>
<div class="col-md-3 testimonia-col-3">
<div class="testimonial-date">
<h3>23 hours ago</h3>
<p id="headingtxt"><a href='locate-our-outlets.html'> Drive It Well </a></p>
</div>
</div>
</div>
</div>
<div class=" blog-post">
<div class="row testimonial-row" >
<div class="col-md-9" >
<div class="testimonial-name">
<h3>VAIBHAV VERMA <span>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</span>
</h3>
<p>Professionalism, Quality
Attention to detail is very good. Staff is good , pressure washing was done prperly. Much needed TLC for my vehicle .<br?/>
Recommend to every person who is looking for a good car wash around this area.</p>
</div>
</div>
<div class="col-md-3 testimonia-col-3">
<div class="testimonial-date">
<h3>1 week ago</h3>
<p id="headingtxt"><a href='locate-our-outlets.html'> Drive It Well </a></p>
</div>
</div>
</div>
</div>
<div class=" blog-post">
<div class="row testimonial-row" >
<div class="col-md-9" >
<div class="testimonial-name">
<h3>Soumya Goswami <span>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</span>
</h3>
<p>You need to make sure to go through the car thoroughly while taking delivery. They will understand your expectations and do the best they can.</p>
</div>
</div>
<div class="col-md-3 testimonia-col-3">
<div class="testimonial-date">
<h3>5 months ago</h3>
<p id="headingtxt"><a href='locate-our-outlets.html'> Drive It Well </a></p>
</div>
</div>
</div>
</div>
<div class=" blog-post">
<div class="row testimonial-row" >
<div class="col-md-9" >
<div class="testimonial-name">
<h3>Saurabh Kumar <span>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</span>
</h3>
<p>Professionalism, Quality, Value
Very professional and quality services. </p>
</div>
</div>
<div class="col-md-3 testimonia-col-3">
<div class="testimonial-date">
<h3>7 months ago</h3>
<p id="headingtxt"><a href='locate-our-outlets.html'> Drive It Well </a></p>
</div>
</div>
</div>
</div>
<div class=" blog-post">
<div class="row testimonial-row" >
<div class="col-md-9" >
<div class="testimonial-name">
<h3>Ripul Goyal <span>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</span>
</h3>
<p> Professionalism, Punctuality, Quality, Value
Provided with amazing services and very professional at work with great experience and I must say having the best quality in the market of the same??
Personally very satistief with the coating on my Black KIA SELTOS♠️</p>
</div>
</div>
<div class="col-md-3 testimonia-col-3">
<div class="testimonial-date">
<h3>2 months ago</h3>
<p id="headingtxt"><a href='locate-our-outlets.html'> Drive It Well </a></p>
</div>
</div>
</div>
</div>
<div class=" blog-post">
<div class="row testimonial-row" >
<div class="col-md-9" >
<div class="testimonial-name">
<h3>Mayank Jain <span>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</span>
</h3>
<p>Professionalism
Well I should say that its the best place for Car Detailing... I had done for my Honda City and trust me its worth going for...
Very Professional and Cooperative staff...
Thanks " Drive It Well" for the wonderful work...</p>
</div>
</div>
<div class="col-md-3 testimonia-col-3">
<div class="testimonial-date">
<h3>6 months ago</h3>
<p id="headingtxt"><a href='locate-our-outlets.html'>Drive It Well </a></p>
</div>
</div>
</div>
</div>
<div class=" blog-post">
<div class="row testimonial-row" >
<div class="col-md-9" >
<div class="testimonial-name">
<h3>Jasjeet Singh <span>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</span>
</h3>
<p>Professionalism, Punctuality, Quality, Value
i have been a regular at Drive it Well since February 2020. I have used there services for both my cars. The people are very soft spoken and know their job. I would like to specifically highlight the suaveness of Mahim Ojha, the owner. He and his team ensures that all the cars given equal importance in service. A must visit place for your Car Care. Even better than the car given in the authorised service centres.</p>
</div>
</div>
<div class="col-md-3 testimonia-col-3">
<div class="testimonial-date">
<h3>1 month ago</h3>
<p id="headingtxt"><a href='locate-our-outlets.html'>Drive It Well </a></p>
</div>
</div>
</div>
</div>
<div class=" blog-post">
<div class="row testimonial-row" >
<div class="col-md-9" >
<div class="testimonial-name">
<h3>Virendra Das <span>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</span>
</h3>
<p>Professionalism, Punctuality, Quality, Value
Amazing staff, gave my car for ceramic coating and was satisfied with the overall result. They use high quality products. Would highly recommend them.</p>
</div>
</div>
<div class="col-md-3 testimonia-col-3">
<div class="testimonial-date">
<h3>1 month ago</h3>
<p id="headingtxt"><a href='locate-our-outlets.html'>Drive It Well </a></p>
</div>
</div>
</div>
</div>
<div class=" blog-post">
<div class="row testimonial-row" >
<div class="col-md-9" >
<div class="testimonial-name">
<h3>Kapil Singhal <span>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</span>
</h3>
<p>Professionalism, Punctuality, Quality, Value
All the people were very professional It was total value for money. </p>
</div>
</div>
<div class="col-md-3 testimonia-col-3">
<div class="testimonial-date">
<h3>7 months ago</h3>
<p id="headingtxt"><a href='locate-our-outlets.html'>Drive It Well </a></p>
</div>
</div>
</div>
</div>
</p>
</table>
</div>
<!-- <div class="pagination">
<button id="prevBtn" disabled>Previous</button>
<span id="page-number">1</span>
<button id="nextBtn">Next</button> -->
</div>
</div>
</section>
<footer class="footer">
<div class="container-fluid footer-container">
<!-- logo -->
<!-- <div class="swiper mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="labocosmetica.html">
<img loading="lazy" src="assets/images/footer-images/logo1.webp" alt="Labocosmetica">
</a>
</div>
<div class="swiper-slide">
<a href="opti-coat.html">
<img loading="lazy" src="assets/images/footer-images/logo2.webp" alt=" Opti Coat">
</a>
</div>
<div class="swiper-slide">
<a href="paint-protection-film.html">
<img loading="lazy" src="assets/images/footer-images/logo3.webp" alt="Ultrashiledx PPF">
</a>
</div>
<div class="swiper-slide">
<a href="glass-films.html">
<img loading="lazy" src="assets/images/footer-images/logo4.webp" alt=" Ultrashiledx Glass Film">
</a>
</div>
<div class="swiper-slide">
<a href="lake-country-manufacturing.html">
<img loading="lazy" src="assets/images/footer-images/logo5.webp" alt="Lake Country">
</a>
</div>
<div class="swiper-slide">
<a href="clarity-coat.html">
<img loading="lazy" src="assets/images/footer-images/logo6.webp" alt="Clarity-coat">
</a>
</div>
<div class="swiper-slide">
<a href="zentool.html">
<img loading="lazy" src="assets/images/footer-images/logo7.webp" alt="Zentool">
</a>
</div>
<div class="swiper-slide">
<a href="detail-factory.html">
<img loading="lazy" src="assets/images/footer-images/logo8.webp" alt="Detail Factory">
</a>
</div>
<div class="swiper-slide">
<a href="buff-brite.html">
<img loading="lazy" src="assets/images/footer-images/logo9.webp" alt="Buff Brite">
</a>
</div>
<div class="swiper-slide">
<a href="grit-guard.html">
<img loading="lazy" src="assets/images/footer-images/logo10.webp" alt="Grit Guard">
</a>
</div>
</div>
<div class="swiper-pagination"></div>
</div> -->
<!-- logo close -->
<!-- footer-menu -->
<div class="row">
<div class="col-md-4 footer-logo-part">
<div class="footer-ris-phone">
<a href='index.html'>
<!-- <img loading="lazy" src="https://www.thedetailingmafia.com/assets/images/footer-images/logo.webp" alt=""> -->
<img loading="lazy" src="assets/images/for%20rubber%20logo.jpg" alt="Drive IT Well">
</a>
</div>
<p><span><i class="fa fa-map-marker"></i></span> <strong>7/9 Balraj khanna marg , East patel nager, New Delhi 110008, Delhi, India 110008</strong></p>
<p class="footer-call-2"><span><i class="fa fa-phone-volume"></i></span><a
href="tel: +91 9811117911">+91 9811117911</a>
</p>
<!-- <p><span><i class="fa fa-phone-volume"></i></span><a href="tel:9289444440">+91-92-894-44440</a></p> -->
<p class="footer-mail-2"><span><i class="fa fa-envelope"></i><a
href="mailto:driveitwell1@gmail.com">
driveitwell1@gmail.com</a></span></p>
<!-- <p><span><i class="fa fa-envelope"></i><a href="mailto:hello@manmachinecarcare.com">
hello@manmachinecarcare.com</a></span></p> -->
<h3>Follow Us</h3>
<ul>
<li>
<a href="https://www.facebook.com/dipankar.ratawal" target="_blank"><i
class="fab fa-facebook"></i></a>
</li>
<!-- <li>
<a href="http://twitter.com/detailingmafia" target="_blank"><i
class="fab fa-brands fa-square-x-twitter"></i></a>
</li> -->
<li>
<a href="https://www.youtube.com/channel/UCKRW83AmRmf0drvkerbCEHQw" target="_blank"><i
class="fab fa-youtube"></i></a>
</li>
<li>
<a href="https://www.instagram.com/p/DJBw-hPTAW1/" target="_blank"><i
class="fab fa-instagram"></i></a>
</li>
<li>
<a href="https://www.linkedin.com/in/dipankar-ratawal-13166a239"
target="_blank"><i class="fab fa-linkedin"></i></a>
</li>
<li>
<a href="https://api.whatsapp.com/send/?phone=9811117911" target="_blank"><i class="fab fa-whatsapp"></i></a>
</li>
</ul>
</div>
<div class="col-md-2 footer-menu">
<h3>OUR SERVICE</h3>
<ul>
<li><a class='dropdown-item' href='paintprotectionfilm.html'>Paint Protecion Film</a>
<!-- <ul>
<li>
<a href="labocosmetica.html"><i class="fa fa-caret-right" aria-hidden="true"></i>Labocosmetica</a>
</li>
<li>
<a href="opti-coat.html"><i class="fa fa-caret-right" aria-hidden="true"></i>Opti-Coat</a>
</li>
</ul> -->
</li>
<li><a class='dropdown-item' href='ceramiccoating.html'>Ceramic Coating</a></li>
<li><a class='dropdown-item' href='wraps.html'>Wraps</a></li>
<li><a class='dropdown-item' href='windowfilms.html'>Window Films</a></li>
<li><a class="dropdown-item" href="steam-wash.html">Custom Interior</a></li>
<li><a class="dropdown-item" href="maintenance-wash.html">Sound Damping</a></li>
</ul>
</div>
<div class="col-md-2 footer-menu">
<h3>Products</h3>
<ul>
<li><a href='bull-mafia-package.html'>Diy Cleaning Kits</a></li>
<li><a href='iceman-mafia-package.html'>Polishing Kits</a></li>
<!-- <li><a href="viper-mafia-package.html">The Viper</a></li>
<li><a href="wolf-mafia-package.html">The Wolf</a></li>
<li><a href="shark-mafia-package.html">The Shark</a></li>
<li><a href="al-capone-mafia-package.html">The Al Capone</a></li>
<li><a href="wise-guy-mafia-package.html">The Wise Guy</a></li>
<li><a href="phantom-mafia-package.html">The Phantom</a></li>
<li><a href="god-father-mafia-package.html">The God Father</a></li> -->
</ul>
</div>
<div class="col-md-2 footer-menu">
<h3>OUR SPECIALS</h3>
<ul>
<li><a class='dropdown-item' href='testimonials.html'>Testimonials</a></li>
<!-- <li><a class="dropdown-item" href="news.html">News</a></li> -->
<li><a class='dropdown-item' href='video.html'>Video</a></li>
<li><a class='dropdown-item' href='gallery.html'>Gallery</a></li>
<!-- <li><a class="dropdown-item" href="career.html">Career</a></li>
<li><a class="dropdown-item" href="locate-our-outlets.html">Locate Our Outlets</a></li> -->
<li><a class='dropdown-item' href='privacy-policy.html'>Privacy & Policy</a></li>
<li><a class='dropdown-item' href='terms-conditions.html'>Terms & Conditions</a></li>
<li><a class='dropdown-item' href='contact-us.html'>Contact Us</a></li>
</ul>
</div>
<div class="col-md-2 footer-menu">
<!-- <h3>FRANCHISE</h3>
<ul>
<li>
<a href="franchise-with-us.html#franchiseForm">Apply For Franchise</a>
</li>
<li>
<a href="become-an-installer.html">Become an Installer</a>
</li>
<li>
<a href="find-an-installer.html">Find an Installer</a>
</li>
<li>
<a href="rent-your-property.html">Rent Your Property</a>
</li>
<li>
<a href="assets/images/pages/about/MMCC-Brochure.pdf">Franchise
Brochure</a>
</li>
<li>
<a href="faq.html">Faq</a>
</li>
</ul> -->
<h3>ABOUT US</h3>
<ul>
<li>
<a href='about-us.html'>About Drive it Well</a>
</li>
</ul>
</div>
</div>
<!-- footer-menu close -->
</div>
</footer>
<section class="section-copyright">
<div class="container">
<div class="copyright">
<p>Copyright © All Right Reserved <strong> <a href="https://bestdigisolutions.com/">Best Digi Solutions</a></strong></p>
</div>
</div>
</section>
<!-- whatsapp button -->
<link type="text/css" rel="stylesheet" href="assets/css/header.css">
<a href="https://api.whatsapp.com/send/?phone=919811117911" class="float" target="_blank">
<i class="fa fa-whatsapp my-float mt-0" aria-hidden="true"></i>
</a>
<!-- whatsapp button close -->
<!-- side bar button -->
<div class="feedback-btn">
<a href="tel:+91 9811117911 " ><i class="fa-solid fa-phone"></i> Call Us Today!</a>
</div>
<!-- <a type="button" data-bs-toggle="modal" data-bs-target="#exampleModal"><i class="fa-solid fa-phone"></i> Get a Quote</a> -->
</div>
<!-- side bar button close -->
<!-- button line -->
<!-- <div class="paint-protection-line ">
<a href="tel:+918010044000" class="zoom-paint"> <i class="fa-solid fa-phone"></i> Get Started - +91-80-100-44000</a>
</div> -->
<!-- button line close -->
<div class="modal fade" id="form" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content mafia-service-form">
<h3 class="become-submit-message"> </h3>
<div class="modal-header border-bottom-0">
<h5 class="modal-title" id="exampleModalLabel">BOOK A SERVICE NOW</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form name="bookservice" id="book_for_mafia_service" method="post" action="https://www.thedetailingmafia.com/home/sendmails">
<div class="modal-body">
<div class="row">
<div class="col-lg-6">
<div class="form-group" id="packageslist" style="display:none;">
<select class="form-control" name="packageName" id="packageName" >
<option value="">Select mafia Package</option>
<option value="1">The Bull</option>
<option value="2">The Iceman</option>
<option value="3">The Viper</option>
<option value="4">The Wolf</option>
<option value="5">The Shark</option>
<option value="6">The Al Capone</option>
<option value="7">The Wise Guy</option>
<option value="8">The Phantom</option>
<option value="9">The God Father</option>
</select>
</div>
</div>
<div class="col-lg-6">
<div class="form-group ">
<input type="text" class="form-control" name="name" id="name" placeholder="Name">
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="form-group ">
<input type="text" class="form-control" name="contact" id="contact" placeholder="Contact No">
</div>
</div>
<div class="col-lg-6">
<div class="form-group ">
<input type="email" class="form-control" name="email" id="email" placeholder="Email address">
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="form-group">
<select title="Select Country" name="regcountry" class="form-control" id="country-name">
<option value="">Select Country</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="form-group">
<select title="Select State" name="state_name" class="form-control" id="state-name">
<option value="">Select State</option>
</select>
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<select title="Select City" name="city_name" class="form-control" id="city-name">
<option value="">Select City</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="form-group ">
<input type="text" class="form-control" name="zipcode" id="zipcode" placeholder="Zipcode">
</div>
</div>
<div class="col-lg-6">
<div class="form-group ">
<input type="text" class="form-control" name="vehicleModel" id="vehicleModel" placeholder="Vehicle Model">
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="form-group ">
<textarea type="text" class="form-control" name="message" id="message" placeholder="Message"></textarea>
</div>
</div>
</div>
</div>
<div id="formnameField0">
</div>
<div class="modal-footer border-top-0 d-flex justify-content-center">
<button type="submit" class="btn btn-danger" >Submit</button>
</div>
</form>
</div>
</div>
</div>
<div class="modal fade" id="form2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header border-bottom-0">
<h5 class="modal-title" id="exampleModalLabel">Special Offers</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form name="specialoffer" id="second_form" method="post" action="https://www.thedetailingmafia.com/Home/sendSMS">
<div class="modal-body">
<div class="form-group">
<label for="name">Name<span>*</span></label>
<input type="text" class="form-control" name="name" id="name" >
</div>
<div class="form-group">
<label for="contact">Registered Contact With Us <span>*</span></label>
<input type="text" class="form-control" name="contact" id="contact" >
</div>
<div class="form-group" style="display:none;" id="referoffer">
<label for="contact">Friend Contact No.<span>*</span></label>
<input type="text" class="form-control" name="friendContact" id="friendContact" >
</div>
<div id="formnameField">
</div>
</div>
<div class="modal-footer border-top-0 d-flex justify-content-center">
<button type="submit" class="btn btn-danger" >Submit</button>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- Get a Quote form -->
<div class="modal fade get-form" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content get-quote">
<div class="modal-header get-heading">
<h2 class="modal-title fs-5" id="exampleModalLabel">Get A Quote</h2>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" ><i class="fa-solid fa-xmark get-close"></i></button>
</div>
<div class="modal-body">
<form name="bookservice" id="quote_form" method="post" action="https://www.thedetailingmafia.com/home/quotesendmails">
<div class="modal-body">
<div class="row">
<div class="col-lg-6">
<div class="form-group validation-error">
<input type="text" class="form-control" name="name" id="name" placeholder="Name">
</div>
</div>
<div class="col-lg-6">
<div class="form-group validation-error">
<input type="text" class="form-control" name="contact" id="contact" placeholder="Phone Number">
<!-- <small id="emailHelp" class="form-text text-muted">Your information is safe with us.</small> -->
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="form-group validation-error">
<input type="email" class="form-control" name="email" id="email" aria-describedby="emailHelp" placeholder="Email address">
</div>
</div>
<div class="col-lg-6">
<div class="form-group validation-error">
<select class="form-control" name="packageName" id="packageName" >
<option value="">Select Services</option>
<option value="1">Opti-Coat</option>
<option value="2">Glass Film</option>
<option value="3">Steam Wash</option>
<option value="4">Clarity Coat</option>
<option value="5">Ceramic Wash</option>
<option value="6">Labocosmetica</option>
<option value="7">Bike Detailing</option>
<option value="8">Ceramic Coating</option>
<option value="9">Maintenance Wash</option>
<option value="10">Car Denting Painting</option>
<option value="11">Paint Protection Film</option>
<option value="12">Windshield Protection Film</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="form-group">
<select title="Select Country" name="regcountry" class="form-control" id="country-name">
<option value="">Select Country</option>
</select>
</div>
</div>
<div class="col-lg-6">
<select title="Select State" name="state_name" class="form-control" id="state-name">
<option value="">Select State</option>
</select>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="form-group">
<select title="Select City" name="city_name" class="form-control" id="city-name">
<option value="">Select City</option>
</select>
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<div class="form-group ">
<input type="text" class="form-control" name="zipcode" id="zipcode" placeholder="Zipcode">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="form-group validation-error">
<textarea type="text" class="form-control text" name="message" id="message" placeholder="Message"></textarea>
</div>
</div>
</div>
</div>
<input type="hidden" class="form-control" name="form_name" id="form_name" value="Get A Quote">
<div id="formnameField0">
</div>
<div class="modal-footer border-top-0 d-flex justify-content-center">
<button type="submit" class="btn btn-danger" >Submit</button>
</div>
</form>
</div>
</div>
</div>
</div>
<script src="assets/js/intltelInput.js"></script>
<script>
const phoneInput = document.querySelector("#contact");
// Initialize intlTelInput
const iti = window.intlTelInput(phoneInput, {
initialCountry: "IN",
utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.12/js/utils.min.js"
});
// Set initial country based on the user's location
iti.promise.then(() => {
const countryCode = iti.getSelectedCountryData("+91").iso2;
iti.setCountry(countryCode);
});
// Listen for the country change event
phoneInput.addEventListener("countrychange", function() {
const countryCode = iti.getSelectedCountryData().iso2;
console.log("Selected country code:", countryCode);
});
</script>
<script>var baseurl = "index-2.html";</script>
<script src="assets/js/map-google.js" defer></script>
<script src="assets/js/jquery.min.js" defer></script>
<script src="assets/js/common.js" defer></script>
<script src="assets/js/jquery/3.5.1-jquery.min.js" defer ></script>
<script src="assets/js/validationscript.js" defer ></script>
<script src="assets/js/customscript.js" defer ></script>
<script src="assets/js/script.js" defer ></script>
<script defer>
var cb = function() {
var l = document.createElement('link'); l.rel = 'stylesheet';
l.href = 'assets/css/style.css';
var h = document.getElementsByTagName('head')[0]; h.parentNode.insertBefore(l, h);
};
var raf = requestAnimationFrame || mozRequestAnimationFrame || webkitRequestAnimationFrame || msRequestAnimationFrame;if (raf) raf(cb);else window.addEventListener('load', cb);
</script>
<!--Start of Tawk.to Script-->
<!-- <script defer>
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/5fa28f09520b4b7986a1369e/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script> -->
<!--End of Tawk.to Script-->
<script>
var myvid = $('#iframeAudio')[0];
$(window).scroll(function(){
var scroll = $(this).scrollTop();
scroll > 70 ? myvid.pause() : iframeAudio.play()
})
document.onkeydown = function (e) {
//return false;
//}
}
</script>
<script src="assets/js/aos/aos.js"></script>
<script src="assets/js/swiper/swiper-bundle.js"></script>
<script src="assets/js/bootstrap/bootstrap-4.js"></script>
<script src="assets/js/bootstrap.min.js" defer ></script>
<script src="assets/js/bootstrap/bootstrap-5.js" crossorigin="anonymous"></script>
<script src="assets/js/font-awesome/font-awesome.js" crossorigin="anonymous"></script>
<script>
var swiper = new Swiper(".mySwiper", {
slidesPerView: 5,
spaceBetween: 30,
autoplay: true,
autoplaySpeed: 1500,
breakpoints: {
300: {
slidesPerView: 3,
spaceBetween: 20,
},
640: {
slidesPerView: 3,
spaceBetween: 20,
},
768: {
slidesPerView: 4,
spaceBetween: 40,
},
1024: {
slidesPerView: 4,
spaceBetween: 50,
},
1200: {
slidesPerView: 5,
spaceBetween: 50,
},
1900: {
slidesPerView: 6,
spaceBetween: 50,
},
}
});
</script>
<script>
AOS.init({
offset: 200,
duration: 1000,
});
</script>
<!-- Add Old Script 08-06-2024 -->
<script src="assets/js/lazyload-min.js" defer ></script>
<script src="assets/js/jquery/validation-1.16.0-jquery.validate.min.js" defer></script>
<script src="assets/js/map.js" defer ></script>
<script async defer src="https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzaSyA3y8yxv9aCHtUKTllZsAs-MabebbhrzBE"></script>
<script>
var base_url = window.location.origin+'/';
function initialize() {
var map;
var bounds = new google.maps.LatLngBounds();
var mapOptions = {
zoom: 16,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
// Display a map on the page
map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
map.setTilt(45);
// Multiple Markers
// var markers =["Agra","27.211265519484883","77.99427929694039"];
var markers = [{"latitude":null,"longitude":null}];
// var infoWindowContent =["Agra","27.211265519484883","77.99427929694039"];
var infoWindowContent = [{"latitude":null,"longitude":null,"name":null,"slug":null,"bannerImage":null,"contactPerson":"","contact":"","path":"outlets","address":null,"zipcode":null,"cityName":null,"stateName":null,"mapLink":null}];
// Display multiple markers on a map
var infoWindow = new google.maps.InfoWindow(), marker, i;
new google.maps.event.trigger( marker, 'click' );
// Loop through our array of markers & place each one on the map
for( i = 0; i < markers.length; i++ ) {
var lat = parseFloat(markers[i]['latitude']);
var lng = parseFloat(markers[i]['longitude']);
var position = new google.maps.LatLng(lat, lng);
bounds.extend(position);
marker = new google.maps.Marker({
position: position,
map: map,
// title: markers[i]['name']
});
// Each marker to have an info window
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infoWindow.setContent('<div class="mapDeatils" id="container" align="center">' +
'<div class="title"><h3>The Detailing Mafia '+infoWindowContent[i]['name']+'</h3></div>' +
'<div class="content">' +
'<img src="'+base_url+'assets/images/'+infoWindowContent[i]['path']+'/'+infoWindowContent[i]['slug']+'.webp" alt="'+infoWindowContent[i]['name']+'" style="height:130px;width:200px;">' +
'<div class="address" >'+infoWindowContent[i]['address']+', '+infoWindowContent[i]['zipcode']+'</div>' +
'<p>'+infoWindowContent[i]['cityName']+','+infoWindowContent[i]['stateName']+'</p>' +
'<div class="subTitle"><h4>Contacts</h4></div>' +
'<p>'+infoWindowContent[i]['contactPerson']+'<br/>'+infoWindowContent[i]['contact']+'</p>' +
'</div>' +
'<div class="bottom-gradient"><a target="_blank" href="'+infoWindowContent[i]['mapLink']+'"><h3>View on Google map</h3></a></div>'+
'</div>');
infoWindow.open(map, marker);
}
})(marker, i));
// Automatically center the map fitting all markers on the screen
map.fitBounds(bounds);
}
// Override our map zoom level once our fitBounds function runs (Make sure it only runs once)
var boundsListener = google.maps.event.addListener((map), 'bounds_changed', function(event) {
this.setZoom(10);
google.maps.event.removeListener(boundsListener);
});
}
</script>
<script>
$(document).ready(function(){
$('#popupModal').modal('show');
});
</script>
<!-- Initialize Swiper home page -->
<script>
var swiper = new Swiper(".mySwiperr", {
spaceBetween: 30,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
// autoplayHoverPause:true,
autoplay: {
delay: 9000, // Delay between slides in milliseconds
disableOnInteraction: false, // Prevents autoplay from stopping on user interaction
},
});
</script>
<!-- pagination testimonial & Blog -->
<script>
document.addEventListener('DOMContentLoaded', () => {
const postsPerPage = 12; // Number of posts to display per page
let currentPage = 1;
const blogPosts = document.querySelectorAll('.blog-post');
const totalPosts = blogPosts.length;
const totalPages = Math.ceil(totalPosts / postsPerPage);
const prevBtn = document.getElementById('prevBtn');
const nextBtn = document.getElementById('nextBtn');
const pageNumberDisplay = document.getElementById('page-number');
// Function to show posts based on the current page
function showPosts(page) {
const start = (page - 1) * postsPerPage;
const end = start + postsPerPage;
// Hide all posts
blogPosts.forEach(post => post.style.display = 'none');
// Show only the posts for the current page
blogPosts.forEach((post, index) => {
if (index >= start && index < end) {
post.style.display = 'block';
}
});
// Update pagination buttons
prevBtn.disabled = currentPage === 1;
nextBtn.disabled = currentPage === totalPages;
pageNumberDisplay.innerText = currentPage;
// Scroll to top
window.scrollTo({
top: 0,
behavior: 'smooth' // This makes the scroll smooth
});
}
// Event listeners for pagination buttons
prevBtn.addEventListener('click', () => {
if (currentPage > 1) {
currentPage--;
showPosts(currentPage);
}
});
nextBtn.addEventListener('click', () => {
if (currentPage < totalPages) {
currentPage++;
showPosts(currentPage);
}
});
// Initial call to display posts
showPosts(currentPage);
});
</script> </body>
<!-- Mirrored from www.thedetailingmafia.com/testimonials by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 16 May 2025 11:54:50 GMT -->
<!-- Mirrored from 6842a9a49128f2f1cefd8c14--heroic-sawine-2a4159.netlify.app/testimonials.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 20 Jun 2025 12:06:17 GMT -->
</html>
Zerion Mini 1.0