<div id="footer">
    <div class="ta-c">
        {{ $logofooter := resources.Get .Site.Params.LogoFooter }}
        <img class="m-100 max-w-300" src="{{ $logofooter.Permalink }}" alt="COOPGO, GO TOGETHER" />
    </div>
    <div class="container flex-row wrap" id="realFooter">
        <div>
            <ul>
                <li>
                    {{ $linkedin := resources.Get "images/linkedin.svg" }}
                    <a href="{{ .Site.Params.Social.Linkedin }}"><img class="w-15 h-15" src="{{$linkedin.Permalink}}" alt="Linkedin" /></a>
                </li>
                <li>
                    {{ $facebook := resources.Get "images/facebook.svg" }}
                    <a href="{{ .Site.Params.Social.Facebook }}"><img class="w-15 h-15" src="{{$facebook.Permalink}}" alt="Facebook" /></a>
                </li>
                <li>
                    {{ $twitter := resources.Get "images/twitter.svg" }}
                    <a href="{{ .Site.Params.Social.Twitter }}"><img class="w-15 h-15" src="{{$twitter.Permalink}}" alt="Twitter" /></a>
                </li>
                <li>
                    {{ $youtube := resources.Get "images/youtube.svg" }}
                    <a href="{{ .Site.Params.Social.Youtube }}"><img class="w-15 h-15" src="{{$youtube.Permalink}}" alt="Youtube" /></a>
                </li>
                <li>
                    {{ $instagram := resources.Get "images/instagram.svg" }}
                    <a href="{{ .Site.Params.Social.Instagram }}"><img class="w-15 h-15" src="{{$instagram.Permalink}}" alt="Instagram" /></a>
                </li>
            </ul>
        </div>
        <div class="flex-1">
            <h3 class="m-l-40 m-b-0">Nos solutions :</h4>
            <ul class="m-t-5">
                {{ $mainPages := where .Site.RegularPages.ByDate "Type" "in" .Site.Params.mainPages }}
                {{ range $mainPages }}
                <li class="max-w-200">
                    <a href="{{ .Permalink }}">{{ .Title }}</a>
                </li>
                {{ end }}
            </ul>
        </div>
        <div class="flex-1">
            <h3 class="m-l-40 m-b-0">Découvrir :</h4>
            <ul class="m-t-5">
                <li><a href="https://www.ridygo.fr"><span class="brand">RIDYGO</span>, covoiturage</a></li>
                <li><a href="https://www.silver-mobi.coop"><span class="brand">SILVERMOBI</span>, mobilité solidaire</a></li>
                <li><a href="/gotogether/"><span class="brand">GOTOGETHER</span>, le mag</a></li>
            </ul>
        </div>
        <div class="flex-1">

            <h3 class="m-l-40 m-b-0">La coopérative :</h4>
            <ul class="m-t-5">
                <li><a href="/opensource/">❤️ Open source & Open Data</a></li>
                <li><a href="/emplois/">Offres d'emplois</a></li>
                <li><a href="/mentions-legales/">Mentions légales</a></li>
            </ul>
        </div>
    </div>
    <div class="ta-c">
        {{ range .Site.Params.Partners }}
        {{ $img := resources.Get .image }}
        <a href="{{.link}}"><img class="h-50 m-20" src="{{$img.Permalink}}" alt="{{.alt}}" /></a>
        {{ end }}
    </div>
</div>