<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>About</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="" name="keywords">
    <meta content="" name="description">

    <!-- Favicon -->
    <link href="img/favicon.ico" rel="icon">

    <!-- Google Web Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;800&family=Roboto:wght@400;500;700&display=swap" rel="stylesheet"> 

    <!-- Icon Font Stylesheet -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">

    <!-- Libraries Stylesheet -->
    <link href="lib/animate/animate.min.css" rel="stylesheet">
    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">

    <!-- Customized Bootstrap Stylesheet -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Template Stylesheet -->
    <link href="css/style.css" rel="stylesheet">
</head>

<body>
    <!-- Spinner Start -->
    <div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
        <div class="spinner-grow text-primary" role="status"></div>
    </div>
    <!-- Spinner End -->


 


    <!-- Navbar Start -->
    <!--<nav class="navbar navbar-expand-lg bg-white navbar-light sticky-top px-4 px-lg-5">-->
    <!--    <a href="index.html" class="navbar-brand d-flex align-items-center">-->
    <!--        <h1 class="m-0"><img class="img-fluid me-3" src="img/appliance-repair.png" alt=""></h1>-->
    <!--    </a>-->
    <!--    <button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">-->
    <!--        <span class="navbar-toggler-icon"></span>-->
    <!--    </button>-->
    <!--    <div class="collapse navbar-collapse" id="navbarCollapse">-->
    <!--        <div class="navbar-nav mx-auto bg-light pe-4 py-3 py-lg-0">-->
    <!--            <a href="index.html" class="nav-item nav-link active">Home</a>-->
    <!--            <a href="about.html" class="nav-item nav-link">About Us</a>-->
    <!--            <div class="nav-item dropdown">-->
    <!--                <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Services</a>-->
    <!--                <div class="dropdown-menu bg-light border-0 m-0">-->
    <!--                    <a href="washing-machine.html" class="dropdown-item">washing machine</a>-->
    <!--                    <a href="Refrigerator.html" class="dropdown-item">Refrigerator</a>-->
    <!--                    <a href="AC.html" class="dropdown-item">AC</a>-->
    <!--                    <a href="oven.html" class="dropdown-item">oven</a>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--            <a href="contact.html" class="nav-item nav-link">Contact Us</a>-->
    <!--        </div>-->
    <!--        <div class="h-100 d-lg-inline-flex align-items-center d-none">-->
    <!--            <a class="btn btn-square rounded-circle bg-light text-primary me-2" href=""><i class="fab fa-facebook-f"></i></a>-->
    <!--            <a class="btn btn-square rounded-circle bg-light text-primary me-2" href=""><i class="fab fa-twitter"></i></a>-->
    <!--            <a class="btn btn-square rounded-circle bg-light text-primary me-2" href=""><i class="fab fa-linkedin-in"></i></a>-->
    <!--            <a class="btn btn-square rounded-circle bg-light text-primary me-0" href=""><i class="fab fa-instagram"></i></a>-->
    <!--        </div>-->
    <!--    </div>-->
    <!--</nav>-->
    <?php include "header.php";?>
    <!-- Navbar End -->


    <!-- Page Header Start -->
    <div class="container-fluid page-header py-5 mb-5 wow fadeIn" data-wow-delay="0.1s">
        <div class="container text-center py-5">
            <h1 class="display-4 text-white animated slideInDown mb-4">About Us</h1>
        </div>
    </div>
    <!-- Page Header End -->


    <!-- About Start -->
    <div class="container-xxl py-5">
        <div class="container">
            <div class="row g-5 align-items-center">
                <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.5s">
                    <div class="h-100">
                        <h1 class="display-6 mb-5">Reliable Repair Services for Washing Machines, ACs, Refrigerators & Ovens</h1>
                        <div class="row g-4 mb-4">
                            <div class="col-sm-6">
                                <div class="d-flex align-items-center">
                                    <img class="flex-shrink-0 me-3" src="img/icon/icon-07-primary.png" alt="">
                                    <h5 class="mb-0">Certified Technicians</h5>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="d-flex align-items-center">
                                    <img class="flex-shrink-0 me-3" src="img/icon/icon-09-primary.png" alt="">
                                    <h5 class="mb-0">Fast & Reliable Service</h5>
                                </div>
                            </div>
                        </div>
                        <p class="mb-4">
                            We specialize in the repair and maintenance of all major home appliances including washing machines, air conditioners, refrigerators, and ovens. Our team of skilled technicians is experienced with all major brands and models. Whether it’s a cooling issue, motor failure, or regular maintenance, we ensure your appliances are back to perfect working condition quickly and efficiently.
                        </p>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="row g-3">
                        <div class="col-6 text-end">
                            <img class="img-fluid w-75 wow zoomIn" data-wow-delay="0.1s" src="img/download.png" style="margin-top: 25%;">
                        </div>
                        <div class="col-6 text-start">
                            <img class="img-fluid w-100 wow zoomIn" data-wow-delay="0.3s" src="img/package.png">
                        </div>
                        <div class="col-6 text-end">
                            <img class="img-fluid w-50 wow zoomIn" data-wow-delay="0.5s" src="img/How-to-Find-Reliable-Fridge.png">
                        </div>
                        <div class="col-6 text-start">
                            <img class="img-fluid w-75 wow zoomIn" data-wow-delay="0.7s" src="img/images.png">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- About End -->

    <div class="container-fluid facts my-5 py-5" data-parallax="scroll" data-image-src="img/carousel-1.jpg">
        <div class="container py-5">
            <div class="row g-5">
                <div class="col-sm-6 col-lg-3 wow fadeIn" data-wow-delay="0.1s">
                    <h1 class="display-4 text-white" data-toggle="counter-up">1500</h1>
                    <span class="text-primary">Appliances Repaired</span>
                </div>
                <div class="col-sm-6 col-lg-3 wow fadeIn" data-wow-delay="0.3s">
                    <h1 class="display-4 text-white" data-toggle="counter-up">1200</h1>
                    <span class="text-primary">Satisfied Customers</span>
                </div>
                <div class="col-sm-6 col-lg-3 wow fadeIn" data-wow-delay="0.5s">
                    <h1 class="display-4 text-white" data-toggle="counter-up">10</h1>
                    <span class="text-primary">Years of Experience</span>
                </div>
                <div class="col-sm-6 col-lg-3 wow fadeIn" data-wow-delay="0.7s">
                    <h1 class="display-4 text-white" data-toggle="counter-up">20</h1>
                    <span class="text-primary">Expert Technicians</span>
                </div>
            </div>
        </div>
    </div>


    <!-- Footer Start -->
    <!--<div class="container-fluid bg-dark footer mt-5 pt-5 wow fadeIn" data-wow-delay="0.1s">-->
    <!--        <div class="container py-5">-->
    <!--            <div class="row g-5">-->
    <!--                <div class="col-md-6">-->
    <!--                    <h1 class="text-white mb-4"></h1>-->
    <!--                    <span>-->
    <!--                        We specialize in fast, affordable repairs for washing machines, refrigerators, air conditioners, and ovens. Our certified technicians ensure quality service with genuine parts and quick turnaround, keeping your appliances running smoothly.-->
    <!--                        </span>-->
                            
    <!--                </div>-->
    <!--                <div class="col-md-6">-->
    <!--                    <h5 class="text-light mb-4">Newsletter</h5>-->
    <!--                    <p>We provide reliable and affordable repair services for all major home appliances, ensuring your comfort and convenience are never interrupted.</p>-->

    <!--                    <div class="position-relative">-->
    <!--                        <input class="form-control bg-transparent w-100 py-3 ps-4 pe-5" type="email" placeholder="Enter your email to get updates">-->
    <!--                        <button type="submit" class="btn btn-primary py-2 px-3 position-absolute top-0 end-0 mt-2 me-2">Subscribe</button>-->
    <!--                    </div>-->
                        
    <!--                </div>-->
                    
    <!--                <div class="col-lg-3 col-md-6">-->
    <!--                    <h5 class="text-light mb-4">Our Services</h5>-->
    <!--                    <a class="btn btn-link" href="">Washing machine Service</a>-->
    <!--                    <a class="btn btn-link" href="">AC Service</a>-->
    <!--                    <a class="btn btn-link" href="">oven Service</a>-->
    <!--                    <a class="btn btn-link" href="">refrigerator Inspections</a>-->
    <!--                </div>-->
    <!--                <div class="col-lg-3 col-md-6">-->
    <!--                    <h5 class="text-light mb-4">Quick Links</h5>-->
    <!--                    <a href="index.html" class="nav-item nav-link active">Home</a>-->
    <!--                    <a href="about.html" class="nav-item nav-link">About Us</a>-->
                        
    <!--                    <div class="nav-item dropdown">-->
                            
    <!--                        <div class="nav-item dropdown">-->
    <!--                            <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">services</a>-->
    <!--                            <div class="dropdown-menu bg-light border-0 m-0">-->
    <!--                                <a href="washing-machine.html" class="dropdown-item">washing machine</a>-->
    <!--                                <a href="Refrigerator.html" class="dropdown-item">Refrigerator</a>-->
    <!--                                <a href="AC.html" class="dropdown-item">AC</a>-->
    <!--                                <a href="oven.html" class="dropdown-item">Oven</a>-->
    <!--                            </div>-->
    <!--                        </div>-->
    <!--                    </div>-->
    <!--                    <a href="contact.html" class="nav-item nav-link">Contact Us</a>-->
    <!--                </div>-->
    <!--                <div class="col-lg-3 col-md-6">-->
    <!--                    <h5 class="text-light mb-4">Follow Us</h5>-->
    <!--                    <div class="d-flex">-->
    <!--                        <a class="btn btn-square rounded-circle me-1" href=""><i class="fab fa-twitter"></i></a>-->
    <!--                        <a class="btn btn-square rounded-circle me-1" href=""><i class="fab fa-facebook-f"></i></a>-->
    <!--                        <a class="btn btn-square rounded-circle me-1" href=""><i class="fab fa-youtube"></i></a>-->
    <!--                        <a class="btn btn-square rounded-circle me-1" href=""><i class="fab fa-linkedin-in"></i></a>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--        </div>-->
    <!--        <div class="container-fluid copyright">-->
    <!--            <div class="container">-->
    <!--                <div class="row">-->
    <!--                    <div class="col-md-6 text-center text-md-start mb-3 mb-md-0">-->
    <!--                        &copy; <a href="#">Your Site Name</a>, All Right Reserved.-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--        </div>-->
    <!--</div>-->
    <?php include "footer.php";?>
    <!-- Footer End -->


    <!-- Back to Top -->
    <a href="#" class="btn btn-lg btn-primary btn-lg-square rounded-circle back-to-top"><i class="bi bi-arrow-up"></i></a>


    <!-- JavaScript Libraries -->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
    <script src="lib/wow/wow.min.js"></script>
    <script src="lib/easing/easing.min.js"></script>
    <script src="lib/waypoints/waypoints.min.js"></script>
    <script src="lib/owlcarousel/owl.carousel.min.js"></script>
    <script src="lib/counterup/counterup.min.js"></script>
    <script src="lib/parallax/parallax.min.js"></script>

    <!-- Template Javascript -->
    <script src="js/main.js"></script>
</body>

</html>