templates/pages/basehome.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="{{ app.request.locale }}" data-menu="centeralign2">
  3.     {% set locale = app.request.locale %} 
  4.     <head>
  5.         <meta charset="UTF-8" />
  6.         <meta name="viewport" content="width=device-width, initial-scale=1"/>
  7.         <!-- Robots -->
  8.         <meta name="robots" content="noindex, nofollow">
  9.         <title>{% block title %}Bookoach{% endblock %}</title>
  10.         {% block meta %} {% endblock %}
  12.         <!-- Icons Css -->
  13.         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  14.         <meta name="format-detection" content="telephone=no" />
  16.         <!-- Favicons-->
  17.         <link rel="shortcut icon" href="{{ asset('dev/assets/logoBookoach.svg')}}" type="image/x-icon">
  18.         <link rel="apple-touch-icon" type="image/x-icon" href="assets/logoBookoach.svg">
  19.         <link rel="apple-touch-icon" type="image/x-icon" sizes="72x72" href="{{ asset('dev/assets/logoBookoach.svg')}}">
  20.         <link rel="apple-touch-icon" type="image/x-icon" sizes="114x114" href="{{ asset('dev/assets/logoBookoach.svg')}}">
  21.         <link rel="apple-touch-icon" type="image/x-icon" sizes="144x144" href="{{ asset('dev/assets/logoBookoach.svg')}}">
  23.         <!-- GOOGLE WEB FONT -->
  24.         <link href="https://fonts.googleapis.com/css2?family=Gochi+Hand&family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet">
  25.         <link href="https://fonts.googleapis.com/css2?family=Karla:wght@400;700&display=swap" rel="stylesheet">
  28.         <!-- COMMON CSS -->
  29.         <link href="{{ asset('dev/css/bootstrap.min.css')}}" rel="stylesheet">
  30.         <link href="{{ asset('dev/css/style.css')}}" rel="stylesheet">
  31.         <link href="{{ asset('dev/css/vendors.css')}}" rel="stylesheet">
  34.         {% block stylesheets %}
  35.         {% endblock %}
  37.     </head>
  39.     <body class="{% block body_class %}{% endblock %} ">
  40.         <!-- Header================================================== -->
  41.         <header style="height:80px">
  42.             <div class="container">
  43.                 <div class="row">
  44.                     <div class="col ps-2 pt-2.5">
  45.                         <a href="{{ path('homepage') }}" id="logo_home">
  46.                             <img src="{{ asset('dev/img/logoBookoach.svg') }}" width="160" height="34">
  47.                         </a>
  48.                         <a href="{{ path('homepage') }}" id="logo_home1">
  49.                             <img src="{{ asset('dev/img/logoBookoach-copy.svg')  }}" width="160" height="34">
  50.                         </a>
  51.                     </div>
  52.                     <div class="col-8" style="margin-top: 3px!important;">
  53.                         <a class="cmn-toggle-switch cmn-toggle-switch__htx open_close" href="javascript:void(0);"><span>Menu mobile</span></a>
  54.                         <div class="row">
  55.                             <div class="main-menu d-flex w-100 justify-content-between ">
  57.                                 <div class="d-flex justify-content-between">
  58.                                     <a href="#" class="open_close" id="close_in"><i class="icon_set_1_icon-77"></i></a>
  59.                                     <ul class="pt-2 menu-mobile w-100 d-none text-sm primary-font">
  60.                                         <li class="categories-menu1">
  61.                                             <a href="javascript:void(0);" class=" ">Coaching <i class="icon-down-open-mini"></i></a>
  62.                                         </li>
  63.                                         <li class="trips-menu1">
  64.                                             <a href="javascript:void(0);" class="">Séjour <i class="icon-down-open-mini"></i></a>
  65.                                         </li>
  66.                                         <li class="coachs-menu1">
  67.                                             <a href="javascript:void(0);" class="">Coachs <i class="icon-down-open-mini"></i></a>
  68.                                         </li>
  70.                                         <li class="about-menu1">
  71.                                             <a href="javascript:void(0);" class="">A propos <i class="icon-down-open-mini"></i></a>
  72.                                         </li>
  75.                                     </ul>
  77.                                     <ul class=" menu-desktop text-sm primary-font header-choix">
  78.                                         <li class="categories-menu">
  79.                                             <a href="javascript:void(0);" class=" ">Coaching <i class="icon-down-open-mini"></i></a>
  80.                                         </li>
  81.                                         <li class="trips-menu">
  82.                                             <a href="javascript:void(0);" class="" >Séjour <i class="icon-down-open-mini"></i></a>
  83.                                         </li>
  84.                                         <li class="coachs-menu">
  85.                                             <a href="javascript:void(0);" class="">Coachs <i class="icon-down-open-mini"></i></a>
  86.                                         </li>
  88.                                         <li class="about-menu">
  89.                                             <a href="javascript:void(0);" class="">A propos <i class="icon-down-open-mini"></i></a>
  90.                                         </li>
  93.                                     </ul>
  95.                                     <ul id="top_tools">
  96.                                         <li>
  97.                                             <button class="mini-search-button" id="profile-icon">
  98.                                                 <a href="javascript:void(0);" class=""> <i load-hicon="user"></i>
  99.                                                 </a>
  100.                                             </button>
  101.                                             <div  class="drop-menu drop-menu-profile" id="profile-drop" style="display: none;">
  102.                                                 <div class="drop-menu-inner">
  103.                                                     <a href="{{ path('login') }}"
  104.                                                         class="drop-menu-item is-heavy"
  105.                                                         >Se Connecter</a
  106.                                                     >
  107.                                                      <a href="{{ path('booker_registration') }}"
  108.                                                         class="drop-menu-item"
  109.                                                         >S'inscrire</a
  110.                                                     >
  111.                                                     <a
  112.                                                         class="drop-menu-item"
  113.                                                         >Compte</a
  114.                                                     >
  115.                                                     <a
  116.                                                         class="drop-menu-item"
  117.                                                         >Paramètres</a
  118.                                                     >
  119.                                                     <hr />
  120.                                                     <a href="{{ path('help_center') }}" class="drop-menu-item">Centre d'aide</a>
  121.                                                     <a
  122.                                                         class="drop-menu-item"
  123.                                                         >Logout</a
  124.                                                     >
  125.                                                 </div>
  126.                                             </div>
  128.                                         </li>
  129.                                         <li>
  130.                                             <button class="mini-search-button" id='search-icon' >
  131.                                                 <a href="javascript:void(0);" class=""><i load-hicon="lens"></i>
  132.                                                 </a>
  133.                                             </button>
  134.                                         </li>
  137.                                         <li>
  138.                                             <button class="mini-search-button" id='info-icon' >
  139.                                                 <a href="javascript:void(0);" class=""><i load-hicon="info"></i></a>
  140.                                             </button>
  141.                                             <div  class="drop-menu drop-menu-info" id="info-drop" style="display: none;">
  142.                                                 <div class="drop-menu-inner">
  143.                                                     <a href="{{ path('help_center') }}"
  144.                                                     class="drop-menu-item is-heavy"
  145.                                                     >Centre d'aide</a
  146.                                                 >
  148.                                                 <hr />
  149.                                                 <a  href="{{ path('faq') }}" class="drop-menu-item">Questions fréquentes</a>
  150.                                                 <a href="{{ path('contact') }}" class="drop-menu-item">Contactez nous</a>
  152.                                                 </div>
  153.                                             </div>
  154.                                         </li>
  156.                                     </ul>
  157.                                 </div>
  158.                             </div><!-- End main-menu -->
  159.                         </div>
  160.                     </div>
  161.                 </div>
  162.             </div><!-- container -->
  164.             
  165.             {% include 'include/menu/megamenu.html.twig' %}
  166.         </header>
  167.         <!-- End Header -->    
  168.         {% block content %}
  170.         {% endblock %}
  172.         <!-- End main -->
  173.         <section class="section-gray py-3" >
  174.             <div class="container pt-5 inner-footer primary-font d-flex align-items-start justify-content-between">
  175.                 <ul>
  176.                     <strong class="text-xs sm:text-xl">Pages</strong>
  177.                     <li>About Us</li>
  178.                     <li>Our Story</li>
  179.                     <li>Faq</li>
  180.                     <li>Categories</li>
  181.                     <li>Trips</li>
  182.                     <li>Coaches</li>
  183.                 </ul>
  184.                 <ul>
  185.                     <strong class="text-xs sm:text-xl">A propos de Bookoach</strong>
  186.                     <li>Nous Contacter</li>
  187.                     <li>Politique de confidentialité</li>
  188.                     <li>Terms & conditions</li>
  189.                     <li>politique d'annulation</li>
  190.                     <li>Faq</li>
  191.                 </ul>
  192.                 <ul>
  193.                     <strong class="text-xs sm:text-xl">Top Categories</strong>
  194.                     <li>Yoga Retreats</li>
  195.                     <li>Juice Fasting</li>
  196.                     <li>Thérapie de Couple</li>
  197.                     <li>Fitness</li>
  198.                     <li>Trips</li>
  199.                     <li>Spa Retreats</li>
  200.                 </ul>
  201.                 <ul class="d-none d-md-block">
  202.                     <strong class="text-xs sm:text-xl ">Suivre</strong>
  203.                     <li>X</li>
  204.                     <li>Linkedin</li>
  205.                     <li>Facebook</li>
  206.                     <li>Instagram</li>
  207.                     <li>Youtube</li>
  208.                 </ul>
  209.             </div>
  210.             <div class="py-3 px-2">
  211.                 <p class="text-center text-xs">Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus ab numquam minus ratione repellat nulla impedit pariatur adipisci sunt quam fugiat ex earum unde, maxime, perspiciatis, aut mollitia quos suscipit.</p>
  212.                 <p class="text-center text-xs font-light">*Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus ab numquam minus ratione repellat nulla impedit pariatur adipisci sunt quam fugiat ex earum unde, maxime, perspiciatis, aut mollitia quos suscipit.</p>
  213.                 <p class="text-center text-xs font-light">*Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus ab numquam minus ratione repellat nulla impedit pariatur adipisci sunt quam fugiat ex earum unde, maxime, perspiciatis, aut mollitia quos suscipit.</p>
  214.             </div>
  216.             <div class="secure-payments line-break  mt-3 d-flex flex-column align-items-center text-center justify-content-end">
  217.                 <div class="text-base font-bold">Secured Payments</div>
  218.                 <div class="d-flex d-flex justify-content-center px-3">
  219.                     <img src="{{ asset('dev/img/mastercard.svg') }}" alt="" class="px-1 p-2">
  220.                     <img src="{{ asset('dev/img/visa.svg') }}" alt="" class="px-1 p-2">
  221.                     <img src="{{ asset('dev/img/paypal_border.svg') }}" alt="" class="px-1 p-2">
  222.                     <img src="{{ asset('dev/img/applepay.svg') }}" alt="" class="px-1 p-2">
  223.                 </div>
  224.             </div>
  225.         </section>
  227.         <footer class="revealed">
  228.             <div class="container">
  229.                 <div class="row ">
  230.                     <div class="col-md-12">
  231.                         <div id="social_footer">
  232.                             <div class="flex justify-center p-2">
  233.                                 <img src="{{ asset('dev/img/logoBookoach.svg') }}" width="160" height="34">
  234.                             </div>
  235.                             <ul>
  236.                                 <li><a href="#"><i class="icon-facebook"></i></a></li>
  237.                                 <li><a href="#"><i class="icon-twitter"></i></a></li>
  238.                                 <li><a href="#"><i class="icon-google"></i></a></li>
  239.                                 <li><a href="#"><i class="icon-instagram"></i></a></li>
  240.                                 <li><a href="#"><i class="icon-pinterest"></i></a></li>
  241.                             </ul>
  244.                         </div>
  245.                     </div>
  246.                 </div>
  248.                 <div class="pre-footer d-flex row my-3 line-break pt-3">
  251.                     <p class="d-flex justify-content-center text-center text-xs  sm:text-base col-md-6 col-12">© BooKoach 2024 . Tous les droits sont réservés</p>
  252.                     <div class="d-flex justify-content-center col-md-6 col-12">
  253.                         <a href="{{ path('terms_of_use') }}" class="px-2"><p>Conditions d'utilisation</p></a>
  254.                         <a href="{{ path('confidentiality') }}" class="px-2"><p>Politique de confidentialité</p></a>
  255.                     </div>
  256.                 </div>
  263.                 <!-- End row -->
  264.             </div><!-- End container -->
  265.         </footer>
  267.         <div id="toTop"></div><!-- Back to top button -->
  269.         <!-- Search Menu -->
  270.         <div class="search-overlay-menu">
  271.             <span class="search-overlay-close"><i class="icon_set_1_icon-77"></i></span>
  272.             <form role="search" id="searchform1" method="get">
  273.                 <input value="" name="q" type="text" placeholder="Search..." />
  274.                 <button type="submit"><i class="icon_set_1_icon-78"></i>
  275.                 </button>
  276.             </form>
  277.         </div><!-- End Search Menu -->
  279.         <!-- Common scripts -->
  280.         <script src="{{ asset('dev/js/jquery-3.7.1.min.js')}}"></script>
  281.         <script src="{{ asset('dev/js/common_scripts_min.js')}}"></script>
  282.         <script src="{{ asset('dev/js/functions.js')}}"></script>
  285.         {% block javascripts %}
  286.         {% endblock %}
  289.         <!-- END layout-wrapper -->
  292.         {# it's not mandatory to set the timezone in localizeddate(). This is done to
  293.            avoid errors when the 'intl' PHP extension is not available and the application
  294.            is forced to use the limited "intl polyfill", which only supports UTC and GMT #}
  295.         <!-- Page rendered on {{ 'now'|format_datetime('long', 'long', '', 'UTC') }} -->
  296.     </body>
  297. </html>