136 lines
4.2 KiB
HTML
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>
|
|
|