Mr.Combet Webshell 🔥

View File Name : Index.cshtml

@model bnb.Models.HomeViewModel
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_NavbarHome.cshtml";


    @*Layout = null;
        Html.RenderPartial("~/Views/Shared/_NavbarHome.cshtml", Model);*@@*Layout = "~/Views/Shared/_FooterHome.cshtml";*@}

<meta name="keywords" content="private hospital in Nepal, hospital Nepal, Nepal hospital, hospital, orthopedic, urology, orthopedic Nepal, orthopedic surgery, urology Nepal, Ashok Banskota, Jagadish Baidya, B&B, BnB, Kathmandu hospital, Lalitpur hospital">


<style>

    .carousel-control-prev {
        width: 5%;
    }

    .carousel-control-next {
        width: 10%;
    }

    .carousel-control-prev, .carousel-control-next {
        filter: invert(100%);
    }

    .carousel-indicators {
        filter: invert(100%);
    }

    .news {
        display: flex;
        justify-content: space-between;
    }

    .headlineNews {
        flex-grow: 1;
    }



    .galcontainer {
        background: #f9f9f9;
    }

    .flex-column {
        max-width: 325px;
        overflow: hidden;
    }

    .img-fluid {
        transition: all .5s ease-in-out;
    }
    .img-fluid:hover {
        transform: scale(0.9);

    }

    .scale {
        transform: scaleY(1.00);

    }
    .galname {
        position: absolute;
        top: 50%;
        opacity: 0;
        color: white;
        font-size: 20px;
        pointer-events: none;
        z-index: 4;
        background: rgba(245, 130, 32, 0.8);
        text-align: center;
        left: 39%;
        transition: all .5s ease-in-out;
    }
    .main:hover .galname {
        position: absolute;
        top: 50%;
        opacity: 0.9;
        color: white;
        font-size: 20px;
        pointer-events: none;
        z-index: 4;
        background: rgba(245, 130, 32, 0.8);
        text-align: center;
        left: 0;
        padding: 1em;
        width: 100%;
        transform: scale(0.9);
    }
    @*.main:hover .galname {
        opacity: 1;
        padding: 1em;
        width: 100%;
        text-align: center;
        left: 0;
        transition: .6s ease-in-out;
        transform: scale(0.8);
    }*@

    .testimonial-card .card-up {
        height: 120px;
        overflow: hidden;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }

    .testimonial-card .avatar {
        width: 110px;
        height: 110px;
        margin-top: -60px;
        overflow: hidden;
        border: 3px solid #fff;
        border-radius: 50%;
    }
    .maintestimonial {
        @*max-width: 70%;
        margin-left: 16em ;*@
        padding-left: 210px;
        padding-right: 210px;
        background: #f0f2f7;
        padding-bottom: 100px;
    }

    @@media screen and (min-width: 1440px) {
        .testy {
            width: 85%;
            margin-left: 8em;
        }

    }

    @@media screen and (min-width: 370px) {
        .gal {
            width: 100%;
            text-align: center;
        }
    }
    @@media screen and (min-width: 1440px) {
        .gal {
            width: 73%;
            padding-left: 550px;
            text-align: center;
        }
    }


    @@media screen and (min-width: 1440px) {
        .modal-md {
            max-width: 55%;
        }
    }

    @@media screen and (min-width: 370px) {

        .modal-md {
            width: auto !important;
        }
    }

</style>

