GOA CAR UI Framework

<header class="c-ctn u-pt-2" u-pl-12="lg,xl" u-pr-12="lg,xl" u-pl-8="md" u-pr-8="md" u-pl-6="sm" u-pr-6="sm" u-pl-5="xs" u-pr-5="xs">

    <div class="c-flex m-cross-center m-main-end m-column c-dim c-bg m-asset-goa-free-1 m-cover m-no-repeat m-position-middle-center c-txt m-ta-center c-pos m-relative u-brad-3 u-c-neutral-900 u-o-hidden"

        m-ar-2_1="lg,xl"

        m-h-600px="xs,sm,md">

        <!-- Yellow ribbon -->

        <svg class="c-pos m-absolute" u-d-none="xs,sm,md" style="top: -200px; right: -500px; transform: rotate(20deg); transform-origin: bottom left" width="735" height="381" viewBox="0 0 735 381" fill="none" xmlns="http://www.w3.org/2000/svg">

            <rect x="17.5" y="17.5" width="700" height="346" rx="44.5" stroke="#F8D548" stroke-width="35"/>

        </svg>

        <!-- Blue green ribbon -->

        <svg class="c-pos m-absolute" u-d-none="xs,sm,md" style="right: calc(100% - 150px); bottom: -100px" width="735" height="381" viewBox="0 0 735 381" fill="none" xmlns="http://www.w3.org/2000/svg">

            <rect x="17.5" y="17.5" width="700" height="346" rx="44.5" stroke="#8BD1D5" stroke-width="35"/>

        </svg>

        <!-- Logo and title -->

        <h1 class="c-flex m-column m-cross-center c-pos m-relative u-m-0">

            <span class="c-bg m-asset-logo-goa-free-white m-contain m-no-repeat c-txt m-fs-11 u-c-transparent" m-fs-9="xs,sm,md">GOA Free</span>

            <span class="c-txt m-fs-12 m-ff-lead-700 m-lh-1_4" m-fs-10="xs,sm,md" u-mt-7="lg,xl" u-mt-4="xs,sm,md">Abonnez-vous à votre prochaine voiture</span>

        </h1>

        <!-- Baseline/Tagline/CTA -->

        <p class="c-flex m-column m-cross-center c-txt m-fs-6 m-lh-1_4 c-pos m-relative u-mb-0" m-fs-5="xs,sm,md" u-mt-4="lg,xl" u-mt-2="xs,sm,md">

            Téléchargez dès à présent votre application

            <span class="c-flex m-g24" m-g16="xs,sm,md" u-mt-9="lg,xl" u-mt-7="xs,sm,md" u-mb-14="lg,xl" u-mb-9="xs,sm,md">

                <a href="#" title="Télécharger l'application pour iOS">

                    <img src="https://itautomotive-dev.github.io/goafe-ui/img/logos/logo-app-store-white.svg" class="c-dim" m-h-38px="xs,sm,md" m-w-auto="xs,sm,md" height="48" width="152" alt="App Store">

                </a>

                <a href="#" title="Télécharger l'application pour Android">

                    <img src="https://itautomotive-dev.github.io/goafe-ui/img/logos/logo-play-store-white.svg" class="c-dim" m-h-38px="xs,sm,md" m-w-auto="xs,sm,md" height="48" width="162" alt="Play Store">

                </a>

            </span>

        </p>

    </div>

</header>

​