hmc_site_source/layouts/partials/components/triple_section.html

41 lines
2.4 KiB
HTML

{{ with .triple_section }}
{{ if .enable }}
<div class="col-10">
<div class="row flex items-end">
<a class="col-12 py-4 flex justify-center items-center h-full sm:!col-4 md:!col-4 lg:!col-4 xl:!col4 2xl:col-4"
{{ if .link_left }} href="{{ .link_left }}" {{ end }}{{ if .modal_left }} data-modal-show="{{ .modal_left }}" {{ end }}>
{{ partial "image" (dict "Src" .img_left "Alt" .alt_text_left "Loading" "eager" "Class" "logo-light w-64 content-center h-full" ) }}
{{ partial "image" (dict "Src" .img_left_dark "Alt" .alt_text_right "Loading" "eager" "Class" "logo-dark w-64 content-center h-full" ) }}
{{ if .left_text }}
<p class="{{ .left_text_class }}">{{ .left_text | markdownify }}</p>
{{ end }}
{{ if .left_button }}
<a class="btn {{ .left_button_class }}">{{ .left_button | markdownify }}</a>
{{ end }}
</a>
<a class="col-12 py-4 flex justify-center items-center h-full sm:!col-4 md:!col-4 lg:!col-4 xl:!col4 2xl:col-4"
{{ if .link_center }} href="{{ .link_center }}" {{ end }}{{ if .modal_center }} data-modal-show="{{ .modal_center }}" {{ end }}>
{{ partial "image" (dict "Src" .img_center "Alt" .alt_text_center "Loading" "eager" "Class" "logo-light w-64 content-center h-full" ) }}
{{ partial "image" (dict "Src" .img_center_dark "Alt" .alt_text_right "Loading" "eager" "Class" "logo-dark w-64 content-center h-full" ) }}
{{ if .center_text }}
<p class="{{ .center_text_class }}">{{ .center_text | markdownify }}</p>
{{ end }}
{{ if .center_button }}
<a class="btn {{ .center_button_class }}">{{ .center_button | markdownify }}</a>
{{ end }}
</a>
<a class="col-12 py-4 flex justify-center h-full sm:!col-4 md:!col-4 lg:!col-4 xl:!col4 2xl:col-4"
{{ if .link_right }} href="{{ .link_right }}" {{ end }}{{ if .modal_right }} data-modal-show="{{ .modal_right }}" {{ end }}>
{{ partial "image" (dict "Src" .img_right "Alt" .alt_text_right "Loading" "eager" "Class" "logo-light w-64 content-center h-full" ) }}
{{ partial "image" (dict "Src" .img_right_dark "Alt" .alt_text_right "Loading" "eager" "Class" "logo-dark w-64 content-center h-full" ) }}
{{ if .right_text }}
<p class="{{ .right_text_class }}">{{ .right_text | markdownify }}</p>
{{ end }}
{{ if .right_button }}
<a class="btn {{ .right_button_class }}">{{ .right_button | markdownify }}</a>
{{ end }}
</a>
</div>
</div>
{{ end }}
{{ end }}