{{ define "main" }}
    <div class="container landing__container">
        <section class="landing__cover" id="landing-slogan">
            <div class="landing__cover__content row my-3">
                <div class="branding col-12 col-lg-4 d-flex justify-content-center">
                    {{ $image := resources.Get "images/logos/logo.png" }}
                    <img
                        alt="Logo VMEMS représentant un vélo en transition"
                        src="{{ $image.RelPermalink }}"
                    />
                </div>
                <div class="col-12 col-lg-8 d-flex flex-column justify-content-center align-items-center">
                    <h1>Ensemble, rendons Gaillon-Aubevoye cyclable !</h1>
                    <h5 class="mt-3">Association Vélo et Mobilités en Eure-Madrie-Seine</h5>
                </div>
            </div>
        </section>
        <section id="landing-why">
            <h2>Pourquoi développer le vélo du quotidien ? 🚲</h2>
            <ul>
                <li>Économique 💸</li>
                <li>Bon pour la santé ❤️</li>
                <li>Pratique et rapide 💨</li>
                <li>Écologique 🌳</li>
                <li>Convivial ☺️</li>
            </ul>
        </section>
        <section id="landing-faq">
        </section>
        <section id="landing-how">
        </section>
        <section id="landing-actions">
            {{/*
            What we do
            */}}
        </section>
        <section id="landing-need-help">
            {{/*
            How to help us
            */}}
        </section>
        <section id="landing-last-news">
            {{/*
            Show last 3 news
            */}}
        </section>
        <div>
        {{ .Content }}
        </div>
    </div>
{{ end }}