CINXE.COM
Elite Infosoft
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Elite Infosoft</title> <meta content="width=device-width, initial-scale=1.0" name="viewport" /> <meta content="Free HTML Templates" name="keywords" /> <meta content="Free HTML Templates" name="description" /> <!-- Base URL to Fix Path Issues --> <base href="https://eliteinfosoft.com/ui/" /> <link href="company images/favicon.ico" rel="icon" /> <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=Nunito:wght@400;600;700;800&family=Rubik:wght@400;500;600;700&display=swap" rel="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" /> <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" /> <link href="lib/animate/animate.min.css" rel="stylesheet" /> <link href="css/bootstrap.min.css" rel="stylesheet" /> <link href="css/style.css" rel="stylesheet" /> <link href="css/carousel.css" rel="stylesheet" /> <script src="https://www.google.com/recaptcha/api.js"></script> </head> <body> <!-- Spinner --> <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"></div> </div> <!-- Navbar & Carousel --> <div id="navbarContent"></div> <!-- Hero section Carousel Start --> <div id="header-carousel" class="carousel slide carousel-fade" data-bs-ride="carousel"> <!-- hero section container --> <div id="hero-content"></div> <button class="carousel-control-prev" type="button" data-bs-target="#header-carousel" 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="#header-carousel" data-bs-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="visually-hidden">Next</span> </button> </div> <!-- Carousel End --> </div> <!-- Navbar & Carousel End --> <!-- Full Screen Search Start --> <div class="modal fade" id="searchModal" tabindex="-1"> <div class="modal-dialog modal-fullscreen"> <div class="modal-content" style="background: rgba(9, 30, 62, 0.7)"> <div class="modal-header border-0"> <button type="button" class="btn bg-white btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body d-flex align-items-center justify-content-center"> <div class="input-group" style="max-width: 600px"> <input type="text" class="form-control bg-transparent border-primary p-3" placeholder="Type search keyword" /> <button class="btn btn-primary px-4"> <i class="bi bi-search"></i> </button> </div> </div> </div> </div> </div> <!-- Metrics Ribbon --> <div id="metrics-content"></div> <!-- About Section --> <div class="container-fluid py-2 wow fadeInUp" data-wow-delay="0.1s"> <div class="container py-2"> <div id="aboutus-content"> </div> </div> </div> <!-- WHY CHOOSE US & SOLUTIONS SECTION --> <div id="solutions-content"></div> <!-- Testimonial Start --> <div class="container-fluid wow py-5 fadeInUp" data-wow-delay="0.1s"> <div class="container"> <div class="section-title text-center position-relative pb-3 mb-4 mx-auto" style="max-width: 600px"> <h5 class="fw-bold text-primary text-uppercase">Testimonials</h5> <h1 class="mb-0">What Our Clients Say</h1> </div> <!-- container for testimonials --> <div id="clients-content"></div> </div> </div> <!-- Testimonial End --> <!-- Footer --> <footer> <div class="container-fluid bg-dark text-light mt-5 wow fadeInUp" data-wow-delay="0.1s"> <div class="container"> <div class="row gx-5"> <div class="col-lg-4 col-md-6 footer-about"> <div class="d-flex flex-column align-items-center justify-content-center text-center h-100 bg-primary p-4"> <a href="index.php" class="navbar-brand"> <img src="./company images/elite-infosoft-light.png"> </a> </div> </div> <div class="col-lg-8 col-md-6"> <div class="row gx-5"> <div class="col-lg-4 col-md-12 pt-5 mb-5"> <div class="section-title section-title-sm position-relative pb-3 mb-4"> <h3 class="text-light mb-0">Get In Touch</h3> </div> <div class="d-flex mb-2"> <i class="bi bi-geo-alt text-primary me-2"></i> <p class="mb-0"> #103 Green Woods, Salunke Vihar Road, Pune 411040 </p> </div> <div class="d-flex mb-2"> <i class="bi bi-envelope-open text-primary me-2"></i> <a href="mailto:info@eliteinfosoft.com" class="mb-0 text-white">info@eliteinfosoft.com</a> </div> <div class="d-flex mb-2"> <i class="bi bi-telephone text-primary me-2"></i> <a href="tel:+91-20-46033165" class="mb-0 text-white">+91-20-46033165</a> </div> <div class="d-flex mt-4"> <a class="btn btn-primary btn-square me-2" href="https://in.linkedin.com/company/elite-infosoft"><i class="fab fa-linkedin-in fw-normal"></i></a> </div> </div> <div class="col-lg-4 col-md-12 pt-0 pt-lg-5 mb-5"> <div class="section-title section-title-sm position-relative pb-3 mb-4"> <h3 class="text-light mb-0">Quick Links</h3> </div> <div class="link-animated d-flex flex-column justify-content-start"> <a class="text-light mb-2" href="index.php"><i class="bi bi-arrow-right text-primary me-2"></i>Home</a> <a class="text-light mb-2" href="about.php"><i class="bi bi-arrow-right text-primary me-2"></i>About Us</a> <a class="text-light mb-2" href="service.php"><i class="bi bi-arrow-right text-primary me-2"></i>Solutions</a> <a class="text-light mb-2" href="blog.php"><i class="bi bi-arrow-right text-primary me-2"></i> News</a> </div> </div> </div> </div> </div> </div> </div> <div class="container-fluid text-white" style="background: #061429"> <div class="container text-center"> <div class="row justify-content-end"> <div class="col-lg-8 col-md-6"> <div class="d-flex align-items-center justify-content-center" style="height: 75px"> <p class="mb-0"> 漏 <span id="currentYear"></span> <a class="text-white border-bottom" href="index.php">Elite Infosoft</a>. All Rights Reserved. </p> </div> </div> </div> </div> </div> </footer> <!-- Back to Top --> <a href="#" class="btn btn-lg btn-primary btn-lg-square rounded 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/counterup/counterup.min.js"></script> <script src="lib/owlcarousel/owl.carousel.min.js"></script> <!-- JS files --> <script src="js/main.js"></script> <script src="js/footer.js"></script> <script src="js/index.js"></script> <script src="js/nav.js"></script> <!-- Script to hide contact form from about section --> <script> $(document).ready(function () { function hideOfficeImages() { if ($("#officeimages").length) { $("#officeimages").hide(); } } // Hide immediately if already present hideOfficeImages(); // Use MutationObserver to detect when it's added dynamically const observer = new MutationObserver((mutations, obs) => { hideOfficeImages(); }); observer.observe(document.getElementById("aboutus-content"), { childList: true, subtree: true }); }); jQuery.event.special.touchstart = { setup: function(_, ns, handle) { this.addEventListener("touchstart", handle, { passive: true }); } }; </script> </body> </html>