<div id="footer" class="space-between">
    <div class="container">
        <div class="row">
            <div class="col-lg-5">
                <div class="footer-image">
                    <img src="{{asset('front/img/footer-logo.png')}}" alt="">
                    <p class="text-gold"><strong>15K</strong> followers</p>
                </div>
                <div class="footer-social-icons">
                    <p>Follow us:</p>
                    <ul class="nav ms-5">
                        <li class="nav-item"><a href="https://www.facebook.com/LGCCofficial" class="nav-link"><i class="fab fa-facebook-f"></i></a></li>
                        <li class="nav-item"><a href="https://twitter.com/LGCCofficial" class="nav-link"><i class="fab fa-twitter"></i></a></li>
                        <li class="nav-item"><a href="https://www.instagram.com/LGCCofficial/" class="nav-link"><i class="fab fa-instagram"></i></a></li>
                    </ul>
                </div>
                <div class="footer-form mt-5">
                    <form class="row g-3">
                        <div class="col-7">
                            <input type="text" class="form-control form-control-lg" placeholder="Your Email">
                        </div>
                        <div class="col-3">
                            <button type="submit" class="btn btn-lg btn-subscribe">SUBSCRIBE</button>
                        </div>
                    </form>
                </div>
            </div>
            <div class="col-lg-3">
                <h3 class="text-white mb-4">Upcoming Events</h3>
                <div class="row">
                    <div class="col-lg-12">
                        <div class="footer-upcoming-events">
                            <img src="{{asset('front/img/news-1.png')}}" alt="">
                            <div class="footer-upcoming-events-details">
                                <p class="text-white">LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING</p>
                                <p class="text-gold">Jan 16, 2023</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="footer-upcoming-events">
                            <img src="{{asset('front/img/news-2.png')}}" alt="">
                            <div class="footer-upcoming-events-details">
                                <p class="text-white">LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING</p>
                                <p class="text-gold">Jan 16, 2023</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="footer-upcoming-events">
                            <img src="{{asset('front/img/news-3.png')}}" alt="">
                            <div class="footer-upcoming-events-details">
                                <p class="text-white">LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING</p>
                                <p class="text-gold">Jan 16, 2023</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3">
                <h3 class="text-white mb-4">INSTAGRAM</h3>
                <div class="row g-1">
                    <div class="footer-gallery col-lg-4 col-md-2 col-6">
                        <img src="{{asset('front/img/gallery-1.png')}}">
                    </div>
                    <div class="footer-gallery col-lg-4 col-md-2 col-6">
                        <img src="{{asset('front/img/gallery-2.png')}}">
                    </div>
                    <div class="footer-gallery col-lg-4 col-md-2 col-6">
                        <img src="{{asset('front/img/gallery-3.png')}}">
                    </div>
                    <div class="footer-gallery col-lg-4 col-md-2 col-6">
                        <img src="{{asset('front/img/gallery-4.png')}}">
                    </div>
                    <div class="footer-gallery col-lg-4 col-md-2 col-6">
                        <img src="{{asset('front/img/gallery-5.png')}}">
                    </div>
                    <div class="footer-gallery col-lg-4 col-md-2 col-6">
                        <img src="{{asset('front/img/gallery-6.png')}}">
                    </div>
                    <div class="footer-gallery col-lg-4 col-md-2 col-6">
                        <img src="{{asset('front/img/gallery-7.png')}}">
                    </div>
                    <div class="footer-gallery col-lg-4 col-md-2 col-6">
                        <img src="{{asset('front/img/gallery-8.png')}}">
                    </div>
                    <div class="footer-gallery col-lg-4 col-md-2 col-6">
                        <img src="{{asset('front/img/gallery-9.png')}}">
                    </div>
                </div>
                <p class="mt-3"><a href="#" class="text-gold">view more photos</a></p>
            </div>
        </div>
    </div>
    <div class="copy-right">
        <p>&copy; {{date('Y')}} Copyright Lyallpur Girls Cadet College</p>
    </div>
</div>
