templates/home/wheretostart.html.twig line 1

Open in your IDE?
  1. <section class="bg-black p-10">
  2.     <h1 class="sm:letter text-white underline font-bold flex justify-center text-[2.5rem]">Par où commencer ?</h1>
  3.     <div class="pt-8 sm:pl-10 md:pl-16">
  4.         <h2 class="greenPuce 2xl:pt-3 text-white flex justify-center text-[2rem]">Je choisis la pause sport santé qui me convient </h2>
  5.     </div>
  6.     <div class="p-5 xl:p-24 grid grid-cols-1 lg:grid-cols-2 gap-10 text-white justify-items-center">
  7.         <div class="rounded-[16px] relative shadow-lg border-[3px] border-stone-500 flex justify-center items-center w-[90%] m-8">
  8.             <img class="rounded-[17px] img" src="./import/images/n3.jpg" alt="">
  9.             <div class="mt-16 flex flex-col items-center justify-center absolute bandeauWhere ">
  10.                 <a class="mt-16 flex flex-col items-center justify-center absolute bandeauWhere" href="{{path('app_individual_coaching_sante')}}">
  11.                     <h3 class="italic font-bold pb-2 xl:pb-5 xl:pt-3 pt-2 md:pt-5 text-[1.5rem] lg:text-[1.25rem]">Coaching Individuel</h3>
  12.                     <p class="italic underline xl:pb-3 md:pb-2 text-[1.25rem] lg:text-[1rem]">Transformation physique</p>
  13.                     <p class="pt-1 px-16 text-center xl:pb-3 pb-2 md:pb-5 text-[1.25rem] lg:text-[1rem]">Devenir autonome dans la gestion de mon bien-être physique</p>
  14.                 </a>
  15.             </div>
  16.         </div>
  17.         <div class="rounded-[1rem] relative shadow-lg border-[3px] border-stone-500 flex justify-center items-center w-[90%] m-8">
  18.             <img class="rounded-[17px] img" src="./import/images/n2.jpg" alt="">
  19.             <div class="mt-16 flex flex-col items-center justify-center absolute bandeauWhere">
  20.                 <a class="mt-16 flex flex-col items-center justify-center absolute bandeauWhere" href="{{path('app_coach_collectif')}}">
  21.                     <h3 class="italic font-bold pb-2 xl:pb-5 xl:pt-3 pt-2 md:pt-5 text-[1.5rem] lg:text-[1.25rem]">Coaching Collectif</h3>
  22.                     <p class="italic underline xl:pb-3 md:pb-2 text-[1.25rem] lg:text-[1rem]">Duo, trio ou quatuor +</p>
  23.                     <p class="pt-1 px-16 text-center xl:pb-3 pb-2 md:pb-5 text-[1.25rem] lg:text-[1rem]">Me transformer physiquement avec mes proches</p>
  24.                 </a>
  25.             </div>
  26.         </div>
  27.         <div class="rounded-[1rem] relative shadow-lg border-[3px] border-stone-500 flex justify-center items-center w-[90%] m-8">
  28.             <img class="rounded-[17px] img" src="./import/images/n8.jpg" alt="">
  29.             <div class="mt-16 flex flex-col items-center justify-center absolute bandeauWhere">
  30.                 <a class="mt-16 flex flex-col items-center justify-center absolute bandeauWhere" href="{{path('app_individual_coaching_senior')}}">
  31.                     <h3 class="italic font-bold pb-2 xl:pb-5 xl:pt-3 pt-2 md:pt-5 text-[1.5rem] lg:text-[1.25rem]">Coaching Individuel</h3>
  32.                     <p class="italic underline xl:pb-3 md:pb-2 text-[1.25rem] lg:text-[1rem]">Sénior</p>
  33.                     <p class=" pt-1 px-16 text-center pb-2 md:pb-5 text-[1.25rem] lg:text-[1rem]">Garder la forme et vieillir sereinement</p>
  34.                 </a>
  35.             </div>
  36.         </div>
  37.         <div class="rounded-[1rem] relative shadow-lg border-[3px] border-stone-500 flex justify-center items-center w-[90%] m-8">
  38.             <img class="rounded-[17px] img" src="./import/images/n4.jpg" alt="">
  39.             <div class="mt-16 flex flex-col items-center justify-center absolute bandeauWhere">
  40.                 <a class="mt-16 flex flex-col items-center justify-center absolute bandeauWhere" href="{{path('app_distance_coaching_preparation')}}">
  41.                     <h3 class="italic font-bold pb-2 xl:pb-5 xl:pt-3 pt-2 md:pt-5 text-[1.5rem] lg:text-[1.25rem]">Coaching à distance</h3>
  42.                     <p class="italic underline xl:pb-3 md:pb-2 text-[1.25rem] lg:text-[1rem]">Transformation physique / Challenge sportif</p>
  43.                     <p class=" pt-1 px-16 text-center xl:pb-3 pb-2 md:pb-5 text-[1.25rem] lg:text-[1rem]">Me dépasser pour atteindre mon objectif personnel</p>
  44.                 </a>
  45.             </div>
  46.         </div>
  47.     </div>
  48. </section>