@extends('layouts/main-layout')


@section('meta_title')
Nephrology and Urology Hospital in Bangalore | Kidney Transplant in India
@endsection



@section('meta_description')
NU is one of the best kidney hospitals in Bangalore, Our team is also ace at managing renal transplantation, kidney stones surgery, chronic or acute kidney failure.
@endsection



@section('meta_keywords')
@endsection


@section('canonical')
https://www.nuhospitals.com/
@endsection



@section('custom-css')
<style type="text/css">
    .btn-noborder {
        padding: .35rem 1rem;
        border: none;
        margin: 1rem;
        font-weight: 600;
        font-size: 1.1rem;
        color: #0062a9;
    }

    .search-form {
        margin-top: -2rem;
        background-color: #0062a9;
    }

    .search-form .form-control {
        background-color: #0062a9;
        color: #fff;
        margin: 1rem 0rem;
        border: none;
        width: auto;
    }

    .f-icon {
        margin-top: 1.3rem;
    }

    .navigation {
        background: none;
    }

    .bg-fea087-news {
        background-color: #fea087;
    }

    .mt--5 {
        margin-top: -5rem;
    }

    .mt-8 {
        margin-top: 8rem;
    }

    .white-bg {
        border: 1px solid #fff;
        background-color: #fff;
        padding-bottom: 15px;
    }

    .news-page .text-banner {
        min-height: 28.7rem;
    }

    .text-box {
        position: absolute;
        top: 35%;
        line-height: 1;
        font-size: 3rem;
        color: #fff;
        text-align: center;
        font-weight: 600;
        right: 46%;
    }

    .btn-box {
        border-bottom: 1px solid #fff;
        background-color: #fff;
        text-align: center;
    }

    /* event page styles */
    .event-card img {
        width: 100%;
    }

    .event-card {
        border-top: 2px solid #ccc;
    }

    .event-card:last-child {
        border-bottom: 2px solid #ccc;
        margin-bottom: 3rem;
    }

    .btn-outline-primary {
        border: 1px solid #ccc;
        padding: 5px 20px;
        color: #000;
        margin-right: 5px;
    }
</style>
@endsection



@section('content')
<section class="news-page">
    <!-- Banner section start-->
    <div class="jumbotron text-left banner-bg" style="background-image: url(/assets/images/banner/event-banner.jpg)!important;background-size: cover;background-position: center;">
        <div class="row v-center reverse">
            <div class="col-md-6 col-sm-12 p-5 white text-banner">
                <h1>EVENTS</h1>
                <!-- <h2>SPACE WHERE THE EXPERTS ARE</h2> -->
                <!-- <a href="" class="btn btn-white">Book an Appointment</a><a href="" class="btn btn-white ml-2">Book a Video consultation</a> -->
            </div>
        </div>
    </div>
    <!--content section-->
    <div class="container-fluid search-form" style="margin-top: -2rem;">
        <div class="row justify-content-center">
            <div class="col-md-11">
                <div class="row justify-content-center">
                    <div class="col-md-3">
                        <div class="row justify-content-center">
                            <div class="col-md-1">
                                <img src="{{asset('assets/images/news/Hospital-icon.png')}}" class="f-icon">
                            </div>
                            <div class="col-md-10">
                                <select class="form-control">
                                    <option>Select Hospital</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="row justify-content-center">
                            <div class="col-md-1">
                                <img src="{{asset('assets/images/news/Month.png')}}" class="f-icon">
                            </div>
                            <div class="col-md-10">
                                <select class="form-control">
                                    <option>Select Month</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="row justify-content-center">
                            <div class="col-md-1">
                                <img src="{{asset('assets/images/news/Year.png')}}" class="f-icon">
                            </div>
                            <div class="col-md-10">
                                <select class="form-control">
                                    <option>Select Year</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="row justify-content-center">
                            <div class="col-md-10 btn-box" style="">
                                <button class="btn btn-noborder" type="submit">Apply</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="row justify-content-center mt-5">
            <div class="col-md-11 text-left mt-3 white-bg all-events">
                <div class="row">
                    <button type="button" class="btn btn-outline-primary">Primary</button>
                    <button type="button" class="btn btn-outline-primary">Primary</button>
                    <button type="button" class="btn btn-outline-primary">Primary</button>
                </div>
                <div class="row p-5 event-card">
                    <div class="col-md-2">
                        <img src="{{asset('assets/images/events/date-frame.png')}}" alt="KM Nuhospitals Event Date Frame">
                        <div class="text-box">
                            22
                            <p>AUGUST</p>
                        </div>
                    </div>
                    <div class="col-md-6 p-3">
                        <h4>Lorem ipsum dolor sit amet, consectetur</h4>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sollicitudin porta mauris lacinia lacinia.</p>
                    </div>
                    <div class="col-md-4">
                        <img src="{{asset('assets/images/events/img_1.jpg')}}">
                    </div>
                </div>
                <div class="row p-5 event-card">
                    <div class="col-md-2">
                        <img src="{{asset('assets/images/events/date-frame.png')}}" alt="KM Nuhospitals Event Date Frame">
                        <div class="text-box">
                            23
                            <p>AUGUST</p>
                        </div>
                    </div>
                    <div class="col-md-6 p-3">
                        <h4>Lorem ipsum dolor sit amet, consectetur</h4>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sollicitudin porta mauris lacinia lacinia.</p>
                    </div>
                    <div class="col-md-4">
                        <img src="{{asset('assets/images/events/img_2.jpg')}}">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection



@section('custom-js')
@endsection