<section class="social-banner"> <div class="bg-violet-light pb-8 lg:pb-0"> <div class="fluid-grid"> <div class="row"> <div class="col-12 lg-col-3 xl-col-4 flex justify-center"> <div class="relative"> <img width="210" height="210" class="lazyload social-banner__big" data-src="/assets/front/social-banner-big.png" alt="" /> <img width="142" height="142" class="lazyload social-banner__small" data-src="/assets/front/social-banner-small.png" alt="" /> </div> </div> <div class="col-12 lg-col-9 xl-col-7 text-center lg:text-left lg:flex justify-between items-center social-banner__right"> <h2 class="title title--M-bis text-violet font-light"> Pour plus d'infos,<br/> <span>retrouvez-nous sur<br/> les réseaux sociaux</span> </h2> <ul class="flex justify-center pt-6 md:pt-8 lg:pt-0"> <li class="mr-6 md:mr-8"> <a href="https://www.linkedin.com/company/cgf-cf/" class="social-banner__social icon-center" target="_blank" rel="noopener"> <svg width="26" height="26" class="icon--violet"> <use href="#icon-linkedin" xlink:href="#icon-linkedin"></use> </svg> <span class="sr-only">Linkedin</span> </a> </li> <li> <a href="https://twitter.com/CGF_CF " class="social-banner__social icon-center" target="_blank" rel="noopener"> <svg width="33" height="26" class="icon--violet"> <use href="#icon-twitter" xlink:href="#icon-twitter"></use> </svg> <span class="sr-only">Twitter</span> </a> </li> </ul> </div> </div> </div> </div></section>