55ok
Mini
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from www.thedetailingmafia.com/buff-brite by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 16 May 2025 11:56:50 GMT -->
<!-- Added by HTTrack -->
<!-- Mirrored from 6842a9a49128f2f1cefd8c14--heroic-sawine-2a4159.netlify.app/buff-brite.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 20 Jun 2025 12:16: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>Buff Brite Lights |Flamethrower Polishing Lights | Precision detailing Lights </title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <link rel="shortcut icon" href="assets/images/home/thedetailingmafia.webp" type="image/x-icon"> -->
<link rel="canonical" href="buff-brite-2.html">
<link rel="alternate" hreflang="x-default" href="buff-brite-2.html">
<link rel="alternate" href="buff-brite-2.html" hreflang="en-in"><!-- 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 rel="stylesheet" href="assets/css/our-services/detail-factory.css">
</head>
<style>
.pageheading12 .contentPage31 {
text-align: center;
width: 60%;
margin: 50px 0px 15px 0px;
}
.pageheading12 .contentPage31 h5 {
text-align: left;
}
.aboutsection {
height: 320px;
}
.zentool-logo img {
width: 34%;
height: auto;
border: none;
border-radius: 18px;
margin-top: 0px;
}
.zentool-logo{
text-align: center;
}
.section{
padding: 30px 10px ;
}
.section-img{
padding: 30px 0px ;
}
.heading-zentool h2{
font-family: "Montserrat", Sans-serif;
font-size: 30px;
width: 100%;
color: #ff0000;
font-weight: 700;
text-align:center;
}
.heading-zentool h2 span{
color: black;
}
@media (max-width:768px){
.heading-zentool h2{
font-family: "Montserrat", Sans-serif;
font-size: 23px;
}
.zentool-logo img {
width: 60%;
}
.contentrest p {
width: 100%;
}
.contentPage13 {
text-align: justify;
width: 95%;
margin-top: 2rem;
}
}
.pageheading12 .contentPage31 {
width: 100%;
margin: 40px 0px 15px 0px;
}
.pageheading12 .contentPage31 h5 {
text-align: center;
}
.pageheading12 .contentPage31 ul {
text-align: center;
}
.pageheading12 .contentPage31 ul li{
list-style: none;
}
@media (max-width:500px){
.contentPage13 > ul > li {
width: 100%;
}
}
</style>
<body>
<!-- partial:index.partial.html -->
<div class="portfolio" id="buffBrite">
<!-- 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-80-100-44000">
<span>
<i class="fa trin-trin fa-phone" aria-hidden="true"></i>
</span>
+91-80-100-44000</a>
</div>
<div class="social-media-top">
<a href="https://www.facebook.com/thedetailingmafia.official" target="_blank"
rel="nofollow">
<span class="fa fa-facebook-f"></span>
</a>
<a href="https://www.instagram.com/thedetailingmafia_official" target="_blank"
rel="nofollow">
<span class="fa fa-instagram"></span>
</a>
<a href="https://www.youtube.com/channel/UCTHuZsrvbnhrwNVmOEAhSDw" target="_blank"
rel="publisher">
<span class="fa fa-youtube-play"></span>
</a>
<a href="https://www.linkedin.com/company/the-detailing-mafia-official/"
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=917042040461">
<span class="fab fa-whatsapp"></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>
<div class="aboutsection" style="background-image: url('assets/images/our-services/buff-brite/bb-banner-new.webp');">
<div class="container">
<h1> Spirit Of</h1>
<h2> Performance</h2>
</div>
</div>
<section class="section">
<div class="container zentool-logo">
<img src="assets/images/our-services/buff-brite/buff-brite-logo.webp" alt="about side image" class="lazyload">
</div>
</section>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 pageheading" align="center">
<div class="heading-zentool" align="center">
<h2> BUFF <span>BRITE</span></h2>
</div>
</div>
</div>
<div class="container">
<div class="row page_content">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="contentrest" align="center">
<p>With a rich experience of 40 years, Buff Brite has a passion for the detail and car industry. Bringing new products and innovations to make auto detailing interesting, save time and enhance the detailers work and experience. It boosts up the detailing experience by making every move a better one to get a perfect result in the first time.<br/><br/>
The <span>Flamethrower Family of Products</span> was our first offering and it has made commendable remarks in the auto detailing industry.Everyone from auto manufacturers, collision repair shops and mobile detailers have praised their performance.
</p>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="heading-zentool" align="center">
<h2> RANGE OF PRODUCTS OF <span>BUFF BRITE</span></h2>
<br>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row" align="center">
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 pageheading">
<div class="contentPage14" id="zen">
<img src="assets/images/our-services/buff-brite/1.webp" alt="Hyderabad" class="lazyload" id="testimonilimg" />
</div>
</div>
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 pageheading">
<div class="contentPage13">
<h5>FLAMETHROWER POLISHING LIGHT</h5>
<ul>
<li>Ultimate lighting tool for all paint correction jobs.</li>
<li>Can attach to a variety of paint polishers (Dual action, random orbit, forced rotation, rotary).</li>
<li>Patented design to provide reference lighting for swirl and scratch removal.</li>
<li>Anti-Vibration mount with a rechargeable 800 lumen LED light.</li>
<li>Adjustable mount position for versatile use at all angles.</li>
<li>Heavy-Duty, yet extremely light 5052 aluminum frame.</li>
</ul>
</div>
</div>
</div>
</div>
<br>
<div class="container">
<div class="row" align="center">
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 pageheading">
<div class="contentPage14" id="zen">
<img src="assets/images/our-services/buff-brite/2.webp" alt="Hyderabad" class="lazyload" id="testimonilimg" />
</div>
</div>
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 pageheading">
<div class="contentPage13">
<h5>FLAMETHROWER HEADBAND</h5>
<ul>
<li>Adjustable elastic headband for the flamethrower light.</li>
<li>Easily adjusts to any size.</li>
<li>Brings ease in handling interior cleaning.</li>
<li>Great lighting at your fingertips.</li>
<li>Efficient and durable.</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row" align="center">
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 pageheading">
<div class="contentPage14" id="zen">
<img src="assets/images/our-services/buff-brite/3.webp" alt="Hyderabad" class="lazyload" id="testimonilimg" />
</div>
</div>
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 pageheading">
<div class="contentPage13">
<h5>FUR-EEL PET HAIR AND SAND REMOVER</h5>
<ul>
<li>Triples the speed of pet hair removal.</li>
<li>Patented tool latex tool slides on any standard Mr. Nozzle crevice tool or fang adapter tool.</li>
<li>It is designed with an angled tip that can fit any standard sized Mr. Nozzle crevice tool or a 1.5” OD tube.</li>
<li>Picks up any stray hair with ease with its grooves of top attachment.</li>
<li>Doesn’t harm any leather, fabric, carpet or any upholstery while cleaning. ely light 5052 aluminum frame.</li>
</ul>
</div>
</div>
</div>
</div>
<br>
<div class="container">
<div class="row" align="center">
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 pageheading">
<div class="contentPage14" id="zen">
<img src="assets/images/our-services/buff-brite/4.webp" alt="Hyderabad" class="lazyload" id="testimonilimg" />
</div>
</div>
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 pageheading">
<div class="contentPage13">
<h5>VAC-BRITE ATTACHMENT</h5>
<ul>
<li>Securely mount the Light and Arm to any 1.4-inch (35.5mm) to 1.6 inch (40.6mm) Round tube (Extractor nozzle handle or a plastic or Metal crevice tool or claw tool) </li>
<li>After light removal, turn a hanger for tools on hook.</li>
</ul>
</div>
</div>
</div>
</div>
<section class="my-5">
<div class="container">
<div class="row">
<div class="col-md-6">
<video loop autoplay muted controls preload="auto" width="100%" height="auto">
<source src="assets/video/FurEel-Comparison.webm" type="video/webm">
</video>
</div>
<div class="col-md-6">
<video loop autoplay muted controls preload="auto" width="100%" height="auto">
<source src="assets/video/Flamethrower2-features.webm" type="video/webm">
</video>
</div>
</div>
</div>
</section>
<div class="pagetopimg2">
<img src="assets/images/our-services/buff-brite/BB-COVER.webp" alt="about side image"
id="imgbull" class="lazyload">
</div>
</div>
</div>
<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='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='ceramic-coating.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="sounddamping.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>
<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>
<!-- 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":"buff-brite\/","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> <script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "WebSite",
"name": "The Detailing Mafia",
"url": "https://www.thedetailingmafia.com/",
"potentialAction": {
"@type": "SearchAction",
"target": "https://www.thedetailingmafia.com/glass-films/{search_term_string}Glass Films",
"query-input": "required name=search_term_string"
}
}
</script>
</body>
<!-- Mirrored from www.thedetailingmafia.com/buff-brite by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 16 May 2025 11:56:52 GMT -->
<!-- Mirrored from 6842a9a49128f2f1cefd8c14--heroic-sawine-2a4159.netlify.app/buff-brite.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 20 Jun 2025 12:16:17 GMT -->
</html>
Zerion Mini 1.0