infrastructure/hugo-fresh
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Begin templatizing configuration

Browse Source
This commit is contained in:
lucperkins
2018-08-04 13:24:03 +02:00
parent 7dcab1c726
commit a7d8f69fb8
6 changed files with 95 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
layouts/partials/section1.html
View File

@@ -1,62 +1,36 @@
{{- $section1 := .Site.Params.section1 }}
{{- $title := index $section1 "title" }}
{{- $subtitle := index $section1 "subtitle" }}
{{- $tiles := index $section1 "tiles" }}
<section class="section section-feature-grey is-medium">
<div class="container">
<div class="title-wrapper has-text-centered">
<h2 class="title is-2">Great Power Comes </h2>
<h3 class="subtitle is-5 is-muted">With great Responsability</h3>
<div class="divider is-centered"></div>
</div>
<div class="content-wrapper">
<div class="columns">
<div class="column is-one-third">
<div class="feature-card is-bordered has-text-centered revealOnScroll delay-1" data-animation="fadeInLeft">
<div class="card-title">
<h4>App builder</h4>
</div>
<div class="card-icon">
<img src="{{ "/images/illustrations/icons/mouse-globe.svg" | relURL }}">
</div>
<div class="card-text">
<p>This is some explanatory text that is on two rows</p>
</div>
<div class="card-action">
<a href="#" class="button btn-align-md accent-btn raised">Free Trial</a>
</div>
</div>
</div>
<div class="column">
<div class="feature-card is-bordered has-text-centered revealOnScroll delay-2" data-animation="fadeInLeft">
<div class="card-title">
<h4>Cloud integration</h4>
</div>
<div class="card-icon">
<img src="{{ "/images/illustrations/icons/laptop-cloud.svg" | relURL }}">
</div>
<div class="card-text">
<p>This is some explanatory text that is on two rows</p>
</div>
<div class="card-action">
<a href="#" class="button btn-align-md secondary-btn raised">Get Started</a>
</div>
</div>
</div>
<div class="column">
<div class="feature-card is-bordered has-text-centered revealOnScroll delay-3" data-animation="fadeInLeft">
<div class="card-title">
<h4>Addons & Plugins</h4>
</div>
<div class="card-icon">
<img src="{{ "/images/illustrations/icons/laptop-cloud.svg" | relURL }}">
</div>
<div class="card-text">
<p>This is some explanatory text that is on two rows</p>
</div>
<div class="card-action">
<a href="#" class="button btn-align-md primary-btn raised">Get Started</a>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="title-wrapper has-text-centered">
<h2 class="title is-2">{{ $title }}</h2>
<h3 class="subtitle is-5 is-muted">{{ $subtitle }}</h3>
<div class="divider is-centered"></div>
</div>
<div class="content-wrapper">
<div class="columns">
{{- range $tiles }}
<div class="column is-one-third">
<div class="feature-card is-bordered has-text-centered revealOnScroll delay-1" data-animation="fadeInLeft">
<div class="card-title">
<h4>{{ .title }}</h4>
</div>
<div class="card-icon">
<img src="{{ printf "/images/illustrations/icons/%s.svg" .icon | relURL }}">
</div>
<div class="card-text">
<p>{{ .text }}</p>
</div>
<div class="card-action">
<a href="#" class="button btn-align-md accent-btn raised">{{ .buttonText }}</a>
</div>
</div>
</div>
{{- end }}
</div>
</div>
</div>
</section>