Files
Kevin Mok 61d77fc738 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.
2019-12-12 20:39:43 -05:00

55 lines
2.4 KiB
HTML

{{ if .Site.Data.team.enable}}
{{"<!-- Start Our Team -->" | safeHTML}}
<section id="team" class="section">
<div class="container">
<div class="row">
<div class="col-lg-12">
{{"<!-- section title -->" | safeHTML}}
<div class="title text-center wow fadeInUp" data-wow-duration="500ms">
<h2>{{ with .Site.Data.team.heading }} {{ . }} {{ end }} <span class="color">{{ with .Site.Data.team.headingSpan }} {{ . }} {{ end }}</span></h2>
<div class="border-meghna"></div>
</div>
</div>
{{"<!-- /section title -->" | safeHTML}}
{{ range .Site.Data.team.teamMember}}
{{"<!-- team member -->" | safeHTML}}
<div class="col-lg-3 col-md-6 col-12 wow fadeInDown" data-wow-duration="500ms">
<div class="team-member">
<div class="member-photo">
{{"<!-- member photo -->" | safeHTML}}
<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"> -->
<div class="">
<ul class="list-inline">
{{ range .socialIcon }}
<li class="list-inline-item"><a href="#"><i class="{{ .icon }}"></i></a></li>
{{ end }}
</ul>
</div>
</div>
{{"<!-- member name & designation -->" | safeHTML}}
<div class="member-meta">
<h4>{{ .name }}</h4>
<span>{{ .designation }}</span>
<p>{{ .description }}</p>
</div>
</div>
</div>
{{"<!-- end team member -->" | safeHTML}}
{{ end }}
</div>
</div>
</section>
{{"<!-- /team -->" | safeHTML}}
{{ end }}