website/layouts/partials/footer.html
2023-01-23 10:07:18 +01:00

136 lines
4.2 KiB
HTML

<footer
id="footer"
class="footer">
<div class="footer-cover-back"></div>
<div class="footer-cover"></div>
<div class="footer-border">
<span class="footer-border-item"></span>
<span class="footer-border-item"></span>
<span class="footer-border-item"></span>
</div>
<div class="footer-container container mx-auto">
<div>
<div class="flex flex-wrap">
<div class="w-full md:w-1/2">
<div class="footer-title-container">
<a
class="link footer-logo"
href="/"
>
{{ $image := resources.Get "images/logo.png" }}
<img
src="{{ $image.RelPermalink }}"
class="logo">
</a>
<div>
<div class="footer-title">
We Robot
</div>
<div class="footer-description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
</div>
</div>
</div>
<div class="w-full md:w-1/4">
<div class="footer-links">
<a
href="/"
class="link">
Home
</a>
<a
href="/blog"
class="link">
Blog
</a>
<a
href="/photos"
class="link">
Photos
</a>
<a
href="/donate"
class="link">
Donate
</a>
</div>
</div>
<div class="w-full md:w-1/4">
<div class="footer-links">
<a
href="/about"
class="link">
About
</a>
<a
href="/about#place"
class="link">
Où sommes nous
</a>
<a
href="/contact"
class="link">
Contact us
</a>
<a
href="/legals"
class="link">
Legals
</a>
</div>
</div>
</div>
<div class="flex justify-between footer-footer">
<div class="footer-socials">
<a
href=""
class="footer-socials-item link">
{{ partial "svg" "facebook" }}
</a>
<a
href=""
class="footer-socials-item link">
{{ partial "svg" "instagram" }}
</a>
<a
href=""
class="footer-socials-item link">
{{ partial "svg" "twitter" }}
</a>
<!--
<a
:href="$env.socials.youtube"
class="footer-socials-item link">
<img src="~/assets/img/youtube.svg">
</a> -->
<a
href=""
class="footer-socials-item link">
{{ partial "svg" "github" }}
</a>
</div>
<div
id="h"
class="footer-locale">
<a
class="button button-primary"
@click="onSwapLocale">
<div class="button-icon">
<i class="fa fas fa-flag"></i>
</div>
<div
class="link button-text">
<span>
Français
</span>
</div>
</a>
</div>
</div>
</div>
</div>
</div>