<body>

    @if (Model.Notice.Any())
    {
        foreach (var item in Model.Notice)
        {
            if (item.IsActive == true && item.ExpireDate >= DateTime.Now)
            {
                <div id="onload" class="l-modal modal fade">
                    <div class="modal-dialog modal-md" @*style="max-width: 55%"*@>
                        <div class="modal-content" style="margin-top: 85px;">
                            <div class="modal-header">
                                <h5 class="modal-title">Notice</h5>
                                <span type="button" class="btn-link text-black-50 text-decoration-none" data-bs-dismiss="modal" onclick="stopVideo('@item.NoticeId')">&times;</span>
                            </div>
                            <div class="modal-body">

                                @{
									var ext = item.NoticeThumbnail.Split('.').LastOrDefault();
								}
								@if (ext == "mp4")
								{
									<video id="video-@item.NoticeId" width="100%" height="auto" controls allow="autoplay" autoplay muted>
										<source src="~/Content/NoticeVideo/@item.NoticeThumbnail" type="video/mp4">
									</video>

								}
								else
								{
									<img class="w-100" src="~/Content/img/@item.NoticeThumbnail" alt="">
								}


                                @*<img class="w-100" src="~/Content/images/notic.jpg" alt="">*@
                            </div>
                        </div>
                    </div>
                </div>
            }
        }
    }

    <!-- End Header/Navigation -->
    <section class="l-department py-5">
        @*<h2 class="text-center mb-5 text-uppercase fw-bold">Departments</h2>*@
        <h2 class="text-center mb-5 text-uppercase fw-bold" style=" color: #64647B;">Clinical Departments in B&B</h2>
        <div class="container">
            <div class="row">
                @foreach (var item in Model.Departments_First_Eight)
                {
                    <div class="col-6 col-md-3 mb-4">
                        <div class="l-department__holder text-center">
                            <a href="@Url.Action("DepartmentDetail", "HomeUI", new { id = item.Url })" class="text-center text-decoration-none">
                                <span class="l-department__img p-3 mb-2">
                                    <img class="w-100" src="~/Content/img/@item.Logo" alt="Orthopedic Surgery">
                                </span>
                                <strong>@item.DepartmentName</strong><br>
                                @item.DepartmentNameNepali
                            </a>
                        </div>
                    </div>
                }

            </div>
            <span id="dots"></span>
            <div id="more">
                <div class="row">
                    @foreach (var item in Model.Departments_Second)
                    {
                        <div class="col-6 col-md-3 mb-4">
                            <div class="l-department__holder text-center">
                                <a href="@Url.Action("DepartmentDetail", "HomeUI", new { id = item.Url })" class="text-center text-decoration-none">
                                    <span class="l-department__img p-3 mb-2">
                                        <img class="w-100" src="~/Content/img/@item.Logo" alt="Orthopedic Surgery">
                                    </span>
                                    <strong>@item.DepartmentName</strong><br>
                                    @item.DepartmentNameNepali
                                </a>
                            </div>
                        </div>
                    }
                </div>
            </div>
        </div><!--end container-->
        <div class="text-center">
            <span onclick="myFunction()" class="btn btn-link btn-more text-decoration-none ps-4 pe-4" id="btn-more">View More</span>
        </div>
    </section>
    <!-- Doctors -->
    <section class="l-doctors">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 align-self-center">
                    <img class="w-100" src="~/Content/images/dr-jagdish.png" alt="">
                </div>
                <div class="col-lg-5 offset-lg-1 align-self-center">
                    <div class="l-doctors__info mb-4">
                        <p>
                            We strive for compassionate, high quality service for all our patients.
                            We thank you for the continued trust over our decades of service.
                        </p>
                    </div>
                    <span class="l-doctors__name ps-3">Dr. Jagdish Lal Baidya</span>
                </div>
            </div>


            <div class="row flex flex-wrap pt-5 mt-5">
                <div class="col-sm-12 col-lg-5 align-self-center">
                    <div class="l-doctors__info mb-4">
                        <p>
                            God is the healer, so be of strong mind as you attend the hospital for treatment. We will do the rest in the most congenial atmosphere to get you well. Thank you for choosing B & B Hospital for your well being.
                        </p>
                    </div>
                    <span class="l-doctors__name ps-3">Dr. Ashok K. Banskota</span>
                </div>
                <div class="col-sm-12 col-lg-6 offset-lg-1 mt-5 mt-lg-0 align-self-center">
                    <img class="w-100" src="~/Content/images/dr-ashok.png" alt="">
                </div>
            </div>

        </div>
    </section>

    <!--End Doctors-->


    <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
        <div class="carousel-indicators">
            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
        </div>
        <div class="carousel-inner">
            @foreach (var item in Model.FeaturedContents_single)
            {
                <div class="carousel-item active">
                    <section class="l-featured__content">
                        <div class="container">
                            <div class="row">

                                <div class="col-lg-4 align-self-center mb-xs-5">
                                    <img class="img-fluid" src="~/Content/img/@item.ImageUrl" alt="">
                                </div>
                                <div class="col-lg-7 offset-lg-1 align-self-center">
                                    <div class="l-featured__info mb-4">
                                        <h2 class="fw-bold mb-4">@item.FeaturedName</h2>
                                        <p>
                                            @Html.Raw(item.FeaturedContents)
                                        </p>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </section>
                </div>
            }
            @foreach (var item in Model.FeaturedContents_rest)
            {
                <div class="carousel-item">
                    <section class="l-featured__content">
                        <div class="container">
                            <div class="row">

                                <div class="col-lg-4 align-self-center mb-xs-5">
                                    <img class="img-fluid" src="~/Content/img/@item.ImageUrl">
                                </div>
                                <div class="col-lg-7 offset-lg-1 align-self-center">
                                    <div class="l-featured__info mb-4" style="min-height:244px;">
                                        <h2 class="fw-bold mb-4">@item.FeaturedName</h2>
                                        <p>
                                            @Html.Raw(item.FeaturedContents)
                                        </p>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </section>
                </div>
            }
            @*<div class="carousel-item">
                    <section class="l-featured__content">
                        <div class="container">
                            <div class="row">

                                <div class="col-lg-4 align-self-center mb-xs-5">
                                    <img class="w-100" src="~/Content/images/banner_img..png" alt="">
                                </div>
                                <div class="col-lg-7 offset-lg-1 align-self-center">
                                    <div class="l-featured__info mb-4">
                                        <h2 class="fw-bold mb-4">ajay</h2>
                                        <p>
                                            lets seee how it works for our new corosel titan
                                        </p>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </section>
                </div>*@
        </div>
        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Previous</span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Next</span>
        </button>
    </div>

    <!--for testimonial-->
    @if (Model.Testimonial.Any())
    {
        <section class="l-maintestimonial lg-mb-4 lg-pb-4">
            <div class="container">
                <div class="text-center mt-5 lg-pt-5 lg-mt-5">
                    <h3 class="text-center pb-2 text-uppercase fw-bold text-black-50 headlineNews">TESTIMONIALS</h3>

                    <p class="pb-2 pb-md-0">
                        Some Testimonials from our Patients
                    </p>
                    <a href="/HomeUI/Testimonials" class="text-decoration-none text-secondary mb-5 d-inline-block">See all</a>

                </div>


                <div class="row">
                    @foreach (var test in Model.Testimonial)
                    {
                        <div class="col-md-4 mb-5 mb-md-0 d-flex align-items-stretch">
                            <div class="card testimonial-card">
                                <div class="card-up" style="background-color: rgba(245, 130, 32, 0.6);"></div>
                                <div class="avatar bg-white d-flex align-items-center mx-auto p-2">
                                    @if (test.ImageUrl == "")
                                    {
                                        <img src="~/Content/images/defultuser.jpg" class="rounded-circle w-100 h-100" />
                                    }
                                    else
                                    {
                                        <img src="~/Content/img/@test.ImageUrl" class="rounded-circle w-100 h-100" />
                                    }
                                    @*<img src="~/Content/img/@test.ImageUrl" class="rounded-circle img-fluid" style="height: 100px; object-fit: fill; margin: 0px !important;" />*@
                                </div>
                                <div class="card-body text-center">
                                    <h4 class="mb-4">@test.PatientName</h4>
                                    <hr />
                                    <p class="dark-grey-text mt-4">
                                        <i class="fas fa-quote-left pe-2"></i>@test.Testimonials
                                    </p>
                                </div>
                            </div>
                        </div>
                    }

                    @*<div class="col-md-4 mb-5 mb-md-0 d-flex align-items-stretch">
                            <div class="card testimonial-card">
                                <div class="card-up" style="background-color: #7a81a8;"></div>
                                <div class="avatar mx-auto bg-white">
                                    <img src="https://mdbcdn.b-cdn.net/img/Photos/Avatars/img%20(2).webp"
                                         class="rounded-circle img-fluid" />
                                </div>
                                <div class="card-body">
                                    <h4 class="mb-4">Lisa Cudrow</h4>
                                    <hr />
                                    <p class="dark-grey-text mt-4">
                                        <i class="fas fa-quote-left pe-2"></i>Neque cupiditate assumenda in maiores
                                        repudi mollitia architecto.
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 mb-0 d-flex align-items-stretch">
                            <div class="card testimonial-card">
                                <div class="card-up" style="background-color: #6d5b98;"></div>
                                <div class="avatar mx-auto bg-white">
                                    <img src="https://mdbcdn.b-cdn.net/img/Photos/Avatars/img%20(9).webp"
                                         class="rounded-circle img-fluid" />
                                </div>
                                <div class="card-body">
                                    <h4 class="mb-4">John Smith</h4>
                                    <hr />
                                    <p class="dark-grey-text mt-4">
                                        <i class="fas fa-quote-left pe-2"></i>Delectus impedit saepe officiis ab
                                        aliquam repellat rem unde ducimus.
                                    </p>
                                </div>
                            </div>
                        </div>*@

                </div>
            </div>
        </section>
    }




    @*<section class="l-featured__content">
            <div class="container">
                <div class="row">
                    @foreach (var item in Model.FeaturedContents)
                    {
                        <div class="col-lg-4 align-self-center mb-xs-5">
                            <img class="w-100" src="~/Content/img/@item.ImageUrl" alt="">
                        </div>
                        <div class="col-lg-7 offset-lg-1 align-self-center">
                            <div class="l-featured__info mb-4">
                                <h2 class="fw-bold mb-4">@item.FeaturedName</h2>
                                <p>
                                    @Html.Raw(item.FeaturedContents)
                                </p>
                            </div>
                        </div>
                    }

                </div>
            </div>
        </section>*@





    <div class="l-galcontainer-fluid">
        <div class="container">
            <div class="text-center mt-5 lg-pt-5 lg-mt-5">
                <h3 class="pb-2 text-uppercase fw-bold text-black-50">Gallery</h3>
                @* <h5 class="text-center mb-4 ">Some Images From Our Hospital Events</h5>*@
                @*<p class="text-center mb-4">
                        Some Images From Our Hospital Events
                    </p>
                    <p><a href="/HomeUI/GalleryAlbum" style="text-decoration: none; align-self: center; color: #F58220;">See all</a></p>*@

                <p class="pb-2 pb-md-0">
                    Some Images From Our Hospital Events
                </p>
                <a href="/HomeUI/GalleryAlbum" class="text-decoration-none text-secondary mb-5 d-inline-block">See all</a>

            </div>

            @if (Model.GalleryAlbums.Count() > 1)
            {

                if (Model.GalleryAlbums.Count() <= 8 || Model.GalleryAlbums.Count() <= 6)
                {
                    <div class="d-flex flex-row flex-wrap justify-content-center gap-3">

                        <div class="d-flex flex-column">


                            <div class="main mb-3" style="position: relative;">

                                <span class="galname">@ViewBag.images[0].AlbumName</span>
                                <a href="@Url.Action("Gallery", "HomeUI", new { id = ViewBag.images[0].Url })">
                                    <img src="~/Content/img/@ViewBag.images[0].AlbumImageURL" class="img-fluid" style="object-fit: cover; max-height: 514px; min-height: 514px;">
                                </a>

                            </div>
                            <div class="main" style="position: relative;">
                                <span class="galname">@ViewBag.images[1].AlbumName</span>
                                <a href="@Url.Action("Gallery", "HomeUI", new { id = ViewBag.images[1].Url })">
                                    <img src="~/Content/img/@ViewBag.images[1].AlbumImageURL" class="img-fluid" style="max-height: 210px; min-height: 210px; min-width: 325px; object-fit: contain;">
                                </a>

                            </div>

                        </div>


                        <div class="d-flex flex-column">
                            <div class="main mb-3" style="position: relative;">
                                <span class="galname">@ViewBag.images[2].AlbumName</span>
                                <a href="@Url.Action("Gallery", "HomeUI", new { id = ViewBag.images[2].Url })">
                                    <img src="~/Content/img/@ViewBag.images[2].AlbumImageURL" class="img-fluid" style="max-height: 210px; min-height: 210px; min-width: 325px; object-fit: cover; ">
                                </a>

                            </div>

                            <div class="main mb-3" style="position: relative;">
                                <span class="galname">@ViewBag.images[3].AlbumName</span>
                                <a href="@Url.Action("Gallery", "HomeUI", new { id = ViewBag.images[3].Url })">
                                    <img src="~/Content/img/@ViewBag.images[3].AlbumImageURL" class="img-fluid scale" style="object-fit: cover; max-height: 514px; min-height: 514px;">
                                </a>

                            </div>

                        </div>

                        <div class="d-flex flex-column">
                            <div class="main mb-3" style="position: relative;">
                                <span class="galname">@ViewBag.images[4].AlbumName</span>
                                <a href="@Url.Action("Gallery", "HomeUI", new { id = ViewBag.images[4].Url })">
                                    <img src="~/Content/img/@ViewBag.images[4].AlbumImageURL" class="img-fluid scale mb-2" style="object-fit: cover; max-height: 514px; min-height: 514px;">
                                </a>

                            </div>

                            <div class="main mb-3" style="position: relative;">
                                <span class="galname">@ViewBag.images[5].AlbumName</span>
                                <a href="@Url.Action("Gallery", "HomeUI", new { id = ViewBag.images[5].Url })">
                                    <img src="~/Content/img/@ViewBag.images[5].AlbumImageURL" class="img-fluid" style="max-height: 210px; min-height: 210px; min-width: 325px; object-fit: cover;">
                                </a>

                            </div>

                        </div>
                        @if (Model.GalleryAlbums.Count() > 7)
                        {
                            <div class="d-flex flex-column">
                                <div class="main mb-3" style="position: relative;">
                                    <span class="galname">@ViewBag.images[6].AlbumName</span>
                                    <a href="@Url.Action("Gallery", "HomeUI", new { id = ViewBag.images[6].Url })">
                                        <img src="~/Content/img/@ViewBag.images[6].AlbumImageURL" class="img-fluid m-1 p-1" style="max-height: 210px; min-height: 210px; min-width: 325px; object-fit: cover;">
                                    </a>

                                </div>

                                <div class="main mb-3" style="position: relative;">
                                    <span class="galname">@ViewBag.images[7].AlbumName</span>
                                    <a href="@Url.Action("Gallery", "HomeUI", new { id = ViewBag.images[7].Url })">
                                        <img src="~/Content/img/@ViewBag.images[7].AlbumImageURL" class="img-fluid image m-1 p-1" style="object-fit: cover; max-height: 514px; min-height: 514px;">
                                    </a>

                                </div>

                            </div>
                        }
                    </div>
                }
            }
        </div>
    </div>

    @*<section class="l-gallery mt-5 mb-4">
            <div class="container-fulid">
                <h2 class="text-center mb-5 text-uppercase fw-bold">Gallery</h2>
                <div class="l-gallery__img">
                    @foreach (var item in Model.GalleryAlbums)
                    {
                        <div class="l-gallery__item text-center rounded-2">
                            <a href="@Url.Action("Gallery","HomeUI", new {id = item.AlbumID })" class="d-block position-relative">
                                <span class="l-gallery__title">@item.AlbumName</span>
                                <img src="~/Content/img/@item.AlbumImageURL" alt="" class="img-fluid" />
                            </a>
                        </div>
                    }


                </div>
                <div class="text-center mt-4 mb-5">
                    <a href="@Url.Action("GalleryAlbum","HomeUI")" class="btn btn-primary ps-4 pe-4">View All Gallery</a>
                </div>
            </div>
        </section>*@

    <!-- start Our Achievements -->
    <section class="l-our-achievements">
        <div class="container">
            <h2 class="text-white text-center mb-5 text-uppercase fw-bold">Our Achievements</h2>
            <div class="row justify-content-center">
                <div class="col-lg-8 row">
                    <div class="col-6 col-md-4 col-lg-4 text-white text-center">
                        <div class="l-our-achievements__info">
                            <img class="mb-3 fs-1" src="~/Content/images/icon-experience.svg" alt="B&B">
                            <strong class="d-block">25+</strong>
                            <p>Years of Experience</p>
                        </div>
                    </div>
                    <div class="col-6 col-md-4 col-lg-4 text-white text-center">
                        <div class="l-our-achievements__info l-our-achievements__doctors">
                            <img class="mb-3 fs-1" src="~/Content/images/icon-doctors.svg" alt="B&B">
                            <strong class="d-block">100+</strong>
                            <p>Experienced Consultants</p>
                        </div>
                    </div>
                    <div class="col-12 col-md-4 col-lg-4 text-white text-center">
                        <div class="l-our-achievements__info" style="font-size: 60px;">
                            @*<img class="mb-3 fs-1" src="~/Content/images/icon-awards.svg" alt="B&B">*@
                            <i class="fa-solid fa-people-group"></i>
                            <strong class="d-block">100K+</strong>
                            <p>Yearly consultation</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end Our Achievements -->
    <!-- News & Event -->
    <section class="l-news-event">
        <div class="container pb-5">

            <div class="text-center mt-5 lg-pt-5 lg-mt-5">
                <h3 class=" pb-2 text-uppercase fw-bold text-black-50 headlineNews">Discover</h3>


                <p class="pb-2 pb-md-0">
                    Everything that is happening at B&B
                </p>
                <a href="/HomeUI/Event" class="text-decoration-none text-secondary mb-5 d-inline-block">See all</a>

            </div>

            <div class="l-news-event__slider">
                @foreach (var item in Model.Events)
                {
                    <div class="l-news-event__holder mb-5">
                        <div class="l-news-event__post ms-3 me-3">
                            @if (item.OutUrl == null || item.OutUrl == "")
                            {
                                <a href="@Url.Action("EventDetails", "HomeUI", new { id = item.Url })" class="text-decoration-none">
                                    <img class="w-100 mb-2" src="~/Content/img/@item.Thumbnail">
                                    <span>@item.EventName</span>
                                </a>
                            }
                            else
                            {
                                <a href="@item.OutUrl" class="text-decoration-none" target="_blank">
                                    <img class="w-100 mb-2" src="~/Content/img/@item.Thumbnail">
                                    <span>@item.EventName</span>
                                </a>
                            }

                        </div>
                    </div>
                }


            </div>
        </div>

    </section>

</body>


<script>
    function stopVideo(noticeId) {
        var video = document.getElementById('video-' + noticeId);
        if (video) {
            video.pause();
        }
    }
</script>