Mr.Combet Webshell 🔥

View File Name : backup_Healthpackage.cshtml

@model List<bnb.Models.HealthPackageViewModel>
@{
    ViewBag.Title = "Healthpackage";
    Layout = "~/Views/Shared/_Navbar.cshtml";
}

@*<link href="~/Content/bootstrap.min.css" rel="stylesheet" />*@
<style>
    .accordion-button {
        border: 0;
        background-color: #fff;
        cursor: grab;
        cursor: pointer;
        width: 100%;
        text-align: left;
    }

    .feature-title {
        color: #f58220;
    }

    .package-item-list {
        position: absolute;
        top: 2rem;
        left: 3rem;
        color: #fff;
        font-size: 1.2rem;
        width: 60%;
    }

    .img-fluid {
        max-width: 100%;
        height: auto;
        position: relative;
    }

    .accordion-body {
        position: relative;
        flex: 1 1 auto;
        /* padding: 1rem 1rem; */
        border: none
    }

    .accordion-button:not(.collapsed) {
        color: white;
        background-color: white;
        box-shadow: none
    }

    .accordion-button::after {
        background-image: none;
    }

    .accordion-item {
        border: none !important;
    }

    .accordion-button:not(.collapsed)::after {
        background-image: none !important
    }

    .package-price {
        transform: translate(1015px, 5px);
        padding: 10px;
        top: 3rem;
        background-color: #f58220;
        color: #fff;
        position: absolute;
        float: right;
        width: 255px;
    }

    li {
        margin: 0px;
    }

    h5 {
        font-size: 17px;
    }



    #data ul {
        columns: 2;
    }

    .breadcrumb-item + .breadcrumb-item::before {
        float: left;
        padding-right: 0.5rem;
        color: #6c757d;
        content: var(--bs-breadcrumb-divider, "/");
    }

    .breadcrumb-item.active {
        color: #6c757d;
    }

    .txt-accordion {
        min-height: 617px;
    }

    @@media screen and (max-width: 600px) {
        .txt-accordion {
            min-height: 320px;
        }

        .txt-for-media span {
            font-size: small;
        }

        .txt-for-media ul {
            line-height: 10px;
        }

        .img-fluid {
            height: 400px;
        }

        .package-price {
            transform: translate(267px, 1px);
            padding: 10px;
            top: 1rem;
            background-color: #f58220;
            color: #fff;
            position: absolute;
            float: right;
            width: 80px;
        }

            .package-price h1 {
                font-size: 12px;
            }

        p {
            line-height: 1px !important;
            font-size: small !important;
        }
    }
</style>



<div class="l-breadcrumb pt-2 pb-2">
    <div class="container">
        <nav style="--bs-breadcrumb-divider: url(&#34;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E&#34;);" aria-label="breadcrumb" class="d-flex py-3">
            <ol class="mb-0 breadcrumb align-self-center">
                <li class="breadcrumb-item"><a href="@Url.Action("Index","HomeUI")">Home</a></li>
                <li class="breadcrumb-item active">HealthPackage</li>
            </ol>
        </nav>
    </div>
</div>




<div class="container desktop-view-packages d-xs-none d-sm-none d-md-block">
    <div class="row ">
        <div class="col">
            <h2 class="feature-title">Health Packages</h2>
        </div>
    </div>
    <div class="accordion" id="accordionExample">
        <div class="accordion-item">
            @foreach (var item in Model)
            {
                <h2 class="accordion-header" id="headingOne">
                    <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne_@item.HealthPackageId" aria-expanded="true" aria-controls="collapseOne_@item.HealthPackageId">
                        <h5 class="text-muted">
                            <span class="feature-title"> + </span>
                            @item.HealthPackageName
                        </h5>
                    </button>
                </h2>
                <div id="collapseOne_@item.HealthPackageId" class="accordion-collapse collapse txt-accordion" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                    <div class="accordion-body">
                        <img src="~/Content/img/@item.BackgroundImage" alt=""
                             class="img-fluid">
                        <div class="package-item-list">
                            <span id="data" class="txt-for-media">
                                @Html.Raw(item.BasicDescription)
                            </span>
                        </div>
                        <div class="package-price">
                            <h1>NRs.@item.HealthPackageCost.ToString("N0")</h1>
                        </div>
                    </div>
                </div>
            }
        </div>

    </div>

</div>





<script src="~/Scripts/jquery-3.4.1.min.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>