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

@using Microsoft.AspNetCore.Razor.Language.Intermediate
@model CarouselViewModel
@{
    ViewData["Title"] = "Home Page";
}

<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="6000">
    <ol class="carousel-indicators">
        @{
            for (int i = 0; i < Model.Carousels.Count; i++)
            {
                string class_attribute = "";
                if (i == 0)
                {
                    class_attribute = "class = \"active\"";
                }
                <li data-target="@Model.Carousels[i].DataTarget" data-slide-to="@i" @Html.Raw(class_attribute)></li>
            }
        }
    </ol>
    <div class="carousel-inner" role="listbox">
        @{
            for (int i = 0; i < Model.Carousels.Count; i++)
            {
                string class_div = "item";
                if (i == 0)
                {
                    class_div = "item active";
                }
                <div class="@Html.Raw(class_div)">
                    <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>