@include('frontend.header')



    <main class="main">
        <!-- breadcrumb -->
        <div class="site-breadcrumb" style="background: url(assets/img/breadcrumb/01.png)">
            <div class="container">
                <h2 class="breadcrumb-title">Our Facilities</h2>
                <ul class="breadcrumb-menu">
                    <li><a href="#">Home</a></li>
                    <li class="active">Our Facilities</li>
                </ul>
            </div>
        </div>
        <!-- breadcrumb end -->

        <!-- facility area -->
        <div class="facility-area py-120">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 mx-auto">
                        <div class="site-heading text-center">
                            <span class="site-title-tagline"><i class="far fa-book-open-reader"></i> Our
                                Facilities</span>
                            <h2 class="site-title">
                                Students <span>Life & Facilities </span>
                            </h2>
                            <p>
                                It is a long established fact that a reader will be distracted
                                by the readable content of a page when looking at its layout.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 col-lg-3">
                        <div class="facility-item wow fadeInUp" data-wow-delay=".25s">
                            <div class="facility-img">
                                <img src="assets/img/facility/01.jpg" alt="" />
                            </div>
                            <div class="facility-content">
                                <h3 class="facility-title">
                                    <a href="#">Hostel</a>
                                </h3>
                                <p class="facility-text">Safe, comfortable accommodation</p>
                                <div class="facility-arrow">
                                    <a href="#" class="theme-btn">Read More<i class="fas fa-arrow-right-long"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-3">
                        <div class="facility-item wow fadeInDown" data-wow-delay=".25s">
                            <div class="facility-img">
                                <img src="assets/img/facility/02.jpg" alt="" />
                            </div>
                            <div class="facility-content">
                                <h3 class="facility-title">
                                    <a href="#">Library</a>
                                </h3>
                                <p class="facility-text">Extensive resources & e-journals</p>
                                <div class="facility-arrow">
                                    <a href="#" class="theme-btn">Read More<i class="fas fa-arrow-right-long"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-3">
                        <div class="facility-item wow fadeInUp" data-wow-delay=".25s">
                            <div class="facility-img">
                                <img src="assets/img/facility/03.jpg" alt="" />
                            </div>
                            <div class="facility-content">
                                <h3 class="facility-title">
                                    <a href="#">Sports</a>
                                </h3>
                                <p class="facility-text">Playfields & fitness</p>
                                <div class="facility-arrow">
                                    <a href="#" class="theme-btn">Read More<i class="fas fa-arrow-right-long"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-3">
                        <div class="facility-item wow fadeInUp" data-wow-delay=".25s">
                            <div class="facility-img">
                                <img src="assets/img/facility/04.jpg" alt="" />
                            </div>
                            <div class="facility-content">
                                <h3 class="facility-title">
                                    <a href="#">Clubs</a>
                                </h3>
                                <p class="facility-text">NSS, NCC, cultural clubs</p>
                                <div class="facility-arrow">
                                    <a href="#" class="theme-btn">Read More<i class="fas fa-arrow-right-long"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- facility area end -->
    </main>

    @include('frontend.footer')