@extends('home.layouts.master')
@section('content')
    <!-- Main Container -->
    <main id="main-container">
        <div class="findService pt-8">
            <div class="content p-0">
                <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 Events
                            </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)">
                                                    Nomination open for 'ICT Award 2020'
                                                </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)">
                                                    EduTalk-29: Legal Education in Nepal
                                                </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)">
                                                    3rd International Conference on Infectious Diseases & Nanomedicine-2020 (ICIDN-2020)
                                                </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">Kathmandu, Nepal</span>
                                                <span class="text-primary">
                                                        <i class="fa fa-clock"></i> From: 2020-06-23 To: 2020-07-31
                                                    </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>
@endsection