templates/pages/homepage.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/header1.css')}}" rel="stylesheet">
  7.     <link href="{{ asset('dev/css/pages/home.css')}}" rel="stylesheet">
  10.     <!-- REVOLUTION SLIDER CSS -->
  11.     <link rel="stylesheet" type="text/css" href="{{ asset('dev/rev-slider-files/fonts/font-awesome/css/font-awesome.css')}}">
  12.     <link rel="stylesheet" type="text/css" href="{{ asset('dev/rev-slider-files/css/settings.css')}}">
  14.     <!-- REVOLUTION LAYERS STYLES -->
  15.     <style>
  16.         .tp-caption.NotGeneric-Title,
  17.         .NotGeneric-Title {
  18.             color: rgba(255, 255, 255, 1.00);
  19.             font-size: 70px;
  20.             line-height: 70px;
  21.             font-weight: 800;
  22.             font-style: normal;
  23.             text-decoration: none;
  24.             background-color: transparent;
  25.             border-color: transparent;
  26.             border-style: none;
  27.             border-width: 0px;
  28.             border-radius: 0 0 0 0px
  29.         }
  31.         .tp-caption.NotGeneric-SubTitle,
  32.         .NotGeneric-SubTitle {
  33.             color: rgba(255, 255, 255, 1.00);
  34.             font-size: 13px;
  35.             line-height: 20px;
  36.             font-weight: 500;
  37.             font-style: normal;
  38.             text-decoration: none;
  39.             background-color: transparent;
  40.             border-color: transparent;
  41.             border-style: none;
  42.             border-width: 0px;
  43.             border-radius: 0 0 0 0px;
  44.             letter-spacing: 4px
  45.         }
  47.         .tp-caption.NotGeneric-Icon,
  48.         .NotGeneric-Icon {
  49.             color: rgba(255, 255, 255, 1.00);
  50.             font-size: 30px;
  51.             line-height: 30px;
  52.             font-weight: 400;
  53.             font-style: normal;
  54.             text-decoration: none;
  55.             background-color: rgba(0, 0, 0, 0);
  56.             border-color: rgba(255, 255, 255, 0);
  57.             border-style: solid;
  58.             border-width: 0px;
  59.             border-radius: 0px 0px 0px 0px;
  60.             letter-spacing: 3px
  61.         }
  63.         .tp-caption.NotGeneric-Button,
  64.         .NotGeneric-Button {
  65.             color: rgba(255, 255, 255, 1.00);
  66.             font-size: 14px;
  67.             line-height: 14px;
  68.             font-weight: 500;
  69.             font-style: normal;
  70.             text-decoration: none;
  71.             background-color: rgba(0, 0, 0, 0);
  72.             border-color: rgba(255, 255, 255, 0.50);
  73.             border-style: solid;
  74.             border-width: 1px;
  75.             border-radius: 0px 0px 0px 0px;
  76.             letter-spacing: 3px
  77.         }
  79.         .tp-caption.NotGeneric-Button:hover,
  80.         .NotGeneric-Button:hover {
  81.             color: rgba(255, 255, 255, 1.00);
  82.             text-decoration: none;
  83.             background-color: transparent;
  84.             border-color: rgba(255, 255, 255, 1.00);
  85.             border-style: solid;
  86.             border-width: 1px;
  87.             border-radius: 0px 0px 0px 0px;
  88.             cursor: pointer
  89.         }
  90.     </style>
  92. {% endblock %}
  93. {% block title %}{{"Bookoach"|trans }}{% endblock %} 
  94. {% block meta %}
  96.     <meta name="description" content="{{"Bookoach accueil"|trans }}"> 
  97. {% endblock %}
  98. {% block content %}
  99.     <main  class="scroll-smooth background-image">
  100.         <div id="rev_slider_54_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="notgeneric1" data-source="gallery" style="margin:0px auto;background:transparent;padding:0px;margin-top:0px;margin-bottom:0px;position:relative;z-index: 2;">
  101.             <!-- START REVOLUTION SLIDER 5.4.1 fullwidth mode -->
  102.             <div id="rev_slider_54_1" class="rev_slider fullwidthabanner" style="display:none;position: relative;z-index: 2;" data-version="5.4.1">
  103.                 <ul>
  106.                     <!-- SLIDE  -->
  107.                     <li data-index="rs-143" data-transition="zoomout" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-thumb="rev-slider-files/assets/100x50_iceberg.jpg" data-rotate="0" data-saveperformance="off" data-title="Iceberg" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
  108.                         <!-- MAIN IMAGE -->
  109.                         <img src="{{ asset('dev/images/yoga_1.jpg)')  }}" alt="" data-bgposition="center center" data-bgfit="cover" data-bgparallax="10" class="rev-slidebg" data-no-retina>
  110.                         <!-- LAYERS -->
  112.                         <!-- BACKGROUND VIDEO LAYER -->
  113.                         <div class="rs-background-video-layer" data-forcerewind="on" data-volume="mute" data-videowidth="100%" data-videoheight="100%" data-videomp4="{{ asset('dev/images/yoga_1.mp4')  }}" data-videopreload="auto" data-videoloop="loopandnoslidestop" data-forceCover="1" data-aspectratio="16:9" data-autoplay="true" data-autoplayonlyfirsttime="false"></div>
  114.                         <!-- LAYER NR. 20 -->
  115.                         <div class="tp-caption tp-shape tp-shapewrapper  " id="slide-143-layer-10" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="full" data-height="full" data-whitespace="nowrap" data-type="shape" data-basealign="slide" data-responsive_offset="on" data-responsive="off" data-frames='[{"delay":2000,"speed":2000,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"frame":"999","to":"opacity:0;","ease":"Power2.easeInOut"}]' data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 5;background-color:rgba(0, 0, 0, 0.25);"> </div>
  117.                         <!-- LAYER NR. 21 -->
  118.                         <div class="tp-caption NotGeneric-Title   tp-resizeme" id="slide-143-layer-1" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-fontsize="['50','48','36','28']" data-lineheight="['48','48','36','28']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="text" data-responsive_offset="on" data-frames='[{"delay":1000,"split":"chars","split_direction":"forward","splitdelay":0.05,"speed":1500,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"frame":"999","to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]' data-textAlign="['left','left','left','left']" data-paddingtop="[10,10,10,10]" data-paddingright="[0,0,0,0]" data-paddingbottom="[10,10,10,10]" data-paddingleft="[0,0,0,0]" style="z-index: 6; white-space: nowrap; font-size: 50px; line-height: 48px; font-weight: 700;font-family:Montserrat;text-transform: capitalize;">Atteindre ses objectifs</div>
  120.                         <!-- LAYER NR. 22 -->
  121.                         <div class="tp-caption NotGeneric-SubTitle   tp-resizeme" id="slide-143-layer-4" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['52','52','52','51']" data-fontweight="['400','500','500','500']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="text" data-responsive_offset="on" data-frames='[{"delay":1500,"speed":2000,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"frame":"999","to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]' data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 7; white-space: nowrap; font-weight: 400;font-family:Montserrat;">TROUVEZ VOS COACHS ICI</div>
  124.                     </li>
  126.                 </ul>
  127.                 <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
  128.                 <div class="main-navigation--search py-4 d-none d-sm-block"  style="position: absolute;bottom: 0px;right:0px;left: 0px;z-index: 99;"  >
  129.                     <form action="{{ path('result') }}" id="search-form">
  130.                         <div class="search-bar" >
  131.                             <div
  132.                                 class="block-20 search-drop" style="width: 23%;"
  133.                                 >
  134.                                 <div class="field">
  135.                                     <label>Rechercher</label>
  136.                                     <div class="control">
  137.                                         <input
  138.                                             required="required"
  139.                                             id="search1"
  140.                                             class="py-1"
  141.                                             placeholder="Votre objectif"
  142.                                             />
  143.                                         <button type="reset" class="clear-value">
  144.                                             <i data-feather="x"></i>
  145.                                         </button>
  146.                                     </div>
  147.                                 </div>
  149.                                 <div  class="search-dropdown"  style="display: none;">
  150.                                     <div class="search-dropdown-inner">
  153.                                         <div class="near-tags d-none d-md-block">
  154.                                             <h4> Search Results</h4>
  156.                                             <div class="tags d-flex justify-content-center  py-2 mb-3" style="min-height: 40px;">
  157.                                                 <div class="pre-searchtag d-none">Tapez pour rechercher des résultats     
  158.                                                 </div>
  160.                                                 <div class="search-results d-flex justfify-content-between p-2 flex-wrap" >
  161.                                                     <span class="search-tag">Los Angeles</span>
  162.                                                     <span class="search-tag">San Francisco</span>
  163.                                                     <span class="search-tag">San Diego Truelae</span>
  164.                                                     <span class="search-tag">Orange County</span>
  165.                                                     <span class="search-tag">San Juan</span>
  166.                                                     <span class="search-tag">San  aldeeers</span>
  167.                                                     <span class="search-tag">Orange County</span>
  168.                                                     <span class="search-tag">San Juan Refre</span>
  169.                                                 </div>
  171.                                             </div>
  172.                                         </div>
  173.                                         <div class="near-tags">
  174.                                             <h4>Popular search</h4>
  175.                                             <div class="tags">
  176.                                                 <span class="tag">Los Angeles</span>
  177.                                                 <span class="tag">San Francisco</span>
  178.                                                 <span class="tag">San Diego</span>
  179.                                                 <span class="tag">Orange County</span>
  180.                                                 <span class="tag">San Juan</span>
  181.                                             </div>
  182.                                         </div>
  184.                                         <div class="near-tags mt-3">
  185.                                             <h4>Popular Destinations</h4>
  187.                                             <div class="d-flex flex-wrap">
  188.                                                 <div class="column is-4 p-1">
  189.                                                     <a class="d-flex align-items-center">
  190.                                                         <figure class="image is-64x64">
  191.                                                             <img class="rounded" src="{{ asset('dev/img/6.svg')  }}" >
  192.                                                         </figure>
  193.                                                         <div class="ml-2">
  194.                                                             <span class="d-block title-dest">Grand Canyon</span>
  195.                                                             <span class="d-block sous-title-dest">15 flats</span>
  196.                                                         </div>
  197.                                                     </a>
  198.                                                 </div>
  199.                                                 <div class="column is-4 p-1">
  200.                                                     <a class="d-flex align-items-center">
  201.                                                         <figure class="image is-64x64">
  202.                                                             <img class="rounded" src="{{ asset('dev/img/6.svg')  }}" >
  203.                                                         </figure>
  204.                                                         <div class="ml-2">
  205.                                                             <span class="d-block title-dest">Grand Canyon</span>
  206.                                                             <span class="d-block sous-title-dest">15 flats</span>
  207.                                                         </div>
  208.                                                     </a>
  209.                                                 </div>
  210.                                                 <div class="column is-4 p-1">
  211.                                                     <a class="d-flex align-items-center">
  212.                                                         <figure class="image is-64x64">
  213.                                                             <img class="rounded" src="{{ asset('dev/img/6.svg')  }}" >
  214.                                                         </figure>
  215.                                                         <div class="ml-2">
  216.                                                             <span class="d-block title-dest">Grand Canyon</span>
  217.                                                             <span class="d-block sous-title-dest">15 flats</span>
  218.                                                         </div>
  219.                                                     </a>
  220.                                                 </div>
  221.                                                 <div class="column is-4 p-1">
  222.                                                     <a class="d-flex align-items-center">
  223.                                                         <figure class="image is-64x64">
  224.                                                             <img class="rounded" src="{{ asset('dev/img/6.svg')  }}" >
  225.                                                         </figure>
  226.                                                         <div class="ml-2">
  227.                                                             <span class="d-block title-dest">Grand Canyon</span>
  228.                                                             <span class="d-block sous-title-dest">15 flats</span>
  229.                                                         </div>
  230.                                                     </a>
  231.                                                 </div>
  232.                                             </div>
  233.                                         </div>
  237.                                     </div>
  238.                                 </div>
  239.                             </div>
  240.                             <div
  241.                                 class="block-20 location-drop" 
  242.                                 >
  243.                                 <div class="field">
  244.                                     <label>Destination</label>
  245.                                     <div class="control">
  246.                                         <input
  247.                                             required="required"
  248.                                             class="py-1"
  249.                                             placeholder="Où Ca ?"
  250.                                             id="search3"
  251.                                             />
  252.                                         <button type="reset" class="clear-value">
  253.                                             <i data-feather="x"></i>
  254.                                         </button>
  255.                                     </div>
  256.                                 </div>
  258.                                 <div  class="location-dropdown"  style="display: none;">
  259.                                     <div class="location-dropdown-inner">
  261.                                         <div class="near-tags">
  262.                                             <h4> Search Results</h4>
  263.                                             <div>
  265.                                             </div>
  266.                                             <div class="tags d-flex justify-content-center  py-2" style="min-height: 40px;">
  267.                                                 <div class="search-results tags d-flex justfify-content-between p-2 flex-wrap">
  269.                                                     <span class="search-tag">San Francisco</span>
  270.                                                     <span class="search-tag">San Diego Truelae</span>
  271.                                                     <span class="search-tag">Orange County</span>
  272.                                                     <span class="search-tag">San Juan</span>
  273.                                                     <span class="search-tag">San  aldeeers</span>
  274.                                                     <span class="search-tag">Orange County</span>
  275.                                                     <span class="search-tag">San Juan Refre</span>
  276.                                                 </div>
  278.                                             </div>
  279.                                         </div>
  280.                                         <div class="near-tags">
  281.                                             <h4>Popular search</h4>
  282.                                             <div class="tags">
  283.                                                 <span class="tag">Los Angeles</span>
  284.                                                 <span class="tag">San Francisco</span>
  285.                                                 <span class="tag">San Diego</span>
  286.                                                 <span class="tag">Orange County</span>
  287.                                                 <span class="tag">San Juan</span>
  288.                                             </div>
  289.                                         </div>
  291.                                         <div class="near-tags mt-3">
  292.                                             <h4>Popular Destinations</h4>
  294.                                             <div class="d-flex flex-wrap">
  295.                                                 <div class="column is-4">
  296.                                                     <a class="d-flex align-items-center">
  297.                                                         <figure class="image is-64x64">
  298.                                                             <img class="rounded" src="{{ asset('dev/img/6.svg')  }}" >
  299.                                                         </figure>
  300.                                                         <div class="ml-2">
  301.                                                             <span class="d-block title-dest">Grand Canyon</span>
  302.                                                             <span class="d-block sous-title-dest">15 flats</span>
  303.                                                         </div>
  304.                                                     </a>
  305.                                                 </div>
  306.                                                 <div class="column is-4">
  307.                                                     <a class="d-flex align-items-center">
  308.                                                         <figure class="image is-64x64">
  309.                                                             <img class="rounded" src="{{ asset('dev/img/6.svg')  }}" >
  310.                                                         </figure>
  311.                                                         <div class="ml-2">
  312.                                                             <span class="d-block title-dest">Grand Canyon</span>
  313.                                                             <span class="d-block sous-title-dest">15 flats</span>
  314.                                                         </div>
  315.                                                     </a>
  316.                                                 </div>
  317.                                                 <div class="column is-4">
  318.                                                     <a class="d-flex align-items-center">
  319.                                                         <figure class="image is-64x64">
  320.                                                             <img class="rounded" src="{{ asset('dev/img/6.svg')  }}" >
  321.                                                         </figure>
  322.                                                         <div class="ml-2">
  323.                                                             <span class="d-block title-dest">Grand Canyon</span>
  324.                                                             <span class="d-block sous-title-dest">15 flats</span>
  325.                                                         </div>
  326.                                                     </a>
  327.                                                 </div>
  328.                                                 <div class="column is-4">
  329.                                                     <a class="d-flex align-items-center">
  330.                                                         <figure class="image is-64x64">
  331.                                                             <img class="rounded" src="{{ asset('dev/img/6.svg')  }}" >
  332.                                                         </figure>
  333.                                                         <div class="ml-2">
  334.                                                             <span class="d-block title-dest">Grand Canyon</span>
  335.                                                             <span class="d-block sous-title-dest">15 flats</span>
  336.                                                         </div>
  337.                                                     </a>
  338.                                                 </div>
  339.                                             </div>
  340.                                         </div>
  341.                                     </div>
  342.                                 </div>
  343.                             </div>
  344.                             <div class="block-30 relative picker-drop " style="position: relative;" >
  345.                                 <div class="field" >
  346.                                     <label>Date</label>
  347.                                     <div class="control">
  348.                                         <div class="relative d-flex" >
  349.                                             <input name="daterange" id="dates" 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   " >
  350.                                             <input hidden name="dateStart" id="dateStart" 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   " >
  351.                                             <input hidden name="dateEnd" name="dateEnd" 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   " >
  352.                                         </div>
  353.                                     </div>
  354.                                 </div>
  356.                                 <div  class="date-dropdown"  style="display: none;">
  357.                                     <div class="location-dropdown-inner">
  358.                                         <div class="flex justify-content-between">
  360.                                             <div class="w-1/4 ps-2 pt-10">
  361.                                                 <h5 class="text-xl font-bold mb-2">Selection votre date de dsiponibilite</h5>
  362.                                                 <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>
  363.                                             </div>
  364.                                             <div class="w-4/6 ">
  366.                                             </div>
  367.                                         </div>
  369.                                     </div>
  370.                                 </div>
  372.                             </div>
  375.                             <div class="block-30 type-drop"> 
  376.                                 <div class="field has-search-button primary-font">
  377.                                     <label>Coaching</label>
  378.                                     <div class="control">
  379.                                         <input
  380.                                             required="required"
  381.                                             class="py-1 w-100"
  382.                                             placeholder="type de coaching  "
  383.                                             />
  384.                                         <button type="reset" class="clear-value">
  385.                                             <i data-feather="x"></i>
  386.                                         </button>
  387.                                     </div>
  388.                                 </div>
  390.                                 <div  class="type-dropdown"  style="display: none;">
  391.                                     <div class="type-dropdown-inner">
  392.                                         <div class="type-block">
  393.                                             <div class="meta">
  394.                                                 <span>Coaching Privé</span>
  395.                                                 <span>Un accompagnement personnalisé pour atteindre vos objectifs.</span>
  396.                                             </div>
  397.                                             <div class="action">
  398.                                                 <label class="form-switch is-primary">
  399.                                                     <input
  400.                                                         type="radio"
  401.                                                         name="search_type_radio"
  402.                                                         class="is-switch"
  403.                                                         checked
  404.                                                         style="display:none;"
  405.                                                         />
  406.                                                     <i></i>
  407.                                                 </label>
  408.                                             </div>
  409.                                         </div>
  410.                                         <div class="type-block">
  411.                                             <div class="meta">
  412.                                                 <span>Coaching en  groupe</span>
  413.                                                 <span>Progressez ensemble avec le soutien d'un groupe.</span>
  414.                                             </div>
  415.                                             <div class="action">
  416.                                                 <label class="form-switch is-primary">
  417.                                                     <input
  418.                                                         type="radio"
  419.                                                         name="search_type_radio"
  420.                                                         class="is-switch"
  421.                                                         style="display:none;"
  422.                                                         />
  423.                                                     <i></i>
  424.                                                 </label>
  425.                                             </div>
  426.                                         </div>
  427.                                         <div class="type-block">
  428.                                             <div class="meta">
  429.                                                 <span>Coaching Visio</span>
  430.                                                 <span>Séances flexibles depuis chez vous.</span>
  431.                                             </div>
  432.                                             <div class="action">
  433.                                                 <label class="form-switch is-primary">
  434.                                                     <input
  435.                                                         type="radio"
  436.                                                         name="search_type_radio"
  437.                                                         class="is-switch"
  438.                                                         style="display:none;"
  439.                                                         />
  440.                                                     <i></i>
  441.                                                 </label>
  442.                                             </div>
  443.                                         </div>
  444.                                     </div>
  445.                                 </div>
  447.                                 <button type="submit" class="search-button">
  448.                                     <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
  449.                                     <path
  450.                                         d="m19.5304 17.4698c-.2929-.2929-.7678-.2929-1.0607 0-.2929.2928-.2929.7677 0 1.0606zm2.9392 5.0606c.2929.2929.7678.2929 1.0607 0s.2929-.7678 0-1.0607zm-3.9999-4 3.9999 4 1.0607-1.0607-3.9999-3.9999zm-7.4697-.2804c-4.55635 0-8.25-3.6937-8.25-8.25h-1.5c0 5.3848 4.36522 9.75 9.75 9.75zm8.25-8.25c0 4.5563-3.6937 8.25-8.25 8.25v1.5c5.3848 0 9.75-4.3652 9.75-9.75zm-8.25-8.25c4.5563 0 8.25 3.69365 8.25 8.25h1.5c0-5.38478-4.3652-9.75-9.75-9.75zm0-1.5c-5.38478 0-9.75 4.36522-9.75 9.75h1.5c0-4.55635 3.69365-8.25 8.25-8.25z"
  451.                                         fill="white" />
  452.                                     </svg> <span> Recherche</span>
  453.                                 </button>
  454.                             </div>
  455.                         </div>
  456.                     </form>
  457.                 </div>
  459.                 <div class="search-bar-mobile flex justify-between  d-sm-none  p-2" >
  460.                     <div class="mobilesearch">
  461.                         <div class="field pl-3">
  462.                             <label>Search</label>
  463.                             <div class="control">
  464.                                 <input required="required" id="search1" class="py-1 " placeholder="Recherchez ..." style="width: 129%;">
  465.                             </div>
  466.                         </div>
  468.                         <div class="filterm-dropdown" id="pointmobile">
  469.                             <div class="filterm-drop primary-font " id="accordion">            
  470.                                 <div class="accordion-item  accord-1 rounded align-items-center  bg-gray-100 p-2 pt-3 shadow-md accord-1">
  471.                                     <div class="accordion-header mb-2  text-xl " id="panelsStayOpen-headingOne">
  472.                                         <button class="d-flex justify-content-between align-items-center w-100" type="button"
  473.                                                 data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseTwo" aria-expanded="true"
  474.                                                 aria-controls="panelsStayOpen-collapseTwo">
  475.                                             <p class="text-sm font-semibold">Choisir une location</p>
  476.                                             <i load-hicon="chevron-right"></i>
  478.                                         </button>
  479.                                     </div>
  480.                                     <div id="panelsStayOpen-collapseTwo" class="accordion-collapse collapse "
  481.                                          aria-labelledby="panelsStayOpen-headingOne" data-bs-parent="#accordion">
  482.                                         <div class="accordion-body">
  483.                                             <input type="text" placeholder="Destination " id="destinationInput" class="bg-white px-2 py-1 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-yellow-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">
  484.                                             <div class="tags mt-2 tags-destination">
  485.                                                 <span class="tag-m">Los Angeles</span>
  486.                                                 <span class="tag-m">San Francisco</span>
  487.                                                 <span class="tag-m">San Diego</span>
  488.                                                 <span class="tag-m">Orange County</span>
  489.                                                 <span class="tag-m">San Juan</span>
  490.                                             </div>
  491.                                             <div class="d-flex justify-content-end" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseTwo" aria-expanded="true"
  492.                                                  aria-controls="panelsStayOpen-collapseTwo">
  493.                                                 <p class="text-end underline mt-3">Suivant</p>
  494.                                             </div>
  495.                                         </div>
  496.                                     </div>
  497.                                 </div>
  498.                                 <div class="accordion-item  accord-2 rounded align-items-center  bg-gray-100 p-2 pt-3 shadow-md accord-2 mt-4" id="accord2">
  499.                                     <div class="accordion-header mb-2  text-xl " id="panelsStayOpen-headingFour">
  500.                                         <button class="d-flex justify-content-between align-items-center w-100" type="button"
  501.                                                 data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseFour" aria-expanded="true"
  502.                                                 aria-controls="panelsStayOpen-collapseFour">
  503.                                             <p class="text-sm font-semibold">Choisir une category</p>
  504.                                             <i load-hicon="chevron-right"></i>
  506.                                         </button>
  507.                                     </div>
  508.                                     <div id="panelsStayOpen-collapseFour" class="accordion-collapse collapse "
  509.                                          aria-labelledby="panelsStayOpen-headingFour" data-bs-parent="#accordion">
  510.                                         <div class="accordion-body">
  511.                                             <input type="text" placeholder="Destination " id="destinationInput" class="bg-white px-2 py-1 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-yellow-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">
  512.                                             <div class="tags mt-2 tags-destination">
  513.                                                 <span class="tag-m">Los Angeles</span>
  514.                                                 <span class="tag-m">San Francisco</span>
  515.                                                 <span class="tag-m">San Diego</span>
  516.                                                 <span class="tag-m">Orange County</span>
  517.                                                 <span class="tag-m">San Juan</span>
  518.                                             </div>
  519.                                             <div class="d-flex justify-content-end" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseFour" aria-expanded="true"
  520.                                                  aria-controls="panelsStayOpen-collapseFour">
  521.                                                 <p class="text-end underline mt-3">Suivant</p>
  522.                                             </div>
  523.                                         </div>
  524.                                     </div>
  525.                                 </div>
  527.                                 <div class="accordion-item  accord-3 rounded align-items-center  bg-gray-100 p-2 pt-3 shadow-md accord-3 mt-4" id="accord3">
  528.                                     <div class="accordion-header mb-2  text-xl " id="panelsStayOpen-headingThree">
  529.                                         <button class="d-flex justify-content-between align-items-center w-100" type="button"
  530.                                                 data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseThree" aria-expanded="true"
  531.                                                 aria-controls="panelsStayOpen-collapseThree">
  532.                                             <p class="text-sm font-semibold">When’s your sessions?</p>
  533.                                             <i load-hicon="chevron-right"></i>
  535.                                         </button>
  536.                                     </div>
  537.                                     <div id="panelsStayOpen-collapseThree" class="accordion-collapse collapse  "
  538.                                          aria-labelledby="panelsStayOpen-headingThree" data-bs-parent="#accordion">
  539.                                         <div class="accordion-body">
  540.                                             <div class="d-flex justify-content-between">
  541.                                                 <h6 class="mb-2 ms-1 text-xs">Choisir une date de debut </h6>
  543.                                             </div>
  544.                                             <div date-rangepicker   datepicker-orientation="bottom " class="d-flex mx-1">
  545.                                                 <div class="relative " >
  547.                                                     <input name="start" type="text" id="#date-end2"  class="bg-white  px-2 border  border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-yellow-500 focus:border-yellow-500 block w-full  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-yellow-500 dark:focus:border-yellow-500" placeholder="Select date start">
  548.                                                 </div>
  550.                                                 <div class="relative ">
  552.                                                     <input name="end" type="text" id="#date-end2" class="bg-white px-2 border mx-2 border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-yellow-500 focus:border-yellow-500 block w-full  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-yellow-500 dark:focus:border-yellow-500" placeholder="Select date end">
  553.                                                 </div>
  554.                                             </div>
  555.                                         </div>
  556.                                     </div>
  557.                                 </div>
  561.                                 <div class="footer-menu">
  562.                                     <div class="flex  justify-center items-center">
  563.                                         <a class="btn1 my-2 mx-2 sm:mx-0 sm:mr-2 sm:mb-0 d-flex justify-content-center whitespace-nowrap">Recherche</a>
  564.                                         <a class="btn2 btn-anuller my-2 mx-2 sm:mx-0 d-flex justify-content-center whitespace-nowrap">Annuler</a>
  565.                                     </div>
  567.                                     <div class="under-btn">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nulla beatae atque officiis suscipit a
  568.                                         impedit adipisci facilis praesentium consectetur repudiandae. Quidem quis maiores expedita sunt delectus ab cum sed
  569.                                         eveniet.</div>
  570.                                 </div>
  571.                             </div>
  572.                         </div>
  574.                     </div>
  576.                     <div class="d-flex btns-search">
  577.                         <div i>
  578.                             <button type="button" class="search-button-mobile-border filter-search">
  579.                                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true" role="presentation" focusable="false" style="display: block; fill: none; height: 25px; width: 18px; stroke: #FFAA00; stroke-width: 2; overflow: visible;"><path fill="none" d="M7 16H3m26 0H15M29 6h-4m-8 0H3m26 20h-4M7 16a4 4 0 1 0 8 0 4 4 0 0 0-8 0zM17 6a4 4 0 1 0 8 0 4 4 0 0 0-8 0zm0 20a4 4 0 1 0 8 0 4 4 0 0 0-8 0zm0 0H3"></path></svg>
  580.                             </button>
  581.                         </div>
  582.                         <button type="button" class="search-button-mobile">
  583.                             <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-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
  584.                         </button>
  585.                     </div>
  589.                 </div>
  590.             </div>
  591.         </div>
  592.         <!-- END REVOLUTION SLIDER -->
  593.         <div class="containe is-background-primary">
  594.             <div class="bgcontainer">
  595.                 <div class="container ">
  596.                     <div class="row justify-content-center py-8 primary-font">
  597.                         <div class="col-md-3 col-sm-6 col-6 my-3">
  598.                             <div class=" icon-title   d-flex flex-column justify-content-center align-items-center">
  599.                                 <div class="img-head d-flex">
  600.                                     <img src="{{ asset('dev/img/best-coachs-copy.svg')  }}" height="35" width="48">
  601.                                 </div>
  602.                                 <div class="d-flex flex-column justify-content-center text-center ps-2 px-sm-1">
  603.                                     <h5 class="Title py-1 text-white font-bold text-sm sm:text-base">Meilleurs coachs</h5>
  604.                                 </div>
  605.                             </div>
  606.                         </div>
  607.                         <div class="col-md-3 col-sm-6 col-6 my-3">
  608.                             <div class=" icon-title   d-flex flex-column justify-content-center align-items-center">
  609.                                 <div class="img-head d-flex">
  610.                                     <img src="{{ asset('dev/img/assistance-copy.svg')  }}" height="35" width="48">
  611.                                 </div>
  612.                                 <div class="d-flex flex-column justify-content-center text-center ps-2 px-sm-1">
  613.                                     <h5 class="Title py-1 text-white font-bold text-sm sm:text-base">Assistance en cas de besoin</h5>
  614.                                 </div>
  615.                             </div>
  616.                         </div>
  620.                         <div class="col-md-3 col-sm-6 col-6 my-3">
  621.                             <div class=" icon-title   d-flex flex-column justify-content-center align-items-center">
  622.                                 <div class="img-head d-flex">
  623.                                     <img src="{{ asset('dev/img/reservation-copy.svg')  }}" height="35" width="48">
  624.                                 </div>
  625.                                 <div class="d-flex flex-column justify-content-center text-center ps-2 px-sm-1">
  626.                                     <h5 class="Title py-1 text-white font-bold text-sm sm:text-base">Réservation rapide et simple</h5>
  627.                                 </div>
  628.                             </div>
  629.                         </div>
  631.                         <div class="col-md-3 col-sm-6 col-6 my-3">
  632.                             <div class="  icon-title   d-flex flex-column justify-content-center align-items-center">
  633.                                 <div class="img-head d-flex">
  634.                                     <img src="{{ asset('dev/img/paiement-securise.svg')  }}" height="35" width="48">
  635.                                 </div>
  636.                                 <div class="d-flex flex-column justify-content-center text-center ps-2 px-sm-1">
  637.                                     <h5 class="Title py-1 text-white font-bold text-sm sm:text-base">Paiement sécurisé </h5>
  638.                                 </div>
  639.                             </div>
  640.                         </div>
  642.                     </div>
  643.                 </div>
  645.             </div>
  648.             <!-- Categories Tendance-->
  649.             <div class="featured-categories is-x4 py-12 container">
  650.                 <!-- Header -->
  651.                 <div class="header d-flex justify-content-between align-items-center">
  652.                     <div class="tit">
  653.                         <h4 class=" text-2xl font-bold    primary-font  ">Nos tendances du moment </h4>
  654.                     </div>
  655.                     <div class="scroll-arrow">
  657.                         <button class="scroll-left rounded-full px-2 scroll-btn"><svg xmlns="http://www.w3.org/2000/svg" width="24"
  658.                                                                                       height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
  659.                                                                                       stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left">
  660.                             <line x1="19" y1="12" x2="5" y2="12"></line>
  661.                             <polyline points="12 19 5 12 12 5"></polyline>
  662.                             </svg></button>
  663.                         <button class="scroll-right rounded-full  scroll-btn">
  664.                             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
  665.                                  stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
  666.                                  class="feather feather-arrow-right">
  667.                             <line x1="5" y1="12" x2="19" y2="12"></line>
  668.                             <polyline points="12 5 19 12 12 19"></polyline>
  669.                             </svg>
  670.                         </button>
  671.                     </div>
  672.                 </div>
  674.                 <div class="categories-container">
  675.                     <!-- Categories -->
  676.                     <div class="categories">
  678.                         <a class="category">
  679.                             <div class="category-thumb-small">
  680.                                 <img class="img-smallCat" src="{{ asset('dev/images/yoga.jpg')  }}" alt="" />
  681.                             </div>
  682.                             <div class="category-foot  mt-3">
  683.                                 <div class="">
  684.                                     <span class="is-hidden-tablet-p">Yoga et Méditation </span>
  685.                                 </div>
  686.                                 <span>Bien-être total avec des experts.</span>
  687.                             </div>
  688.                         </a>
  689.                         <!-- Category -->
  690.                         <a class="category">
  691.                             <div class="category-thumb-small">
  692.                                 <img class="img-smallCat" src="{{ asset('dev/images/13.jpg')  }}" alt="" />
  693.                             </div>
  694.                             <div class="category-foot  mt-3">
  695.                                 <div class="">
  696.                                     <span>Bien-être</span>
  697.                                 </div>
  698.                                 <span>Équilibre physique et mental.</span>
  699.                             </div>
  700.                         </a>
  701.                         <!-- Category -->
  702.                         <a class="category">
  703.                             <div class="category-thumb-small">
  704.                                 <img class="img-smallCat" src="{{ asset('dev/images/fitness.jpg')  }}" alt="" />
  705.                             </div>
  706.                             <div class="category-foot  mt-3">
  707.                                 <div class="">
  708.                                     <span>Perte de Poids</span>
  709.                                 </div>
  710.                                 <span>Soutien personnalisé pour perdre du poids.</span>
  711.                             </div>
  712.                         </a>
  713.                         <!-- Category -->
  714.                         <a class="category">
  715.                             <div class="category-thumb-small">
  716.                                 <img class="img-smallCat" src="{{ asset('dev/images/41.jpg')  }}" alt="" />
  717.                             </div>
  718.                             <div class="category-foot  mt-3">
  719.                                 <div class="">
  720.                                     <span>Santé</span>
  721.                                 </div>
  722.                                 <span>Maximisez votre bien-être. </span>
  723.                             </div>
  724.                         </a>
  725.                         <!-- Category -->
  726.                         <a class="category">
  727.                             <div class="category-thumb-small">
  728.                                 <img class="img-smallCat" src="{{ asset('dev/images/61.jpg')  }}" alt="" />
  729.                             </div>
  730.                             <div class="category-foot  mt-3">
  731.                                 <div class="">
  732.                                     <span>Gestion de l'Anxiété</span>
  733.                                 </div>
  734.                                 <span>Maîtrisez le stress pour une vie épanouissante.</span>
  735.                             </div>
  736.                         </a>
  738.                         <a class="category">
  739.                             <div class="category-thumb-small">
  740.                                 <img src="{{ asset('dev/images/65.jpg')  }}" alt="" class="img-smallCat" />
  741.                             </div>
  742.                             <div class="category-foot  mt-3">
  743.                                 <div class="">
  745.                                     <span>Nutrition</span>
  746.                                 </div>
  747.                                 <span>Planification alimentaire personnalisée</span>
  748.                             </div>
  749.                         </a>
  750.                         <!-- Category -->
  751.                         <a class="category">
  752.                             <div class="category-thumb-small">
  753.                                 <img class="img-smallCat" src="{{ asset('dev/images/35.jpg')  }}" alt="" />
  754.                             </div>
  755.                             <div class="category-foot  mt-3">
  756.                                 <div class="">
  757.                                     <span>Relaxation</span>
  758.                                 </div>
  759.                                 <span>Techniques pour un calme durable.</span>
  760.                             </div>
  761.                         </a>
  762.                         <!-- Category -->
  763.                         <a class="category">
  764.                             <div class="category-thumb-small">
  765.                                 <img class="img-smallCat" src="{{ asset('dev/images/fitness2.jpg')  }}" alt="" />
  766.                             </div>
  767.                             <div class="category-foot  mt-3">
  768.                                 <div class="">
  769.                                     <span>Fitness </span>
  770.                                 </div>
  771.                                 <span>Objectifs de fitness atteints.</span>
  772.                             </div>
  773.                         </a>
  774.                         <!-- Category -->
  775.                         <a class="category">
  776.                             <div class="category-thumb-small">
  777.                                 <img class="img-smallCat" src="{{ asset('dev/images/66.jpg')  }}" alt="" />
  778.                             </div>
  779.                             <div class="category-foot  mt-3">
  780.                                 <div class="">
  782.                                     <span>Coaching en Communication </span>
  783.                                 </div>
  784.                                 <span>Améliorez votre communication.</span>
  785.                             </div>
  786.                         </a>
  787.                     </div>
  788.                 </div>
  791.             </div>
  792.             <!--End Categories Tendance-->
  794.             <div class="barstripe p-2 is-background-primary flex flex-col justify-center items-center primary-font">
  795.                 <h3 class="sm:text-5xl text-3xl text-center font-extralight text-white mb-4">Votre réussite, notre mission</h3>
  796.                 <p class="px-2 text-center">Découvrez la force du coaching personnalisé pour changer votre vie</p>
  797.             </div>
  799.             <!-- Categories -->
  800.             <div class="featured-categories is-x4 py-15 container">
  801.                 <!-- Header -->
  802.                 <div class="header d-flex justify-content-between align-items-center">
  803.                     <div class="tit px-2">
  804.                         <h4 class=" text-2xl font-bold    primary-font  ">Nos Experiences</h4>
  805.                     </div>
  807.                 </div>
  809.                 <div class="categories-container-fixed">
  810.                     <!-- Categories -->
  811.                     <div class="categories-fixed  mt-3">
  813.                         <div class="row ">
  815.                             <a class="col-md-3 p-2">
  816.                                 <div class="container__1fEu "><img class="image__mX0f"
  817.                                                                    src="{{ asset('dev/images/engin-akyurt-ZbzYDboN7fg-unsplash.jpg')  }}">
  818.                                     <div class="titleContainer__3mVt">
  819.                                         <div class="topDestinationLink__38WT">
  820.                                             <h3 class="text-lg text-white primary-font font-bold">Bien etre
  821.                                             </h3>
  822.                                         </div>
  823.                                     </div>
  824.                                 </div>
  825.                             </a>
  827.                             <!-- Categorie -->
  828.                             <a class="col-md-3 p-2">
  829.                                 <div class="container__1fEu "><img class="image__mX0f"
  830.                                                                    src="{{ asset('dev/images/sport.jpg')  }}">
  831.                                     <div class="titleContainer__3mVt">
  832.                                         <div class="topDestinationLink__38WT">
  833.                                             <h3 class="text-lg text-white primary-font font-bold">Sport</h3>
  834.                                         </div>
  835.                                     </div>
  836.                                 </div>
  837.                             </a>
  839.                             <!-- Categorie -->
  840.                             <a class="col-md-3 p-2">
  841.                                 <div class="container__1fEu "><img class="image__mX0f"
  842.                                                                    src="{{ asset('dev/images/pexels-pixabay-39691.jpg')  }}">
  843.                                     <div class="titleContainer__3mVt">
  844.                                         <div class="topDestinationLink__38WT">
  845.                                             <h3 class="text-lg text-white primary-font font-bold">Famille</h3>
  846.                                         </div>
  847.                                     </div>
  848.                                 </div>
  849.                             </a>
  851.                             <!-- Categorie -->
  852.                             <a class="col-md-3 p-2">
  853.                                 <div class="container__1fEu "><img class="image__mX0f"
  854.                                                                    src="{{ asset('dev/images/annie-spratt-upJFoyr7BBA-unsplash.jpg')  }}">
  855.                                     <div class="titleContainer__3mVt">
  856.                                         <div class="topDestinationLink__38WT">
  857.                                             <h3 class="text-lg text-white primary-font font-bold">Culturel</h3>
  858.                                         </div>
  859.                                     </div>
  860.                                 </div>
  861.                             </a>
  864.                         </div>
  865.                         <div class="row  mt-4">
  866.                             <!-- Categorie -->
  867.                             <a class="col-md-3 p-2">
  868.                                 <div class="container__1fEu "><img class="image__mX0f" src="{{ asset('dev/images/relooking.webp')  }}">
  869.                                     <div class="titleContainer__3mVt">
  870.                                         <div class="topDestinationLink__38WT">
  871.                                             <h3 class="text-lg text-white primary-font font-bold">Relooking</h3>
  872.                                         </div>
  873.                                     </div>
  874.                                 </div>
  875.                             </a>
  876.                             <!-- Categorie -->
  877.                             <a class="col-md-3 p-2">
  878.                                 <div class="container__1fEu "><img class="image__mX0f"
  879.                                                                    src="{{ asset('dev/images/pilotage.jpg')  }}">
  880.                                     <div class="titleContainer__3mVt">
  881.                                         <div class="topDestinationLink__38WT">
  882.                                             <h3 class="text-lg text-white primary-font font-bold">Pilotage</h3>
  883.                                         </div>
  884.                                     </div>
  885.                                 </div>
  886.                             </a>
  887.                             <!-- Categorie -->
  888.                             <a class="col-md-3 p-2">
  889.                                 <div class="container__1fEu "><img class="image__mX0f"
  890.                                                                    src="{{ asset('dev/images/Artistique.jpg')  }}">
  891.                                     <div class="titleContainer__3mVt">
  892.                                         <div class="topDestinationLink__38WT">
  893.                                             <h3 class="text-lg text-white primary-font font-bold">Artistique</h3>
  894.                                         </div>
  895.                                     </div>
  896.                                 </div>
  897.                             </a>
  898.                             <!-- Categorie -->
  899.                             <a class="col-md-3 p-2">
  900.                                 <div class="container__1fEu "><img class="image__mX0f"
  901.                                                                    src="{{ asset('dev/images/Culinaire.jpg')  }}">
  902.                                     <div class="titleContainer__3mVt">
  903.                                         <div class="topDestinationLink__38WT">
  904.                                             <h3 class="text-lg text-white primary-font font-bold">Culinaire</h3>
  905.                                         </div>
  906.                                     </div>
  907.                                 </div>
  908.                             </a>
  911.                         </div>
  913.                         <div class="title w-2/3 mx-auto font primary-font text-center my-6">
  914.                             <p class="p-title ">
  915.                                 Prendre soin de soi est essentiel pour maintenir un équilibre.
  916.                                 Réserver un coach permet d’obtenir un accompagnement sur mesure afin de mieux appréhender ses besoins et aspirations.
  917.                                 Avec un coach, on peut identifier les différents obstacles, renforcer la confiance en soi et développer des stratégies efficaces pour atteindre ses objectifs.
  918.                                 N'attendez plus, investissez dans votre bien-être avec un coach professionnel dédié à votre épanouissement.
  919.                             </p>
  921.                             <a href="{{ path("result") }}" class="underlink p-2">Voir toutes nos expérience</a>
  922.                         </div>
  923.                     </div>
  924.                 </div>
  927.             </div>
  928.             <!-- End Categories -->
  930.             <section class="promo_full" style="background: url({{ asset('dev/images/banner-test.jpg')  }}) no-repeat center center;background-size: cover;">
  931.                 <div class="promo_full_wp magnific">
  932.                     <div>
  933.                         <h3>BOOKOACH                        </h3>
  934.                         <p>
  935.                             LE COACH QUI VOUS CONVIENT
  936.                         </p>
  937.                         <a href="{{ path('about') }}" class="btn1 flex items-center mx-auto my-2 w-40 hover:scale-105 transform transition duration-300">
  938.                             <div class=" whitespace-nowrap">En Savoir Plus</div>
  939.                         </a>
  940.                     </div>
  941.                 </div>
  942.             </section>
  945.             <div class="container py-12">
  946.                 <div class="d-flex justify-content-between">
  947.                     <h4 class=" text-2xl font-bold    primary-font  " >Nos destinations</h4>
  948.                     <a class=" text-base font-semibold  yellow-text">Voir Plus</a>
  949.                 </div>
  950.                 <div class="py-6">
  952.                     <!--Featured categories-->
  953.                     <div class=" row">
  954.                         <!--Featured Category-->
  955.                         <div class="col-md-6 col-lg-3  mb-4 ">
  956.                             <a>
  957.                                 <div class="imageis-150x150 " style="  position: relative; ">
  958.                                     <img class="rounded-xl  imageis-150x150 " src="{{ asset('dev/images/casablanca.jpg')  }}">
  960.                                     <div class="card-gradient p-2 flex justify-center items-center rounded-xl">
  961.                                         <span class="d-block title-loc text-2xl xl:text-5xl">MAROC</span>
  963.                                     </div>
  964.                                 </div>
  965.                             </a>
  967.                         </div>
  970.                         <!--Featured Category-->
  971.                         <div class="col-md-6 col-lg-3  mb-4 ">
  972.                             <a>
  973.                                 <div class="imageis-150x150 " style="  position: relative; ">
  974.                                     <img class="rounded-xl  imageis-150x150 " src="{{ asset('dev/images/marrakech.jpg')  }}">
  976.                                     <div class="card-gradient p-2 flex justify-center items-center rounded-xl">
  977.                                         <span class="d-block title-loc text-2xl xl:text-5xl">FRANCE</span>
  979.                                     </div>
  980.                                 </div>
  981.                             </a>
  982.                         </div>
  984.                         <!--Featured Category-->
  985.                         <div class="col-md-6 col-lg-3  mb-4 ">
  986.                             <a>
  987.                                 <div class="imageis-150x150 " style="  position: relative; ">
  988.                                     <img class="rounded-xl  imageis-150x150 " src="{{ asset('dev/images/chefchaouen.jpg')  }}">
  990.                                     <div class="card-gradient p-2 flex justify-center items-center rounded-xl">
  991.                                         <span class="d-block title-loc text-2xl xl:text-5xl">BELGIQUE</span>
  993.                                     </div>
  994.                                 </div>
  995.                             </a>
  996.                         </div>
  998.                         <!--Featured Category-->
  999.                         <div class="col-md-6 col-lg-3  mb-4 ">
  1000.                             <a>
  1001.                                 <div class="imageis-150x150 " style="  position: relative; ">
  1002.                                     <img class="rounded-xl  imageis-150x150 " src="{{ asset('dev/images/paris.jpg')  }}">
  1004.                                     <div class="card-gradient p-2 flex justify-center items-center rounded-xl">
  1005.                                         <span class="d-block title-loc text-2xl xl:text-5xl">ESPAGNE</span>
  1007.                                     </div>
  1008.                                 </div>
  1009.                             </a>
  1010.                         </div>
  1012.                         <!--Featured Category-->
  1013.                         <div class="col-md-6 col-lg-3  mb-4 ">
  1014.                             <a href="">
  1015.                                 <div class="imageis-150x150 " style="  position: relative; ">
  1016.                                     <img class="rounded-xl  imageis-150x150 " src="{{ asset('dev/images/seville.jpg')  }}">
  1018.                                     <div class="card-gradient p-2 flex justify-center items-center rounded-xl">
  1019.                                         <span class="d-block title-loc text-2xl xl:text-5xl">ITALIE</span>
  1021.                                     </div>
  1022.                                 </div>
  1023.                             </a>
  1024.                         </div>
  1026.                         <!--Featured Category-->
  1027.                         <div class="col-md-6 col-lg-3  mb-4 ">
  1028.                             <a>
  1029.                                 <div class="imageis-150x150 " style="  position: relative; ">
  1030.                                     <img class="rounded-xl  imageis-150x150 " src="{{ asset('dev/images/berlin.jpg')  }}">
  1032.                                     <div class="card-gradient p-2 flex justify-center items-center rounded-xl">
  1033.                                         <span class="d-block title-loc text-2xl xl:text-5xl">GRECE</span>
  1035.                                     </div>
  1036.                                 </div>
  1037.                             </a>
  1038.                         </div>
  1040.                         <!--Featured Category-->
  1041.                         <div class="col-md-6 col-lg-3  mb-4 ">
  1042.                             <a>
  1043.                                 <div class="imageis-150x150 " style="  position: relative; ">
  1044.                                     <img class="rounded-xl  imageis-150x150 " src="{{ asset('dev/images/mykonos.jpg')  }}">
  1046.                                     <div class="card-gradient p-2 flex justify-center items-center rounded-xl">
  1047.                                         <span class="d-block title-loc text-2xl xl:text-5xl">PORTUGAL</span>
  1049.                                     </div>
  1050.                                 </div>
  1051.                             </a>
  1052.                         </div>
  1054.                         <!--Featured Category-->
  1055.                         <div class="col-md-6 col-lg-3  mb-4 ">
  1056.                             <a>
  1057.                                 <div class="imageis-150x150 " style="  position: relative; ">
  1058.                                     <img class="rounded-xl  imageis-150x150 " src="{{ asset('dev/images/taghazaout.jpg')  }}">
  1060.                                     <div class="card-gradient p-2 flex justify-center items-center rounded-xl">
  1061.                                         <span class="d-block title-loc text-2xl xl:text-5xl">SUISSE</span>
  1063.                                     </div>
  1064.                                 </div>
  1065.                             </a>
  1066.                         </div>
  1067.                     </div>
  1068.                 </div>
  1069.             </div>
  1071.             <!--Welcome section -->
  1072.             <div class="mb-28">
  1073.                 <div class="container faq py-15">
  1074.                     <div class="leftSide d-flex align-self-center flex-column  p-0">
  1075.                         <div class="header-bloc relative">
  1076.                             <div class="svg1 d-none d-lg-block"><svg xmlns="http://www.w3.org/2000/svg" width="93.26" height="93.25"
  1077.                                                                      viewBox="0 0 93.26 93.25">
  1078.                                 <defs>
  1079.                                 <style>
  1080.                                     .cls-1 {
  1081.                                         fill: #ffa700;
  1082.                                     }
  1083.                                 </style>
  1084.                                 </defs>
  1085.                                 <circle id="Ellipse_1_copie_2" data-name="Ellipse 1 copie 2" class="cls-1" cx="46.63" cy="46.625"
  1086.                                         r="46.63" />
  1087.                                 </svg>
  1088.                             </div>
  1089.                             <div class="svg2 d-none d-lg-block"><svg xmlns="http://www.w3.org/2000/svg" width="30.44" height="30.438"
  1090.                                                                      viewBox="0 0 30.44 30.438">
  1091.                                 <defs>
  1092.                                 <style>
  1093.                                     .cls-1 {
  1094.                                         fill: #ffa700;
  1095.                                         fill-rule: evenodd;
  1096.                                     }
  1097.                                 </style>
  1098.                                 </defs>
  1099.                                 <path id="Ellipse_1_copie_7" data-name="Ellipse 1 copie 7" class="cls-1"
  1100.                                       d="M1154.21,88.785A15.215,15.215,0,1,1,1139,104,15.215,15.215,0,0,1,1154.21,88.785Z"
  1101.                                       transform="translate(-1139 -88.781)" />
  1102.                                 </svg>
  1103.                             </div>
  1104.                             <div class="svg3 d-none d-lg-block"><svg xmlns="http://www.w3.org/2000/svg" width="72.875" height="72.876"
  1105.                                                                      viewBox="0 0 72.875 72.876">
  1106.                                 <defs>
  1107.                                 <style>
  1108.                                     .cls-1 {
  1109.                                         fill: #ffa700;
  1110.                                         fill-rule: evenodd;
  1111.                                     }
  1112.                                 </style>
  1113.                                 </defs>
  1114.                                 <path id="Ellipse_1_copie_3" data-name="Ellipse 1 copie 3" class="cls-1"
  1115.                                       d="M469.435,36.562A36.438,36.438,0,1,1,433,73,36.438,36.438,0,0,1,469.435,36.562Z"
  1116.                                       transform="translate(-433 -36.563)" />
  1117.                                 </svg>
  1118.                             </div>
  1119.                             <h3
  1120.                                 class="headerTitle text-center text-2xl sm:text-3xl text-start sm:text-center font-bold text-uppercase ">
  1121.                                 Bookoach </h3>
  1122.                             <h3
  1123.                                 class="headerTitle text-uppercase text-center text-sm sm:text-base text-start sm:text-center font-medium mb-3 ">
  1124.                                 Votre réussite, notre mission </h3>
  1125.                         </div>
  1126.                         <div class="description pt-12">
  1127.                             <div class="svg4-m lg:hidden">
  1128.                                 <img src="{{ asset('dev/img/right-borderd.svg')  }}">
  1129.                             </div>
  1130.                             <div class="svg6-m lg:hidden">
  1131.                                 <img src="{{ asset('dev/img/left-fill.svg')  }}">
  1133.                             </div>
  1134.                             <div class="svg4 d-none d-lg-block">
  1135.                                 <img src="{{ asset('dev/img/right-borderd.svg')  }}">
  1136.                             </div>
  1137.                             <div class="svg5 d-none d-lg-block">
  1138.                                 <img src="{{ asset('dev/img/right-borderd.svg')  }}">
  1139.                             </div>
  1140.                             <div class="svg6 d-none d-lg-block">
  1141.                                 <img src="{{ asset('dev/img/left-fill.svg')  }}">
  1142.                             </div>
  1143.                             <div class="svg7 d-none d-lg-block">
  1144.                                 <img src="{{ asset('dev/img/bottom-fill.svg')  }}">
  1145.                             </div>
  1146.                             <div class="svg8 d-none d-lg-block">
  1147.                                 <img src="{{ asset('dev/img/bottom-borderd.svg')  }}">
  1148.                             </div>
  1149.                             <div class="row " style="width: 70%;margin: auto;">
  1150.                                 <div class="col-md-6 col-12 my-3">
  1151.                                     <div class="d-flex align-items-start">
  1152.                                         <div class="p-2 pe-3">
  1153.                                             <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11">
  1154.                                             <defs>
  1155.                                             <style>
  1156.                                                 .cls-1 {
  1157.                                                     fill: #ffa700;
  1158.                                                 }
  1159.                                             </style>
  1160.                                             </defs>
  1161.                                             <circle class="cls-1" cx="5.5" cy="5.5" r="5.5"></circle>
  1162.                                             </svg>
  1163.                                         </div>
  1164.                                         <div class="text-ctn text-uppercase">
  1165.                                             <h5 class="text-sm font-bold">OÙ TROUVER NOS COACHS</h5>
  1166.                                             <p class=" text-xs pt-1 pe-1 sm:pe-5" style="font-size: 10px;color: gray;">Que vous soyez à la maison, en voyage professionnel ou en vacances, vous pouvez facilement trouver un coach proche de chez vous ou disponible en ligne. Explorez notre vaste réseau de professionnels, présents dans diverses régions et à l'international, prêts à vous accompagner dans votre développement personnel et professionnel. </p>
  1167.                                         </div>
  1168.                                     </div>
  1169.                                 </div>
  1170.                                 <div class="col-md-6 col-12 my-3">
  1171.                                     <div class="d-flex align-items-start">
  1172.                                         <div class="p-2 pe-3">
  1173.                                             <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11">
  1174.                                             <defs>
  1175.                                             <style>
  1176.                                                 .cls-1 {
  1177.                                                     fill: #ffa700;
  1178.                                                 }
  1179.                                             </style>
  1180.                                             </defs>
  1181.                                             <circle class="cls-1" cx="5.5" cy="5.5" r="5.5"></circle>
  1182.                                             </svg>
  1183.                                         </div>
  1184.                                         <div class="text-ctn text-uppercase">
  1185.                                             <h5 class="text-sm font-bold">POURQUOI FAIRE APPEL À UN COACH </h5>
  1186.                                             <p class=" text-xs pt-1 pe-1 sm:pe-5" style="font-size: 10px;color: gray;">Faire appel à un coach, c’est investir en vous-même. Un coach professionnel vous aide à clarifier vos objectifs, à élaborer des stratégies efficaces et à surmonter les obstacles. Un coach vous offre un soutien personnalisé et des perspectives nouvelles pour atteindre de nouveaux objectifs.  </p>
  1187.                                         </div>
  1188.                                     </div>
  1189.                                 </div>
  1190.                                 <div class="col-md-6 col-12 my-3">
  1191.                                     <div class="d-flex align-items-start">
  1192.                                         <div class="p-2 pe-3">
  1193.                                             <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11">
  1194.                                             <defs>
  1195.                                             <style>
  1196.                                                 .cls-1 {
  1197.                                                     fill: #ffa700;
  1198.                                                 }
  1199.                                             </style>
  1200.                                             </defs>
  1201.                                             <circle class="cls-1" cx="5.5" cy="5.5" r="5.5"></circle>
  1202.                                             </svg>
  1203.                                         </div>
  1204.                                         <div class="text-ctn text-uppercase">
  1205.                                             <h5 class="text-sm font-bold">BÉNÉFICIER D’UN ACCOMPAGNEMENT SUR MESURE </h5>
  1206.                                             <p class=" text-xs pt-1 pe-1 sm:pe-5" style="font-size: 10px;color: gray;">Un accompagnement sur mesure, adapté à vos besoins spécifiques. Nos coachs travaillent avec vous pour créer un programme personnalisé qui répond à vos objectifs uniques. Que vous préfériez des séances en personne, en visio, seul ou en groupe, nous nous adaptons à vos préférences pour vous offrir la meilleure expérience possible.  </p>
  1207.                                         </div>
  1208.                                     </div>
  1209.                                 </div>
  1210.                                 <div class="col-md-6 col-12 my-3 ">
  1211.                                     <div class="d-flex align-items-start">
  1212.                                         <div class="p-2 pe-3">
  1213.                                             <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11">
  1214.                                             <defs>
  1215.                                             <style>
  1216.                                                 .cls-1 {
  1217.                                                     fill: #ffa700;
  1218.                                                 }
  1219.                                             </style>
  1220.                                             </defs>
  1221.                                             <circle class="cls-1" cx="5.5" cy="5.5" r="5.5"></circle>
  1222.                                             </svg>
  1223.                                         </div>
  1224.                                         <div class="text-ctn text-uppercase">
  1225.                                             <h5 class="text-sm font-bold">AVANTAGES  </h5>
  1226.                                             <p class=" text-xs pt-1 pe-1 sm:pe-5" style="font-size: 10px;color: gray;">Des séances disponibles en présentiel ou en ligne, où que vous soyez. Accédez à un réseau de coachs qualifiés et expérimentés pour un soutien continu pour rester motivé.   </p>
  1227.                                         </div>
  1228.                                     </div>
  1229.                                 </div>
  1230.                             </div>
  1231.                         </div>
  1235.                     </div>
  1237.                 </div>
  1238.             </div>
  1239.             <!--End Welcome section -->
  1242.             <!--Became Partner -->
  1243.             <div class="my-6">
  1244.                 <div
  1245.                     class="overlay-cta primary-font"
  1246.                     style="background-size: cover;
  1247.                     background-repeat: no-repeat;
  1248.                     background-position: center;
  1249.                     background-image: url({{ asset('dev/images/background-images-and-univers.png')  }})" >
  1250.                     <div class="cta-inner">
  1251.                         <h4 class="title is-2 is-bold text-inverted has-space text-uppercase">devenir partenaire BOOKOACH</h4>
  1252.                         <div class="py-10 pb-8 d-flex justify-content-center" style="font-size: 23px;white-space: nowrap;">
  1253.                             <a href="{{ path('coach_registration') }}" class="btn4-white text-uppercase d-flex justify-content-center py-2 px-3 text-sm font-bold">Rejoignez-nous</a>
  1254.                         </div>
  1257.                        
  1261.                     </div>
  1262.                 </div>
  1263.             </div>
  1264.             <!--End Became Partner -->
  1272.         </div>
  1274.         <div class="">
  1275.             <div class="container py-12 near-tags">
  1277.                 <h4 class=" text-2xl font-bold mb-3 text-normal primary-font  " style="font-size: 28px;text-transform: none;">Vos coups de coeur</h4>
  1279.                 <div class="tags" id="tag1" >
  1280.                     <span class="tag">Los Angeles</span>
  1281.                     <span class="tag">San Francisco</span>
  1282.                     <span class="tag">San Diego</span>
  1283.                     <span class="tag">Orange County</span>
  1284.                     <span class="tag">San Juan</span>
  1285.                     <span class="tag">Los Angeles</span>
  1286.                     <span class="tag">San Francisco</span>
  1287.                     <span class="tag">San Diego</span>
  1288.                     <span class="tag">Orange County</span>
  1289.                     <span class="tag">San Juan</span>
  1290.                     <span class="tag">Los Angeles</span>
  1291.                     <span class="tag">San Francisco</span>
  1292.                     <span class="tag">San Diego</span>
  1293.                     <span class="tag">Orange County</span>
  1294.                     <span class="tag">San Juan</span>
  1295.                     <span class="tag">Tokyo</span>
  1296.                     <span class="tag">Paris</span>
  1297.                     <span class="tag">London</span>
  1298.                     <span class="tag">San Juan</span>
  1299.                     <span class="tag">Los Angeles</span>
  1300.                     <span class="tag">San Francisco</span>
  1301.                     <span class="tag">San Diego</span>
  1302.                     <span class="tag">Orange County</span>
  1303.                     <span class="tag">San Juan</span>
  1304.                     <span class="tag">Tokyo</span>
  1305.                     <span class="tag">Paris</span>
  1306.                     <span class="tag">London</span>
  1307.                     <span class="tag">Sydney</span>
  1308.                     <span class="tag">Rome</span>
  1309.                     <span class="tag">Dubai</span>
  1310.                     <span class="tag">Rio de Janeiro</span>
  1311.                     <span class="tag">Moscow</span>
  1312.                     <span class="tag">Berlin</span>
  1313.                     <span class="tag">Bangkok</span>
  1314.                     <span class="tag">Paris</span>
  1315.                     <span class="tag">London</span>
  1316.                     <span class="tag">Sydney</span>
  1317.                     <span class="tag">Rome</span>
  1318.                     <span class="tag">Dubai</span>
  1319.                     <span class="tag">Rio de Janeiro</span>
  1320.                     <span class="tag">Moscow</span>
  1321.                     <span class="tag">Berlin</span>
  1322.                     <span class="tag">Bangkok</span>
  1324.                 </div>
  1325.                 <div class="tags" id="tag3" style="display: none;">
  1326.                     <span class="tag">tag2</span>
  1327.                     <span class="tag">San Francisco</span>
  1328.                     <span class="tag">San Diego</span>
  1329.                     <span class="tag">Orange County</span>
  1330.                     <span class="tag">San Juan</span>
  1331.                     <span class="tag">Los Angeles</span>
  1332.                     <span class="tag">San Francisco</span>
  1333.                     <span class="tag">San Diego</span>
  1334.                     <span class="tag">Orange County</span>
  1335.                     <span class="tag">San Juan</span>
  1336.                     <span class="tag">Los Angeles</span>
  1337.                     <span class="tag">San Francisco</span>
  1338.                     <span class="tag">San Diego</span>
  1339.                     <span class="tag">Orange County</span>
  1340.                     <span class="tag">San Juan</span>
  1341.                     <span class="tag">Tokyo</span>
  1342.                     <span class="tag">Paris</span>
  1343.                     <span class="tag">London</span>
  1344.                     <span class="tag">San Juan</span>
  1345.                     <span class="tag">Los Angeles</span>
  1346.                     <span class="tag">San Francisco</span>
  1347.                     <span class="tag">San Diego</span>
  1348.                     <span class="tag">Orange County</span>
  1349.                     <span class="tag">San Juan</span>
  1350.                     <span class="tag">Tokyo</span>
  1351.                     <span class="tag">Paris</span>
  1352.                     <span class="tag">London</span>
  1353.                     <span class="tag">Sydney</span>
  1354.                     <span class="tag">Rome</span>
  1355.                     <span class="tag">Dubai</span>
  1356.                     <span class="tag">Rio de Janeiro</span>
  1357.                     <span class="tag">Moscow</span>
  1358.                     <span class="tag">Berlin</span>
  1359.                     <span class="tag">Bangkok</span>
  1360.                     <span class="tag">Paris</span>
  1361.                     <span class="tag">London</span>
  1362.                     <span class="tag">Sydney</span>
  1363.                     <span class="tag">Rome</span>
  1364.                     <span class="tag">Dubai</span>
  1365.                     <span class="tag">Rio de Janeiro</span>
  1366.                     <span class="tag">Moscow</span>
  1367.                     <span class="tag">Berlin</span>
  1368.                     <span class="tag">Bangkok</span>
  1370.                 </div>
  1371.                 <div class="tags" id="tag2" style="display: none;">
  1372.                     <span class="tag">Jean-Pierre Dupont</span>
  1373.                     <span class="tag">Marie-Claire Martin</span>
  1374.                     <span class="tag">Étienne Dubois</span>
  1375.                     <span class="tag">Camille Lefèvre</span>
  1376.                     <span class="tag">Antoine Bernard</span>
  1377.                     <span class="tag">Sophie Leroy</span>
  1378.                     <span class="tag">Mathilde Lambert</span>
  1379.                     <span class="tag">Nicolas Girard</span>
  1380.                     <span class="tag">Céline Simon</span>
  1381.                     <span class="tag">Luc Dubois</span>
  1382.                     <span class="tag">Isabelle Renault</span>
  1383.                     <span class="tag">Pierre Martin</span>
  1384.                     <span class="tag">Marie Dupont</span>
  1385.                     <span class="tag">Philippe Lefèvre</span>
  1386.                     <span class="tag">Émilie Thomas</span>
  1387.                     <span class="tag">Gilles Robert</span>
  1388.                     <span class="tag">Juliette Dubois</span>
  1389.                     <span class="tag">Dominique Laurent</span>
  1390.                     <span class="tag">Sébastien Michel</span>
  1391.                     <span class="tag">Christine Girard</span>
  1392.                     <span class="tag">Maxime Lambert</span>
  1393.                     <span class="tag">Amélie Roux</span>
  1394.                     <span class="tag">Denis Bonnet</span>
  1395.                     <span class="tag">Caroline Durand</span>
  1396.                     <span class="tag">René Lefèvre</span>
  1397.                     <span class="tag">Anne Dubois</span>
  1398.                     <span class="tag">Louis Martin</span>
  1399.                     <span class="tag">Valérie Girard</span>
  1400.                     <span class="tag">Olivier Dupont</span>
  1401.                     <span class="tag">Élise Moreau</span>
  1402.                     <span class="tag">Michel Dubois</span>
  1403.                     <span class="tag">Nathalie Lefèvre</span>
  1404.                     <span class="tag">Guillaume Robert</span>
  1405.                     <span class="tag">Pauline Simon</span>
  1406.                     <span class="tag">André Laurent</span>
  1407.                     <span class="tag">Sylvie Petit</span>
  1408.                     <span class="tag">Yves Leroy</span>
  1409.                     <span class="tag">Aurélie Thomas</span>
  1410.                     <span class="tag">Jean Martin</span>
  1411.                     <span class="tag">Marion Dupont</span>
  1412.                     <span class="tag">Claude Lefèvre</span>
  1413.                     <span class="tag">Charlotte Girard</span>
  1414.                     <span class="tag">Lucas Bernard</span>
  1415.                     <span class="tag">Valentine Moreau</span>
  1416.                     <span class="tag">Bernard Simon</span>
  1417.                     <span class="tag">Catherine Dupont</span>
  1418.                 </div>
  1420.             </div>
  1422.         </div>
  1427.     </main>
  1430.     <!-- End main -->
  1431. {% endblock %}
  1432. {% block javascripts %}
  1433.     <!-- SLIDER REVOLUTION SCRIPTS  -->
  1434.     <script src="{{ asset('dev/rev-slider-files/js/jquery.themepunch.tools.min.js')}}"></script>
  1435.     <script src="{{ asset('dev/rev-slider-files/js/jquery.themepunch.revolution.min.js')}}"></script>
  1436.     <script src="{{ asset('dev/rev-slider-files/js/extensions/revolution.extension.actions.min.js')}}"></script>
  1437.     <script src="{{ asset('dev/rev-slider-files/js/extensions/revolution.extension.carousel.min.js')}}"></script>
  1438.     <script src="{{ asset('dev/rev-slider-files/js/extensions/revolution.extension.kenburn.min.js')}}"></script>
  1439.     <script src="{{ asset('dev/rev-slider-files/js/extensions/revolution.extension.layeranimation.min.js')}}"></script>
  1440.     <script src="{{ asset('dev/rev-slider-files/js/extensions/revolution.extension.migration.min.js')}}"></script>
  1441.     <script src="{{ asset('dev/rev-slider-files/js/extensions/revolution.extension.navigation.min.js')}}"></script>
  1442.     <script src="{{ asset('dev/rev-slider-files/js/extensions/revolution.extension.parallax.min.js')}}"></script>
  1443.     <script src="{{ asset('dev/rev-slider-files/js/extensions/revolution.extension.slideanims.min.js')}}"></script>
  1444.     <script src="{{ asset('dev/rev-slider-files/js/extensions/revolution.extension.video.min.js')}}"></script>
  1445.     <script>
  1446.         var tpj = jQuery;
  1447.         var revapi54;
  1448.         tpj(document).ready(function () {
  1449.             if (tpj("#rev_slider_54_1").revolution == undefined) {
  1450.                 revslider_showDoubleJqueryError("#rev_slider_54_1");
  1451.             } else {
  1452.                 revapi54 = tpj("#rev_slider_54_1").show().revolution({
  1453.                     sliderType: "standard",
  1454.                     jsFileLocation: "rev-slider-files/js/",
  1455.                     sliderLayout: "fullwidth",
  1456.                     dottedOverlay: "none",
  1457.                     delay: 9000,
  1458.                     navigation: {
  1459.                         keyboardNavigation: "off",
  1460.                         keyboard_direction: "horizontal",
  1461.                         mouseScrollNavigation: "off",
  1462.                         mouseScrollReverse: "default",
  1463.                         onHoverStop: "off",
  1464.                         touch: {
  1465.                             touchenabled: "on",
  1466.                             touchOnDesktop: "off",
  1467.                             swipe_threshold: 75,
  1468.                             swipe_min_touches: 50,
  1469.                             swipe_direction: "horizontal",
  1470.                             drag_block_vertical: false
  1471.                         }
  1472.                         ,
  1473.                         arrows: {
  1474.                             style: "uranus",
  1475.                             enable: false,
  1476.                             hide_onmobile: true,
  1477.                             hide_under: 778,
  1478.                             hide_onleave: true,
  1479.                             hide_delay: 200,
  1480.                             hide_delay_mobile: 1200,
  1481.                             tmp: '',
  1482.                             left: {
  1483.                                 h_align: "left",
  1484.                                 v_align: "center",
  1485.                                 h_offset: 20,
  1486.                                 v_offset: 0
  1487.                             },
  1488.                             right: {
  1489.                                 h_align: "right",
  1490.                                 v_align: "center",
  1491.                                 h_offset: 20,
  1492.                                 v_offset: 0
  1493.                             }
  1494.                         }
  1495.                     },
  1496.                     responsiveLevels: [1240, 1024, 778, 480],
  1497.                     visibilityLevels: [1240, 1024, 778, 480],
  1498.                     gridwidth: [1240, 1024, 778, 480],
  1499.                     gridheight: [700, 550, 860, 480],
  1500.                     lazyType: "none",
  1501.                     parallax: {
  1502.                         type: "mouse",
  1503.                         origo: "slidercenter",
  1504.                         speed: 2000,
  1505.                         levels: [2, 3, 4, 5, 6, 7, 12, 16, 10, 50, 47, 48, 49, 50, 51, 55],
  1506.                         disable_onmobile: "on"
  1507.                     },
  1508.                     shadow: 0,
  1509.                     spinner: "off",
  1510.                     stopLoop: "on",
  1511.                     stopAfterLoops: 0,
  1512.                     stopAtSlide: 1,
  1513.                     shuffle: "off",
  1514.                     autoHeight: "off",
  1515.                     disableProgressBar: "on",
  1516.                     hideThumbsOnMobile: "off",
  1517.                     hideSliderAtLimit: 0,
  1518.                     hideCaptionAtLimit: 0,
  1519.                     hideAllCaptionAtLilmit: 0,
  1520.                     debugMode: false,
  1521.                     fallbacks: {
  1522.                         simplifyAll: "off",
  1523.                         nextSlideOnWindowFocus: "off",
  1524.                         disableFocusListener: false,
  1525.                     }
  1526.                 });
  1527.             }
  1528.         }); /*ready*/
  1529.     </script>
  1532.     <script src="{{ asset('dev/js/home.js')}}" type="module"></script>
  1534.     <script src="{{ asset('dev/js/hicon.min.js')}}"></script>
  1535.     <script> hicon.replace();</script>
  1536.     <script src="{{ asset('dev/js/moment.min.js')}}"></script>      
  1537.     <script src="{{ asset('dev/js/daterangepicker.js')}}"></script>      
  1538.     <script src="{{ asset('dev/js/datepicker.min.js')}}"></script>      
  1543.     <script defer src="{{ asset('dev/js/cdn.min.js')}}"></script>
  1544. {% endblock %}