mirror of
https://github.com/supleed2/ELEC60013-ES-CW1.git
synced 2024-11-10 01:35:50 +00:00
Add modified Partials to enable page anchors
This commit is contained in:
parent
a728e560ad
commit
09f220eb41
41
layouts/partials/section1.html
Normal file
41
layouts/partials/section1.html
Normal file
|
|
@ -0,0 +1,41 @@
|
||||||
|
{{- $section1 := .Site.Params.section1 }} {{- $title := index $section1 "title"
|
||||||
|
}} {{- $subtitle := index $section1 "subtitle" }} {{- $tiles := index $section1
|
||||||
|
"tiles" }}
|
||||||
|
<section id="{{ $title }}" class="section section-feature-grey is-medium">
|
||||||
|
<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="{{ .url }}" class="button btn-align-md accent-btn raised"
|
||||||
|
>{{ .buttonText }}</a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{- end }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
35
layouts/partials/section2.html
Normal file
35
layouts/partials/section2.html
Normal file
|
|
@ -0,0 +1,35 @@
|
||||||
|
{{- $section2 := .Site.Params.section2 }} {{- $title := index $section2 "title"
|
||||||
|
}} {{- $subtitle := index $section2 "subtitle" }} {{- $features := index
|
||||||
|
$section2 "features" }}
|
||||||
|
<section id="{{ $title }}" class="section is-medium">
|
||||||
|
<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 | markdownify }}</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
{{- end }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
30
layouts/partials/section3.html
Normal file
30
layouts/partials/section3.html
Normal file
|
|
@ -0,0 +1,30 @@
|
||||||
|
{{- $section3 := .Site.Params.section3 }} {{- $title := index $section3 "title"
|
||||||
|
}} {{- $subtitle := index $section3 "subtitle" }} {{- $image := index $section3
|
||||||
|
"image" }} {{- $buttonText := index $section3 "buttontext" }} {{- $buttonLink :=
|
||||||
|
index $section3 "buttonlink" }}
|
||||||
|
<section id="{{ $title }}" class="section section-feature-grey is-medium">
|
||||||
|
<div class="container">
|
||||||
|
<div class="columns">
|
||||||
|
<div class="column is-10 is-offset-1">
|
||||||
|
<div class="has-text-centered">
|
||||||
|
<img class="pushed-image" src="{{ printf "/images/%s" $image | relURL
|
||||||
|
}}">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="title-wrapper has-text-centered">
|
||||||
|
<h2 class="title is-2">{{ $title }}</h2>
|
||||||
|
<h3 class="subtitle is-5 is-muted">{{ $subtitle }}</h3>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="has-text-centered mt-20">
|
||||||
|
<a
|
||||||
|
class="button cta is-large rounded secondary-btn raised"
|
||||||
|
href="{{ $buttonLink }}"
|
||||||
|
>
|
||||||
|
{{ $buttonText }}
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
31
layouts/partials/section4.html
Normal file
31
layouts/partials/section4.html
Normal file
|
|
@ -0,0 +1,31 @@
|
||||||
|
{{- $section4 := .Site.Params.section4 }} {{- $title := index $section4 "title"
|
||||||
|
}} {{- $subtitle := index $section4 "subtitle" }} {{- $clients := index
|
||||||
|
$section4 "clients" }}
|
||||||
|
<section id="{{ $title }}" class="section is-medium section-secondary">
|
||||||
|
<div class="container">
|
||||||
|
<div class="title-wrapper has-text-centered">
|
||||||
|
<h2 class="title is-2 light-text is-spaced">{{ $title }}</h2>
|
||||||
|
{{- with $subtitle }}
|
||||||
|
<h3 class="subtitle is-5 light-text">{{ . }}</h3>
|
||||||
|
{{- end }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<div class="columns is-vcentered">
|
||||||
|
{{- range $clients }}
|
||||||
|
<div class="column is-4">
|
||||||
|
<figure class="testimonial">
|
||||||
|
<blockquote>{{ .quote }}</blockquote>
|
||||||
|
<div class="author">
|
||||||
|
<img src="{{ printf "/images/illustrations/faces/%s.png" (string
|
||||||
|
.img) | relURL }}" alt=""/>
|
||||||
|
<h5>{{ .name }}</h5>
|
||||||
|
<span>{{ .job }}</span>
|
||||||
|
</div>
|
||||||
|
</figure>
|
||||||
|
</div>
|
||||||
|
{{- end }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
Loading…
Reference in a new issue