</main>

<footer class="footer-section text-white position-relative">
    <div class="container">
        <div class="row g-5">

            <!-- Brand Section -->
            <div class="col-md-4 text-center text-md-start">
                <h3 class="fw-bold brand-logo">
                    <i class="bi bi-lightning-charge-fill"></i>
                    Career<span class="text-success">Nest</span>
                </h3>

                <p>
                    Empowering job seekers and employers by creating opportunities that spark growth.
                    Discover your vibe, build your career.
                </p>

                <ul class="example-2 mt-4 d-flex justify-content-center justify-content-md-start gap-3">
                    <li>
                        <a href="#" aria-label="Instagram">
                            <i class="fa-brands fa-instagram"></i>
                        </a>
                    </li>
                    <li>
                        <a href="#" aria-label="Facebook">
                            <i class="fa-brands fa-facebook-f"></i>
                        </a>
                    </li>
                    <li>
                        <a href="#" aria-label="LinkedIn">
                            <i class="fa-brands fa-linkedin-in"></i>
                        </a>
                    </li>
                </ul>
            </div>

            <!-- Quick Links -->
            <div class="col-md-4 text-center text-md-start">
                <h5 class="fw-bold">Quick Links</h5>
                <ul class="list-unstyled">
                    <li><a href="<?= $baseURL ?>/index.php" class="footer-link text-white">Home</a></li>
                    <li><a href="<?= $baseURL ?>/view/frontend/job.php" class="footer-link text-white">Find Jobs</a>
                    </li>
                    <li><a href="<?= $baseURL ?>/create-job.php" class="footer-link text-white">Post a Job</a></li>
                    <li><a href="<?= $baseURL ?>/view/frontend/privacy-policy.php"
                            class="footer-link text-white">Privacy
                            Policy</a></li>
                    <li><a href="<?= $baseURL ?>/view/frontend/terms-condition.php" class="footer-link text-white">Terms
                            &
                            Condition</a></li>
                </ul>
            </div>

            <!-- Contact Info -->
            <div class="col-md-4 text-center text-md-start">
                <h5 class="fw-bold">Contact Us</h5>

                <ul class="footer-contact list-unstyled">
                    <li>
                        <i class="fa-solid fa-location-dot"></i>
                        <a href="https://www.google.com/maps/place/Charan+Mata+Mandir+.Gandhi+Park/@21.65069,69.6327919"
                            target="_blank">
                            "Shree Kankai Krupa" Rokadiya Hanuman Road<br>
                            Prashant Pan Gali opp. Charan Aie Mandir Khapat<br>
                            Porbandar, India
                        </a>
                    </li>

                    <li>
                        <i class="fa-solid fa-envelope"></i>
                        <a href="mailto:bamaniamohit2@gmail.com">
                            bamaniamohit2@gmail.com
                        </a>
                    </li>

                    <li>
                        <i class="fa-solid fa-phone"></i>
                        <a href="tel:+919408488791">
                            +91 9408488791
                        </a>
                    </li>
                </ul>
            </div>

        </div>

        <hr class="border-secondary">

        <div class="text-center small">
            &copy; <?= date('Y') ?> Career Nest. All Rights Reserved.
        </div>
    </div>
</footer>

<!-- Toast Container: place just before closing </body> -->
<div class="position-fixed top-0 end-0 p-3" style="z-index: 1080">
    <div id="toastMsg" class="toast align-items-center text-white bg-success border-0" role="alert">
        <div class="d-flex">
            <div class="toast-body"></div>
            <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"></button>
        </div>
    </div>
</div>

<!-- ================= JS FILES ================= -->
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.20/dist/summernote-lite.min.js"></script>
<script src="<?= $baseURL ?>/assets/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="<?= $baseURL ?>/assets/frontend/js/app.js"></script>

</body>

</html>