<!-- Footer Start -->
<div class="container-fluid text-light footer pt-5 mt-5 wow fadeIn" data-wow-delay="0.1s" style="background-color: #3e67b4;"> 
    <div class="container py-5">
        <div class="row g-5">
            <!-- Logo and Description -->
            <div class="col-lg-4 col-md-6">
                <img src="codihub_newlogo.png" alt="Medical Coding Institute Logo" class="img-fluid mb-3" style="max-width: 150px;">
                <p>We provide professional Medical Coding training and certification to help you start a successful career in healthcare coding.</p>
            </div>

            <!-- Quick Links -->
            <div class="col-lg-4 col-md-6">
                <h4 class="text-white mb-3">Quick Links</h4>
                <div class="d-flex flex-column">
                    <a class="btn btn-link text-light text-start p-0 mb-1" href="index.php">Home</a>
                    <a class="btn btn-link text-light text-start p-0 mb-1" href="about.php">About Us</a>
                    <a class="btn btn-link text-light text-start p-0 mb-1" href="courses.php">Courses</a>
                    <a class="btn btn-link text-light text-start p-0 mb-1" href="contact.php">Contact Us</a>
                </div>
            </div>

            <!-- Contact Info -->
            <div class="col-lg-4 col-md-12">
                <h4 class="text-white mb-3">Contact</h4>
                <p class="mb-2"><i class="fa fa-map-marker-alt me-3"></i>5/131-D, Annanagar first street, Suramangalam<br>Salem-636302.</p>
                <p class="mb-2"><i class="fa fa-phone-alt me-3"></i>8428784224</p>
                
               
                <!--<p class="mb-2"><i class="fa fa-envelope me-3"></i>info@medicalcoding.com</p>-->
                <div class="d-flex pt-2">
                    <a class="btn btn-outline-light btn-social me-2" href="#"><i class="fab fa-twitter"></i></a>
                    <a class="btn btn-outline-light btn-social me-2" href="#"><i class="fab fa-facebook-f"></i></a>
                    <a class="btn btn-outline-light btn-social me-2" href="#"><i class="fab fa-linkedin-in"></i></a>
                    <a class="btn btn-outline-light btn-social" href="#"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
        </div>
    </div>

    <!-- Copyright -->
    <div class="container">
        <div class="copyright py-3 border-top border-light">
            <div class="row">
                <div class="col-md-6 text-center text-md-start mb-2 mb-md-0">
                    &copy; <a class="text-light border-bottom" href="#"> CODiHUB</a>, All Rights Reserved.
                </div>
            </div>
        </div>
    </div>
</div>

<!-- WhatsApp Floating Button -->
<a href="https://wa.me/918428784224" class="whatsapp-float" target="_blank">
    <i class="fab fa-whatsapp"></i>
</a>

<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

<style>
/* WhatsApp Floating Button */
.whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 20px;   /* distance from bottom */
    right: 20px;    /* distance from right */
    background-color: #25d366;
    color: #FFF;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    z-index: 1000;
}

.whatsapp-float i {
    margin-top: 15px;
}

</style>

<!-- Footer End -->
