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

Resize screenshots

Browse Source
This commit is contained in:
lucperkins
2018-08-04 14:18:24 +02:00
parent 0376f2cb37
commit 0c3f810731
8 changed files with 255 additions and 215 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
layouts/partials/section2.html
View File

@@ -1,68 +1,35 @@
{{- $section2 := .Site.Params.section2 }}
{{- $title := index $section2 "title" }}
{{- $subtitle := index $section2 "subtitle" }}
{{- $features := index $section2 "features" }}
<section class="section is-medium">
<div class="container">
<div class="columns">
<div class="column is-centered-tablet-portrait">
<h1 class="title section-title">You're here because you want the best</h1>
<h3 class="subtitle is-5 is-muted">And we Know it</h3>
<div class="divider"></div>
<div class="container">
<div class="columns">
<div class="column is-centered-tablet-portrait">
<h1 class="title section-title">{{ $title }}</h1>
<h3 class="subtitle is-5 is-muted">{{ $subtitle }}</h3>
<div class="divider"></div>
</div>
<div class="column is-7 mt-60">
{{- range $features }}
<article class="media icon-box">
<figure class="media-left">
<p class="image">
<img src="{{ printf "/images/illustrations/icons/%s.svg" .icon | relURL }}">
</p>
</figure>
<div class="media-content mt-50">
<div class="content">
<p>
<span class="icon-box-title">{{ .title }}</span>
<span class="icon-box-text">{{ .text }}</span>
</p>
</div>
<div class="column is-7 mt-60">
<!-- icon block -->
<article class="media icon-box">
<figure class="media-left">
<p class="image">
<img src="{{ "/images/illustrations/icons/laptop-globe.svg" | relURL }}">
</p>
</figure>
<div class="media-content mt-50">
<div class="content">
<p>
<span class="icon-box-title">Powerful and unified interface</span>
<span class="icon-box-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</span>
</p>
</div>
</div>
</article>
<!-- /icon block -->
<!-- icon block -->
<article class="media icon-box">
<figure class="media-left">
<p class="image">
<img src="{{ "/images/illustrations/icons/doc-sync.svg" | relURL }}">
</p>
</figure>
<div class="media-content mt-50">
<div class="content">
<p>
<span class="icon-box-title">Cross device Synchronisation</span>
<span class="icon-box-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</span>
</p>
</div>
</div>
</article>
<!-- /icon block -->
<!-- icon block -->
<article class="media icon-box">
<figure class="media-left">
<p class="image">
<img src="{{ "/images/illustrations/icons/mobile-feed.svg" | relURL }}">
</p>
</figure>
<div class="media-content mt-50">
<div class="content">
<p>
<span class="icon-box-title">Nomad System</span>
<span class="icon-box-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</span>
</p>
</div>
</div>
</article>
<!-- /icon block -->
</div>
</div>
</div>
</article>
{{- end }}
</div>
</div>
</div>
</section>