webpack-bootstrap-ui-kit/src/html/Slider.html
2019-06-08 22:20:51 +07:00

65 lines
2.1 KiB
HTML

<!-- if $SlideShow -->
<div id="Carousel{$ID}" class="carousel slide js-carousel d-none d-sm-block" data-indicators="true" data-arrows="true">
<div class="carousel-inner">
<!-- loop $SlideShow -->
<!-- Slide #1 -->
<div class="carousel-item active">
<a href="$PageLink.Link" title="$PageLink.MenuTitle.XML" class="btn-primary">
<img class="d-block w-100" src="https://placehold.it/1200x600" alt="$Headline">
</a>
<div class="carousel-caption">
<div class="carousel-caption-container">
<h2 class="carousel-title">$Headline #1</h2>
<p class="carousel-content">$Description</p>
<p>
<a href="$PageLink.Link" title="$PageLink.MenuTitle.XML" class="btn btn-default btn-lg">
<i class="fas fa-bars"></i>
Learn More
</a>
</p>
</div>
</div>
</div>
<!-- /Slide #1 -->
<!-- Slide #2 -->
<div class="carousel-item">
<a href="$PageLink.Link" title="$PageLink.MenuTitle.XML" class="btn-primary">
<img class="d-block w-100" src="https://placehold.it/1200x600" alt="$Headline">
</a>
<div class="carousel-caption">
<div class="carousel-caption-container">
<h2 class="carousel-title">$Headline #2</h2>
<p class="carousel-content">$Description</p>
<p>
<a href="$PageLink.Link" title="$PageLink.MenuTitle.XML" class="btn btn-default btn-lg">
<i class="fas fa-bars"></i>
Learn More
</a>
</p>
</div>
</div>
</div>
<!-- /Slide #2 -->
<!-- Slide #3 -->
<div class="carousel-item">
<a href="$PageLink.Link" title="$PageLink.MenuTitle.XML" class="btn-primary">
<img class="d-block w-100" src="https://placehold.it/1200x600" alt="$Headline">
</a>
<div class="carousel-caption">
<div class="carousel-caption-container">
<h2 class="carousel-title">$Headline #3</h2>
<p class="carousel-content">$Description</p>
<p>
<a href="$PageLink.Link" title="$PageLink.MenuTitle.XML" class="btn btn-default btn-lg">
<i class="fas fa-bars"></i>
Learn More
</a>
</p>
</div>
</div>
</div>
<!-- /Slide #3 -->
<!-- end_loop -->
</div>
</div>
<!-- end_if -->