templates/marketplace/components/_info_content.html.twig line 1

Open in your IDE?
  1. <div class="video-container">
  2.   <div class="container row mx-auto">
  3.     <div class="row m-0 align-items-center">
  4.       <div class="col-lg-6 text-content responsive-item">
  5.         <h3 class="video-desc-title">Comment Wellbing simplifie les activités santé & bien-être au travail ?</h3>
  6.       </div>
  7.       <div class="col-lg-6 video-box">
  8.         {# <div class="video-preview">
  9.           <button type="button" class="play-btn">
  10.             <i class="fa-sharp fa-solid fa-play"></i>
  11.           </button>
  12.         </div> #}
  13.         <div class="embed-responsive embed-responsive-16by9 video-block" id="player">
  14.           <iframe class="embed-responsive-item video-frame" src="https://player.vimeo.com/video/775094402?h=87d2cf5364&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" allowfullscreen></iframe>
  15.         </div>
  16.       </div>
  17.       <div class="col-lg-6 text-content">
  18.         <h3 class="video-desc-title  unresponsive-item">Comment Wellbing simplifie les activités santé & bien-être au travail ?</h3>
  19.         <p class="video-desc">Avec Wellbing, vous réservez en direct et créez un planning complet d’activités santé et bien-être en quelques clics.</p>
  20.       </div>
  21.     </div>
  22.   </div>
  23. </div>
  24. <div class="container content mt-5">
  25.     <div class="row">
  26.       <div class="col-md-5 text-section m-auto me-lg-3">
  27.         <h3>Plus de 170 ateliers disponibles en moins de 48h</h3>
  28.         <p>
  29.           WELLBING propose plus de 170 ateliers pratiques et théoriques pour une expérience globale centrée sur
  30.            l’amélioration de la qualité de vie des salariés en toute convivialité. 
  31.            <br> <br>
  32.            En présentiel ou en visioconférence, en collectif ou en sessions individuelles, nous nous adaptons 
  33.            en fonction de vos besoins et de vos problématiques métiers.
  34.         </p>
  35.         {% if env is defined %}
  36.             <a class="btn-blue see-all-HP" href="{{path('marketplace_app_event_all', {env:env})}}">Voir tous les ateliers</a>
  37.         {% endif %}
  38.       </div>
  39.       <div class="col-md-7 picto-section order-first order-md-last">
  40.         <div class="row">
  41.           <div class="col-3">
  42.             <img class="img-fluid" src="{{ asset('build/images/marketplace/naturo.svg') }}" alt="">
  43.             <p>NATUOPATHIE</p>
  44.           </div>
  45.           <div class="col-3">
  46.             <img class="img-fluid" src="{{ asset('build/images/marketplace/nutri.svg') }}" alt="">
  47.             <p>NUTRITION</p>
  48.           </div>
  49.           <div class="col-3">
  50.             <img class="img-fluid" src="{{ asset('build/images/marketplace/bienetre.svg') }}" alt="">
  51.             <p>BIEN-ÊTRE</p>
  52.           </div>
  53.           <div class="col-3">
  54.             <img class="img-fluid" src="{{ asset('build/images/marketplace/psycho.svg') }}" alt="">
  55.             <p>PSYCHOLOGIE</p>
  56.           </div>
  57.           <div class="col-3">
  58.             <img class="img-fluid" src="{{ asset('build/images/marketplace/kine.svg') }}" alt="">
  59.             <p>KINÉSITHÉRAPIE</p>
  60.           </div>
  61.           <div class="col-3">
  62.             <img class="img-fluid" src="{{ asset('build/images/marketplace/fit.svg') }}" alt="">
  63.             <p>FITNESS</p>
  64.           </div>
  65.           <div class="col-3">
  66.             <img class="img-fluid" src="{{ asset('build/images/marketplace/genc.svg') }}" alt="">
  67.             <p>GYNÉCOLOGIE</p>
  68.           </div>
  69.           <div class="col-3">
  70.             <img class="img-fluid" src="{{ asset('build/images/marketplace/medit.svg') }}" alt="">
  71.             <p>MÉDITATION</p>
  72.           </div>
  73.           <div class="col-3">
  74.             <img class="img-fluid" src="{{ asset('build/images/marketplace/somm.svg') }}" alt="">
  75.             <p>SOMMEIL</p>
  76.           </div>
  77.           <div class="col-3">
  78.             <img class="img-fluid" src="{{ asset('build/images/marketplace/yoga.svg') }}" alt="">
  79.             <p>YOGA</p>
  80.           </div>
  81.           <div class="col-3">
  82.             <img class="img-fluid" src="{{ asset('build/images/marketplace/minc.svg') }}" alt="">
  83.             <p>MINCEUR</p>
  84.           </div>
  85.           <div class="col-3">
  86.             <img class="img-fluid" src="{{ asset('build/images/marketplace/tabac.svg') }}" alt="">
  87.             <p>ARRÊT TABAC</p>
  88.           </div>
  89.           <div class="col-3">
  90.             <img class="img-fluid" src="{{ asset('build/images/marketplace/cardio.svg') }}" alt="">
  91.             <p>CARDIOLOGIE</p>
  92.           </div>
  93.           <div class="col-3">
  94.             <img class="img-fluid" src="{{ asset('build/images/marketplace/tele.svg') }}" alt="">
  95.             <p>TÉLÉTRAVAIL</p>
  96.           </div>
  97.           <div class="col-3">
  98.             <img class="img-fluid" src="{{ asset('build/images/marketplace/paren.svg') }}" alt="">
  99.             <p>PARENTALITÉ</p>
  100.           </div>
  101.           <div class="col-3">
  102.             <img class="img-fluid" src="{{ asset('build/images/marketplace/diet.svg') }}" alt="">
  103.             <p>DIÉTÉTIQUE</p>
  104.           </div>
  105.         </div>
  106.       </div>
  107.     </div>
  108.   </div>
  110.   <div class="container content">
  111.     <div class="row">
  112.       <div class="col-md-6">
  113.         <img class="img-fluid" src="{{ asset('build/images/marketplace/resa2.png') }}" alt="">
  114.       </div>
  115.       <div class="col-md-5 text-section m-auto ms-lg-3">
  116.         <h3>Plus de 2 500 experts diplomés partout en France</h3>
  117.         <p>
  118.           Nos 2 500 experts à travers la France sont tous diplômés d’État et recrutés avec soin par notre équipe. Médecins, kinés, coachs sportifs, maîtres en arts martiaux, professionnels de la danse... Tous sont des passionnés qui ne demandent qu’à transmettre leurs connaissances.
  119.         </p>
  120.         {# <div class="d-flex">
  121.           <div class="img-left-txt-right"> <img src="{{ asset('build/images/marketplace/genc.svg') }}"><span>Experts qualifiés et diplômés</span></div>
  122.           <div class="img-left-txt-right"> <img src="{{ asset('build/images/marketplace/genc.svg') }}"><span>Assurance lore ipsum dolor</span></div>
  123.         </div> #}
  124.       </div>
  125.     </div>
  126.   </div>
  127.   <div class="blue-banner">
  128.     <img src="{{asset('build/images/marketplace/blue_banner_image.png')}}" alt="" class="img-fluid banner-image">
  129.     <h3 class="title ">Un Expert QVT dédié à votre entreprise</h3>
  130.     <p class="text-content">Bénéficiez de l’accompagnement d’un expert QVT qui sera votre interlocuteur tout au long de votre démarche et vous aidera dans l’élaboration de votre planning QVT.</p>
  131.   </div>
  132.   
  133.   <div class="container content">
  134.     <div class="row">
  135.       <div class="col-md-6">
  136.         <img class="img-fluid" src="{{ asset('build/images/marketplace/expert_group.png') }}" alt="">
  137.       </div>
  138.       <div class="col-md-5 text-section m-auto ms-lg-3">
  139.         <h3>Un comité de prévention santé</h3>
  140.         <p>
  141.           Nous avons constitué un collège de professionnels de la santé et du bien-être afin d’identifier les besoins des salariés et de réfléchir à des solutions de prévention pour améliorer le bien-être en entreprise.
  142.         </p>
  143.       </div>
  144.     </div>
  145.   </div>
  146.   <div class="container content">
  147.     <div class="row">
  148.       <div class="col-md-5 text-section m-auto me-lg-3">
  149.         <h3>Une supervision médicale</h3>
  150.         <p>
  151.           Notre comité médical est constitué de 9 professionnels et est présidé par le Docteur Luc Pandraud, Médecin des Hôpitaux et chef de service honoraire (Hôpital Américain / Foch), qui apporte son regard expérimenté sur la santé depuis plus de 30 ans.
  152.         </p>
  153.       </div>
  154.       <div class="col-md-6 img-right order-first order-md-last">
  155.         <img class="img-fluid" src="{{ asset('build/images/marketplace/resa3.png') }}" alt="">
  156.       </div>
  157.     </div>
  158.   </div>