Styleguide

List skill and quality

Voir le template

Ses compétences

Vendre

Conseiller

Convaincre

sens de l'organisation et gestion du temps

Ses qualités

Qualité d'écoute

anticipation sur les besoins du client

à la fois autonome et avec un bon esprit d'équipe

<div class="p-5 py-7.5 bg-white flex md:flex-row flex-col md:gap-20 gap-5 rounded-button">

    <div class="flex flex-col gap-5">

        <span class="text-xl font-semibold">Ses compétences</span>

        <div class="flex flex-col gap-2">

            <div class="flex gap-4 text-base font-semibold">

                <?= icon('check-blue-colored', 'w-5.5 shrink-0'); ?>

                <span>Vendre</span>

            </div>

            <div class="flex gap-4 text-base font-semibold">

                <?= icon('check-blue-colored', 'w-5.5 shrink-0'); ?>

                <span>Conseiller</span>

            </div>

            <div class="flex gap-4 text-base font-semibold">

                <?= icon('check-blue-colored', 'w-5.5 shrink-0'); ?>

                <span>Convaincre</span>

            </div>

            <div class="flex gap-4 text-base font-semibold">

                <?= icon('check-blue-colored', 'w-5.5 shrink-0'); ?>

                <span>sens de l'organisation et gestion du temps</span>

            </div>

        </div>

    </div>

    <div class="flex flex-col gap-5">

        <span class="text-xl font-semibold">Ses qualités</span>

        <div class="flex flex-col gap-2">

            <div class="flex gap-4 text-base font-semibold">

                <?= icon('check-blue-colored', 'w-5.5 shrink-0'); ?>

                <span>Qualité d'écoute</span>

            </div>

            <div class="flex gap-4 text-base font-semibold">

                <?= icon('check-blue-colored', 'w-5.5 shrink-0'); ?>

                <span>anticipation sur les besoins du client</span>

            </div>

            <div class="flex gap-4 text-base font-semibold">

                <?= icon('check-blue-colored', 'w-5.5 shrink-0'); ?>

                <span>à la fois autonome et avec un bon esprit d'équipe</span>

            </div>

            <div class="flex gap-4 text-base font-semibold">

                <?= icon('check-blue-colored', 'w-5.5 shrink-0'); ?>

                <span>à la fois autonome et avec un bon esprit d'équipe</span>

            </div>

        </div>

    </div>

</div>