brand-assets/nike/web/views/customLandingCarousel.html

<!-- carousel -->
<!-- IMPORTANT: landingCarousel uses asController: 'vm' in order to avoid scope inheritance issues related to primitives. -->
<uib-carousel id="mainCarousel" ng-style="{height: vm.mainLandingCarousel.height}" interval="5000" active="vm.currentSlide">
    <div class="no-gutter">
        <div ng-class="{'col-xs-12': vm.mainLandingCarousel.showInfoText}">
            <div class="carousel-inner">
                <uib-slide ng-repeat="imageModel in vm.carouselLandingImages" index="$index">
                    <img ng-if="imageModel.image.type !== 'homeVideo'" ng-src="{{imageModel.image.url}}">
                    <div class="embed-container" ng-if="imageModel.image.type === 'homeVideo'" ng-style="vm.vimeoContainerStyle">
                        <iframe ng-src="{{vm.getVimeoUrl(imageModel.image.url)}}" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen vimeo-slide api="imageModel.api" slide-loaded-callback="vm.playIfSlidesHaveLoaded"></iframe>
                    </div>

                    <div class="{{imageModel.image.textClass}}">
                        <h1 ng-if="imageModel.image.name">{{imageModel.image.name}}</h1>
                        <p ng-if="imageModel.image.description">{{imageModel.image.description}}</p>
                        <a ng-repeat="link in imageModel.image.links" ng-href="{{link.url}}" class="btn btn-primary" translate="{{link.name}}"></a>
                    </div>
                </uib-slide>
            </div>
        </div>
    </div>
</uib-carousel>
<!-- end of carousel -->