{% macro render(o, alt = false) %}
<article class=" anim-scroll anim-from-bottom shadow relative bg-gray job flex col {{desktop('half-40 vt-40 padding-40 radius-20')}} {{mobile('w100 vt-15')}}">
    <span class="iblock absolute left ytop-15 hhalf transition-1s hz-2-in bg-warning radius-10"></span>
    <h2 class="h5 semibold success{{desktop('')}} {{mobile('')}}">Consultant(e) qualité et conformité</h2>
    <p class="vt-30">
        Rattaché au Directeur des Offres et Partenariats et sous le pilotage du Responsable Sécurité et infogérance, vous accompagnerez l’équipe dans le suivi et la qualité de l’activité Sécurité et du maintien de la certification ISO 27001 et HDS.
    </p>
    <div class="flex col left">
        <div class="flex row">
            <i class="far fa-file warning top-3"></i>
            <span class="left-10 success bold">Type de contrat :</span>
            <span class="left-20">CDI</span>
        </div>
        <div class="flex row top-10">
            <i class="far fa-calendar warning top-3"></i>
            <span class="left-10 success bold">Date de clôture :</span>
            <span class="left-20">23 juin 2022</span>
        </div>
        <div class="flex row top-10">
            <i class="far fa-clock warning top-3"></i>
            <span class="left-10 success bold">Jours restants :</span>
            <span class="left-20">65 jours</span>
        </div>
    </div>
    <div class="flex row middle space top-40">
        <div class="flex row middle">
            <a class='bg-success bold white {{desktop('vt-15-in hz-20-in radius-5')}} {{mobile('')}}'
                href=''>
                En savoir plus
            </a>
            <a class='bg-warning bold white left-20 {{desktop('vt-15-in hz-20-in radius-5')}} {{mobile('')}}'
                href='{{path("article",{id:o.id, slug:o.slug})}}'>
                Je postule
            </a>
        </div>
        <div class="flex row middle success ">
            <span class="upper p-alt">Partager sur </span>
            <a class="left-10 fab fa-whatsapp" href=""></a>
            <a class="left-10 fab fa-facebook-square" href=""></a>
            <a class="left-10 fab fa-twitter" href=""></a>
            <a class="left-10 fab fa-linkedin" href=""></a>
        </div>
    </div>
</article>
{% endmacro %}