templates/pages/base.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:90px">
  42.             <div class="container">
  43.                 <div class="row">
  44.                     <div class="col ps-2 pt-3">
  45.                         <a href="" id="logo_home">
  46.                             <img src="{{ asset('dev/img/logoBookoach.svg') }}" width="160" height="34">
  47.                         </a>
  48.                         <div id="logo_home1">
  49.                             <img src="{{ asset('dev/img/logoBookoach-copy.svg') }}" width="160" height="34">
  50.                         </div>
  51.                     </div>
  52.                     <div class="col-8" style="margin-top: 6px!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="main-menu d-flex justify-content-between ">
  56.                             <div class="d-flex justify-content-between">
  57.                                 <a href="#" class="open_close" id="close_in"><i class="icon_set_1_icon-77"></i></a>
  58.                                 <ul class="pt-2 menu-mobile w-100 d-none text-sm primary-font">
  59.                                     <li class="categories-menu1">
  60.                                         <a href="javascript:void(0);" class=" ">Coaching<i class="icon-down-open-mini"></i></a>
  61.                                     </li>
  62.                                     <li class="trips-menu1">
  63.                                         <a href="javascript:void(0);" class="">Séjour <i class="icon-down-open-mini"></i></a>
  64.                                     </li>
  65.                                     <li class="coachs-menu1">
  66.                                         <a href="javascript:void(0);" class="">Coachs <i class="icon-down-open-mini"></i></a>
  67.                                     </li>
  69.                                     <li class="about-menu1">
  70.                                         <a href="javascript:void(0);" class="">A propos <i class="icon-down-open-mini"></i></a>
  71.                                     </li>
  74.                                 </ul>
  76.                                 <ul class=" menu-desktop text-sm primary-font header-choix">
  77.                                     <li class="categories-menu">
  78.                                         <a href="javascript:void(0);" class=" ">Coaching<i class="icon-down-open-mini"></i></a>
  79.                                     </li>
  80.                                     <li class="trips-menu">
  81.                                         <a href="javascript:void(0);" class="" >Séjour <i class="icon-down-open-mini"></i></a>
  82.                                     </li>
  83.                                     <li class="coachs-menu">
  84.                                         <a href="javascript:void(0);" class="">Coachs <i class="icon-down-open-mini"></i></a>
  85.                                     </li>
  87.                                     <li class="about-menu">
  88.                                         <a href="javascript:void(0);" class="">A propos <i class="icon-down-open-mini"></i></a>
  89.                                     </li>
  92.                                 </ul>
  94.                                 <ul id="top_tools">
  95.                                     <li>
  96.                                         <button class="mini-search-button" id="profile-icon">
  97.                                             <a href="javascript:void(0);" class=""> <i load-hicon="user"></i>
  98.                                             </a>
  99.                                         </button>
  100.                                         <div  class="drop-menu drop-menu-profile" id="profile-drop" style="display: none;">
  101.                                             <div class="drop-menu-inner">
  102.                                                 <a href="{{ path('login') }}"
  103.                                                    class="drop-menu-item is-heavy"
  104.                                                    >Se Connecter</a
  105.                                                 >
  106.                                                 <a href="{{ path('booker_registration') }}"
  107.                                                    class="drop-menu-item"
  108.                                                    >S'inscrire</a
  109.                                                 >
  110.                                                 <a
  111.                                                     class="drop-menu-item"
  112.                                                     >Compte</a
  113.                                                 >
  114.                                                 <a
  115.                                                     class="drop-menu-item"
  116.                                                     >Paramètres</a
  117.                                                 >
  118.                                                 <hr />
  119.                                                 <a href="{{ asset('help_center') }}" class="drop-menu-item">Centre d'aide</a>
  120.                                                 {#<a
  121.                                                     class="drop-menu-item"
  122.                                                     >Logout</a
  123.                                                 >#}
  124.                                             </div>
  125.                                         </div>
  127.                                     </li>
  128.                                     <li>
  129.                                         <button class="mini-search-button" id='search-icon' >
  130.                                             <a href="javascript:void(0);" class=""><i load-hicon="lens"></i>
  131.                                             </a>
  132.                                         </button>
  133.                                     </li>
  136.                                     <li>
  137.                                         <button class="mini-search-button" id='info-icon' >
  138.                                             <a href="javascript:void(0);" class=""><i load-hicon="info"></i></a>
  139.                                         </button>
  140.                                         <div  class="drop-menu drop-menu-info" id="info-drop" style="display: none;">
  141.                                             <div class="drop-menu-inner">
  142.                                                 <a href="{{ asset('help_center') }}"
  143.                                                    class="drop-menu-item is-heavy"
  144.                                                    >Centre d'aide</a
  145.                                                 >
  147.                                                 <hr />
  148.                                                 <a  href="{{ path('faq') }}" class="drop-menu-item">Questions fréquemment posées</a>
  149.                                                 <a href="{{ path('contact') }}" class="drop-menu-item">Contactez nous</a>
  151.                                             </div>
  152.                                         </div>
  153.                                     </li>
  155.                                 </ul>
  156.                             </div>
  157.                         </div><!-- End main-menu -->
  158.                     </div>
  159.                 </div>
  160.             </div><!-- container -->
  161.             {% include 'include/menu/megamenu.html.twig' %}
  163.         </header>
  164.         <!-- End Header -->    
  165.         {% block content %}
  167.         {% endblock %}
  169.         <!-- End main -->
  170.         <section class="section-gray py-3" >
  171.             <div class="container pt-5 inner-footer primary-font d-flex align-items-start justify-content-between">
  172.                 <ul>
  173.                     <strong class="text-xs sm:text-xl">Pages</strong>
  174.                     <li>À propos de nous</li>
  175.                     <li>Notre histoire</li>
  176.                     <li>FAQ</li>
  177.                     <li>Catégories</li>
  178.                     <li>Voyages</li>
  179.                     <li>Entraîneurs</li>
  180.                 </ul>
  181.                 <ul>
  182.                     <strong class="text-xs sm:text-xl">A propos de Bookoach</strong>
  183.                     <li>Nous Contacter</li>
  184.                     <li>Politique de confidentialité</li>
  185.                     <li>Terms & conditions</li>
  186.                     <li>politique d'annulation</li>
  187.                     <li>Faq</li>
  188.                 </ul>
  189.                 <ul>
  190.                     <strong class="text-xs sm:text-xl">Principales catégories</strong>
  191.                     <li>Bien etre                </li>
  192.                     <li>Sport</li>
  193.                     <li>Famille</li>
  194.                     <li>Culturel</li>
  195.                     <li>Relooking</li>
  196.                     <li>Pilotage</li>
  197.                 </ul>
  198.                 <ul class="d-none d-md-block">
  199.                     <strong class="text-xs sm:text-xl ">Suivre</strong>
  200.                     <li>X</li>
  201.                     <li>Linkedin</li>
  202.                     <li>Facebook</li>
  203.                     <li>Instagram</li>
  204.                     <li>Youtube</li>
  205.                 </ul>
  206.             </div>
  207.             <div class="py-3 px-2">
  208.                 <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>
  209.                 <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>
  210.                 <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>
  211.             </div>
  213.             <div class="secure-payments line-break  mt-3 d-flex flex-column align-items-center text-center justify-content-end">
  214.                 <div class="text-base font-bold">Secured Payments</div>
  215.                 <div class="d-flex d-flex justify-content-center px-3">
  216.                     <img src="{{ asset('dev/img/mastercard.svg')}}" alt="" class="px-1 p-2">
  217.                     <img src="{{ asset('dev/img/visa.svg')}}" alt="" class="px-1 p-2">
  218.                     <img src="{{ asset('dev/img/paypal_border.svg')}}" alt="" class="px-1 p-2">
  219.                     <img src="{{ asset('dev/img/applepay.svg')}}" alt="" class="px-1 p-2">
  220.                 </div>
  221.             </div>
  222.         </section>
  224.         <footer class="revealed">
  225.             <div class="container">
  226.                 <div class="row ">
  227.                     <div class="col-md-12">
  228.                         <div id="social_footer">
  229.                             <div class="flex justify-center p-2">
  230.                                 <img src="{{ asset('dev/img/logoBookoach.svg') }}" width="160" height="34">
  231.                             </div>
  232.                             <ul>
  233.                                 <li><a href="#"><i class="icon-facebook"></i></a></li>
  234.                                 <li><a href="#"><i class="icon-twitter"></i></a></li>
  235.                                 <li><a href="#"><i class="icon-google"></i></a></li>
  236.                                 <li><a href="#"><i class="icon-instagram"></i></a></li>
  237.                                 <li><a href="#"><i class="icon-pinterest"></i></a></li>
  238.                             </ul>
  241.                         </div>
  242.                     </div>
  243.                 </div>
  245.                 <div class="pre-footer d-flex row my-3 line-break pt-3">
  248.                     <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>
  249.                     <div class="d-flex justify-content-center col-md-6 col-12">
  250.                         <a href="" class="px-2"><p>Terms &amp; conditions</p></a>
  251.                         <a href="" class="px-2"><p>Politique de confidentialité</p></a>
  252.                         <a href="" class="px-2"><p>Politique d'annulation</p></a>
  253.                     </div>
  254.                 </div>
  261.                 <!-- End row -->
  262.             </div><!-- End container -->
  263.         </footer><!-- End footer --><!-- End footer -->
  265.         <div id="toTop"></div>
  266.         <!-- Back to top button -->
  268.         <!-- Search Menu -->
  269.         <div class="search-overlay-menu">
  270.             <span class="search-overlay-close"><i class="icon_set_1_icon-77"></i></span>
  271.             <form role="search" id="searchform1" method="get">
  272.                 <input value="" name="q" type="text" placeholder="Search..." />
  273.                 <button type="submit"><i class="icon_set_1_icon-78"></i>
  274.                 </button>
  275.             </form>
  276.         </div><!-- End Search Menu -->
  278.         <!-- Common scripts -->
  279.         <script src="{{ asset('dev/js/jquery-3.7.1.min.js')}}"></script>
  280.         <script src="{{ asset('dev/js/common_scripts_min.js')}}"></script>
  281.         <script src="{{ asset('dev/js/functions.js')}}"></script>
  284.         {% block javascripts %}
  285.         {% endblock %}
  288.         <!-- END layout-wrapper -->
  291.         {# it's not mandatory to set the timezone in localizeddate(). This is done to
  292.            avoid errors when the 'intl' PHP extension is not available and the application
  293.            is forced to use the limited "intl polyfill", which only supports UTC and GMT #}
  294.         <!-- Page rendered on {{ 'now'|format_datetime('long', 'long', '', 'UTC') }} -->
  295.     </body>
  296. </html>