</title>

<div id="myCarousel" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0"
            class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
        <li data-target="#myCarousel" data-slide-to="3"></li>
    </ol>
    <div class="carousel-inner" role="listbox">
        @{
            IEnumerable<Item> heroImages = null;
            var heroImagesField = new MultilistField(
            Model.Fields["Hero Images"]);
            if (heroImagesField != null)
            {
                heroImages = heroImagesField.GetItems();
            }
            if (heroImages != null)
            {
                int i = 1;
                foreach (var image in heroImages)
                {
                    var mediaItem = (MediaItem)image;
                    <div class="item @(i == 1 ? "active" : "") ">
                        <img src=" @MediaManager.GetMediaUrl(mediaItem) "
                             style="width:1920px;" />
                    </div>
                    i++;
                }
            }
        }
    </div>
</div>