
<footer class="footer-section bg-white pt-5">
    <div class="container pb-4">
        <div class="row">
            <!-- Logo & About -->
            <div class="col-lg-3 col-12 text-start mb-4">
                <img src="./assets/images/logoheader.png" alt="Institute of Somatic Therapy" class="img-fluid mb-3" style="max-width: 250px;">
            </div>

            <!-- Navigation Links -->
            <div class="col-lg-9 col-12 mb-4 d-flex align-items-center justify-content-start justify-content-lg-end footer-nav">
                 <ul class="list-inline mb-0 text-uppercase fw-bold small text-teal text-start text-lg-end">
                    <li class="list-inline-item"><a href="#" class="text-decoration-none text-teal">Home</a></li>
                    <li class="list-inline-item"><a href="#" class="text-decoration-none text-teal">About</a></li>
                    <li class="list-inline-item"><a href="#" class="text-decoration-none text-teal">Courses</a></li>
                    <li class="list-inline-item"><a href="#" class="text-decoration-none text-teal">Guidelines</a></li>
                    <li class="list-inline-item"><a href="#" class="text-decoration-none text-teal">FAQs</a></li>
                    <li class="list-inline-item"><a href="#" class="text-decoration-none text-teal">Policies</a></li>
                    <li class="list-inline-item"><a href="#" class="text-decoration-none text-teal">Contact</a></li>
                 </ul>
            </div>
        </div>
        
        <hr class="text-muted">

        <!-- Contact Info Bar -->
        <div class="row py-4">
            <div class="col-md-4 col-12 mb-4 mb-md-0 d-flex align-items-center justify-content-start justify-content-md-center">
                 <img src="./assets/images/footermap.png" alt="Location" class="me-3" style="width: 40px;">
                 <div>
                     <h6 class="fw-bold text-teal mb-0 text-uppercase">Location</h6>
                     <p class="small text-muted mb-0">123, Lorem ipsum dolor<br>consectetur adipiscing.</p>
                 </div>
            </div>
            
            <div class="col-md-4 col-12 mb-4 mb-md-0 d-flex align-items-center justify-content-start border-center-md justify-content-md-center">
                 <img src="./assets/images/footeremail.png" alt="Email" class="me-3" style="width: 40px;">
                 <div>
                     <h6 class="fw-bold text-teal mb-0 text-uppercase">Email Us</h6>
                     <p class="small text-muted mb-0">info@massagecredits.com</p>
                 </div>
            </div>

            <div class="col-md-4 col-12 d-flex align-items-center justify-content-start justify-content-md-center">
                 <img src="./assets/images/footerphone.png" alt="Phone" class="me-3" style="width: 40px;">
                 <div>
                     <h6 class="fw-bold text-teal mb-0 text-uppercase">Phone Number</h6>
                     <p class="small text-muted mb-0">+1 888 888 8888</p>
                 </div>
            </div>
        </div>
        
        <hr class="text-muted">
        
        <div class="row py-3">
             <div class="col-12 text-center">
                 <p class="small text-muted mb-0">&copy; 2026 Copyrights Massagecredits. All Rights Reserved.</p>
             </div>
        </div>
    </div>
</footer>

<?php
include('vendor-scripts.php');
?>
</body>

</html>