Mr.Combet Webshell 🔥

Edit File Name : 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;
    }
    
    .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
    }
    
    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;
    }

.price-tag {
        background: #f58220;
        color: #2F374D;
    }

.health-package-img {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: 100% 100% !important;
        background-position: 100% 100%;
    }

.package-item-list ul li {
        margin-bottom: 10px;
    }

.package-item-list ul li span {
        font-size: 14px !important;
        font-weight: 600;
    }

@@media (min-width: 1280px) {

#data ul {
            column-gap: 120px;
        }

.health-package-img {
            background-size: cover;
            background-repeat: no-repeat;
            min-height: 630px;
            background-position: 100% 100%;
        }

.package-item-list ul li {
            margin-bottom: 20px;
        }

.package-item-list ul li span {
            font-size: 16px !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 d-xs-none d-sm-none d-md-block">
    @*<div class="main">*@

<div class="row ">
        <div class="col">
            <h2 class="feature-title">Health Packages</h2>
        </div>
    </div>
    <div class="accordion mb-5" id="accordionExample">
        <div class="accordion-item">
            @foreach (var item in Model)
            {
                <h2 class="accordion-header" id="headingOne">
                    <button class="accordion-button ps-0" 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 " aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                    <div class="accordion-body p-0">
                        <div class="pt-lg-5 p-3 health-package-img" style="background: url(../../Content/img/@item.BackgroundImage);">
                            <div class="d-flex flex-wrap justify-content-between">
                                <div class="package-item-list">
                                    <span class="text-white" id="data">
                                        @Html.Raw(item.BasicDescription)
                                    </span>
                                </div>
                                <div class="package-price">
                                    <span class="price-tag p-2 fs-1 fw-bold">NRs.@item.HealthPackageCost.ToString("N0")</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            }
        </div>

</div>

@*</div>*@

</div>