45 lines
1.6 KiB
HTML
45 lines
1.6 KiB
HTML
{{ $data := index site.Data site.Language.Lang }}
|
|
|
|
{{ if $data.feature.feature.enable }}
|
|
{{ with $data.feature.feature }}
|
|
{{"<!-- feature -->" | safeHTML}}
|
|
<section class="section section-bg p-3" id="feature">
|
|
<div class="container-fluid">
|
|
<div class="row justify-content-center align-items-center">
|
|
<div class="col-12 col-md-2 m-md-0 m-5 m-md-3" style="height: 150px; background-image: url('{{ .image_webp | absURL }}'); background-size: contain; background-position: center; background-repeat: no-repeat; ">
|
|
<!-- this image is for trigger this section fallback background image -->
|
|
<img src="{{ .image_webp | absURL }}" style="display: none;" onerror="this.onerror=null;this.parentElement.style.backgroundImage= 'url({{ .image | absURL }})'" loading="lazy">
|
|
</div>
|
|
<div class="col-12 col-md-9">
|
|
<div class="content-block">
|
|
<h2>{{ .title | markdownify }}</h2>
|
|
<p>{{ .content | markdownify }}</p>
|
|
{{ with .call_to_action }}
|
|
<a class="btn btn-primary" href="{{ .link | safeURL }}">{{ .text }}</a>
|
|
{{ end }}
|
|
<div class="row">
|
|
{{ range .feature_item }}
|
|
<div class="col-lg-6">
|
|
<div class="media">
|
|
{{with .icon}}
|
|
<div class="align-self-start mr-3">
|
|
<i class="{{ . }}"></i>
|
|
</div>
|
|
{{ end }}
|
|
<div class="media-body">
|
|
<h4 class="media-heading">{{ .title | markdownify }}</h4>
|
|
<p>{{ .content | markdownify }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{{"<!-- /feature -->" | safeHTML}}
|
|
{{ end }}
|
|
{{ end }}
|