Add jpg's as webp fallback for Safari
Replaced webp backgrounds with jpg's because couldn't figure out how to use Modernizr (detect webp support for CSS fallback) for Hugo. Also added back testimonial section with leader testimonials.
This commit is contained in:
19
layouts/partials/counter.html
Normal file
19
layouts/partials/counter.html
Normal file
@@ -0,0 +1,19 @@
|
||||
{{ if .Site.Params.counter.enable }}
|
||||
{{"<!-- Start Counter Section -->" | safeHTML}}
|
||||
<section id="counter" class="bg-1 section overly" style='background-image: url("{{ .Site.Params.counter.bgImage | absURL }}")'>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
{{ range .Site.Params.counter.counterItem }}
|
||||
<div class="col-lg-3 col-md-6 col-12 text-center wow fadeInDown" data-wow-duration="500ms">
|
||||
<div class="counters-item">
|
||||
<i class="{{ .icon }}"></i>
|
||||
<span data-speed="3000" data-to="{{ .count }}">{{ .count }}</span>
|
||||
<h3>{{ .title }}</h3>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{"<!-- /Counter Section -->" | safeHTML}}
|
||||
{{ end }}
|
||||
18
layouts/partials/hero-area.html
Normal file
18
layouts/partials/hero-area.html
Normal file
@@ -0,0 +1,18 @@
|
||||
{{ if .Site.Params.banner.enable }}
|
||||
{{"<!-- Welcome Slider-->" | safeHTML}}
|
||||
<section class="hero-area" style='background-image: url("{{ .Site.Params.banner.bgImage | absURL }}");'>
|
||||
<div class="block">
|
||||
{{with .Site.Params.banner.icon}}
|
||||
<div class="video-button">
|
||||
<i class="{{ . }}"></i>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{with .Site.Params.banner.heading}} <h1>{{ . }}</h1>{{ end }}
|
||||
{{with .Site.Params.banner.content}} <p>{{ . }}</p> {{ end }}
|
||||
{{ if .Site.Params.banner.btn}}
|
||||
<a data-scroll href="{{ .Site.Params.banner.btnURL}}" class="btn btn-transparent">{{ .Site.Params.banner.btnText}}</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</section>
|
||||
{{"<!-- /Welcome Slider-->" | safeHTML}}
|
||||
{{end}}
|
||||
@@ -18,7 +18,13 @@
|
||||
<div class="team-member">
|
||||
<div class="member-photo">
|
||||
{{"<!-- member photo -->" | safeHTML}}
|
||||
<img class="img-fluid" src="{{ .image | absURL }}" alt="">
|
||||
<picture>
|
||||
<source class="img-fluid"
|
||||
srcset="images/team/{{ .imageName }}.webp" type="image/webp">
|
||||
<source class="img-fluid"
|
||||
srcset="images/team/{{ .imageName }}.jpg" type="image/jpeg">
|
||||
<img class="img-fluid" src="images/team/{{ .imageName }}.jpg" alt="{{ .name }}-profile-picture">
|
||||
</picture>
|
||||
|
||||
{{"<!-- member social profile -->" | safeHTML}}
|
||||
<!-- <div class="mask"> -->
|
||||
|
||||
Reference in New Issue
Block a user