hugo-story/layouts/partials/banner.html
2020-07-02 01:05:45 -04:00

14 lines
1.3 KiB
HTML

<!-- Banner -->
<section class="banner style1 orient-left content-align-left image-position-right fullscreen onload-image-fade-in onload-content-fade-right">
<div class="content">
{{ with .Site.Title }}<h1>{{.}}</h1>{{end}}
{{ with .Site.Params.subtitle }}<p class="major">{{.}} released for free under the <a target="_blank" href="https://creativecommons.org/licenses/by/3.0/">Creative Commons</a>.</p>{{end}}
<p>This is a <strong>Banner</strong> element, and it's generally used as an introduction or opening statement. You can customize its <span class="demo-controls">appearance with a number of modifiers</span>, as well as assign it an optional <code>onload</code> or <code>onscroll</code> transition modifier (<a href="#reference-banner">details</a>).</p>
<ul class="actions stacked">
<li><a href="#first" class="button large wide smooth-scroll-middle">Get Started</a></li>
</ul>
</div>
<div class="image">
{{ with .Site.Params.logo }}<img src="{{.}}" alt="Hugo Story" />{{end}}
</div>
</section>