added hero page

layouts/partials/sections/header.html

@@ -25,7 +25,7 @@
 <!-- Navbar -->
 <header>
     <nav class="pt-3 navbar navbar-expand-lg">
-        <div class="container">
+        <div class="container-fluid mx-xs-2 mx-sm-5 mx-md-5 mx-lg-5">
             <!-- navbar brand -->
             <a class="navbar-brand primary-font text-wrap" href="{{ .Site.BaseURL | relURL }}">
                 {{ if or (.Site.Params.favicon) (.Site.Params.navbar.brandLogo) }}

layouts/partials/sections/hero.html

@@ -0,0 +1,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 }}