<section class="become-member"> <h2 class="relative z-1 title--XXL text-green font-weight-semibold text-center">Devenez adhérent</h2> <div class="fluid-grid relative"> <div class="row items-center become-member__inner"> <div class="col-12 lg-col-4 relative pt-6 lg:py-12"> <div class="title--M text-violet-dark font-weight-semibold become-member__title"> <svg class="icon icon--green flex-shrink-0" aria-hidden="true"> <use href="#icon-profile" xlink:href="#icon-profile"></use> </svg> <p class="ml-4 pr-4 md:-ml-5"> Bénéficiez de dossiers, d’articles et d’actualités en exclusivité ! </p> </div> </div> <div class="col-12 lg-col-6 xl-col-5 px-6 lg:pl-4 lg:pr-0 xl:pl-0 paragraph wysiwyg"> <ul class="relative list-non pt-4 lg:pt-0"> <li>Des conseils et des outils spécifiques</li> <li>D’un relais facilité auprès des autorités et des partenaires</li> <li>Un espace dédié et sécurisé ou vous pourrez retrouver tous vos contenus !</li> </ul> </div> </div> <div class="cta-wrapper"> <img data-src="/assets/front/become-member-push.jpg" alt="" class="relative lg:absolute mx-auto round lazyload"> <a href="{{ page_url('login','front') }}" class="cta absolute lg:relative round bg-green text-violet text-center font-weight-bold flex flex-col justify-center items-center flex-wrap"> Devenir<br/>Adhérent <svg width="100%" height="12" class="icon mt-2" aria-hidden="true"> <use href="#icon-arrow" xlink:href="#icon-arrow"></use> </svg> </a> </div> </div></section>