@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="http://localhost/admission/public/uploads/adverts/6de8bac5ed533f2c1ef791e8ac2c7669-1578199607.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">
                                Feature College
                            </h1>
                            <p>
                                Explore some of the best courses from around the country
                            </p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <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>
                        <div id="ad_nepal_flez">
                            <div class="block block-rounded" id="left_SerchFil">
                                <div class="block-header block-header-default" id="list_page_seTop">
                                    <h3 class="block-title">Filters</h3>
                                </div>
                            </div>
                            <!-- Search -->
                            <div class="block block-rounded" id="left_Serch">
                                <form action="" method="get">
                                    <div class="block-header-full block-header-default">
                                        <div class="input-group">
                                            <input type="text" name="name" value="" class="form-control form-custom" placeholder="Type and hit enter..">
                                            <div class="input-group-append">
                                                <button class="btn btn-primary">
                                                    <i class="fa fa-search"></i>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <!-- Settings -->
                            <div class="block block-rounded">
                                <form action="">
                                    <div id="side-content col-search" class="d-none d-md-block push">
                                        <div id="accordion2" role="tablist" aria-multiselectable="true">
                                            <div class="block block-rounded mb-0">
                                                <div class="block-header block-header-default p-0" role="tab" id="accordion2_h1">
                                                    <a class="font-w600 d-block w-100 p-2" data-toggle="collapse" data-parent="#accordion2" href="#accordion2_q1" aria-expanded="true" aria-controls="accordion2_q1" id="listRightSe">City</a>
                                                </div>
                                                <div id="accordion2_q1" class="collapse show" role="tabpanel" aria-labelledby="accordion2_h1">
                                                    <div class="block-content" id="sermarto">

                                                        <div class="input-group py-2">
                                                            <input type="text" name="name" value="" class="form-control" placeholder="Search Cities">
                                                            <div class="input-group-append">
                                                                <button class="btn btn-primary">
                                                                    <i class="fa fa-search"></i>
                                                                </button>
                                                            </div>
                                                        </div>

                                                        <div class="form-group">
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="Kathmandu" type="checkbox" class="custom-control-input" id="example-wp-cat-1" name="city_id[]" value="1" onchange="javascript:this.form.submit();">
                                                                <label title="Kathmandu" class="custom-control-label" for="example-wp-cat-1">Kathmandu</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="Pokhara" type="checkbox" class="custom-control-input" id="example-wp-cat-2" name="city_id[]" value="2" onchange="javascript:this.form.submit();">
                                                                <label title="Pokhara" class="custom-control-label" for="example-wp-cat-2">Pokhara</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="Bharatpur" type="checkbox" class="custom-control-input" id="example-wp-cat-3" name="city_id[]" value="3" onchange="javascript:this.form.submit();">
                                                                <label title="Bharatpur" class="custom-control-label" for="example-wp-cat-3">Bharatpur</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="Lalbandi" type="checkbox" class="custom-control-input" id="example-wp-cat-4" name="city_id[]" value="4" onchange="javascript:this.form.submit();">
                                                                <label title="Lalbandi" class="custom-control-label" for="example-wp-cat-4">Lalbandi</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="Birgunj" type="checkbox" class="custom-control-input" id="example-wp-cat-5" name="city_id[]" value="5" onchange="javascript:this.form.submit();">
                                                                <label title="Birgunj" class="custom-control-label" for="example-wp-cat-5">Birgunj</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="block block-rounded mb-0">
                                                <div class="block-header block-header-default p-0" role="tab" id="accordion2_h2">
                                                    <a class="font-w600 d-block w-100 p-2" data-toggle="collapse" data-parent="#accordion2" href="#accordion2_q2" aria-expanded="true" aria-controls="accordion2_q2" id="listRightSe">Stream</a>
                                                </div>
                                                <div id="accordion2_q2" class="collapse show" role="tabpanel" aria-labelledby="accordion2_h2">
                                                    <div class="block-content" id="sermarto">
                                                        <div class="form-group">
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="Engineering" type="checkbox" class="custom-control-input" id="example-wp-cat-04" name="faculty_id[]" value="4" onchange="javascript:this.form.submit();">
                                                                <label title="Engineering" class="custom-control-label" for="example-wp-cat-04">Engineering</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="Humanities and Social Sciences" type="checkbox" class="custom-control-input" id="example-wp-cat-03" name="faculty_id[]" value="3" onchange="javascript:this.form.submit();">
                                                                <label title="Humanities and Social Sciences" class="custom-control-label" for="example-wp-cat-03">Humanities and Social Sci...</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="Management" type="checkbox" class="custom-control-input" id="example-wp-cat-01" name="faculty_id[]" value="1" onchange="javascript:this.form.submit();">
                                                                <label title="Management" class="custom-control-label" for="example-wp-cat-01">Management</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="Medicine" type="checkbox" class="custom-control-input" id="example-wp-cat-07" name="faculty_id[]" value="7" onchange="javascript:this.form.submit();">
                                                                <label title="Medicine" class="custom-control-label" for="example-wp-cat-07">Medicine</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="Political Science" type="checkbox" class="custom-control-input" id="example-wp-cat-08" name="faculty_id[]" value="8" onchange="javascript:this.form.submit();">
                                                                <label title="Political Science" class="custom-control-label" for="example-wp-cat-08">Political Science</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="Science and Technology" type="checkbox" class="custom-control-input" id="example-wp-cat-02" name="faculty_id[]" value="2" onchange="javascript:this.form.submit();">
                                                                <label title="Science and Technology" class="custom-control-label" for="example-wp-cat-02">Science and Technology</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="block block-rounded mb-0">
                                                <div class="block-header block-header-default p-0" role="tab" id="accordion2_h3">
                                                    <a class="font-w600 d-block w-100 p-2" data-toggle="collapse" data-parent="#accordion2" href="#accordion2_q3" aria-expanded="true" aria-controls="accordion2_q3" id="listRightSe">Courses</a>
                                                </div>
                                                <div id="accordion2_q3" class="collapse show" role="tabpanel" aria-labelledby="accordion2_h3">
                                                    <div class="block-content" id="sermarto">
                                                        <div class="form-group">
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="Mechnical Engineering" type="checkbox" class="custom-control-input" id="example-wp-cat-11" name="course_id[]" value="11" onchange="javascript:this.form.submit();">
                                                                <label title="Mechnical Engineering" class="custom-control-label" for="example-wp-cat-11">ME</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="Political Science" type="checkbox" class="custom-control-input" id="example-wp-cat-13" name="course_id[]" value="13" onchange="javascript:this.form.submit();">
                                                                <label title="Political Science" class="custom-control-label" for="example-wp-cat-13">PS</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="Master of Computer Engineering" type="checkbox" class="custom-control-input" id="example-wp-cat-8" name="course_id[]" value="8" onchange="javascript:this.form.submit();">
                                                                <label title="Master of Computer Engineering" class="custom-control-label" for="example-wp-cat-8">MCE</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="Master of Business Administration" type="checkbox" class="custom-control-input" id="example-wp-cat-1" name="course_id[]" value="1" onchange="javascript:this.form.submit();">
                                                                <label title="Master of Business Administration" class="custom-control-label" for="example-wp-cat-1">MBA</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="Master of Science in Environmental Management" type="checkbox" class="custom-control-input" id="example-wp-cat-2" name="course_id[]" value="2" onchange="javascript:this.form.submit();">
                                                                <label title="Master of Science in Environmental Management" class="custom-control-label" for="example-wp-cat-2">MSEM</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="Master of Computer Science" type="checkbox" class="custom-control-input" id="example-wp-cat-3" name="course_id[]" value="3" onchange="javascript:this.form.submit();">
                                                                <label title="Master of Computer Science" class="custom-control-label" for="example-wp-cat-3">MCS</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="Master of Science in Natural Resources Management" type="checkbox" class="custom-control-input" id="example-wp-cat-4" name="course_id[]" value="4" onchange="javascript:this.form.submit();">
                                                                <label title="Master of Science in Natural Resources Management" class="custom-control-label" for="example-wp-cat-4">MSNRM</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="Master of Science in Construction Management" type="checkbox" class="custom-control-input" id="example-wp-cat-5" name="course_id[]" value="5" onchange="javascript:this.form.submit();">
                                                                <label title="Master of Science in Construction Management" class="custom-control-label" for="example-wp-cat-5">MSCM</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="Master of Science in Interdisciplinary Water Resource Management" type="checkbox" class="custom-control-input" id="example-wp-cat-6" name="course_id[]" value="6" onchange="javascript:this.form.submit();">
                                                                <label title="Master of Science in Interdisciplinary Water Resource Management" class="custom-control-label" for="example-wp-cat-6">MSIWRM</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="Master of Science in Transportation Engineering &amp; Management" type="checkbox" class="custom-control-input" id="example-wp-cat-7" name="course_id[]" value="7" onchange="javascript:this.form.submit();">
                                                                <label title="Master of Science in Transportation Engineering &amp; Management" class="custom-control-label" for="example-wp-cat-7">MSTEM</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="block block-rounded mb-0">
                                                <div class="block-header block-header-default p-0" role="tab" id="accordion2_h4">
                                                    <a class="font-w600 d-block w-100 p-2" data-toggle="collapse" data-parent="#accordion2" href="#accordion2_q4" aria-expanded="true" aria-controls="accordion2_q4" id="listRightSe">Courses Duration</a>
                                                </div>
                                                <div id="accordion2_q4" class="collapse show" role="tabpanel" aria-labelledby="accordion2_h4">
                                                    <div class="block-content" id="sermarto">
                                                        <div class="form-group">
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="" type="radio" class="custom-control-input" id="example-wp-cat-duration" name="duration_type" value="" onchange="javascript:this.form.submit();">
                                                                <label title="" class="custom-control-label" for="example-wp-cat-duration">All</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="1 Year" type="radio" class="custom-control-input" id="example-wp-cat-duration_1" name="duration_type" value="1" onchange="javascript:this.form.submit();">
                                                                <label title="1 Year" class="custom-control-label" for="example-wp-cat-duration_1">1 Year</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="2 Years" type="radio" class="custom-control-input" id="example-wp-cat-duration_2" name="duration_type" value="2" onchange="javascript:this.form.submit();">
                                                                <label title="2 Years" class="custom-control-label" for="example-wp-cat-duration_2">2 Years</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="3 Years" type="radio" class="custom-control-input" id="example-wp-cat-duration_3" name="duration_type" value="3" onchange="javascript:this.form.submit();">
                                                                <label title="3 Years" class="custom-control-label" for="example-wp-cat-duration_3">3 Years</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="4 Years" type="radio" class="custom-control-input" id="example-wp-cat-duration_4" name="duration_type" value="4" onchange="javascript:this.form.submit();">
                                                                <label title="4 Years" class="custom-control-label" for="example-wp-cat-duration_4">4 Years</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="5 Years" type="radio" class="custom-control-input" id="example-wp-cat-duration_5" name="duration_type" value="5" onchange="javascript:this.form.submit();">
                                                                <label title="5 Years" class="custom-control-label" for="example-wp-cat-duration_5">5 Years</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="6 Years" type="radio" class="custom-control-input" id="example-wp-cat-duration_6" name="duration_type" value="6" onchange="javascript:this.form.submit();">
                                                                <label title="6 Years" class="custom-control-label" for="example-wp-cat-duration_6">6 Years</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="7 Years" type="radio" class="custom-control-input" id="example-wp-cat-duration_7" name="duration_type" value="7" onchange="javascript:this.form.submit();">
                                                                <label title="7 Years" class="custom-control-label" for="example-wp-cat-duration_7">7 Years</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div></form>

                                <!-- END Settings -->
                            </div>
                            <!-- END Search -->
                        {{--add--}}
                            <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>
                        {{--add end--}}

                            <!-- END About -->
                        </div>
                    </div>
                    <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="collegeLid" 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" id="collegeF">
                                            <h2 class="mb-0">
                                                <a class="link-fx h4 mb-2 d-inline-block text-dark" href="#">
                                                    Kathmandu Model College (KMC)
                                                </a>
                                            </h2>
                                            <li><i class="fa fa-map-marked-alt"></i> Bagbazar, Kathmandu</li>
                                            <li><i class="fa fa-building"></i> Private</li>
                                            <li><i class="fa fa-building"></i> Tribhuvan University</li>
                                        </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="collegeLid" 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" id="collegeF">
                                            <h2 class="mb-0">
                                                <a class="link-fx h4 mb-2 d-inline-block text-dark" href="#">
                                                    Texas College of Management and IT
                                                </a>
                                            </h2>
                                            <li><i class="fa fa-map-marked-alt"></i> Bagbazar, Kathmandu</li>
                                            <li><i class="fa fa-building"></i> Private</li>
                                            <li><i class="fa fa-building"></i> Tribhuvan University</li>
                                        </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="collegeLid" 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" id="collegeF">
                                            <h2 class="mb-0">
                                                <a class="link-fx h4 mb-2 d-inline-block text-dark" href="#">
                                                    Kathmandu Model College (KMC)
                                                </a>
                                            </h2>
                                            <li><i class="fa fa-map-marked-alt"></i> Bagbazar, Kathmandu</li>
                                            <li><i class="fa fa-building"></i> Private</li>
                                            <li><i class="fa fa-building"></i> Tribhuvan University</li>
                                        </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="collegeLid" 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" id="collegeF">
                                            <h2 class="mb-0">
                                                <a class="link-fx h4 mb-2 d-inline-block text-dark" href="#">
                                                    Texas College of Management and IT
                                                </a>
                                            </h2>
                                            <li><i class="fa fa-map-marked-alt"></i> Bagbazar, Kathmandu</li>
                                            <li><i class="fa fa-building"></i> Private</li>
                                            <li><i class="fa fa-building"></i> Tribhuvan University</li>
                                        </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="collegeLid" 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" id="collegeF">
                                            <h2 class="mb-0">
                                                <a class="link-fx h4 mb-2 d-inline-block text-dark" href="#">
                                                    Kathmandu Model College (KMC)
                                                </a>
                                            </h2>
                                            <li><i class="fa fa-map-marked-alt"></i> Bagbazar, Kathmandu</li>
                                            <li><i class="fa fa-building"></i> Private</li>
                                            <li><i class="fa fa-building"></i> Tribhuvan University</li>
                                        </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="collegeLid" 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" id="collegeF">
                                            <h2 class="mb-0">
                                                <a class="link-fx h4 mb-2 d-inline-block text-dark" href="#">
                                                    Texas College of Management and IT
                                                </a>
                                            </h2>
                                            <li><i class="fa fa-map-marked-alt"></i> Bagbazar, Kathmandu</li>
                                            <li><i class="fa fa-building"></i> Private</li>
                                            <li><i class="fa fa-building"></i> Tribhuvan University</li>
                                        </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="collegeLid" 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" id="collegeF">
                                            <h2 class="mb-0">
                                                <a class="link-fx h4 mb-2 d-inline-block text-dark" href="#">
                                                    Kathmandu Model College (KMC)
                                                </a>
                                            </h2>
                                            <li><i class="fa fa-map-marked-alt"></i> Bagbazar, Kathmandu</li>
                                            <li><i class="fa fa-building"></i> Private</li>
                                            <li><i class="fa fa-building"></i> Tribhuvan University</li>
                                        </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="collegeLid" 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" id="collegeF">
                                            <h2 class="mb-0">
                                                <a class="link-fx h4 mb-2 d-inline-block text-dark" href="#">
                                                    Texas College of Management and IT
                                                </a>
                                            </h2>
                                            <li><i class="fa fa-map-marked-alt"></i> Bagbazar, Kathmandu</li>
                                            <li><i class="fa fa-building"></i> Private</li>
                                            <li><i class="fa fa-building"></i> Tribhuvan University</li>
                                        </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="collegeLid" 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" id="collegeF">
                                            <h2 class="mb-0">
                                                <a class="link-fx h4 mb-2 d-inline-block text-dark" href="#">
                                                    Kathmandu Model College (KMC)
                                                </a>
                                            </h2>
                                            <li><i class="fa fa-map-marked-alt"></i> Bagbazar, Kathmandu</li>
                                            <li><i class="fa fa-building"></i> Private</li>
                                            <li><i class="fa fa-building"></i> Tribhuvan University</li>
                                        </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="collegeLid" 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" id="collegeF">
                                            <h2 class="mb-0">
                                                <a class="link-fx h4 mb-2 d-inline-block text-dark" href="#">
                                                    Texas College of Management and IT
                                                </a>
                                            </h2>
                                            <li><i class="fa fa-map-marked-alt"></i> Bagbazar, Kathmandu</li>
                                            <li><i class="fa fa-building"></i> Private</li>
                                            <li><i class="fa fa-building"></i> Tribhuvan University</li>
                                        </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="collegeLid" 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" id="collegeF">
                                            <h2 class="mb-0">
                                                <a class="link-fx h4 mb-2 d-inline-block text-dark" href="#">
                                                    Kathmandu Model College (KMC)
                                                </a>
                                            </h2>
                                            <li><i class="fa fa-map-marked-alt"></i> Bagbazar, Kathmandu</li>
                                            <li><i class="fa fa-building"></i> Private</li>
                                            <li><i class="fa fa-building"></i> Tribhuvan University</li>
                                        </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="collegeLid" 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" id="collegeF">
                                            <h2 class="mb-0">
                                                <a class="link-fx h4 mb-2 d-inline-block text-dark" href="#">
                                                    Texas College of Management and IT
                                                </a>
                                            </h2>
                                            <li><i class="fa fa-map-marked-alt"></i> Bagbazar, Kathmandu</li>
                                            <li><i class="fa fa-building"></i> Private</li>
                                            <li><i class="fa fa-building"></i> Tribhuvan University</li>
                                        </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>
            </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 College
                            </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="#">Himalaya College of Engineering</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="#">Kantipur International College</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="#">Apollo International College (AIC)</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