mirror of
https://github.com/qdrant/landing_page.git
synced 2026-10-05 19:08:32 +02:00
nastyapashandtrean
f145f0a500
* update Cloud page * fix image paths * fix image paths * update images and text on the button * add links and target=_blank * add missing links, updated the cards so the entire card is clickable * add graphana dashboard gh link --------- Co-authored-by: trean <trean.mi@gmail.com>
39 lines
1.9 KiB
HTML
39 lines
1.9 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 }}
|
|
<div class="cta-banner__buttons">
|
|
<a
|
|
href="{{ .Params.button.url }}"
|
|
class="button button_contained button_lg cta-banner__button"
|
|
{{ if strings.HasPrefix .Params.button.url "http" }}target="_blank"{{ end }}
|
|
>
|
|
{{ .Params.button.text }}
|
|
</a>
|
|
{{ if .Params.outlineButton }}
|
|
<a
|
|
href="{{ .Params.outlineButton.url }}"
|
|
class="button button_outlined button_lg cta-banner__button"
|
|
{{ if strings.HasPrefix .Params.outlineButton.url "http" }}target="_blank"{{ end }}
|
|
>
|
|
{{ .Params.outlineButton.text }}
|
|
</a>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
<div class="cta-banner__illustration">
|
|
{{ partial "picture" (dict "src" $illustration.src "alt" $illustration.alt "loading" "lazy" "decoding" "async") }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|