mirror of
https://github.com/qdrant/landing_page.git
synced 2026-10-06 03:18:30 +02:00
24 lines
1.3 KiB
HTML
24 lines
1.3 KiB
HTML
{{ $background := default (dict "src" "/img/cta-banner-stars.png" "webp" "/img/cta-banner-stars.webp") .Params.background }}
|
|
{{ $illustration := default (dict "src" "/img/cta-illustration.png" "alt" "Rocket flying over globe illustration") .Params.illustration }}
|
|
<section class="cta-banner">
|
|
<div class="container">
|
|
<div class="cta-banner__banner">
|
|
<div class="cta-banner__background" style="background-image: url('{{ $background.src }}');{{ if $background.webp }} background-image: image-set(url('{{ $background.webp }}') type('image/webp'), url('{{ $background.src }}') type('image/png'));{{ end }}"></div>
|
|
<div class="cta-banner__content">
|
|
<div class="cta-banner__text">
|
|
<h2 class="cta-banner__title">{{ .Params.title | safeHTML }}</h2>
|
|
{{ if .Params.description }}
|
|
<p class="cta-banner__description">{{ .Params.description }}</p>
|
|
{{ end }}
|
|
<a href="{{ .Params.button.url }}" class="button button_contained button_lg cta-banner__button">
|
|
{{ .Params.button.text }}
|
|
</a>
|
|
</div>
|
|
<div class="cta-banner__illustration">
|
|
{{ partial "picture" (dict "src" $illustration.src "alt" $illustration.alt "loading" "lazy" "decoding" "async") }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|