pwt-0x01-ng/Views/Home/Index.cshtml

@model CarouselViewModel

@{
    ViewData["Title"] = "Home Page";
}
@section Styles {
    <link rel="stylesheet" href="~/css/Stylezbro.css"/>
}

@{
    if (Model != null && Model.Carousels.Count > 0)
    {
        <div id="@Model.Carousels[0].DataTarget.Substring(1, Model.Carousels[0].DataTarget.Length - 1)" class="carousel slide" data-ride="carousel" data-interval="6000">
            <ol class="carousel-indicators">
                @{
                    for (int i = 0; i < Model.Carousels.Count; i++)
                    {
                        string classli = String.Empty;
                        if (i == 0)
                        {
                            classli = "class=\"active\"";
                        }
                        <li data-target="@Model.Carousels[i].DataTarget" data-slide-to="@i" @Html.Raw(classli)></li>
                    }
                }
            </ol>
            <div class="carousel-inner " role="listbox">
                @{
                    for (int i = 0; i < Model.Carousels.Count; i++)
                    {
                        string classitem = "item";
                        if (i == 0)
                        {
                            classitem = "item active";
                        }
                        <div class="@classitem maxHeightCarousel">
                            <img src="@Model.Carousels[i].ImageSrc" alt="@Model.Carousels[i].ImageAlt" class="img-responsive"/>
                            <div class="carousel-caption" role="option">
                                <p>
                                    @Html.Raw(Model.Carousels[i].CarouselContent)
                                </p>
                            </div>
                        </div>
                    }
                }
            </div>
            <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>
        <div class="row">
            <div class="col-md-3">
                <h2>Application uses</h2>
                <ul>
                    <li>Sample pages using ASP.NET Core MVC</li>
                    <li>Theming using <a href="https://go.microsoft.com/fwlink/?LinkID=398939">Bootstrap</a></li>
                </ul>
            </div>
            <div class="col-md-3">
                <h2>How to</h2>
                <ul>
                    <li><a href="https://go.microsoft.com/fwlink/?LinkID=398600">Add a Controller and View</a></li>
                    <li><a href="https://go.microsoft.com/fwlink/?LinkId=699315">Manage User Secrets using Secret Manager.</a></li>
                    <li><a href="https://go.microsoft.com/fwlink/?LinkId=699316">Use logging to log a message.</a></li>
                    <li><a href="https://go.microsoft.com/fwlink/?LinkId=699317">Add packages using NuGet.</a></li>
                    <li><a href="https://go.microsoft.com/fwlink/?LinkId=699319">Target development, staging or production environment.</a></li>
                </ul>
            </div>
            <div class="col-md-3">
                <h2>Overview</h2>
                <ul>
                    <li><a href="https://go.microsoft.com/fwlink/?LinkId=518008">Conceptual overview of what is ASP.NET Core</a></li>
                    <li><a href="https://go.microsoft.com/fwlink/?LinkId=699320">Fundamentals of ASP.NET Core such as Startup and middleware.</a></li>
                    <li><a href="https://go.microsoft.com/fwlink/?LinkId=398602">Working with Data</a></li>
                    <li><a href="https://go.microsoft.com/fwlink/?LinkId=398603">Security</a></li>
                    <li><a href="https://go.microsoft.com/fwlink/?LinkID=699321">Client side development</a>
                    </li>
                    <li>
                        <a href="https://go.microsoft.com/fwlink/?LinkID=699322">Develop on different platforms</a>
                    </li>
                    <li>
                        <a href="https://go.microsoft.com/fwlink/?LinkID=699323">Read more on the documentation site</a>
                    </li>
                </ul>
            </div>
            <div class="col-md-3">
                <h2>Run &amp; Deploy</h2>
                <ul>
                    <li>
                        <a href="https://go.microsoft.com/fwlink/?LinkID=517851">Run your app</a>
                    </li>
                    <li>
                        <a href="https://go.microsoft.com/fwlink/?LinkID=517853">Run tools such as EF migrations and more</a>
                    </li>
                    <li>
                        <a href="https://go.microsoft.com/fwlink/?LinkID=398609">Publish to Microsoft Azure Web Apps</a>
                    </li>
                </ul>
            </div>
        </div>
    }
}