ok
Mini Shell
<?php include 'header.php';?>
<style>
@media only screen and (max-width: 767px){
.image-container {
position: relative;
width: 300px;
/* Adjust the width as per your image size */
height: 300px;
/* Adjust the height as per your image size */
overflow: hidden;
}
.post-item {
padding: 10px;
}
}
@media (min-width: 1200px){
.image-container {
position: relative;
width: 500px;
/* Adjust the width as per your image size */
height: 500px;
/* Adjust the height as per your image size */
overflow: hidden;
}
.post-item {
padding: 30px;
}
}
.testimonials {
padding: 237px 0 80px;
position: relative;
}
.testimonial-slider .swiper-slide .testimonial-slide{
background: <?= $color_code ?> !important;
}
.testimonial-body p{
color:white;
}
.before-image,
.after-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
}
.before-image {
background-image: url('https://spinnpress.in/wp-content/uploads/2022/08/Before-shoe1.jpg.webp');
}
.after-image {
background-image: url('https://spinnpress.in/wp-content/uploads/2022/08/After-shoe1.jpg.webp');
clip-path: inset(0 50% 0 0);
/* Initially show only the left half of the after image */
}
.slider {
position: absolute;
top: 0;
left: 50%;
width: 2px;
height: 100%;
background-color: #fff;
cursor: ew-resize;
/* Cursor shape when hovering over the slider */
z-index: 100;
}
.step-body h3 {
font-size: 22px;
text-transform: capitalize;
margin-bottom: 7px;
}
.step-img {
margin-bottom: 72px;
border-bottom: 5px solid #DAEDFE;
border-radius: 10px;
overflow: hidden;
}
</style>
<!--mobile view start Here-->
<style>
@media only screen and (max-width: 991px){
#hero-body{
margin-bottom: 300px;
}
.banner-heading{
font-size: 17px !important;
color: white;
}
.banner-tagline{
font-size: 10px !important;
}
.hero-body p {
color: var(--primary-color);
margin-bottom: 3px !important;
}
.section-title {
margin-bottom: 9px !important;
}
#contact_map{
border:0;
width:360px;
height:300px;
}
#Home_Inforamtion{
margin-top:0px;
}
.repair-bag{
width:50%;
}
#hero-body {
margin-bottom: -33px;
}
}
</style>
<!--mobile view End Here-->
<!--Desktop view start Here-->
<style>
@media (min-width: 1200px){
#hero-body{
margin-bottom: 0px;
}
.banner-heading{
font-size: 75px !important;
color: white !important;
}
.banner-tagline{
font-size: 22px !important;
}
.hero-body p {
color: var(--primary-color);
margin-bottom: 242px !important;
}
.section-title {
margin-bottom: 30px !important;
}
#contact_map{
border:0;
width:1346px;
height:450px;
}
#Home_Inforamtion{
margin-top:-75px;
}
.repair-bag{
width:100%;
}
.second-slider{
margin-top: -4%;
}
.our-service::before, .testimonials::before, .our-approach-section::before {
background: white !important;
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.bottun-color{
background: #000000;
}
}
</style>
<!--Desktop view End Here-->
<div id="carouselExampleDark" class="carousel carousel-dark slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="2" aria-label="Slide 3"></button>
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="3" aria-label="Slide 4"></button>
</div>
<div class="carousel-inner" style="background: linear-gradient(90deg, #000000D9 14%, #FFFFFF00 130%);">
<!--corousel 1-->
<div class="carousel-item active " style="background: linear-gradient(90deg, #000000D9 14%, #FFFFFF00 130%);" data-bs-interval="10000">
<img src="icons/banner/Shoe-Repairs-Melbourne.jpg" style="opacity: 0.5;" alt="...">
<div class="carousel-caption d-md-block">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12">
<!-- Section Title start -->
<div class="section-title">
<h1 class="text-anime banner-heading">Shoe & Boot Repairs</h1>
</div>
<!-- Section Title end -->
<!-- Hero Body start -->
<div class="hero-body" id="hero-body" >
<p class="wow fadeInUp banner-tagline" data-wow-delay="0.50s">
RenewRite's Shoe & Bag Repairs in Bengaluru has built a well earned reputation as one of India’s finest footwear repair & restoration businesses.
</p>
<!--<a target="_blank" href="https://web.whatsapp.com/send/?phone=8754977212?text=Hello%20there!" class="btn-default hero-btn wow fadeInUp" data-wow-delay="0.75s">Request Pickup</a>-->
</div>
<!-- Hero Body end -->
</div>
</div>
</div>
</div>
</div>
<!--corousel 2-->
<div class="carousel-item" style="background: linear-gradient(90deg, #000000D9 14%, #FFFFFF00 130%);" data-bs-interval="2000">
<img src="icons/banner/MusicalCaseRepairs.jpg" style="opacity: 0.5; background: linear-gradient(90deg, #000000D9 14%, #FFFFFF00 130%);" class="d-block w-100" alt="...">
<div class="carousel-caption d-md-block">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12">
<!-- Section Title start -->
<div class="section-title" >
<!--<h3 class="wow fadeInUp" data-wow-delay="0.25s">RENEWRITE</h3>-->
<h1 class="text-anime banner-heading">Handbags, Sports Bags & Musical Case Repairs </h1>
</div>
<!-- Section Title end -->
<!-- Hero Body start -->
<div class="hero-body second-slider" id="hero-body" >
<p class="wow fadeInUp banner-tagline" data-wow-delay="0.50s" style="font-size: 22px;" >
Damaged guitar or violin case or is yours just in need of a little care?
RenewRite's specialise in all musical equipment case and sporting equipment repairs.
</p>
<!--<a target="_blank" href="https://web.whatsapp.com/send/?phone=8754977212?text=Hello%20there!" class="btn-default hero-btn wow fadeInUp" data-wow-delay="0.75s">Request Pickup</a>-->
</div>
<!-- Hero Body end -->
</div>
</div>
</div>
</div>
</div>
<!--corousel 3-->
<div class="carousel-item" style="background: linear-gradient(90deg, #000000D9 14%, #FFFFFF00 130%);" >
<img src="icons/banner/Baggage-Claims.jpg" style="opacity: 0.5; background: linear-gradient(90deg, #000000D9 14%, #FFFFFF00 130%);" class="d-block w-100" alt="...">
<div class="carousel-caption d-md-block">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12">
<!-- Section Title start -->
<div class="section-title" >
<!--<h3 class="wow fadeInUp" data-wow-delay="0.25s">RENEWRITE</h3>-->
<h1 class="text-anime banner-heading">Airline Baggage Repairs</h1>
</div>
<!-- Section Title end -->
<!-- Hero Body start -->
<div class="hero-body" id="hero-body">
<p class="wow fadeInUp banner-tagline" data-wow-delay="0.50s" style="font-size: 22px;">
Your luggage damaged in transit or in need on repair whilst on holiday? RenewRite's Shoe & Bag is the finest brand in bengaluru.
</p>
<!--<a target="_blank" href="https://web.whatsapp.com/send/?phone=8754977212?text=Hello%20there!" class="btn-default hero-btn wow fadeInUp" data-wow-delay="0.75s">Request Pickup</a>-->
</div>
<!-- Hero Body end -->
</div>
</div>
</div>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleDark" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleDark" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<!-- Hero Section End -->
<!-- Home Inforamtion Section Starts -->
<div class="home-info-section " id="Home_Inforamtion">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 col-12">
<!-- Information Box Item start -->
<div class="info-box wow fadeInUp" data-wow-delay="0.50s">
<div class="box-icon">
<img src="images/icon-peace-of-mind.svg" alt="">
</div>
<div class="box-body">
<h3>Premium Repair</h3>
<p>Precision Restorations, Unparalleled Quality</p>
</div>
</div>
<!-- Information Box Item end -->
</div>
<div class="col-lg-4 col-md-6 col-12">
<!-- Information Box Item start -->
<div class="info-box wow fadeInUp" data-wow-delay="0.75s">
<div class="box-icon">
<img src="images/icon-tailored-cover.svg" alt="">
</div>
<div class="box-body">
<h3>Expert Team</h3>
<p>Quality Creations, Lasting Impressions</p>
</div>
</div>
<!-- Information Box Item end -->
</div>
<div class="col-lg-4 col-md-6 col-12">
<!-- Information Box Item start -->
<div class="info-box wow fadeInUp" data-wow-delay="1.0s">
<div class="box-icon">
<img src="new-image/icons/stopwatch.png" alt="">
</div>
<div class="box-body">
<h3 style="font-size: 20px;">Quick Processing Time</h3>
<p>Swift service, seamless experience</p>
</div>
</div>
<!-- Information Box Item end -->
</div>
</div>
</div>
</div>
<!-- Home Inforamtion Section End -->
<!-- About Section Start -->
<div class="about-section" style="background: #002566; padding: 40px 0;margin-top: 18px;">
<div class="container">
<div class="row">
<div class="col-md-10">
<h2 style="color: white;font-weight: 500; font-size: 25px;">
Need a shoe, boot, bag, Jacket and luggage repaired? Contact the team at RenewRite’s Shoe & Bag Repair Services in Bengaluru - BTM Layout!
</h2>
</div>
<div class="col-md-2">
<a href="contact.php" class="btn-default hero-btn wow fadeInUp bottun-color" data-wow-delay="0.75s"> Contact </a>
</div>
</div>
</div>
</div>
<!-- About Section End -->
<!-- About Section Start -->
<div class="about-section" style="background: #767F9914; padding: 43px 0;">
<div class="container">
<div class="row align-items-center">
<div class="col-md-4">
<div class="row">
<div class="col-md-3">
<img src="icons/icons/shoe-rack.png" alt ="" />
</div>
<div class="col-md-9">
<h4>Shoe Repairs</h4>
<br>
<p>RenewRite's Shoe & Bag Repair services specialise in all types of Men's & Women's shoes and boots of all shapes and sizes.</p>
<a href="shoe_and_boot_service.php">Learn More</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="row">
<div class="col-md-3">
<img src="icons/icons/handbag.png" class="repair-bag" alt ="" />
</div>
<div class="col-md-9">
<h4>Bag Repairs</h4>
<br>
<p>RenewRite's Shoe & Bag Repair Services specialise in all types of handbags, sporting goods, musical instrument cases.</p>
<a href="bag_repair.php">Learn More</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="row">
<div class="col-md-3">
<img src="icons/icons/luggae.png" alt ="" class="repair-bag" />
</div>
<div class="col-md-9">
<h4>Airline Baggage Repairs</h4>
<br>
<p>RenewRite's Shoe & Bag Repair Services specialise For restoring your favourite luggage Bag and travel baggage.</p>
<a href="luggage_service.php">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- About Section End -->
<!-- Our Services Start -->
<div class="our-service" style="padding: 22px 0;">
<div class="container">
<div class="row">
<div class="col-12">
<!-- Section Title start -->
<div class="section-title text-center">
<h2 style="color: #6d6e71;" class="text-anime">Shoe, Bag & Luggage Repairs</h2>
<p>RenewRite’s is more than just a shoe and bag repair business. Our list of services is extensive and our reputation for fine craftsmanship, attention to detail and quality service has kept our customers coming back for over twenty years.</p>
</div>
<!-- Section Title end -->
</div>
</div>
<div class="row">
<!-- Services Step Box Start -->
<div class="col-lg-3 col-md-12">
<div class="step-box wow fadeInUp" data-wow-delay="0.50s">
<!-- Step Box Img start -->
<a href="shoe_repair.php">
<div class="step-img">
<figure class="image-anime">
<img src="icons/home-page-service/Shoe_repairs.jpg" alt="">
</figure>
</div>
</a>
<!-- Step Box Img end -->
<!-- Step Box Body start -->
<div class="step-body">
<!-- Step Icon start -->
<!--<div class="step-icon">-->
<!-- <img src="new-image/icons/shoeshine.png" alt="">-->
<!--</div>-->
<!-- Step Icon end -->
<h3>Shoe Repairs</h3>
<p style="color: #c78f2f;">Men’s & Women’s repairs, Louis Vuitton, Steve Madden, Clarks, Birkenstock & other brand shoes.,</p>
<!--<a href="shoe_and_boot_service.php" class="btn-read-more">Read More</a>-->
</div>
<!-- Step Box Body end -->
</div>
</div>
<!-- Services Step Box End -->
<!-- Services Step Box Start -->
<div class="col-lg-3 col-md-12">
<div class="step-box wow fadeInUp" data-wow-delay="0.75s">
<!-- Step Box Img start -->
<a href="boot_repair.php">
<div class="step-img">
<figure class="image-anime">
<img src="icons/home-page-service/Boot_repairs.jpg" alt="">
</figure>
</div>
</a>
<!-- Step Box Img end -->
<!-- Step Box Body start -->
<div class="step-body">
<!-- Step Icon start -->
<!--<div class="step-icon">-->
<!-- <img src="icons/icons/boot_icon.png" alt="">-->
<!--</div>-->
<!-- Step Icon end -->
<h3>Boot Repairs</h3>
<p style="color: #c78f2f;">Equestrian & Motorcycle boot repairs & alterations, including fitting calves. </p>
<!--<a href="shoe_and_boot_service.php" class="btn-read-more">Read More</a>-->
</div>
<!-- Step Box Body end -->
</div>
</div>
<!-- Services Step Box End -->
<!-- Services Step Box Start -->
<div class="col-lg-3 col-md-12">
<div class="step-box wow fadeInUp" data-wow-delay="0.75s">
<!-- Step Box Img start -->
<a href="bag_repair.php">
<div class="step-img">
<figure class="image-anime">
<img src="icons/home-page-service/Handbag-Repairs-Essendon.jpg" alt="">
</figure>
</div>
</a>
<!-- Step Box Img end -->
<!-- Step Box Body start -->
<div class="step-body">
<!-- Step Icon start -->
<!--<div class="step-icon">-->
<!-- <img src="new-image/icons/handbag.png" alt="">-->
<!--</div>-->
<!-- Step Icon end -->
<h3>Handbags, Briefcases & Wallet Repairs</h3>
<p style="color: #c78f2f;">Repairs to ladies handbags, backpacks and other travel goods all shapes & sizes.</p>
<!--<a href="bag_repair.php" class="btn-read-more">Read More</a>-->
</div>
<!-- Step Box Body end -->
</div>
</div>
<!-- Services Step Box End -->
<!-- Services Step Box Start -->
<div class="col-lg-3 col-md-12">
<div class="step-box wow fadeInUp" data-wow-delay="0.50s">
<!-- Step Box Img start -->
<a href="sports_bag_repair.php">
<div class="step-img">
<figure class="image-anime">
<img src="icons/home-page-service/Hiking-Bag-Repairs-Essendon.jpg" alt="">
</figure>
</div>
</a>
<!-- Step Box Img end -->
<!-- Step Box Body start -->
<div class="step-body">
<!-- Step Icon start -->
<!--<div class="step-icon">-->
<!-- <img src="new-image/icons/shoeshine.png" alt="">-->
<!--</div>-->
<!-- Step Icon end -->
<h3>Sporting Goods, Camping & Accessories</h3>
<p style="color: #c78f2f;" >RenewRite’s specialise in tents, swags, camping & sporting equipment repairs.</p>
<!--<a href="shoe_and_boot_service.php" class="btn-read-more">Read More</a>-->
</div>
<!-- Step Box Body end -->
</div>
</div>
<!-- Services Step Box End -->
</div>
<div class="row" style="display: flex;justify-content: center;">
<!-- Services Step Box Start -->
<div class="col-lg-3 col-md-12">
<div class="step-box wow fadeInUp" data-wow-delay="0.75s">
<!-- Step Box Img start -->
<a href="musical_bag_repair.php">
<div class="step-img">
<figure class="image-anime">
<img src="icons/home-page-service/Musical-Instrument-Case-Repairs.jpg" alt="">
</figure>
</div>
</a>
<!-- Step Box Img end -->
<!-- Step Box Body start -->
<div class="step-body">
<!-- Step Icon start -->
<!--<div class="step-icon">-->
<!-- <img src="icons/icons/boot_icon.png" alt="">-->
<!--</div>-->
<!-- Step Icon end -->
<h3>Musical & Medical Instrument Cases </h3>
<p style="color: #c78f2f;" >Repair & restoration services including handles, straps, locks, & internal linings.</p>
<!--<a href="shoe_and_boot_service.php" class="btn-read-more">Read More</a>-->
</div>
<!-- Step Box Body end -->
</div>
</div>
<!-- Services Step Box End -->
<!-- Services Step Box Start -->
<div class="col-lg-3 col-md-12">
<div class="step-box wow fadeInUp" data-wow-delay="0.50s">
<!-- Step Box Img start -->
<a href="jacket_repair.php">
<div class="step-img">
<figure class="image-anime">
<img src="icons/home-page-service/leather_jackets.jpg" alt="">
</figure>
</div>
</a>
<!-- Step Box Img end -->
<!-- Step Box Body start -->
<div class="step-body">
<!-- Step Icon start -->
<!--<div class="step-icon">-->
<!-- <img src="new-image/icons/shoeshine.png" alt="">-->
<!--</div>-->
<!-- Step Icon end -->
<h3>Jacket Repairs</h3>
<p style="color: #c78f2f;">We repairs all types of Sports Jacket , Riding Jacket, leather Jacket and non leather jacket for both Men’s & Women’s </p>
<!--<a href="shoe_and_boot_service.php" class="btn-read-more">Read More</a>-->
</div>
<!-- Step Box Body end -->
</div>
</div>
<!-- Services Step Box End -->
<!-- Services Step Box Start -->
<div class="col-lg-3 col-md-12">
<div class="step-box wow fadeInUp" data-wow-delay="1.0s">
<!-- Step Box Img start -->
<a href="luggage_service.php" >
<div class="step-img">
<figure class="image-anime">
<img src="icons/home-page-service/Luggage_Repairs.jpg" alt="">
</figure>
</div>
</a>
<!-- Step Box Img end -->
<!-- Step Box Body start -->
<div class="step-body">
<!-- Step Icon start -->
<!--<div class="step-icon">-->
<!-- <img src="new-image/icons/trolley-bag.png" alt="">-->
<!--</div>-->
<!-- Step Icon end -->
<h3>Luggage Repairs</h3>
<p style="color: #c78f2f;" >We repair all the big brands and luggage of all sizes, including wheels, zippers & handles.</p>
<!--<a href="luggage_service.php" class="btn-read-more">Read More</a>-->
</div>
<!-- Step Box Body end -->
</div>
</div>
<!-- Services Step Box End -->
<!--<div class="col-lg-6 col-md-12 order-lg-2 order-1">-->
<!-- <div class="info-box wow fadeInUp" data-wow-delay="0.50s" style="padding: 9px 0px;">-->
<!-- <div class="box-body">-->
<!-- <h2 class="text-anime" style="color:#6d6e71; font-size: 40px;">Keep Your Shoes & Bags Looking Their Best</h2>-->
<!-- <div class="about-body">-->
<!-- <p class="wow fadeInUp" data-wow-delay="0.50s" style='font-family: "DM Sans", Sans-serif;color:#000;'>Discover luxury craftsmanship firsthand with our exclusive bag and shoe repair service. Trust our skilled artisans to revive every stitch and sole with meticulous care.</p>-->
<!-- </div> -->
<!-- <div class="about-icon-box" style="margin-right: 0px; padding: 0px 0px 0px 0px ;">-->
<!-- <div class="icon-box wow fadeInUp" data-wow-delay="0.75s">-->
<!-- <img src="icons/icons/gear.png" alt="">-->
<!-- <h3>Using Genuine Materials</h3>-->
<!-- </div>-->
<!-- <div class="icon-box wow fadeInUp" data-wow-delay="1.0s">-->
<!-- <img src="icons/icons/shoes.png" alt="">-->
<!-- <img src="icons/icons/school-bag.png" alt="">-->
<!-- <h3>Restoring Luxury</h3>-->
<!-- </div> -->
<!-- </div>-->
<!-- <div class="about-btn" style="display: flex;justify-content: center;">-->
<!-- <div class="about-contact-btn wow fadeInUp" data-wow-delay="1.50s" >-->
<!-- <img src="icons/icons/google-contacts.png" alt="">-->
<!-- <a href="tel:+91 9364088990" class="contact-btn"><i style="background:<?= $color_code ?>;" class="fa-solid fa-phone"></i><strong>Contact Us:</strong> +91 9364088990</a>-->
<!-- </div>-->
<!-- </div>-->
<!--</div>-->
<!-- </div>-->
<!--</div>-->
</div>
<!--<div class="row">
<div class="col-12">
<div class="service-btn text-center wow fadeInUp" data-wow-delay="0.50s">
<a href="#" class="btn-default">View All Services</a>
</div>
</div>
</div>-->
</div>
</div>
<!-- Our Services End -->
<!-- Our Articles Start -->
<div >
<div class="container">
<div class="row">
<div class="col-md-12">
<!-- Section Title Start -->
<div class="section-title text-center">
<h3 class="wow fadeInUp" data-wow-delay="0.25s">Our Process</h3>
</div>
<!-- Section Title End -->
</div>
</div>
<div class="row">
<!-- Post item Start -->
<div class="col-lg-12 col-md-12">
<h3 class="text-anime" style="margin-bottom: 16px;" >Store Visit Service: </h3>
<p>For those who prefer a more personal touch, our store visit service allows
you to bring your item directly to us. Our skilled technicians will assess
the repair needs on-site and provide you with a quote. Once approved, we'll get to work on your repair,
ensuring a quick turnaround time.</p>
</div>
<div class="col-md-12">
<!-- Section Title Start -->
<div class="section-title text-center" style="margin-top: 12px;margin-bottom: 19px;">
<h2 class="text-anime" style="color:black;">OR</h2>
</div>
<!-- Section Title End -->
</div>
<div class="col-lg-12 col-md-12">
<h3 class="text-anime" style="margin-bottom: 16px;">Online Service:</h3>
</div>
<div class="col-lg-2 col-md-12">
<div class="post-item wow fadeInUp" data-wow-delay="0.50s">
<!-- Post Header start -->
<div class="post-header">
<!-- Feature Img start -->
<div class="feature-img">
<a href="#">
<figure class="image-anime">
<img src="icons/tracking/wp.gif" alt="" style="width: 100px;">
</figure>
</a>
</div>
<!-- Feature Img end -->
<!-- Post Meta start -->
<div class="post-meta">
<!--<ul>-->
<!-- <li>Business Insurance</li>-->
<!--</ul>-->
</div>
<!-- Post Meta end -->
</div>
<!-- Post Feature Img end -->
<!-- Post Content start -->
<div class="post-content">
<div class="post-header">
<h2><a href="#">You Request</a></h2>
<p></p>
</div>
</div>
<!-- Post Content end -->
</div>
</div>
<!-- Post item End -->
<!-- Post item Start -->
<div class="col-lg-3 col-md-12">
<div class="post-item wow fadeInUp" data-wow-delay="0.75s">
<!-- Post Header start -->
<div class="post-header">
<!-- Feature Img start -->
<div class="feature-img">
<a href="#">
<figure class="image-anime">
<img src="icons/tracking/We_Pickup.gif" alt="" style="width: 162px;" >
</figure>
</a>
</div>
<!-- Feature Img end -->
<!-- Post Meta start -->
<div class="post-meta">
<!--<ul>-->
<!-- <li>Home Insurance</li>-->
<!--</ul>-->
</div>
<!-- Post Meta end -->
</div>
<!-- Post Feature Img end -->
<!-- Post Content start -->
<div class="post-content">
<div class="post-header">
<h2><a href="#">We Pickup</a></h2>
<p></p>
</div>
</div>
<!-- Post Content end -->
</div>
</div>
<!-- Post item End -->
<!-- Post item Start -->
<div class="col-lg-2 col-md-12">
<div class="post-item wow fadeInUp" data-wow-delay="1.0s">
<!-- Post Header start -->
<div class="post-header">
<!-- Feature Img start -->
<div class="feature-img">
<a href="#">
<figure class="image-anime">
<img src="icons/tracking/shoe_service.gif" alt="" style="width: 100%;">
</figure>
</a>
</div>
<!-- Feature Img end -->
<!-- Post Meta start -->
<div class="post-meta">
<!--<ul>-->
<!-- <li>Car Insurance</li>-->
<!--</ul>-->
</div>
<!-- Post Meta end -->
</div>
<!-- Post Feature Img end -->
<!-- Post Content start -->
<div class="post-content">
<div class="post-header">
<h2><a href="#">We Service</a></h2>
<p></p>
</div>
</div>
<!-- Post Content end -->
</div>
</div>
<!-- Post item End -->
<!-- Post item Start -->
<div class="col-lg-2 col-md-12">
<div class="post-item wow fadeInUp" data-wow-delay="1.0s">
<!-- Post Header start -->
<div class="post-header">
<!-- Feature Img start -->
<div class="feature-img">
<a href="#">
<figure class="image-anime">
<img src="icons/quality.gif" alt="" style="margin-top: 40px;width: 100px;">
</figure>
</a>
</div>
<!-- Feature Img end -->
<!-- Post Meta start -->
<div class="post-meta">
<!--<ul>-->
<!-- <li>Car Insurance</li>-->
<!--</ul>-->
</div>
<!-- Post Meta end -->
</div>
<!-- Post Feature Img end -->
<!-- Post Content start -->
<div class="post-content">
<div class="post-header">
<h2><a href="#">We Check</a></h2>
<p></p>
</div>
</div>
<!-- Post Content end -->
</div>
</div>
<!-- Post item End -->
<!-- Post item Start -->
<div class="col-lg-3 col-md-12">
<div class="post-item wow fadeInUp" data-wow-delay="1.0s">
<!-- Post Header start -->
<div class="post-header">
<!-- Feature Img start -->
<div class="feature-img">
<a href="#">
<figure class="image-anime">
<img src="icons/tracking/delivery.gif" alt="" style="width: 167px;">
</figure>
</a>
</div>
<!-- Feature Img end -->
<!-- Post Meta start -->
<div class="post-meta">
<!--<ul>-->
<!-- <li>Car Insurance</li>-->
<!--</ul>-->
</div>
<!-- Post Meta end -->
</div>
<!-- Post Feature Img end -->
<!-- Post Content start -->
<div class="post-content">
<div class="post-header">
<h2><a href="#">We Deliver</a></h2>
<p></p>
</div>
</div>
<!-- Post Content end -->
</div>
</div>
<!-- Post item End -->
<div class="col-md-12">
<!-- Section Title Start -->
<div class="section-title text-center" style="margin-top: -12px;margin-bottom: 19px;">
<h2 class="text-anime" style="color:black;">OR</h2>
</div>
<!-- Section Title End -->
</div>
<div class="col-lg-12 col-md-12">
<h3 class="text-anime" style="margin-bottom: 16px;" >Courier Service: </h3>
<p>Where ever you are, We're here," your location, our service" ; Effortlessly send your shoes
and bags to us from across India then we inspect and revive them as new and sent back safely to you</p>
</div>
</div>
</div>
</div>
<!-- Our Articles End -->
<!-- Counter Section Start -->
<div class="counter-section" style="margin-top: 27px;">
<div class="container">
<div class="row">
<div class="col-lg-3 col-6">
<!-- Counter Box start -->
<div class="counter-box wow fadeInUp" data-wow-delay="0.50s">
<div class="counter-img">
<img src="images/icon-happy-customers.svg" alt="">
</div>
<div class="counter-body">
<h3><span class="counter">1150</span>+</h3>
<p>Happy Customers</p>
</div>
</div>
<!-- Counter Box end -->
</div>
<div class="col-lg-3 col-6">
<!-- Counter Box start -->
<div class="counter-box wow fadeInUp" data-wow-delay="0.75s">
<div class="counter-img">
<img src="images/icon-insurance-careers.svg" alt="">
</div>
<div class="counter-body">
<h3><span class="counter">150</span>+</h3>
<p>Expert Teams</p>
</div>
</div>
<!-- Counter Box end -->
</div>
<div class="col-lg-3 col-6">
<!-- Counter Box start -->
<div class="counter-box wow fadeInUp" data-wow-delay="1.0s">
<div class="counter-img">
<img src="images/icon-awards-won.svg" alt="">
</div>
<div class="counter-body">
<h3><span class="counter">15</span>+</h3>
<p>Years of Experience</p>
</div>
</div>
<!-- Counter Box end -->
</div>
<div class="col-lg-3 col-6">
<!-- Counter Box start -->
<div class="counter-box wow fadeInUp" data-wow-delay="1.25s">
<div class="counter-img">
<img src="images/icon-claims-settled.svg" alt="">
</div>
<div class="counter-body">
<h3><span class="counter">2000</span>+</h3>
<p>Satisfied Clients</p>
</div>
</div>
<!-- Counter Box end -->
</div>
</div>
</div>
</div>
<!-- Counter Section End -->
<!-- Why Choose Us Section Start -->
<div class="why-choose-us parallaxie">
<div class="container">
<div class="row">
<div class="col-lg-5 col-12">
<!-- Why Choose Image start -->
<div class="why-choose-img">
<figure class="reveal image-anime">
<img src="new-image/images/new-bag.jpg" alt="">
</figure>
</div>
<!-- Why Choose Image end -->
</div>
<div class="col-lg-7 col-12">
<!-- Section Title start -->
<div class="section-title">
<h3 class="wow fadeInUp" data-wow-delay="0.25s">Why Choose us</h3>
<h2 class="text-anime">Why you should choose RenewRite ?</h2>
</div>
<!-- Section Title end -->
<!-- Why Choose Body start -->
<div class="why-choose-body">
<p class="wow fadeInUp" data-wow-delay="0.50s">Choose Premium Shoe Repair for expert craftsmanship, quality materials, personalized service, timely turnaround, and affordable pricing. Trust us to breathe new life into your beloved footwear.</p>
<ul class="why-choose-list wow fadeInUp" data-wow-delay="0.75s">
<li>Expert Craftsmanship</li>
<li>Quality Materials</li>
<li>Personalized Service</li>
<li>Timely Turnaround</li>
<li>Affordable Pricing</li>
<li>Premium Look</li>
</ul>
<!-- Support Team Section start -->
<div class="support-team-section wow fadeInUp" data-wow-delay="1.0s" style="background-color: <?=$color_code?>;">
<!-- Video Section start -->
<div class="video-section">
<div class="video-section-img">
<figure class="image-anime">
<img src="images/why-choose-us-video-img.jpg" alt="">
</figure>
</div>
<!--<div class="video-section-play-btn">-->
<!-- <a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video"><i class="fa-regular fa-circle-play"></i></a>-->
<!--</div>-->
</div>
<!-- Video Section end -->
<!-- Support Team Body start -->
<div class="support-team-body">
<img src="images/icon-support-team.svg" alt="">
<h3>24/7 Support Team</h3>
<ul class="support-team-contact">
<li><a href="#" class="contact-btn">+91 8754977212</a></li>
<li><a href="#" class="support-mail-btn">support@renewrite.in</a></li>
</ul>
</div>
<!-- Support Team Body end -->
</div>
<!-- Support Team Section end -->
</div>
</div>
<!-- Why Choose Body end -->
</div>
</div>
</div>
<!-- Why Choose Us Section End -->
<!-- Brand Section Start -->
<div class="about-section" style="margin-top: 140px;">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-title">
<h2 class="text-anime" style="color:#6d6e71;">Shoe & luggage brands we repair:</h2>
</div>
</div>
<!--<div class="row">
<?php $categories = 'brand_bag'; for($i=1; $i<=15; $i++){ if($i%6==1) { $style = 'margin-top:2%;'; } ?>
<div class="col-md-2" style="<?=$style?>">
<img src="icons/brands/<?=$categories?>_<?=$i?>.jpg" alt="Brand" style="width: 140px;" />
</div>
<?php } ?>
</div>-->
<div class="row">
<?php
$categpry = 'brand_shoe';
$categories = 'brand_bag';
$style = 'margin-top:2%;'; ?>
<div class="col-md-2" style="<?=$style?>">
<img src="icons/brands/<?=$categories?>_1.jpg" alt="Brand" style="width: 140px;" />
</div>
<div class="col-md-2" style="<?=$style?>">
<img src="icons/brands/<?=$categories?>_2.jpg" alt="Brand" style="width: 140px;" />
</div>
<div class="col-md-2" style="<?=$style?>">
<img src="icons/brands/<?=$categories?>_3.jpg" alt="Brand" style="width: 140px;" />
</div>
<div class="col-md-2" style="<?=$style?>">
<img src="icons/brands/<?=$categories?>_4.jpg" alt="Brand" style="width: 140px;" />
</div>
<div class="col-md-2" style="<?=$style?>">
<img src="icons/brands/<?=$categories?>_5.jpg" alt="Brand" style="width: 140px;" />
</div>
<div class="col-md-2" style="<?=$style?>">
<img src="icons/brands/<?=$categories?>_6.jpg" alt="Brand" style="width: 140px;" />
</div>
<div class="col-md-2" style="<?=$style?>">
<img src="icons/brands/<?=$categories?>_7.jpg" alt="Brand" style="width: 140px;" />
</div>
<div class="col-md-2" style="<?=$style?>">
<img src="icons/brands/<?=$categories?>_8.jpg" alt="Brand" style="width: 140px;" />
</div>
<div class="col-md-2" style="<?=$style?>">
<img src="icons/brands/<?=$categories?>_15.jpg" alt="Brand" style="width: 140px;" />
</div>
<div class="col-md-2" style="<?=$style?>">
<img src="icons/brands/<?=$categories?>_10.jpg" alt="Brand" style="width: 140px;" />
</div>
<div class="col-md-2" style="<?=$style?>">
<img src="icons/brands/<?=$categories?>_11.jpg" alt="Brand" style="width: 140px;" />
</div>
<div class="col-md-2" style="<?=$style?>">
<img src="icons/brands/<?=$categories?>_12.jpg" alt="Brand" style="width: 140px;" />
</div>
<div class="col-md-2" style="<?=$style?>">
<img src="icons/brands/<?=$categories?>_13.jpg" alt="Brand" style="width: 140px;" />
</div>
<div class="col-md-2" style="<?=$style?>">
<img src="icons/brands/<?=$categories?>_9.jpg" alt="Brand" style="width: 140px;" />
</div>
<div class="col-md-2" style="<?= $style ?>">
<img src="icons/brands/<?=$categpry?>_1.jpg" alt="Brand" />
</div>
<div class="col-md-2" style="<?= $style ?>">
<img src="icons/brands/<?=$categpry?>_2.jpg" alt="Brand" />
</div>
<div class="col-md-2" style="<?= $style ?>">
<img src="icons/brands/<?=$categpry?>_3.jpg" alt="Brand" />
</div>
<!--start-->
<div class="col-md-2" style="<?= $style ?>">
<img src="icons/brands/Ariat-Repairs.png" alt="Brand" />
</div>
<div class="col-md-2" style="<?= $style ?>">
<img src="icons/brands/Gregory-Shoe-Repairs-Hartmann.png" alt="Brand" />
</div>
<div class="col-md-2" style="<?= $style ?>">
<img src="icons/brands/Gregory-Shoe-Repairs-Tony-Bianco.jpg" alt="Brand" />
</div>
<div class="col-md-2" style="<?= $style ?>">
<img src="icons/brands/Rimowa-Logo.jpg" alt="Brand" />
</div>
<div class="col-md-2" style="<?= $style ?>">
<img src="icons/brands/Chanel-Repairs.png" alt="Brand" />
</div>
<div class="col-md-2" style="<?= $style ?>">
<img src="icons/brands/Skyway-Logo.jpg" alt="Brand" />
</div>
<!--end-->
<div class="col-md-2" style="<?= $style ?>">
<img src="icons/brands/<?=$categpry?>_12.jpg" alt="Brand" />
</div>
<div class="col-md-2" style="<?= $style ?>">
<img src="icons/brands/<?=$categpry?>_13.jpg" alt="Brand" />
</div>
<div class="col-md-2" style="<?= $style ?>">
<img src="icons/brands/<?=$categpry?>_14.jpg" alt="Brand" />
</div>
<div class="col-md-2" style="<?= $style ?>">
<img src="icons/brands/<?=$categpry?>_15.jpg" alt="Brand" />
</div>
<div class="col-md-2" style="<?= $style ?>">
<img src="icons/brands/<?=$categpry?>_11.jpg" alt="Brand" />
</div>
<div class="col-md-2" style="<?= $style ?>">
<img src="icons/brands/<?=$categpry?>_5.jpg" alt="Brand" />
</div>
<div class="col-md-2" style="<?= $style ?>">
<img src="icons/brands/<?=$categpry?>_6.jpg" alt="Brand" />
</div>
<div class="col-md-2" style="<?=$style?>">
<img src="icons/brands/<?=$categories?>_14.jpg" alt="Brand" style="width: 140px;" />
</div>
<div class="col-md-2" style="<?= $style ?>">
<img src="icons/brands/<?=$categpry?>_10.jpg" alt="Brand" />
</div>
<div class="col-md-2" style="<?= $style ?>">
<img src="icons/brands/<?=$categpry?>_9.jpg" alt="Brand" />
</div>
<div class="col-md-2" style="<?= $style ?>">
<img src="icons/brands/<?=$categpry?>_7.jpg" alt="Brand" />
</div>
<div class="col-md-2" style="<?= $style ?>">
<img src="icons/brands/<?=$categpry?>_4.jpg" alt="Brand" />
</div>
<div class="col-md-2" style="<?= $style ?>">
<img src="icons/brands/<?=$categpry?>_8.jpg" alt="Brand" />
</div>
<div class="col-md-12" style="text-align: center;padding-top: 39px;">
<h3 style="color:red;">What if my brand is not on the above list?</h3>
<p style="font-weight: 700;margin-top: 12px;color: green; font-size: 18px;">If you have a brand that is not on the above list we can still repair your case.</p>
</div>
</div>
</div>
</div>
</div>
<!-- Brand Section End -->
<!-- Testimonials Start -->
<!--<div class="testimonials" style="padding: 0px 0 80px;">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-title text-center">
<h3 class="wow fadeInUp" data-wow-delay="0.25s">Testimonials</h3>
<h2 class="text-anime" style="color: <?= $color_code ?>;">Why Client trust Us</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center">
<div class="testimonial-slider-wrapper wow fadeInUp" data-wow-delay="0.50s">
<div class="swiper testimonial-slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="testimonial-slide">
<div class="testimonial-footer">
<div class="rating">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
</div>
<div class="testimonial-body">
<p>Absolutely Impressed!. They look brand new! The attention to detail and craftsmanship exceeded my expectations. Highly recommend!</p>
</div>
<div class="testimonial-header">
<h3>Sarah H</h3>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="testimonial-slide">
<div class="testimonial-footer">
<div class="rating">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
</div>
<div class="testimonial-body">
<p>I thought my favorite leather bag was beyond repair, but Premium Shoe & Bag Repair worked their magic and restored it to its former glory.</p>
</div>
<div class="testimonial-header">
<h3>Akash</h3>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="testimonial-slide">
<div class="testimonial-footer">
<div class="rating">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
</div>
<div class="testimonial-body">
<p>I've had multiple shoes repaired at renewrite, I've been impressed with the quality of work and attention to detail.</p>
</div>
<div class="testimonial-header">
<h3>Rajesh</h3>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="testimonial-slide">
<div class="testimonial-footer">
<div class="rating">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
</div>
<div class="testimonial-body">
<p>Renewrite is my go-to for all my shoe and bag repair needs. The team is knowledgeable, courteous, and always delivers exceptional results.</p>
</div>
<div class="testimonial-header">
<h3>Arjun</h3>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="testimonial-slide">
<div class="testimonial-footer">
<div class="rating">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
</div>
<div class="testimonial-body">
<p>I've entrusted renewrite with some of my most treasured shoes and bags, and they have consistently delivered outstanding results.</p>
</div>
<div class="testimonial-header">
<h3>Priya</h3>
</div>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</div>
</div>
</div>-->
<!-- Testimonials End -->
<!-- Testimonials Start -->
<div class="about-section" style="margin-top: -46px;margin-bottom: -74px;padding: 0px;">
<div class="col-md-12">
<iframe id="contact_map" src="https://www.google.com/maps/embed?pb=!1m17!1m12!1m3!1d3888.869890453119!2d77.6080579528465!3d12.916082905723544!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zMTLCsDU0JzU5LjYiTiA3N8KwMzYnNDEuNSJF!5e0!3m2!1sen!2sin!4v1712729786273!5m2!1sen!2sin" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<!-- Testimonials End -->
<!-- Our Articles Start -->
<!--<div class="our-articles">-->
<!-- <div class="container">-->
<!-- <div class="row">-->
<!-- <div class="col-md-12">-->
<!-- <div class="section-title text-center">-->
<!-- <h3 class="wow fadeInUp" data-wow-delay="0.25s">Before & After</h3>-->
<!-- <h2 class="text-anime">Shoes and Handbags</h2>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="row">-->
<!-- <div class="col-lg-6 col-md-12">-->
<!-- <div class="post-item wow fadeInUp" data-wow-delay="0.50s" >-->
<!-- <div class="image-container" >-->
<!-- <div class="before-image" id="beforeImage"></div>-->
<!-- <div class="after-image" id="afterImage"></div>-->
<!-- <div class="slider" id="slider"></div> -->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-lg-6 col-md-12">-->
<!-- <div class="post-item wow fadeInUp" data-wow-delay="0.50s" >-->
<!-- <div class="image-container" >-->
<!-- <div class="before-image" id="beforeImage"></div>-->
<!-- <div class="after-image" id="afterImage"></div>-->
<!-- <div class="slider" id="slider"></div> -->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--</div>-->
<!--</div>-->
<!-- Our Articles End -->
<!-- Button trigger modal -->
<button style="display:none;" type="button" id="staticBackdrops" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
Launch static backdrop modal
</button>
<!-- Modal -->
<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body" style="background-image: url('new-image/Withought_Correction.jpg'); background-size: cover; background-position: center; height: 500px;">
<marquee width="100%" direction="down" height="320px" scrollamount="4" onmouseover="this.stop();" onmouseout="this.start();" style="margin-top: 22%;" >
<p style="color: white;font-weight: 700;font-size: 17px;text-align: justify;">
We are Proud to announce the grand opening of our new branch in Indiranagar on 7th
July. This expansion allows us to serve you the world class premium Shoe and Bag Repair Services closer to you.
</p>
</marquee>
</div>
</div>
</div>
</div>
<script>
const slider = document.getElementById("slider");
const beforeImage = document.getElementById("beforeImage");
const afterImage = document.getElementById("afterImage");
const imageContainer = document.querySelector(".image-container");
let isDown = false;
slider.addEventListener("mousedown", (e) => {
isDown = true;
imageContainer.classList.add("dragging");
updateSlider(e.pageX);
});
document.addEventListener("mouseup", () => {
isDown = false;
imageContainer.classList.remove("dragging");
});
document.addEventListener("mousemove", (e) => {
if (!isDown) return;
updateSlider(e.pageX);
});
function updateSlider(x) {
const rect = imageContainer.getBoundingClientRect();
let posX = x - rect.left;
posX = Math.max(0, Math.min(posX, rect.width)); // Limit slider movement within container width
slider.style.left = posX + "px";
afterImage.style.clipPath = `inset(0 ${rect.width - posX}px 0 0)`;
}
</script>
<?php include 'footer.php';?>
<script>
/*$(document).ready(function(){
$('#staticBackdrops').trigger('click');
})*/
</script>
Zerion Mini Shell 1.0