templates/pages/about-coach.html.twig line 1

Open in your IDE?
  1. {% extends 'pages/basehome.html.twig' %}
  3. {% block stylesheets %}
  4.     <!-- CUSTOM CSS -->
  5.     <link href="{{ asset('dev/css/tailwind.min.css')}}" rel="stylesheet" />
  6.     <link href="{{ asset('dev/css/pages/home.css')}}" rel="stylesheet" />
  7.     <link href="{{ asset('dev/css/header1.css')}}" rel="stylesheet" />
  8.     <link href="{{ asset('dev/css/pages/about-coach.css')}}" rel="stylesheet" />
  11.     <!-- REVOLUTION SLIDER CSS -->
  13.     <link rel="stylesheet" type="text/css" href="{{ asset('dev/rev-slider-files/fonts/font-awesome/css/font-awesome.css')}}" />
  14.     <link rel="stylesheet" type="text/css" href="{{ asset('dev/rev-slider-files/css/settings.css')}}" />
  16.     <!-- Font Awesome fr icons -->
  17.     <script src="https://kit.fontawesome.com/620b294e78.js" crossorigin="anonymous"></script>
  19.     <!-- REVOLUTION LAYERS STYLES -->
  20.     <style>
  21.         .tp-caption.NotGeneric-Title,
  22.         .NotGeneric-Title {
  23.             color: rgba(255, 255, 255, 1.00);
  24.             font-size: 70px;
  25.             line-height: 70px;
  26.             font-weight: 800;
  27.             font-style: normal;
  28.             text-decoration: none;
  29.             background-color: transparent;
  30.             border-color: transparent;
  31.             border-style: none;
  32.             border-width: 0px;
  33.             border-radius: 0 0 0 0px
  34.         }
  36.         .tp-caption.NotGeneric-SubTitle,
  37.         .NotGeneric-SubTitle {
  38.             color: rgba(255, 255, 255, 1.00);
  39.             font-size: 13px;
  40.             line-height: 20px;
  41.             font-weight: 500;
  42.             font-style: normal;
  43.             text-decoration: none;
  44.             background-color: transparent;
  45.             border-color: transparent;
  46.             border-style: none;
  47.             border-width: 0px;
  48.             border-radius: 0 0 0 0px;
  49.             letter-spacing: 4px
  50.         }
  52.         .tp-caption.NotGeneric-Icon,
  53.         .NotGeneric-Icon {
  54.             color: rgba(255, 255, 255, 1.00);
  55.             font-size: 30px;
  56.             line-height: 30px;
  57.             font-weight: 400;
  58.             font-style: normal;
  59.             text-decoration: none;
  60.             background-color: rgba(0, 0, 0, 0);
  61.             border-color: rgba(255, 255, 255, 0);
  62.             border-style: solid;
  63.             border-width: 0px;
  64.             border-radius: 0px 0px 0px 0px;
  65.             letter-spacing: 3px
  66.         }
  68.         .tp-caption.NotGeneric-Button,
  69.         .NotGeneric-Button {
  70.             color: rgba(255, 255, 255, 1.00);
  71.             font-size: 14px;
  72.             line-height: 14px;
  73.             font-weight: 500;
  74.             font-style: normal;
  75.             text-decoration: none;
  76.             background-color: rgba(0, 0, 0, 0);
  77.             border-color: rgba(255, 255, 255, 0.50);
  78.             border-style: solid;
  79.             border-width: 1px;
  80.             border-radius: 0px 0px 0px 0px;
  81.             letter-spacing: 3px
  82.         }
  84.         .tp-caption.NotGeneric-Button:hover,
  85.         .NotGeneric-Button:hover {
  86.             color: rgba(255, 255, 255, 1.00);
  87.             text-decoration: none;
  88.             background-color: transparent;
  89.             border-color: rgba(255, 255, 255, 1.00);
  90.             border-style: solid;
  91.             border-width: 1px;
  92.             border-radius: 0px 0px 0px 0px;
  93.             cursor: pointer
  94.         }
  95.     </style>
  97. {% endblock %}
  98. {% block title %}{{"About Coach"|trans }}{% endblock %} 
  99. {% block content %}
  100.     <main>
  101.         <section id="hero" class="background-image" data-background="url('{{ asset('dev/images/people.jpg') }}')" style="background-image: url('{{ asset('dev/') }}images/people.jpg');">
  102.             <div class="opacity-mask" data-opacity-mask="rgba(0, 0, 0, 0.6)" style="background-color: rgb(0 0 0 / 70%);">
  103.                 <div class="intro_title m-auto">
  104.                     <h3 class="animated fadeInDown">Bookoach – partenaire</h3>
  105.                     <p class="animated fadeInDown">Pourquoi s’inscrire ?</p>
  106.                 </div>
  107.             </div>
  109.             <div class="relative broadcamb">
  110.                 <ol class="d-block my-1">
  111.                     <li><a href="/" class="back-to-home "> Accueil</a></li>
  112.                     <li><i class="fa-solid fa-angle-right px-1"></i><a href="/" class="back-to-home "> A propos de nous</a></li>
  113.                 </ol>
  114.             </div>
  115.             <!-- End opacity-mask-->
  116.         </section>
  120.         <section class="container">
  122.             <div class="flex flex-col sm:flex-row py-12">
  125.                 <div class=" col-md-4 col-sm-6       cardInfo  icon-container   h-100" color="background.lightest" data-testid="action-card"
  126.                      role="link" tabindex="0">
  127.                     <div class="  gJzoyp">
  128.                         <div color="primary.light" height="48" width="48" class="  Flex-sc-1yrtwh8-0 iconCard fBIvts">
  129.                             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" aria-hidden="true"
  130.                                  fill="currentcolor" tabindex="-1" focusable="false" role="img" color="primary" class=" gHvJpT   ">
  131.                                 <path
  132.                                     d="M23 12l-2.4 2.7.3 3.5-3.6.8-1.9 3-3.4-1.4L8.6 22l-1.9-3-3.6-.8.3-3.5L1 12l2.4-2.7-.3-3.5L6.7 5l1.9-3L12 3.4 15.4 2l1.9 3 3.6.8-.3 3.5L23 12zm-10.8-.6c-1.3-.3-1.8-.7-1.8-1.3 0-.6.6-1.1 1.6-1.1s1.4.5 1.5 1.2h1.3c0-1-.7-1.9-1.9-2.2V6.7h-1.8V8c-1.1.2-2 1-2 2.1 0 1.3 1.1 2 2.8 2.4 1.5.4 1.8.9 1.8 1.4 0 .4-.3 1-1.6 1-1.2 0-1.7-.5-1.8-1.2H9c.1 1.3 1 2 2.2 2.2v1.3H13V16c1.1-.2 2.1-.9 2.1-2.1-.1-1.6-1.5-2.2-2.9-2.5z">
  133.                                 </path>
  134.                             </svg>
  135.                         </div>
  136.                     </div>
  137.                     <div width="100%" class="  Flex-sc-1yrtwh8-0 w-100 eXojDc">
  138.                         <div class="  Flex-sc-1yrtwh8-0 dYwMnq DwOrM">
  139.                             <div font-weight="700" sl-hashcode="28cd6c8a1e31572799b8915b70a38c85" font-size="14px"
  140.                                  class="  sc-hCPjZK hUMycB cxqTGF">Augmentation du revenu </div>
  141.                             <div font-weight="500" font-size="12px" letter-spacing="0.006rem" class="  jmDgxx">En rejoignant Bookoach, vous accédez à une plateforme qui vous met en contact avec un large réseau de clients potentiels.</div>
  142.                         </div>
  143.                     </div>
  144.                 </div>
  146.                 <div class=" col-md-4 col-sm-6       cardInfo  icon-container   h-100" color="background.lightest" data-testid="action-card"
  147.                      role="link" tabindex="0">
  148.                     <div class="  gJzoyp">
  149.                         <div color="primary.light" height="48" width="48" class="  Flex-sc-1yrtwh8-0 iconCard fBIvts">
  150.                             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" aria-hidden="true"
  151.                                  fill="currentcolor" tabindex="-1" focusable="false" role="img" color="primary" class=" gHvJpT   ">
  152.                                 <path
  153.                                     d="M23 12l-2.4 2.7.3 3.5-3.6.8-1.9 3-3.4-1.4L8.6 22l-1.9-3-3.6-.8.3-3.5L1 12l2.4-2.7-.3-3.5L6.7 5l1.9-3L12 3.4 15.4 2l1.9 3 3.6.8-.3 3.5L23 12zm-10.8-.6c-1.3-.3-1.8-.7-1.8-1.3 0-.6.6-1.1 1.6-1.1s1.4.5 1.5 1.2h1.3c0-1-.7-1.9-1.9-2.2V6.7h-1.8V8c-1.1.2-2 1-2 2.1 0 1.3 1.1 2 2.8 2.4 1.5.4 1.8.9 1.8 1.4 0 .4-.3 1-1.6 1-1.2 0-1.7-.5-1.8-1.2H9c.1 1.3 1 2 2.2 2.2v1.3H13V16c1.1-.2 2.1-.9 2.1-2.1-.1-1.6-1.5-2.2-2.9-2.5z">
  154.                                 </path>
  155.                             </svg>
  156.                         </div>
  157.                     </div>
  158.                     <div width="100%" class="  Flex-sc-1yrtwh8-0 w-100 eXojDc">
  159.                         <div class="  Flex-sc-1yrtwh8-0 dYwMnq DwOrM">
  160.                             <div font-weight="700" sl-hashcode="28cd6c8a1e31572799b8915b70a38c85" font-size="14px"
  161.                                  class="  sc-hCPjZK hUMycB cxqTGF">Gestion du calendrier </div>
  162.                             <div font-weight="500" font-size="12px" letter-spacing="0.006rem" class="  jmDgxx">Vous pouvez facilement organiser vos rendez-vous, éviter les doubles réservations, et mieux gérer votre emploi du temps.</div>
  163.                         </div>
  164.                     </div>
  165.                 </div>
  167.                 <div class=" col-md-4 col-sm-6       cardInfo  icon-container   h-100" color="background.lightest" data-testid="action-card"
  168.                      role="link" tabindex="0">
  169.                     <div class="  gJzoyp">
  170.                         <div color="primary.light" height="48" width="48" class="  Flex-sc-1yrtwh8-0 iconCard fBIvts">
  171.                             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" aria-hidden="true"
  172.                                  fill="currentcolor" tabindex="-1" focusable="false" role="img" color="primary" class=" gHvJpT   ">
  173.                                 <path
  174.                                     d="M23 12l-2.4 2.7.3 3.5-3.6.8-1.9 3-3.4-1.4L8.6 22l-1.9-3-3.6-.8.3-3.5L1 12l2.4-2.7-.3-3.5L6.7 5l1.9-3L12 3.4 15.4 2l1.9 3 3.6.8-.3 3.5L23 12zm-10.8-.6c-1.3-.3-1.8-.7-1.8-1.3 0-.6.6-1.1 1.6-1.1s1.4.5 1.5 1.2h1.3c0-1-.7-1.9-1.9-2.2V6.7h-1.8V8c-1.1.2-2 1-2 2.1 0 1.3 1.1 2 2.8 2.4 1.5.4 1.8.9 1.8 1.4 0 .4-.3 1-1.6 1-1.2 0-1.7-.5-1.8-1.2H9c.1 1.3 1 2 2.2 2.2v1.3H13V16c1.1-.2 2.1-.9 2.1-2.1-.1-1.6-1.5-2.2-2.9-2.5z">
  175.                                 </path>
  176.                             </svg>
  177.                         </div>
  178.                     </div>
  179.                     <div width="100%" class="  Flex-sc-1yrtwh8-0 w-100 eXojDc">
  180.                         <div class="  Flex-sc-1yrtwh8-0 dYwMnq DwOrM">
  181.                             <div font-weight="700" sl-hashcode="28cd6c8a1e31572799b8915b70a38c85" font-size="14px"
  182.                                  class="  sc-hCPjZK hUMycB cxqTGF">Visibilité </div>
  183.                             <div font-weight="500" font-size="12px" letter-spacing="0.006rem" class="  jmDgxx">Mise en avant de votre profil auprès d’un public ciblé.</div>
  184.                         </div>
  185.                     </div>
  186.                 </div>
  189.             </div>
  190.         </section>
  192.         <section class=" py-24">
  193.             <div class="row container my-12">
  195.                 <div class="col-md-4 col-sm-6 realtive">
  196.                     <div class="conatiner-rotate d-none absolute d-xl-block spin -z-10">
  197.                         <img decoding="async" class="" src="{{ asset('dev/images/circle.png') }}" style="height: 200px;">
  198.                     </div>
  199.                     <div class="top-text1  mt-5 ">
  200.                         <span class="p-1">Dicover</span>
  201.                         <h5 class="text-4xl font-extrabold">Our Mission</h5>
  202.                         <p class="  p-2 py-4" style="border: none;">Lorem, ipsum dolor sit 
  203.                             amet consectetur adipisicing elit. Saepe, veritatis culpa porro,
  204.                             soluta sint beatae a molestiae repudiandae obcaecati magnam vitae 
  205.                             esse iusto incidunt. Labore totam possimus quis sint ad!</p>
  206.                     </div>
  208.                     <div class=" p-2 mt-5">
  209.                         <h5 class="text-4xl  font-extrabold">Our Vision</h5>
  210.                         <span class="p-1  under-title ">Lorem, ipsum dolor sit</span>
  211.                         <p class="  p-2 py-4" style="border: none ;width: 82%;">Lorem, ipsum dolor sit 
  212.                             amet consectetur adipisicing elit. Saepe, veritatis culpa porro,
  213.                             soluta sint beatae a molestiae repudiandae obcaecati magnam vitae 
  214.                             esse iusto incidunt. Labore totam possimus quis sint ad!</p>
  215.                     </div>    
  217.                 </div>
  218.                 <div class="col-md-4 col-sm-6">
  219.                     <img src="{{ asset('dev/images/reunion.jpg') }}" height="400px" class="img-middle" alt="">
  220.                 </div>
  221.                 <div class="col-md-4 col-sm-6 relative" >
  222.                     <div class=" p-2 mt-5">
  223.                         <h5 class="text-4xl  font-extrabold">Our Vision</h5>
  224.                         <span class="p-1  under-title ">Lorem, ipsum dolor sit</span>
  225.                         <p class="  p-2 py-4" style="border: none">Lorem, ipsum dolor sit 
  226.                             amet consectetur adipisicing elit. Saepe, veritatis culpa porro,
  227.                             soluta sint beatae a molestiae repudiandae obcaecati magnam vitae 
  228.                             esse iusto incidunt. Labore totam possimus quis sint ad!</p>
  231.                     </div>
  233.                     <div class="top-text1  p-2">
  234.                         <span class="p-1 ">Explore</span>
  235.                         <h5 class="text-4xl  font-extrabold">Our Vision</h5>
  236.                         <p class="  p-2 py-4" style="border: none;">Lorem, ipsum dolor sit 
  237.                             amet consectetur adipisicing elit. Saepe, veritatis culpa porro,
  238.                             soluta sint beatae a molestiae repudiandae obcaecati magnam vitae 
  239.                             esse iusto incidunt. Labore totam possimus quis sint ad!</p>
  240.                     </div>
  241.                 </div>
  242.             </div>
  243.         </section>
  249.         <section class="my-12 sm:mb-12 mb-0 ">
  251.             <div class="gray-background py-12">
  253.                 <div class="card-cont row container">
  254.                     <div class="col-md-6 col-sm-12 flex flex-col justify-center">
  255.                         <div class="top-head">À propos de Bookoach</div>
  256.                         <div class="under-head text-2xl font-extrabold sm:text-4xl"> Votre partenaire pour le coaching personnalisé</div>
  257.                         <p class="p-card my-2 sm:my-4 text-sm sm:text-base text-justify">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia asperiores inventore dolores impedit, quos a perspiciatis! Molestias iusto pariatur odit exercitationem, aliquid dolor quasi sapiente assumenda reprehenderit tempore facilis quos?</p>
  258.                     </div>
  259.                     <div class="col-md-6 col-sm-12 ">
  260.                         <div class="img-circle-container ">
  261.                             <img src="{{ asset('dev/images/rampal-singh-X1a9Er9sa_w-unsplash.jpg') }}"   class="BackgroundImage-sc-1eaij4d-0 sc-bbSZdi raeFx z-10" alt="">
  263.                         </div>
  264.                     </div>
  265.                 </div>
  266.             </div>
  271.             <div class="py-12">
  272.                 <div class="card-cont row container">
  273.                     <div class="col-md-6 col-sm-12">
  274.                         <div class="img-circle-container">
  275.                             <div width="100%" height="100%" class="BackgroundImage-sc-1eaij4d-0 sc-bbSZdi raeFx z-10" style="background-image: url({{ asset('dev/images/david-monje-77AW8rM9KGg-unsplash.jpg') }});"></div></div>
  276.                     </div>
  277.                     <div class="col-md-6 col-sm-12 flex flex-col justify-center relative">
  278.                         <div class="top-head mt-3 sm:mt-0">À propos de Bookoach Coach</div>
  279.                         <div class="under-head text-2xl font-extrabold sm:text-4xl"> Aidez les gens à atteindre leurs objectifs</div>
  280.                         <p class="p-card my-2 sm:my-4 text-sm sm:text-base text-justify">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia asperiores inventore dolores impedit, quos a perspiciatis! Molestias iusto pariatur odit exercitationem, aliquid dolor quasi sapiente assumenda reprehenderit tempore facilis quos?</p>
  281.                     </div>
  283.                 </div>
  284.             </div>
  286.             <div class="gray-background py-12">
  287.                 <div class="card-cont row container ">
  288.                     <div class="col-md-6 col-sm-12 flex flex-col justify-center ">
  289.                         <div class="top-head ">À propos de Bookoach Client</div>
  290.                         <div class="under-head text-2xl font-extrabold sm:text-4xl"> Réalisez vos rêves avec le coaching personnalisé</div>
  291.                         <p class="p-card  my-2 sm:my-4 text-sm sm:text-base text-justify">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia asperiores inventore dolores impedit, quos a perspiciatis! Molestias iusto pariatur odit exercitationem, aliquid dolor quasi sapiente assumenda reprehenderit tempore facilis quos?</p>
  292.                     </div>
  293.                     <div class="col-md-6 col-sm-12">
  294.                         <div class="img-circle-container">
  295.                             <div width="100%" height="100%" class="BackgroundImage-sc-1eaij4d-0 sc-bbSZdi raeFx z-10" style="background-image: url({{ asset('dev/images/neom-fYTVHcpak2g-unsplash.jpg') }});"></div></div>
  296.                     </div>
  297.                 </div>
  298.             </div>
  300.         </section>
  304.         <div class="mt-14 mb-8 ">
  305.             <div class=" py-15 pb-1 container relative">
  306.                 <!--                             
  307.                         <div class="container-jumpright d-none d-xl-block jump z-index-negative">
  308.                                 <img decoding="async" class="" src="{{ asset('dev/') }}img//about/Dot.png">
  309.                         </div>
  310.                         <div class="container-jumpleft d-none d-xl-block jump z-index-negative">
  311.                                 <img decoding="async" class="" src="{{ asset('dev/') }}img//about/Dot.png">
  312.                         </div>
  313.                 -->
  314.                 <div class="text-center m-auto  w-full sm:w-2/3" >
  315.                     <h3 class="text-3xl sm:text-5xl font-extrabold ">Best retreats here</h3>
  316.                     <div class="row m-3 my-5 flex items-center">
  317.                         <div class="col-md-6 col-sm-12">
  318.                             <p class=" font-normal text-sm text-justify m-auto">
  319.                                 Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam ipsa quod quas omnis, nisi
  320.                                 libero  eum! Culpa quasi quidem quo facere nihil sequi praesentium voluptatibus, quaerat et
  321.                                 nam at?
  322.                                 Lorem ipsum dolor sit amet consectetur adipisicing elitstrum perferendis perspiciatis laudantium
  323.                                 a!</p>
  325.                             <p class=" font-normal text-sm text-justify mt-3  m-auto">
  326.                                 Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam ipsa quod quas omnis, nisi
  327.                                 libero  eum! Culpa quasi quidem quo facere nihil sequi praesentium voluptatibus, quaerat et
  328.                                 nam at?
  329.                                 Lorem ipsum dolor sit amet consectetur adipisicing elitstrum perferendis perspiciatis laudantium
  330.                                 a!</p>
  331.                         </div>
  332.                         <div class="col-md-6 col-sm-12 mt-4 mt-sm-0">
  333.                             <img src="{{ asset('dev/images/Bookoach-key-visual-.png') }}" alt="">
  334.                         </div>
  335.                     </div>
  336.                 </div>
  337.             </div>
  338.         </div>
  340.         <section class=" bg-white ">
  341.             <div class="row py-24  container  sm:flex sm:items-center sm:content-center">
  342.                 <div class="col-md-5 hidden md:flex">
  343.                     <img src="{{ asset('dev/images/image12.png') }}" style="max-height: 35vh;">
  344.                 </div>
  345.                 <div class="col-md-7 ps-6">
  346.                     <h4 class="text-3xl font-bold mb-6">Pourquoi devenir coach sur Bookoach?</h4>
  347.                     <div class="flex items-center py-2">
  348.                         <svg class="icon-text__icon" fill="none" height="16" viewBox="0 0 32 16" width="32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  349.                             <clipPath id="a">
  350.                                 <path d="m0 0h32v16h-32z"></path>
  351.                             </clipPath>
  352.                             <g clip-path="url(#a)" fill="#ff7f00">
  353.                                 <path d="m20.9684 8.43105c-4.9628 2.05265-10.286 3.29335-15.67372 3.35405-1.63908.0114-3.27816-.0986-4.886884-.4174-.3945932-.0796-.660185-.4477-.626037-.8499l.04553-.53493c.034147-.39459.356651-.70951.755039-.72848 3.354042-.15936 6.658762-.06071 9.997672-.40598 3.1036-.29215 6.2148-.82334 9.2046-1.73014l.6488-.17833.0379-.01138c.9676-.26939 1.4305 1.13825.4933 1.4987z">
  354.                                 </path>
  355.                                 <path d="m16.5138.271664c.2467-.155562.6602.053118.9182.094854l.8803.223857c4.0483 1.028225 8.6393 2.200625 12.7977 3.300935.6754.17833.8992 1.02063.406 1.51767-3.5058 3.521-7.0117 7.07992-10.8969 10.17602-.368.2921-.8992.2504-1.2255-.0873l-.3149-.3301c-.2846-.2959-.296-.6488-.0911-.884 2.5194-2.914 5.3346-5.53953 8.1689-8.14613.3225-.29595.2049-.83472-.2125-.96752l-.4781-.15177c-2.4851-.81954-6.1389-2.02988-8.6165-2.84943l-.8613-.28456c-.019-.00759-.0379-.01518-.0569-.02277-.4515-.15556-.6905-.6488-.5578-1.107895z">
  356.                                 </path>
  357.                             </g>
  358.                         </svg>
  359.                         <h4 class="xl:text-base  text-sm ps-2  text-start"> Inscrivez-vous en quelques clics et commencez à coacher immédiatement.</h4>
  360.                     </div>
  361.                     <div class="flex items-center py-2">
  362.                         <svg class="icon-text__icon" fill="none" height="16" viewBox="0 0 32 16" width="32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  363.                             <clipPath id="a">
  364.                                 <path d="m0 0h32v16h-32z"></path>
  365.                             </clipPath>
  366.                             <g clip-path="url(#a)" fill="#ff7f00">
  367.                                 <path d="m20.9684 8.43105c-4.9628 2.05265-10.286 3.29335-15.67372 3.35405-1.63908.0114-3.27816-.0986-4.886884-.4174-.3945932-.0796-.660185-.4477-.626037-.8499l.04553-.53493c.034147-.39459.356651-.70951.755039-.72848 3.354042-.15936 6.658762-.06071 9.997672-.40598 3.1036-.29215 6.2148-.82334 9.2046-1.73014l.6488-.17833.0379-.01138c.9676-.26939 1.4305 1.13825.4933 1.4987z">
  368.                                 </path>
  369.                                 <path d="m16.5138.271664c.2467-.155562.6602.053118.9182.094854l.8803.223857c4.0483 1.028225 8.6393 2.200625 12.7977 3.300935.6754.17833.8992 1.02063.406 1.51767-3.5058 3.521-7.0117 7.07992-10.8969 10.17602-.368.2921-.8992.2504-1.2255-.0873l-.3149-.3301c-.2846-.2959-.296-.6488-.0911-.884 2.5194-2.914 5.3346-5.53953 8.1689-8.14613.3225-.29595.2049-.83472-.2125-.96752l-.4781-.15177c-2.4851-.81954-6.1389-2.02988-8.6165-2.84943l-.8613-.28456c-.019-.00759-.0379-.01518-.0569-.02277-.4515-.15556-.6905-.6488-.5578-1.107895z">
  370.                                 </path>
  371.                             </g>
  372.                         </svg>
  373.                         <h4 class="xl:text-base  text-sm ps-2  text-start"> Atteignez une audience mondiale à la recherche de coachs.</h4>
  374.                     </div>
  376.                     <div class="pt-3">
  377.                         <div class="d-flex items-center news-letter">
  378.                             <input type="email" class="form-control" id="formrow-email-input" placeholder="Entrer votre Email">
  379.                                 <button class="btn1 m-2">
  380.                                     <div class=" whitespace-nowrap">S'inscrire</div>
  381.                                 </button>
  382.                         </div>
  383.                     </div>
  385.                 </div>
  386.             </div>
  387.         </section>
  391.         <div class="barstripe  my-10 sm:my-24 is-background-primary flex flex-col justify-center items-center primary-font  " >
  392.             <h3 class="text-2xl text-white font-bold">Votre réussite, notre mission</h3>
  393.             <p>Découvrez la force du coaching personnalisé pour changer votre vie</p>
  394.         </div>
  396.         <section class=" py-0 sm:py-15 sm:mt-5 mt-0 mt-sm-0 " style="">
  398.             <div class="row mx-2" style="max-width: 100%;">
  399.                 <div class="col-md-6 col-sm-12 px-0 img-fullbanner" >
  400.                     <img src="{{ asset('dev/images/people.jpg') }}" class="object-cover h-100" alt="">
  401.                 </div>
  402.                 <div class="col-md-5 flex items-center ms-1 ms-sm-5 col-sm-12">
  403.                     <div class="">
  404.                         <h2 class="leading-none text-2xl sm:text-6xl mt-md-5 mb-1 sm:mb-4 mt-4 mt-sm-0 font-extrabold ">À l'étranger ou près de chez vous </h2>
  406.                         <h3 class="font-normal sm:font-medium text-lg sm:text-3xl mb-0 sm:mb-3">
  407.                             Nos coachs organisent chaque détail de votre séjour.
  408.                         </h3>
  410.                         <div class="py-3 ">
  411.                             <p class="p-fullbanner">L’organisation d’un séjour par un coach se déroule en plusieurs étapes clés pour garantir la meilleure expérience</p>
  412.                             
  413.                         </div>
  415.                         <div class="topic-list py-3">
  416.                             <a class="topic-item flex items-center pb-3 w-100 sm:w-50">
  417.                                 <div class=" check-wrap flex items-center justify-center ">
  418.                                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check"><polyline points="20 6 9 17 4 12"></polyline></svg>
  419.                                 </div>
  420.                                 <span class="topic-name flex items-center">Définir ses objectifs : Le coach commence par comprendre vos attentes et objectifs pour le séjour, qu'il s'agisse de développement personnel, de relaxation, de formation professionnelle ou d'une autre finalité.</span>
  421.                             </a>
  422.                             <a class="topic-item flex items-center pb-3 w-100 sm:w-50">
  423.                                 <div class=" check-wrap flex items-center justify-center ">
  424.                                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check"><polyline points="20 6 9 17 4 12"></polyline></svg>
  425.                                 </div>
  426.                                 <span class="topic-name flex items-center">Conception du programme : En fonction de vos objectifs, le coach crée un programme sur mesure, intégrant des activités, des ateliers, des séances de coaching ou des moments de détente. </span>
  427.                             </a>
  428.                             <a class="topic-item flex items-center pb-3 w-100 sm:w-50">
  429.                                 <div class=" check-wrap flex items-center justify-center ">
  430.                                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check"><polyline points="20 6 9 17 4 12"></polyline></svg>
  431.                                 </div>
  432.                                 <span class="topic-name flex items-center">Réservation de l’hébergement : Le coach sélectionne des hébergements adaptés. </span>
  433.                             </a>
  434.                             <a class="topic-item flex items-center pb-3 w-100 sm:w-50">
  435.                                 <div class=" check-wrap flex items-center justify-center ">
  436.                                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check"><polyline points="20 6 9 17 4 12"></polyline></svg>
  437.                                 </div>
  438.                                 <span class="topic-name flex items-center"> Organisation du transport : Pour faciliter votre arrivée à destination, le coach fournit des informations sur les moyens de transport. Les trajets (vols, trains) sont à votre charge. Le coach peut organiser des transferts privés si nécessaire entre l’aéroport et votre lieu d’hébergement. </span>
  439.                             </a>
  440.                             <a class="topic-item flex items-center pb-3 w-100 sm:w-50">
  441.                                 <div class=" check-wrap flex items-center justify-center ">
  442.                                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check"><polyline points="20 6 9 17 4 12"></polyline></svg>
  443.                                 </div>
  444.                                 <span class="topic-name flex items-center"> Gestion des détails pratiques : Le coach fournit des informations complètes sur la destination (climat, culture, langue, sécurité, visa, vaccination, monnaie).</span>
  445.                             </a>
  446.                             <a class="topic-item flex items-center pb-3 w-100 sm:w-50">
  447.                                 <div class=" check-wrap flex items-center justify-center ">
  448.                                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check"><polyline points="20 6 9 17 4 12"></polyline></svg>
  449.                                 </div>
  450.                                 <span class="topic-name flex items-center"> Suivi personnalisé : Tout au long du séjour, le coach reste disponible pour résoudre tout problème éventuel, adapter le programme si nécessaire, et s’assurer que tout se déroule comme prévu.</span>
  451.                             </a>
  453.                         </div>
  455.                     </div>
  456.                 </div>
  457.             </div>
  458.         </section>
  463.     </main>
  464.     <!-- End main -->
  465. {% endblock %}
  466. {% block javascripts %}
  468.     <script src="{{ asset('dev/js/home.js')}}" type="module"></script>
  471.     <script src="{{ asset('dev/js/hicon.min.js')}}"></script>
  472.     <script> hicon.replace();</script>
  473.     <script src="{{ asset('dev/js/feather.min.js')}}">  feather.replace();</script>
  475.     <script src="{{ asset('dev/js/datepicker.min.js')}}"></script>
  476.     <script defer src="{{ asset('dev/js/cdn.min.js')}}"></script>
  477. {% endblock %}