Mr.Combet Webshell 🔥

Edit File Name : EventDetails.cshtml

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

.l-breadcrumb {
        margin-bottom: 0px;
    }
</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"><a href="@Url.Action("Event","HomeUI")">Events</a></li>
                <li class="breadcrumb-item active" aria-current="page">Details</li>
            </ol>
        </nav>
    </div>
</div>

@foreach (var item in Model) 
{ 
<div id="inner-slider" class="l-banner__slider carousel slide" data-bs-ride="carousel">
    @*<div class="carousel-inner" role="listbox">
        <div class="carousel-item active" style="background: url(../../Content/img/@item.Thumbnail) no-repeat 0 0 /cover;"></div>
    </div>
    <a class="carousel-control-prev text-decoration-none" href="#inner-slider" role="button" data-bs-target="#inner-slider" data-bs-slide="prev">
        <i class="fa-solid fa-angle-left"></i>
    </a>
    <a class="carousel-control-next text-decoration-none" href="#inner-slider" role="button" data-bs-target="#inner-slider" data-bs-slide="next">
        <i class="fa-solid fa-angle-right"></i>
    </a>*@
</div>

@*<div class="container align-self-lg-center align-self-center mb-3" style=" padding-right: 26%;">
    <h1 class="content__title mb-0  align-self-center fw-bold">@item.EventName</h1>
</div>*@

<div class="container mb-5">
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-9 col-lg-8">
            <div class="m-blog mb-4 pb-2">
                <div class="m-blog__post mb-5">
                    <div class="m-blog__img mb-4">
                        <a href="#">
                              <img src="~/Content/img/@item.Thumbnail" class="w-100 rounded-3 img-fluid" alt="blog">
                        </a>
                    </div>
                    <div class="m-blog__title">
                        <h2 class="m-0 pb-3">
                            <a href="#" class="text-decoration-none" style="font-weight: bold; text-transform: uppercase; color: #F58220;"> @item.EventName</a>
                        </h2>
                    </div>
                    @*<div class="m-blog__tags mb-2 text-uppercase">
                        <a class="m-blog__category text-decoration-none rounded-1" href="#">
                            @item.EventName
                        </a>
                    </div>*@
                    @*<ul class="list-unstyled m-blog__toolbox">
                        <li>
                            By <span class="m-blog__author">B&B Hospital</span>
                        </li>
                        <li>
                            <time class="date">01 Jun 2022</time>
                        </li>
                    </ul>*@
                    @Html.Raw(item.EventDescription)

</div>
            </div>
        </div>
        @Html.Partial("_RightSideNav")
    </div>
</div>
}