106 lines
4.3 KiB
HTML
106 lines
4.3 KiB
HTML
{{ define "main" }}
|
|
{{ $heroImage := .Params.heroImage | default "images/visuels/engagez.jpg" }}
|
|
{{ $heroBg := resources.Get $heroImage }}
|
|
<section class="entreprise-hero" {{ if $heroBg }}style="background-image: url('{{ $heroBg.RelPermalink }}')"{{ end }}>
|
|
</section>
|
|
|
|
<section class="page-entreprise">
|
|
<h1 class="page-title">{{ .Params.headline | default "La mobilité, un enjeu RSE pour votre entreprise" }}</h1>
|
|
|
|
{{ .Content }}
|
|
|
|
{{ $allResources := .Resources.Match "*.md" }}
|
|
{{ $avantages := where $allResources "Params.type" "avantage" }}
|
|
{{ if $avantages }}
|
|
<div class="entreprise-avantages">
|
|
{{ range sort $avantages "Params.weight" }}
|
|
<div class="avantage-block">
|
|
{{ if .Params.icon }}
|
|
{{ $icon := resources.Get .Params.icon }}
|
|
{{ if $icon }}
|
|
<div class="avantage-icon">
|
|
<img src="{{ $icon.RelPermalink }}" alt="" />
|
|
</div>
|
|
{{ end }}
|
|
{{ end }}
|
|
<h3 class="avantage-title">{{ .Title }}</h3>
|
|
<div class="avantage-text">{{ .Content }}</div>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
{{ end }}
|
|
|
|
<h2 class="entreprise-subtitle">{{ .Params.engagementTitle | default "De plus en plus d'entreprises s'engagent, pourquoi pas vous ?" }}</h2>
|
|
|
|
{{ $engagements := where $allResources "Params.type" "engagement" }}
|
|
{{ if $engagements }}
|
|
{{ $sortedEngagements := sort $engagements "Params.weight" }}
|
|
<div class="entreprise-engagements">
|
|
<div class="engagements-column">
|
|
{{ range first 3 $sortedEngagements }}
|
|
<div class="engagement-block">
|
|
{{ if .Params.icon }}
|
|
{{ $icon := resources.Get .Params.icon }}
|
|
{{ if $icon }}
|
|
<div class="engagement-icon">
|
|
<img src="{{ $icon.RelPermalink }}" alt="" />
|
|
</div>
|
|
{{ end }}
|
|
{{ end }}
|
|
<div class="engagement-content">
|
|
<h3 class="engagement-title">{{ .Title }}</h3>
|
|
<div class="engagement-text">{{ .Content }}</div>
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
<div class="engagements-column">
|
|
{{ range after 3 $sortedEngagements }}
|
|
<div class="engagement-block">
|
|
{{ if .Params.icon }}
|
|
{{ $icon := resources.Get .Params.icon }}
|
|
{{ if $icon }}
|
|
<div class="engagement-icon">
|
|
<img src="{{ $icon.RelPermalink }}" alt="" />
|
|
</div>
|
|
{{ end }}
|
|
{{ end }}
|
|
<div class="engagement-content">
|
|
<h3 class="engagement-title">{{ .Title }}</h3>
|
|
<div class="engagement-text">{{ .Content }}</div>
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
|
|
<div class="plus-infos">
|
|
{{ $downloadIcon := resources.Get "images/picto/download_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg" }}
|
|
<h3 class="plus-infos-title">{{ .Params.plusInfosTitle | default "Plus d'infos ?" }}</h3>
|
|
<p class="plus-infos-text">{{ .Params.plusInfosText | default "Vous avez des questions ? Vous souhaitez recevoir de la documentation imprimée à mettre à disposition de vos publics ?" }}</p>
|
|
<a href="{{ $.Params.plusInfosContactLink | default "/pages/contact/" }}" class="plus-infos-button">Contactez-nous</a>
|
|
{{ with $.Params.depliantLink }}
|
|
<a href="{{ . }}" class="plus-infos-download" target="_blank">
|
|
{{ if $downloadIcon }}
|
|
<img src="{{ $downloadIcon.RelPermalink }}" alt="" />
|
|
{{ end }}
|
|
<span>Ou téléchargez le dépliant d'information</span>
|
|
</a>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
|
|
<div class="entreprise-video">
|
|
<div class="entreprise-video-container">
|
|
{{ $videoPath := .Params.video | default "videos/entreprise.mp4" }}
|
|
{{ $video := resources.Get $videoPath }}
|
|
{{ if $video }}
|
|
<video controls>
|
|
<source src="{{ $video.RelPermalink }}" type="video/mp4">
|
|
</video>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{{ end }}
|