79 lines
4.2 KiB
HTML
79 lines
4.2 KiB
HTML
<!-- <section id="feature" style="background-image: url('{{ .Site.Params.feature.bgImage | absURL }}');"> -->
|
|
<section id="feature" style="background-color: #f2f2f2;">
|
|
<div class="container">
|
|
<div class="row">
|
|
<!-- <div class="col-md-6 col-md-offset-6">
|
|
<h2 class="text-uppercase">{{ .Site.Params.feature.title }}</h2>
|
|
<p>
|
|
{{ .Site.Params.feature.content | markdownify }}
|
|
</p>
|
|
{{ with .Site.Params.feature.button }}
|
|
<a href="{{ .url }}" class="btn btn-main">{{ .caption }}</a>
|
|
{{ end }}
|
|
</div> -->
|
|
<div class="col-sm-12">
|
|
<div class="block">
|
|
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
|
|
<!-- Indicators -->
|
|
<ol class="carousel-indicators">
|
|
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
|
|
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
|
|
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
|
|
</ol>
|
|
|
|
<!-- Wrapper for slides -->
|
|
<div class="carousel-inner">
|
|
<div class="item active">
|
|
<img src="{{ .Site.Params.feature1.bgImage | absURL }}" alt="...">
|
|
<div class="carousel-caption">
|
|
<h3>{{ .Site.Params.feature1.title }}</h3>
|
|
<p class="text-white"></p>
|
|
{{ .Site.Params.feature1.content }} {{ with .Site.Params.feature1.button }}
|
|
<p> <a href="{{ .url }}" class="btn btn-main mt-2">{{ .caption }}</a></p>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<img src="{{ .Site.Params.feature2.bgImage | absURL }}" alt="...">
|
|
<div class="carousel-caption">
|
|
<h3>{{ .Site.Params.feature2.title }}</h3>
|
|
<p class="text-white"></p>
|
|
{{ .Site.Params.feature2.content }} {{ with .Site.Params.feature2.button }}
|
|
<p><a href="{{ .url }}" class="btn btn-main">{{ .caption }}</a></p>
|
|
{{ end }}
|
|
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<img src="{{ .Site.Params.feature3.bgImage | absURL }}" alt="...">
|
|
<div class="carousel-caption">
|
|
<h3>{{ .Site.Params.feature3.title }}</h3>
|
|
<p class="text-white"></p>
|
|
{{ .Site.Params.feature3.content }} {{ with .Site.Params.feature3.button }}
|
|
<p><a href="{{ .url }}" class="btn btn-main">{{ .caption }}</a></p>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Controls -->
|
|
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
|
|
<!-- <span class="fa fa-chevron-left"></span> -->
|
|
<span class="icon-prev" aria-hidden="true"></span>
|
|
<span class="sr-only">Previous</span>
|
|
</a>
|
|
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
|
|
<!-- <span class="fa fa-chevron-right"></span> -->
|
|
<span class="icon-next" aria-hidden="true"></span>
|
|
<span class="sr-only">Next</span>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Carousel -->
|
|
</section> |