<div class="megamenu" > <!--Megamenu 1--> <div class="megamenu-inner" id="megamenu1" style="display:none;"> <button class="close-button"> <i data-feather="arrow-left"></i> </button> <div class="container"> <div class="row"> <div class="col-4"> <div class="megamenu-block"> <div class="media"> <div class="media-left text-primary"> <span class="fas fa-2x fa-cocktail"></span> </div> <div class="media-content"> <h3 class="title-menu">Séjours</h3> <p> Découvrez nos séjours de coaching avec hébergement de qualité, séances et activités enrichissantes dans des cadres magnifiques. </p> <a href="events.html" class="arrow-link"> <span>Explorez les séjours organisés </span> <i data-feather="arrow-right"></i> </a> </div> </div> </div> </div> <div class="col-4"> <div class="megamenu-block has-margin "> <h3 class="title-menu">En Vedette</h3> <ul> <li> <a href="events.html" class="arrow-link"> <span>Retraites de Yoga </span> <i data-feather="arrow-right"></i> </a> </li> <li> <a href="events.html" class="arrow-link"> <span>Séjours Bien-Être</span> <i data-feather="arrow-right"></i> </a> </li> <li> <a href="events.html" class="arrow-link"> <span>Ateliers de Développement Personnel</span> <i data-feather="arrow-right"></i> </a> </li> </ul> </div> </div> <div class="col-4"> <div class="megamenu-block is-left-bordered"> <div class="media"> <div class="media-content"> <h3 class="title-menu">Organisez un Séjour</h3> <p> Apprenez comment organiser des séjours et offrir vos services sur notre plateforme. </p> <a href="host.html" class="arrow-link"> <span>Devenir Coach</span> <i data-feather="arrow-right"></i> </a> </div> </div> </div> </div> </div> </div> </div> <!--Megamenu 2--> <div class="megamenu-inner" id="megamenu2" style="display: none;"> <button class="close-button"> <i data-feather="arrow-left"></i> </button> <div class="container"> <div class="row"> <div class="col-4"> <div class="megamenu-block"> <div class="media"> <div class="media-left text-primary"> <span class="fas fa-2x fa-cocktail"></span> </div> <div class="media-content"> <h3 class="title-menu">Coaches</h3> <p> Découvrez nos programmes de coaching personnalisé, professionnel et de groupe pour vous accompagner vers votre plein potentiel personnel et professionnel. </p> <a href="events.html" class="arrow-link"> <span>Explorez les sessions par coaches </span> <i data-feather="arrow-right"></i> </a> </div> </div> </div> </div> <div class="col-4"> <div class="megamenu-block has-margin"> <h3 class="title-menu">Coaches par Categories</h3> <div class="tags"> <a href="home-2.html" class="tag is-rounded">Bien etre </a> <a href="home-2.html" class="tag is-rounded">Sport</a> <a href="home-2.html" class="tag is-rounded">Famille</a> <a href="home-2.html" class="tag is-rounded">Culturel</a> <a href="home-2.html" class="tag is-rounded">Relooking</a> <a href="home-2.html" class="tag is-rounded">Pilotage</a> <a href="home-2.html" class="tag is-rounded">Culinaire</a> <a href="home-2.html" class="tag is-rounded">Décoration</a> <a href="home-2.html" class="tag is-rounded">Artistique</a> </div> </div> </div> <div class="col-4"> <div class="megamenu-block is-left-bordered"> <div class="media"> <div class="media-content"> <h3 class="title-menu">Vous etes Coach</h3> <p> La platform Bookoach vous aides à vous organiser </p> <a href="{{ path('coach_registration') }}" class="arrow-link"> <span>Inscrivez-vous</span> <i data-feather="arrow-right"></i> </a> </div> </div> </div> </div> </div> </div> </div> <!--Megamenu 3--> <div class="megamenu-inner" id="megamenu3" style="display: none;"> <button class="close-button"> <i data-feather="arrow-left"></i> </button> <div class="container"> <div class="row"> <div class="col-4"> <div class="megamenu-block"> <div class="media"> <div class="media-left text-primary"> <span class="fas fa-2x fa-cocktail"></span> </div> <div class="media-content"> <h3 class="title-menu">Explorez Bookoach et ses Services de Coaching</h3> <p> Bookoach connecte des coaches spécialisés à des clients pour divers projets. Trouvez l'expert idéal pour atteindre vos objectifs. </p> <a href="{{ path('about') }}" class="arrow-link"> <span>Qui somme nous</span> <i data-feather="arrow-right"></i> </a> </div> </div> </div> </div> <div class="col-4"> <div class="megamenu-block is-left-bordered"> <div class="media"> <div class="media-content"> <h3 class="title-menu">Devenez coach sur Bookoach </h3> <p> Découvrez comment rejoindre notre réseau de coaches et aider des clients à atteindre leurs objectifs grâce à votre expertise </p> <a href="{{ path('about_coach') }}" class="arrow-link"> <span>Devenir Partenaire</span> <i data-feather="arrow-right"></i> </a> </div> </div> </div> </div> <div class="col-4"> <div class="megamenu-block is-left-bordered"> <div class="media"> <div class="media-content"> <h3 class="title-menu">Trouvez votre coach avec Bookoach </h3> <p> Apprenez comment Bookoach peut vous aider à trouver des coaches spécialisés pour vos projets personnels et professionnels </p> <a href="{{ path('about_booker') }}" class="arrow-link"> <span>Pourquoi Bookoach</span> <i data-feather="arrow-right"></i> </a> </div> </div> </div> </div> </div> </div> </div> <!--Megamenu 4--> <div class="megamenu-inner" id="megamenu4" style="display: none;"> <button class="close-button"> <i load-hicon="arrow-left"></i> </button> <div class="container"> <div class="row"> <div class="col-4"> <div class="megamenu-block is-right-bordered"> <ul> <li> <a href="events.html" class="arrow-link cat1 cat-name d-flex justify-content-between p-2"> <span>Coaching Privé</span> <i class="icon-right-open-mini"></i> </a> </li> <li> <a href="events.html" class="arrow-link cat2 cat-name d-flex justify-content-between p-2"> <span>Coaching en groupe</span> <i class="icon-down-open-mini"></i> </a> </li> <li> <a href="events.html" class="arrow-link cat3 cat-name d-flex justify-content-between p-2"> <span>Coaching Visio</span> <i class="icon-down-open-mini"></i> </a> </li> </ul> </div> </div> <div class="col"> <div class="megamenu-block "> <div class="media"> <div class="media-content " id="cat1" style="display: none;"> <div class="row"> <div class="col-md-4 mb-1.5"> <a href="#" class="mb-1.5">Bien etre</a> </div> <div class="col-md-4 mb-1.5"> <a href="#" class="mb-1.5">Sport</a> </div> <div class="col-md-4 mb-1.5"> <a href="#" class="mb-1.5">Famille</a> </div> </div> <div class="row"> <div class="col-md-4 mb-1.5"> <a href="#" class="mb-1.5">Culturel</a> </div> <div class="col-md-4 mb-1.5"> <a href="#" class="mb-1.5">Relooking</a> </div> <div class="col-md-4 mb-1.5"> <a href="#" class="mb-1.5">Pilotage</a> </div> </div> <div class="row"> <div class="col-md-4 mb-1.5"> <a href="#" class="mb-1.5">Culinaire</a> </div> <div class="col-md-4 mb-1.5"> <a href="#" class="mb-1.5">Décoration</a> </div> <div class="col-md-4 mb-1.5"> <a href="#" class="mb-1.5">Artistique</a> </div> </div> <div class="row"> <div class="col-md-4 mb-1.5"> <a href="#" class="mb-1.5">Généalogique</a> </div> <div class="col-md-4 mb-1.5"> <a href="#" class="mb-1.5">Yoga</a> </div> <div class="col-md-4 mb-1.5"> <a href="#" class="mb-1.5">Artistique</a> </div> </div> </div> <div class="media-content " id="cat2" style="display: none;"> <div class="row"> <div class="col-md-4 mb-1.5"> <a href="#" class="mb-1.5">Développement Personnel </a> </div> <div class="col-md-4 mb-1.5"> <a href="#" class="mb-1.5">Communication Interpersonnelle</a> </div> <div class="col-md-4 mb-1.5"> <a href="#" class="mb-1.5">Leadership et Gestion d'Équipe</a> </div> </div> <div class="row"> <div class="col-md-4 mb-1.5"> <a href="#" class="mb-1.5">Gestion du Stress</a> </div> <div class="col-md-4 mb-1.5"> <a href="#" class="mb-1.5">Confiance en Soi</a> </div> <div class="col-md-4 mb-1.5"> <a href="#" class="mb-1.5">Équilibre Travail-Vie Personnelle </a> </div> </div> <div class="row"> <div class="col-md-4 mb-1.5"> <a href="#" class="mb-1.5">Prise de Décision</a> </div> <div class="col-md-4 mb-1.5"> <a href="#" class="mb-1.5">Intelligence Emotionnelle</a> </div> <div class="col-md-4 mb-1.5"> <a href="#" class="mb-1.5">Créativité et Innovation</a> </div> </div> <div class="row"> <div class="col-md-4 mb-1.5"> <a href="#" class="mb-1.5">Gestion du Temps </a> </div> <div class="col-md-4 mb-1.5"> <a href="#" class="mb-1.5">Intelligence Emotionnelle</a> </div> <div class="col-md-4 mb-1.5"> <a href="#" class="mb-1.5">Coaching de Carrière </a> </div> </div> </div> <div class="media-content " id="cat3" style="display: none;"> <div class="row"> <div class="col-md-4 mb-1.5"> <a href="#" class="mb-1.5">Coaching en Communication </a> </div> <div class="col-md-4 mb-1.5"> <a href="#" class="mb-1.5">Historical Tours in Rome</a> </div> <div class="col-md-4 mb-1.5"> <a href="#" class="mb-1.5">Day Trips in Florence</a> </div> </div> <div class="row"> <div class="col-md-4 mb-1.5"> <a href="#" class="mb-1.5">Historical Tours in Paris</a> </div> <div class="col-md-4 mb-1.5"> <a href="#" class="mb-1.5">Bus Tours in Las Vegas</a> </div> <div class="col-md-4 mb-1.5"> <a href="#" class="mb-1.5">Bus Tours in Las Vegas</a> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!--Megamenu 5--> <div class="" id="megamenu5" style="display: none;"> <div class="main-navigation--search py-4" style="position: relative;z-index: 2;" > <form id="search-form2"> <div class="search-bar" > <div class="block-30 search-drop1" > <div class="field"> <label>Search</label> <div class="control"> <input required="required" id="searchFor2" placeholder="Recherchez ..." /> <button type="reset" class="clear-value"> <i data-feather="x"></i> </button> </div> </div> <div class="search-dropdownSearch" style="display: none;"> <div class="search-dropdown-inner"> <div class="near-tags"> <h4> Search Results</h4> <div> </div> <div class="tags d-flex justify-content-center py-2" style="min-height: 40px;"> <div class="search-results tags d-flex justfify-content-between p-2 flex-wrap"> <span class="search-tag">San Francisco</span> <span class="search-tag">San Diego Truelae</span> <span class="search-tag">Orange County</span> <span class="search-tag">San Juan</span> <span class="search-tag">San aldeeers</span> <span class="search-tag">Orange County</span> <span class="search-tag">San Juan Refre</span> </div> </div> </div> <div class="near-tags"> <h4>Popular search</h4> <div class="tags"> <span class="tag">Los Angeles</span> <span class="tag">San Francisco</span> <span class="tag">San Diego</span> <span class="tag">Orange County</span> <span class="tag">San Juan</span> </div> </div> <div class="near-tags mt-3"> <h4>Popular Destinations</h4> <div class="d-flex flex-wrap"> <div class="column is-4"> <a class="d-flex align-items-center"> <figure class="image is-64x64"> <img class="rounded" src="{{ asset('dev/img/6.svg') }}" > </figure> <div class="ml-2"> <span class="d-block title-dest">Grand Canyon</span> <span class="d-block sous-title-dest">15 flats</span> </div> </a> </div> <div class="column is-4"> <a class="d-flex align-items-center"> <figure class="image is-64x64"> <img class="rounded" src="{{ asset('dev/img/6.svg') }}" > </figure> <div class="ml-2"> <span class="d-block title-dest">Grand Canyon</span> <span class="d-block sous-title-dest">15 flats</span> </div> </a> </div> <div class="column is-4"> <a class="d-flex align-items-center"> <figure class="image is-64x64"> <img class="rounded" src="{{ asset('dev/img/6.svg') }}" > </figure> <div class="ml-2"> <span class="d-block title-dest">Grand Canyon</span> <span class="d-block sous-title-dest">15 flats</span> </div> </a> </div> <div class="column is-4"> <a class="d-flex align-items-center"> <figure class="image is-64x64"> <img class="rounded" src="" > </figure> <div class="ml-2"> <span class="d-block title-dest">Grand Canyon</span> <span class="d-block sous-title-dest">15 flats</span> </div> </a> </div> </div> </div> </div> </div> </div> <div class="block-30 location-drop1" > <div class="field"> <label>Destination</label> <div class="control"> <input required="required" class="py-1" placeholder="Où êtes-vous?" id="search2" /> <button type="reset" class="clear-value"> <i data-feather="x"></i> </button> </div> </div> <div class="location-dropdownSearch" style="display: none;"> <div class="location-dropdown-inner"> <div class="near-tags"> <h4> Search Results</h4> <div> </div> <div class="tags d-flex justify-content-center py-2" style="min-height: 40px;"> <div class="search-results tags d-flex justfify-content-between p-2 flex-wrap"> <span class="search-tag">San Francisco</span> <span class="search-tag">San Diego Truelae</span> <span class="search-tag">Orange County</span> <span class="search-tag">San Juan</span> <span class="search-tag">San aldeeers</span> <span class="search-tag">Orange County</span> <span class="search-tag">San Juan Refre</span> </div> </div> </div> <div class="near-tags"> <h4>Popular search</h4> <div class="tags"> <span class="tag">Los Angeles</span> <span class="tag">San Francisco</span> <span class="tag">San Diego</span> <span class="tag">Orange County</span> <span class="tag">San Juan</span> </div> </div> <div class="near-tags mt-3"> <h4>Popular Destinations</h4> <div class="d-flex flex-wrap"> <div class="column is-4"> <a class="d-flex align-items-center"> <figure class="image is-64x64"> <img class="rounded" src="{{ asset('dev/img/6.svg') }}" > </figure> <div class="ml-2"> <span class="d-block title-dest">Grand Canyon</span> <span class="d-block sous-title-dest">15 flats</span> </div> </a> </div> <div class="column is-4"> <a class="d-flex align-items-center"> <figure class="image is-64x64"> <img class="rounded" src="{{ asset('dev/img/6.svg') }}" > </figure> <div class="ml-2"> <span class="d-block title-dest">Grand Canyon</span> <span class="d-block sous-title-dest">15 flats</span> </div> </a> </div> <div class="column is-4"> <a class="d-flex align-items-center"> <figure class="image is-64x64"> <img class="rounded" src="{{ asset('dev/img/6.svg') }}" > </figure> <div class="ml-2"> <span class="d-block title-dest">Grand Canyon</span> <span class="d-block sous-title-dest">15 flats</span> </div> </a> </div> <div class="column is-4"> <a class="d-flex align-items-center"> <figure class="image is-64x64"> <img class="rounded" src="{{ asset('dev/img/6.svg') }}" > </figure> <div class="ml-2"> <span class="d-block title-dest">Grand Canyon</span> <span class="d-block sous-title-dest">15 flats</span> </div> </a> </div> </div> </div> </div> </div> </div> <div class="block-30 relative picker-drop1 " style="position: relative;" > <div class="field" > <label>Date</label> <div class="control"> <div class="relative d-flex" > <input name="dates1" id="dates1" type="text" placeholder="Quand?" class=" py-1 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full ps-10 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" > <input hidden name="dateStart1" id="dateStart1" type="date" placeholder="Quand?" class=" py-1 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full ps-10 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" > <input hidden name="dateEnd1" name="dateEnd1" type="date" placeholder="Quand?" class=" py-1 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full ps-10 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" > </div> </div> </div> <div class="date-dropdown1" style="display: none;"> <div class="location-dropdown-inner"> <div class="flex justify-content-between"> <div class="w-1/4 ps-2 pt-10"> <h5 class="text-xl font-bold mb-2">Selection votre date de dsiponibilite</h5> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt placeat, molestiae error dolore deserunt debitis voluptatem natus, mollitia, ut deleniti nobis voluptas? Nam quia expedita maiores eos animi. Harum, saepe?</p> </div> <div class="w-4/6 "> </div> </div> </div> </div> </div> <div class="block-30 type-drop1" > <div class="field has-search-button primary-font"> <label>Coaching</label> <div class="control"> <input required="required" placeholder="type de category" /> <button type="reset" class="clear-value"> <i data-feather="x"></i> </button> </div> </div> <div class="type-dropdownSearch" style="display: none;"> <div class="type-dropdown-inner"> <div class="type-block"> <div class="meta"> <span>Coaching Privé</span> <span>Un accompagnement personnalisé pour atteindre vos objectifs.</span> </div> <div class="action"> <label class="form-switch is-primary"> <input type="radio" name="search_type_radio" class="is-switch" checked style="display:none;" /> <i></i> </label> </div> </div> <div class="type-block"> <div class="meta"> <span>Coaching en groupe</span> <span>Progressez ensemble avec le soutien d'un groupe.</span> </div> <div class="action"> <label class="form-switch is-primary"> <input type="radio" name="search_type_radio" class="is-switch" style="display:none;" /> <i></i> </label> </div> </div> <div class="type-block"> <div class="meta"> <span>Coaching Visio</span> <span>Séances flexibles depuis chez vous.</span> </div> <div class="action"> <label class="form-switch is-primary"> <input type="radio" name="search_type_radio" class="is-switch" style="display:none;" /> <i></i> </label> </div> </div> </div> </div> <button type="button" class="search-button primary-font" > <i load-hicon="lens"></i> <span> Recherche</span> </button> </div> </div> </form> </div> </div></div>