jarnat/themes/meghna-hugo/layouts/partials/feature.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 }}