@extends('frontEnd.master')

@section('content')

<!-- Start Page Title Area -->
        <div class="page-title-area item-bg3 jarallax" data-jarallax='{"speed": 0.3}'>
            <div class="container">
                <div class="page-title-content">
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li>Blog</li>
                    </ul>
                    <h2>Blog Grid</h2>
                </div>
            </div>
        </div>
        <!-- End Page Title Area -->

        <!-- Start Blog Area -->
        <section class="blog-area ptb-100">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4 col-md-6">
                        <div class="single-blog-post mb-30">
                            <div class="post-image">
                                <a href="{{route('news-details1.show')}}" class="d-block">
                                    <img src="{{asset('frontEnd/assets/img/blog/1.jpg')}}" alt="image">
                                </a>
    
                                <div class="tag">
                                    <a href="#">Learning</a>
                                </div>
                            </div>
    
                            <div class="post-content">
                                <ul class="post-meta">
                                    <li class="post-author">
                                        <img src="{{asset('frontEnd/assets/img/user1.jpg')}}" class="d-inline-block rounded-circle mr-2" alt="image">
                                        By: <a href="#" class="d-inline-block">Steven Smith</a>
                                    </li>
                                    <li><a href="#">August 30, 2019</a></li>
                                </ul>
                                <h3><a href="{{route('news-details1.show')}}" class="d-inline-block">Admission going online</a></h3>
                                <a href="{{route('news-details1.show')}}" class="read-more-btn">Read More <i class='bx bx-right-arrow-alt'></i></a>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6">
                        <div class="single-blog-post mb-30">
                            <div class="post-image">
                                <a href="{{route('news-details2.show')}}" class="d-block">
                                    <img src="{{asset('frontEnd/assets/img/blog/2.jpg')}}" alt="image">
                                </a>

                                <div class="tag">
                                    <a href="#">Education</a>
                                </div>
                            </div>

                            <div class="post-content">
                                <ul class="post-meta">
                                    <li class="post-author">
                                        <img src="{{asset('frontEnd/assets/img/user2.jpg')}}" class="d-inline-block rounded-circle mr-2" alt="image">
                                        By: <a href="#" class="d-inline-block">Lina D'Souja</a>
                                    </li>
                                    <li><a href="#">August 29, 2019</a></li>
                                </ul>
                                <h3><a href="{{route('news-details2.show')}}" class="d-inline-block">Classes will be conducted online due to the corona virus pandemic</a></h3>
                                <a href="{{route('news-details2.show')}}" class="read-more-btn">Read More <i class='bx bx-right-arrow-alt'></i></a>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6">
                        <div class="single-blog-post mb-30">
                            <div class="post-image">
                                <a href="{{route('news-details3.show')}}" class="d-block">
                                    <img src="{{asset('frontEnd/assets/img/blog/3.jpg')}}" alt="image">
                                </a>

                                <div class="tag">
                                    <a href="#">Management</a>
                                </div>
                            </div>

                            <div class="post-content">
                                <ul class="post-meta">
                                    <li class="post-author">
                                        <img src="{{asset('frontEnd/assets/img/user3.jpg')}}" class="d-inline-block rounded-circle mr-2" alt="image">
                                        By: <a href="#" class="d-inline-block">David Malan</a>
                                    </li>
                                    <li><a href="#">August 28, 2019</a></li>
                                </ul>
                                <h3><a href="{{route('news-details3.show')}}" class="d-inline-block">Orientation of the first batch of Office Management course in OIT took place successfully</a></h3>
                                <a href="{{route('news-details3.show')}}" class="read-more-btn">Read More <i class='bx bx-right-arrow-alt'></i></a>
                            </div>
                        </div>
                    </div>

                    

                   

                   

                    
                    

                    

                    <div class="col-lg-12 col-md-12 col-sm-12">
                        <div class="pagination-area text-center">
                            <span class="page-numbers current" aria-current="page">1</span>
                            <a href="#" class="page-numbers">2</a>
                            <a href="#" class="page-numbers">3</a>
                            <a href="#" class="page-numbers">4</a>
                            <a href="#" class="page-numbers">5</a>
                            <a href="#" class="next page-numbers"><i class='bx bx-chevron-right'></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End Blog Area -->

@endsection