@extends('home.layouts.master')
@section('content')
    <!-- Main Container -->
    <main id="main-container">
        <div class="findService pt-8">
            <div class="content p-2">
                <div class="row justify-content-center">
                    <div class="col-lg-10">
                        <div class="long_banner_img_news_vi">
                            <div>
                                <a target="_blank" href="#" title="">
                                    <img class="d-block w-100" src="{{asset('public/theme/assets/media/gif/new_banner.gif')}}" alt="">
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <div class="py-0 pt-1 text-center" id="heading_ti_adn">
                            <h1 class="font-w700 mb-2" id="f_ad_ne_main_title">
                                Our Featured News
                            </h1>
                            <p>
                                Explore some of the best courses from around the country
                            </p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-9">
                        <!-- Story -->
                        <div class="block block-rounded">
                            <div class="block-content p-0 overflow-hidden">
                                <div class="row no-gutters">
                                    <div class="col-md-4 col-lg-4 overflow-hidden d-flex align-items-center">
                                        <a href="#">
                                            <img class="img-fluid img-link" id="newsLid" src="{{asset('public/theme/assets/media/img/news_img.jpg')}}" alt="">
                                        </a>
                                    </div>
                                    <div class="col-md-8 col-lg-8 d-flex align-items-center">
                                        <div class="px-4 py-3">
                                            <h2 class="mb-0">
                                                <a class="link-fx h4 mb-2 d-inline-block text-dark" href="javascript:void(0)">
                                                    Purbanchal University to Conduct Exams from Bhadra First Week
                                                </a>
                                            </h2>
                                            <p class="mb-2">
                                                The ‘Youth Employment Transformation Initiative’ project was launched on 20th July 2020 with support
                                                <a href="#">Read on..</a>
                                            </p>
                                            <div class="font-size-sm font-w700 text-uppercase">
                                                <span class="text-muted mr-3">University Exam and Notice</span>
                                                <span class="text-primary">
                                                        <i class="fa fa-clock"></i> J2020-07-22
                                                    </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                       <!-- END Story -->
                        <!-- Story -->
                        <div class="block block-rounded">
                            <div class="block-content p-0 overflow-hidden">
                                <div class="row no-gutters">
                                    <div class="col-md-4 col-lg-4 overflow-hidden d-flex align-items-center">
                                        <a href="#">
                                            <img class="img-fluid img-link" id="newsLid" src="{{asset('public/theme/assets/media/img/blog1.jpg')}}" alt="">
                                        </a>
                                    </div>
                                    <div class="col-md-8 col-lg-8 d-flex align-items-center">
                                        <div class="px-4 py-3">
                                            <h2 class="mb-0">
                                                <a class="link-fx h4 mb-2 d-inline-block text-dark" href="javascript:void(0)">
                                                    TU likely to conduct the examination using the traditional method: Shivlal Bhusal
                                                </a>
                                            </h2>
                                            <p class="mb-2">
                                                The ‘Youth Employment Transformation Initiative’ project was launched on 20th July 2020 with support..
                                                <a href="#">Read on..</a>
                                            </p>
                                            <div class="font-size-sm font-w700 text-uppercase">
                                                <span class="text-muted mr-3"> University News</span>
                                                <span class="text-primary">
                                                        <i class="fa fa-clock"></i> J2020-07-20
                                                    </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                       <!-- END Story -->
                        <!-- Story -->
                        <div class="block block-rounded">
                            <div class="block-content p-0 overflow-hidden">
                                <div class="row no-gutters">
                                    <div class="col-md-4 col-lg-4 overflow-hidden d-flex align-items-center">
                                        <a href="#">
                                            <img class="img-fluid img-link" id="newsLid" src="{{asset('public/theme/assets/media/img/blog2.jpg')}}" alt="">
                                        </a>
                                    </div>
                                    <div class="col-md-8 col-lg-8 d-flex align-items-center">
                                        <div class="px-4 py-3">
                                            <h2 class="mb-0">
                                                <a class="link-fx h4 mb-2 d-inline-block text-dark" href="javascript:void(0)">
                                                    Mid-Western University to operate from today
                                                </a>
                                            </h2>
                                            <p class="mb-2">
                                                The ‘Youth Employment Transformation Initiative’ project was launched on 20th July 2020 with support
                                                <a href="#">Read on..</a>
                                            </p>
                                            <div class="font-size-sm font-w700 text-uppercase">
                                                <span class="text-muted mr-3">University Exam and Notice</span>
                                                <span class="text-primary">
                                                        <i class="fa fa-clock"></i> 2020-07-23
                                                    </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                       <!-- END Story -->
                        <!-- Story -->
                        <div class="block block-rounded">
                            <div class="block-content p-0 overflow-hidden">
                                <div class="row no-gutters">
                                    <div class="col-md-4 col-lg-4 overflow-hidden d-flex align-items-center">
                                        <a href="#">
                                            <img class="img-fluid img-link" id="newsLid" src="{{asset('public/theme/assets/media/img/news_img.jpg')}}" alt="">
                                        </a>
                                    </div>
                                    <div class="col-md-8 col-lg-8 d-flex align-items-center">
                                        <div class="px-4 py-3">
                                            <h2 class="mb-0">
                                                <a class="link-fx h4 mb-2 d-inline-block text-dark" href="javascript:void(0)">
                                                    Purbanchal University to Conduct Exams from Bhadra First Week
                                                </a>
                                            </h2>
                                            <p class="mb-2">
                                                The ‘Youth Employment Transformation Initiative’ project was launched on 20th July 2020 with support
                                                <a href="#">Read on..</a>
                                            </p>
                                            <div class="font-size-sm font-w700 text-uppercase">
                                                <span class="text-muted mr-3">University Exam and Notice</span>
                                                <span class="text-primary">
                                                        <i class="fa fa-clock"></i> J2020-07-22
                                                    </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- END Story -->
                        <!-- Story -->
                        <div class="block block-rounded">
                            <div class="block-content p-0 overflow-hidden">
                                <div class="row no-gutters">
                                    <div class="col-md-4 col-lg-4 overflow-hidden d-flex align-items-center">
                                        <a href="#">
                                            <img class="img-fluid img-link" id="newsLid" src="{{asset('public/theme/assets/media/img/blog1.jpg')}}" alt="">
                                        </a>
                                    </div>
                                    <div class="col-md-8 col-lg-8 d-flex align-items-center">
                                        <div class="px-4 py-3">
                                            <h2 class="mb-0">
                                                <a class="link-fx h4 mb-2 d-inline-block text-dark" href="javascript:void(0)">
                                                    TU likely to conduct the examination using the traditional method: Shivlal Bhusal
                                                </a>
                                            </h2>
                                            <p class="mb-2">
                                                The ‘Youth Employment Transformation Initiative’ project was launched on 20th July 2020 with support..
                                                <a href="#">Read on..</a>
                                            </p>
                                            <div class="font-size-sm font-w700 text-uppercase">
                                                <span class="text-muted mr-3"> University News</span>
                                                <span class="text-primary">
                                                        <i class="fa fa-clock"></i> J2020-07-20
                                                    </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- END Story -->
                        <!-- Story -->
                        <div class="block block-rounded">
                            <div class="block-content p-0 overflow-hidden">
                                <div class="row no-gutters">
                                    <div class="col-md-4 col-lg-4 overflow-hidden d-flex align-items-center">
                                        <a href="#">
                                            <img class="img-fluid img-link" id="newsLid" src="{{asset('public/theme/assets/media/img/blog2.jpg')}}" alt="">
                                        </a>
                                    </div>
                                    <div class="col-md-8 col-lg-8 d-flex align-items-center">
                                        <div class="px-4 py-3">
                                            <h2 class="mb-0">
                                                <a class="link-fx h4 mb-2 d-inline-block text-dark" href="javascript:void(0)">
                                                    Mid-Western University to operate from today
                                                </a>
                                            </h2>
                                            <p class="mb-2">
                                                The ‘Youth Employment Transformation Initiative’ project was launched on 20th July 2020 with support
                                                <a href="#">Read on..</a>
                                            </p>
                                            <div class="font-size-sm font-w700 text-uppercase">
                                                <span class="text-muted mr-3">University Exam and Notice</span>
                                                <span class="text-primary">
                                                        <i class="fa fa-clock"></i> 2020-07-23
                                                    </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- END Story -->

                        <!-- Pagination -->
                        <nav aria-label="Page navigation">
                            <ul class="pagination push">
                                <li class="page-item active">
                                    <a class="page-link" href="javascript:void(0)">1</a>
                                </li>
                                <li class="page-item">
                                    <a class="page-link" href="javascript:void(0)">2</a>
                                </li>
                                <li class="page-item">
                                    <a class="page-link" href="javascript:void(0)">3</a>
                                </li>
                                <li class="page-item">
                                    <a class="page-link" href="javascript:void(0)">4</a>
                                </li>
                                <li class="page-item">
                                    <a class="page-link" href="javascript:void(0)">5</a>
                                </li>
                                <li class="page-item">
                                    <a class="page-link" href="javascript:void(0)" aria-label="Next">
                                            <span aria-hidden="true">
                                                <i class="fa fa-angle-right"></i>
                                            </span>
                                        <span class="sr-only">Next</span>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                        <!-- END Pagination -->
                    </div>
                    <div class="col-xl-3">
                        <div class="block block-rounded block-themed">
                            <div class="ad">
                                <a href="#">
                                    <img src="{{url('public/theme/assets/media/gif/gif1.gif')}}" alt="IMG">
                                </a>
                            </div>
                            <div class="ad mt-2">
                                <a href="#">
                                    <img src="{{url('public/theme/assets/media/gif/gif1.png')}}" alt="IMG">
                                </a>
                            </div>
                            <div class="ad mt-2">
                                <a href="#">
                                    <img src="{{url('public/theme/assets/media/gif/gif2.jpg')}}" alt="IMG">
                                </a>
                            </div>
                            <div class="ad">
                                <a href="#">
                                    <img src="{{url('public/theme/assets/media/gif/gif1.gif')}}" alt="IMG">
                                </a>
                            </div>
                            <div class="ad mt-2">
                                <a href="#">
                                    <img src="{{url('public/theme/assets/media/gif/gif1.png')}}" alt="IMG">
                                </a>
                            </div>
                            <div class="ad mt-2">
                                <a href="#">
                                    <img src="{{url('public/theme/assets/media/gif/gif2.jpg')}}" alt="IMG">
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Page Content -->
        <div class="ts-blog section-bg">
            <div class="content p-0">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="py-3 pt-5 text-center" id="heading_ti_adn">
                            <h1 class="font-w700 mb-2" id="f_ad_ne_main_title">
                                Featured Related News
                            </h1>
                            <p>
                                Explore some of the best courses from around the country
                            </p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-4 wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="400ms" style="visibility: visible; animation-duration: 1.5s; animation-delay: 400ms; animation-name: fadeInUp;">
                        <div class="post">
                            <div class="post-media post-image">
                                <a href="#"><img src="{{asset('public/theme/assets/media/img/blog1.jpg')}}" class="img-fluid" alt=""></a>
                            </div>

                            <div class="post-body">
                                <div class="post-meta">
                           <span class="post-author">
                             <a href="#">BY Admin</a>
                           </span>

                                    <div class="post-meta-date">
                                        July 11, 2020
                                    </div>
                                </div>
                                <div class="entry-header">
                                    <h2 class="entry-title">
                                        <a href="#">Virtual EduFair Announced</a>
                                    </h2>
                                </div><!-- header end -->

                                <div class="entry-content">
                                    <p>Theedunepal.com has announced virtual education fair aimed at SEE Appeared Students</p>
                                </div>

                                <div class="post-footer">
                                    <a href="news-single.html" class="btn-link">Read More <i class="icon icon-arrow-right"></i></a>
                                </div>

                            </div><!-- post-body end -->
                        </div><!-- post end-->
                    </div><!-- col end-->
                    <div class="col-lg-4 wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="500ms" style="visibility: visible; animation-duration: 1.5s; animation-delay: 500ms; animation-name: fadeInUp;">
                        <div class="post">
                            <div class="post-media post-image">
                                <a href="#"><img src="{{asset('public/theme/assets/media/img/blog2.jpg')}}" class="img-fluid" alt=""></a>
                            </div>

                            <div class="post-body">
                                <div class="post-meta">
                           <span class="post-author">
                                <a href="#">BY Admin</a>
                              </span>

                                    <div class="post-meta-date">
                                        July 12, 2020
                                    </div>
                                </div>
                                <div class="entry-header">
                                    <h2 class="entry-title">
                                        <a href="#">Sponsorship Opportunities</a>
                                    </h2>
                                </div><!-- header end -->

                                <div class="entry-content">
                                    <p>Be a part of the Virtual Edu Fair and get an opportunity to reach large number of students.</p>
                                </div>

                                <div class="post-footer">
                                    <a href="news-single.html" class="btn-link">Read More <i class="icon icon-arrow-right"></i></a>
                                </div>

                            </div><!-- post-body end -->
                        </div><!-- post end-->
                    </div><!-- col end-->
                    <div class="col-lg-4 wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="600ms" style="visibility: visible; animation-duration: 1.5s; animation-delay: 600ms; animation-name: fadeInUp;">
                        <div class="post">
                            <div class="post-media post-image">
                                <a href="#"><img src="{{asset('public/theme/assets/media/img/blog1.jpg')}}" class="img-fluid" alt=""></a>
                            </div>

                            <div class="post-body">
                                <div class="post-meta">
                           <span class="post-author">
                                   <a href="#">BY Admin</a>
                                 </span>

                                    <div class="post-meta-date">
                                        July 13, 2020
                                    </div>
                                </div>
                                <div class="entry-header">
                                    <h2 class="entry-title">
                                        <a href="#">Fair during Covid Times</a>
                                    </h2>
                                </div><!-- header end -->

                                <div class="entry-content">
                                    <p>Its a challenging time for all but opens new possibilities. We can use innovative solutions to reach students.</p>
                                </div>

                                <div class="post-footer">
                                    <a href="news-single.html" class="btn-link">Read More <i class="icon icon-arrow-right"></i></a>
                                </div>

                            </div><!-- post-body end -->
                        </div><!-- post end-->
                    </div><!-- col end-->
                </div><!-- row end-->
            </div><!-- container end-->
        </div>

@endsection