layouts/partials/sections/hero.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

{{ if .Site.Params.hero.enable | default true }}
<section id="hero" class="py-5">
    <div class="container px-xs-3 px-sm-5 px-md-5 px-lg-5">
        <div id="primary-font">
            <span class="subtitle">
                {{ .Site.Params.hero.intro }}
            </span>
            <h2>
                {{ .Site.Params.hero.title }}
            </h2>
            <h3>
                {{ .Site.Params.hero.subtitle }}
            </h3>
            <p class="hero-content">
                {{ .Site.Params.hero.content | markdownify }}
            </p>
            {{ if .Site.Params.hero.button.enable }}
            <a href="{{ .Site.Params.hero.button.url }}" class="btn">
                {{ .Site.Params.hero.button.name }}
            </a>
            {{ end }}
        </div>
    </div>
    <div class="hero-bottom-svg d-md-block d-lg-block d-none">
        <img src="https://portio-hugo.staticmania.com/images/hero/figure-svg.svg" alt="">
    </div>
</section>
{{ end }}