templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.          <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  7.     <meta name="description" content="html 5 template, dentist, stomatologist, dental clinic template, medical template, clinic template, surgery clinic theme, plastic surgery template">
  8.     <meta name="author" content="websmirno.site">
  9.     <meta name="format-detection" content="telephone=no">
  10.     <title>K.S  clinic </title>
  11.     <!-- Stylesheets -->
  12.     <link href="{{ asset("front/vendor/slick/slick.css")}}" rel="stylesheet">
  13.     <link href="{{ asset("front/vendor/animate/animate.min.css")}}" rel="stylesheet">
  14.     <link href="{{ asset("front/icons/style.css")}}" rel="stylesheet">
  15.     <link href="{{ asset("front/vendor/bootstrap-datetimepicker/bootstrap-datetimepicker.css")}}" rel="stylesheet">
  16.     <link href="{{ asset("front/css/style.css")}}" rel="stylesheet">
  17.     <!--Favicon-->
  18.     <link rel="icon" href="{{ asset("front/images/smile-clinic-2.ico")}}" type="image/x-icon">
  19.     <!-- Google Fonts -->
  20.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  21.     <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800" rel="stylesheet">
  22.     <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet">
  23.     <!-- Google map -->
  24.     <script src="front/https://maps.googleapis.com/maps/api/js?key=AIzaSyCiFdr5Z0WRIXKUOqoRRvzRQ5SkzhkUVjk"></script>
  25.         {% block stylesheets %}
  26.             
  27.         {% endblock %}
  28.      
  29.     </head>
  30.     <header class="header">
  31.         <div class="header-quickLinks js-header-quickLinks d-lg-none">
  32.             <div class="quickLinks-top js-quickLinks-top"></div>
  33.             <div class="js-quickLinks-wrap-m">
  34.             </div>
  35.         </div>
  36.         <div class="header-topline d-none d-lg-flex">
  37.             <div class="container">
  38.                 <div class="row align-items-center">
  39.                     <div class="col-auto d-flex align-items-center">
  40.                         <div class="header-phone"><i class="icon-telephone"></i><a href="tel:0522 232727">0522 232727</a>   </div>
  41.                         <div class="header-info"><i class="icon-placeholder2"></i>3 rue Biougra Val D'anfa Casablanca Anfa-Supérieur, Casablanca, Morocco</div>
  42.                         <div class="header-info"><i class="icon-black-envelope"></i><a href="mailto:contact@ksdental.ma">contact@ksdental.ma</a></div>
  43.                     </div>
  44.                     <div class="col-auto ml-auto d-flex align-items-center">
  45.                         <span class="header-social">
  46.                             <a href="#" class="hovicon"><i class="icon-facebook-logo-circle"></i></a>
  47.                             <a href="#" class="hovicon"><i class="icon-twitter-logo-circle"></i></a>
  48.                             <a href="#" class="hovicon"><i class="icon-google-plus-circle"></i></a>
  49.                         </span>
  50.                     </div>
  51.                 </div>
  52.             </div>
  53.         </div>
  54.         <div class="header-content">
  55.             <div class="container">
  56.                 <div class="row align-items-lg-center">
  57.                     <button class="navbar-toggler collapsed" data-toggle="collapse" data-target="#navbarNavDropdown">
  58.                         <span class="icon-menu"></span>
  59.                     </button>
  60.                     <div class="col-lg-auto col-lg-2 d-flex align-items-lg-center">
  61.                         <a href="{{path('app_home')}}" class="header-logo">
  62.                         <img src="{{ asset("front/images/clinic dd.jpg")}}" alt="" class="img-fluid"></a>
  63.                     </div>
  64.                     <div class="col-lg ml-auto header-nav-wrap">
  65.                         <div class="header-nav js-header-nav">
  66.                             <nav class="navbar navbar-expand-lg btco-hover-menu">
  67.                                 <div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
  68.                                     <ul class="navbar-nav">
  69.                                     
  70.                                         <li class="nav-item">
  71.                                             <a class="nav-link" href="{{path('app_home')}}">Accueil</a>
  72.                                         </li>
  73.                                         <li class="nav-item">
  74.                                             <a class="nav-link" href="{{path('app_quisommesnous')}}">Qui sommes-nous</a>
  75.                                         </li>
  76.                                         <li class="nav-item">
  77.                                             <a class="nav-link" href="{{path('app_service')}}">Services</a>
  78.                                         </li>
  79.                                         <li class="nav-item">
  80.                                             <a class="nav-link" href="{{path('app_videos')}}">Fiche conseil</a>
  81.                                         </li>
  82.                                         <li class="nav-item">
  83.                                             <a class="nav-link" href="{{path('app_blog')}}">Blog</a>
  84.                                         </li>
  85.                                         <li class="nav-item">
  86.                                             <a class="nav-link" href="{{path('contact')}}">Contact </a>
  87.                                         </li>
  88.                               
  89.  
  90.  
  91.                                     </ul>
  92.                                 </div>
  93.                             </nav>
  94.                         </div>
  95.                  
  96.                         <div class="header-lang lang-toggler">
  97.                             <a href="contact.html" class="btn btn-xs btn-gradient"> <span> Rendez-vous</span> </a>
  98.                         </div>
  99.                          </div>
  100.                 </div>
  101.             </div>
  102.         </div>
  103.     </header>
  104.     <body>
  105.         {% block body %}{% endblock %}
  106.     <div class="footer mt-0">
  107.         <div class="container">
  108.             <div class="row py-1 py-md-2 px-lg-0">
  109.                 <div class="col-lg-4 footer-col1">
  110.                     <div class="row flex-column flex-md-row flex-lg-column">
  111.                         <div class="col-md col-lg-auto">
  112.                             <div class="footer-logo">
  113.                                 <img src="{{ asset("front/images/clinic dd.jpg")}}" style=" width: 60%; " alt="" class="img-fluid">
  114.                                  <p>Notre cabinet K.S DENTAL se positionne comme un centre dentaire qui offre à ses patients des conditions de soins exceptionnelles où le confort, l’expérience et la technologie se conjuguent dans une parfaite symbiose.</p>
  115.                             </div>
  116.                             <div class="mt-2 mt-lg-0"></div>
  117.                             <div class="footer-social d-none d-md-block d-lg-none">
  118.                                 <a href="https://www.facebook.com/" target="blank" class="hovicon"><i class="icon-facebook-logo"></i></a>
  119.                                 <a href="https://www.instagram.com/" target="blank" class="hovicon"><i class="icon-instagram"></i></a>
  120.                             </div>
  121.                         </div>
  122.                         <div class="col-md">
  123.                             <div class="footer-text mt-1 mt-lg-2">
  124.                                 {# <p>To receive email releases, simply provide
  125.                                     <br>us with your email below</p> #}
  126.                                 <form action="#" class="footer-subscribe">
  127.                                     <div class="input-group">
  128.                                         <input name="subscribe_mail" type="text" class="form-control" placeholder="Your Email" />
  129.                                         <span><i class="icon-black-envelope"></i></span>
  130.                                     </div>
  131.                                 </form>
  132.                             </div>
  133.                             <div class="footer-social d-md-none d-lg-block">
  134.                                 <a href="https://www.facebook.com/" target="blank" class="hovicon"><i class="icon-facebook-logo"></i></a>
  135.                                 <a href="https://www.instagram.com/" target="blank" class="hovicon"><i class="icon-instagram"></i></a>
  136.                             </div>
  137.                         </div>
  138.                     </div>
  139.                 </div>
  140.                 <div class="col-sm-4 col-lg-4">
  141.                     <h3>NAVIGATION</h3>
  142.                     <div class="h-decor"></div>
  143.                  <ul class="icn-list"> 
  144.                      
  145.                              <li><i class="icon-arrow-right"></i>Accueil</li>
  146.                              <li><i class="icon-arrow-right"></i>Qui sommes-nous</li>
  147.                              <li><i class="icon-arrow-right"></i>Nos Services </li>
  148.                              <li><i class="icon-arrow-right"></i>Fiche conseil</li>
  149.                              <li><i class="icon-arrow-right"></i>Contact</li>
  150.                     <ul>
  151.                 </div>
  152.                 <div class="col-sm-4 col-lg-4">
  153.                     <h3>NOUS CONTACTER</h3>
  154.                     
  155.                     <div class="h-decor"></div>
  156.                     <ul class="icn-list">
  157.                         <li><i class="icon-placeholder2"></i>3 rue Biougra Val D'anfa Casablanca Anfa-Supérieur, Casablanca, Morocco
  158.                             <br>
  159.                             <a href="https://www.google.com/maps/place/Ks+dental/@33.5960961,-7.6604178,12.42z/data=!4m6!3m5!1s0xda7d295027d38ad:0x76d4287538a9701c!8m2!3d33.5979706!4d-7.6556413!16s%2Fg%2F11b6h_djj2?entry=ttu" class="btn btn-xs btn-gradient"><i class="icon-placeholder2"></i><span>Voir sur la carte</span><i class="icon-right-arrow"></i></a>
  160.                         </li>
  161.                         <li><i class="icon-telephone"></i><b><span class="phone"><span class="text-nowrap">0522 232 727</span></span></b>
  162.                         </li>
  163.                         <li><i class="icon-telephone"></i><b><span class="phone"><span class="text-nowrap">0522 987 601</span></span></b>
  164.                         </li>
  165.                         <li><i class="icon-telephone"></i><b><span class="phone"><span class="text-nowrap">0522 980 695</span></span></b>
  166.                         </li>
  167.                         <li><i class="icon-telephone"></i><b><span class="phone"><span class="text-nowrap">0623 666 101</span></span></b>
  168.                         </li><br>
  169.                         <li><i class="icon-black-envelope"></i><a href="mailto:contact@ksdental.ma">contact@ksdental.ma</a></li>
  170.                     </ul>
  171.                 </div>
  172.             </div>
  173.         </div>
  174.         <div class="footer-bottom">
  175.             <div class="container">
  176.                 <div class="row text-center text-md-left">
  177.                     <div class="col-sm">©K.S <a href="#">DENTAL</a> 2023 All Rights Reserved.<span>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;</span>
  178.                         {# <a href="#">Privacy Policy</a> #}
  179.                     </div>
  180.                     {# <div class="col-sm-auto ml-auto"><span class="d-none d-sm-inline">For emergency cases&nbsp;&nbsp;&nbsp;</span><i class="icon-telephone"></i>&nbsp;&nbsp;<b>1-800-267-0000</b></div> #}
  181.                 </div>
  182.             </div>
  183.         </div>
  184.     </div>
  185.     <div class="backToTop js-backToTop">
  186.         <i class="icon icon-up-arrow"></i>
  187.     </div>
  188.     <div id="whatswidget-pre-wrapper" class="">
  189.         <div id="whatswidget-widget-wrapper" class="whatswidget-widget-wrapper" style="all:revert;">
  190.         <div id="whatswidget-conversation" class="whatswidget-conversation" style="color: revert; font: revert; text-orientation: revert; text-rendering: revert; -webkit-font-smoothing: revert; -webkit-locale: revert; -webkit-text-orientation: revert; -webkit-writing-mode: revert; writing-mode: revert; zoom: revert; place-content: revert; place-items: revert; place-self: revert; alignment-baseline: revert; animation: revert; appearance: revert; backdrop-filter: revert; backface-visibility: revert; background: revert; background-blend-mode: revert; baseline-shift: revert; block-size: revert; border-block: revert; border: revert; border-radius: revert; border-collapse: revert; border-inline: revert; inset: revert; box-shadow: revert; box-sizing: revert; break-after: revert; break-before: revert; break-inside: revert; buffered-rendering: revert; caption-side: revert; caret-color: revert; clear: revert; clip: revert; clip-path: revert; clip-rule: revert; color-interpolation: revert; color-interpolation-filters: revert; color-rendering: revert; color-scheme: revert; columns: revert; column-fill: revert; gap: revert; column-rule: revert; column-span: revert; contain: revert; contain-intrinsic-size: revert; content: revert; content-visibility: revert; counter-increment: revert; counter-reset: revert; counter-set: revert; cursor: revert; cx: revert; cy: revert; d: revert; display: none; dominant-baseline: revert; empty-cells: revert; fill: revert; fill-opacity: revert; fill-rule: revert; filter: revert; flex: revert; flex-flow: revert; float: revert; flood-color: revert; flood-opacity: revert; grid: revert; grid-area: revert; height: revert; hyphens: revert; image-orientation: revert; image-rendering: revert; inline-size: revert; inset-block: revert; inset-inline: revert; isolation: revert; letter-spacing: revert; lighting-color: revert; line-break: revert; list-style: revert; margin-block: revert; margin: revert; margin-inline: revert; marker: revert; mask: revert; mask-type: revert; max-block-size: revert; max-height: revert; max-inline-size: revert; max-width: revert; min-block-size: revert; min-height: revert; min-inline-size: revert; min-width: revert; mix-blend-mode: revert; object-fit: revert; object-position: revert; offset: revert; opacity: 0; order: revert; orphans: revert; outline: revert; outline-offset: revert; overflow-anchor: revert; overflow-wrap: revert; overflow: revert; overscroll-behavior-block: revert; overscroll-behavior-inline: revert; overscroll-behavior: revert; padding-block: revert; padding: revert; padding-inline: revert; page: revert; page-orientation: revert; paint-order: revert; perspective: revert; perspective-origin: revert; pointer-events: revert; position: revert; quotes: revert; r: revert; resize: revert; ruby-position: revert; rx: revert; ry: revert; scroll-behavior: revert; scroll-margin-block: revert; scroll-margin: revert; scroll-margin-inline: revert; scroll-padding-block: revert; scroll-padding: revert; scroll-padding-inline: revert; scroll-snap-align: revert; scroll-snap-stop: revert; scroll-snap-type: revert; shape-image-threshold: revert; shape-margin: revert; shape-outside: revert; shape-rendering: revert; size: revert; speak: revert; stop-color: revert; stop-opacity: revert; stroke: revert; stroke-dasharray: revert; stroke-dashoffset: revert; stroke-linecap: revert; stroke-linejoin: revert; stroke-miterlimit: revert; stroke-opacity: revert; stroke-width: revert; tab-size: revert; table-layout: revert; text-align: revert; text-align-last: revert; text-anchor: revert; text-combine-upright: revert; text-decoration: revert; text-decoration-skip-ink: revert; text-indent: revert; text-overflow: revert; text-shadow: revert; text-size-adjust: revert; text-transform: revert; text-underline-offset: revert; text-underline-position: revert; touch-action: revert; transform: revert; transform-box: revert; transform-origin: revert; transform-style: revert; transition: revert; user-select: revert; vector-effect: revert; vertical-align: revert; visibility: revert; app-region: revert; border-spacing: revert; -webkit-border-image: revert; -webkit-box-align: revert; -webkit-box-decoration-break: revert; -webkit-box-direction: revert; -webkit-box-flex: revert; -webkit-box-ordinal-group: revert; -webkit-box-orient: revert; -webkit-box-pack: revert; -webkit-box-reflect: revert; -webkit-highlight: revert; hyphenate-character: revert; -webkit-line-break: revert; -webkit-line-clamp: revert; -webkit-mask-box-image: revert; -webkit-mask: revert; -webkit-mask-composite: revert; -webkit-perspective-origin-x: revert; -webkit-perspective-origin-y: revert; -webkit-print-color-adjust: revert; -webkit-rtl-ordering: revert; -webkit-ruby-position: revert; -webkit-tap-highlight-color: revert; -webkit-text-combine: revert; -webkit-text-decorations-in-effect: revert; text-emphasis: revert; text-emphasis-position: revert; -webkit-text-fill-color: revert; -webkit-text-security: revert; -webkit-text-stroke: revert; -webkit-transform-origin-x: revert; -webkit-transform-origin-y: revert; -webkit-transform-origin-z: revert; -webkit-user-drag: revert; -webkit-user-modify: revert; white-space: revert; widows: revert; width: revert; will-change: revert; word-break: revert; word-spacing: revert; x: revert; y: revert; z-index: revert;"><div class="whatswidget-conversation-header" style="all:revert;">
  191.         <div id="whatswidget-conversation-title" class="whatswidget-conversation-title" style="all:revert;">KS DENTAL </div></div><div id="whatswidget-conversation-message" class="whatswidget-conversation-message " style="all:revert;">KS DENTAL Bonjour </div><div class="whatswidget-conversation-cta" style="all:revert;"> <a style="all:revert;" id="whatswidget-phone-desktop" target="_blank" href="https://web.whatsapp.com/send?phone=+212701902926" class="whatswidget-cta whatswidget-cta-desktop">Send message</a> <a id="whatswidget-phone-mobile" target="_blank" href="https://wa.me/+212701902926" class="whatswidget-cta whatswidget-cta-mobile" style="all:revert;">Send message</a>
  192.         </div><a target="_blank" class="whatswidget-link" href="https://www.oflox.com" title="Feito no WhatsWidget" style="all:revert;"><img src="" width="16px" style="all:revert;"></a></div>
  193.         <div id="whatswidget-conversation-message-outer" class="whatswidget-conversation-message-outer" style="color: revert; font: revert; font-feature-settings: revert; font-kerning: revert; font-optical-sizing: revert; font-palette: revert; font-synthesis: revert; font-variation-settings: revert; forced-color-adjust: revert; text-orientation: revert; text-rendering: revert; -webkit-font-smoothing: revert; -webkit-locale: revert; -webkit-text-orientation: revert; -webkit-writing-mode: revert; writing-mode: revert; zoom: revert; accent-color: revert; place-content: revert; place-items: revert; place-self: revert; alignment-baseline: revert; animation: revert; app-region: revert; appearance: revert; aspect-ratio: revert; backdrop-filter: revert; backface-visibility: revert; background: revert; background-blend-mode: revert; baseline-shift: revert; block-size: revert; border-block: revert; border: revert; border-radius: revert; border-collapse: revert; border-end-end-radius: revert; border-end-start-radius: revert; border-inline: revert; border-start-end-radius: revert; border-start-start-radius: revert; inset: revert; box-shadow: revert; box-sizing: revert; break-after: revert; break-before: revert; break-inside: revert; buffered-rendering: revert; caption-side: revert; caret-color: revert; clear: revert; clip: revert; clip-path: revert; clip-rule: revert; color-interpolation: revert; color-interpolation-filters: revert; color-rendering: revert; color-scheme: revert; columns: revert; column-fill: revert; gap: revert; column-rule: revert; column-span: revert; contain: revert; contain-intrinsic-block-size: revert; contain-intrinsic-size: revert; contain-intrinsic-inline-size: revert; container: revert; content: revert; content-visibility: revert; counter-increment: revert; counter-reset: revert; counter-set: revert; cursor: revert; cx: revert; cy: revert; d: revert; display: none; dominant-baseline: revert; empty-cells: revert; fill: revert; fill-opacity: revert; fill-rule: revert; filter: revert; flex: revert; flex-flow: revert; float: revert; flood-color: revert; flood-opacity: revert; grid: revert; grid-area: revert; height: revert; hyphenate-character: revert; hyphenate-limit-chars: revert; hyphens: revert; image-orientation: revert; image-rendering: revert; initial-letter: revert; inline-size: revert; inset-block: revert; inset-inline: revert; isolation: revert; letter-spacing: revert; lighting-color: revert; line-break: revert; list-style: revert; margin-block: revert; margin: revert; margin-inline: revert; marker: revert; mask: revert; mask-type: revert; math-depth: revert; math-shift: revert; math-style: revert; max-block-size: revert; max-height: revert; max-inline-size: revert; max-width: revert; min-block-size: revert; min-height: revert; min-inline-size: revert; min-width: revert; mix-blend-mode: revert; object-fit: revert; object-position: revert; object-view-box: revert; offset: revert; opacity: revert; order: revert; orphans: revert; outline: revert; outline-offset: revert; overflow-anchor: revert; overflow-clip-margin: revert; overflow-wrap: revert; overflow: revert; overscroll-behavior-block: revert; overscroll-behavior-inline: revert; overscroll-behavior: revert; padding-block: revert; padding: revert; padding-inline: revert; page: revert; page-orientation: revert; paint-order: revert; perspective: revert; perspective-origin: revert; pointer-events: revert; position: revert; quotes: revert; r: revert; resize: revert; rotate: revert; ruby-position: revert; rx: revert; ry: revert; scale: revert; scroll-behavior: revert; scroll-margin-block: revert; scroll-margin: revert; scroll-margin-inline: revert; scroll-padding-block: revert; scroll-padding: revert; scroll-padding-inline: revert; scroll-snap-align: revert; scroll-snap-stop: revert; scroll-snap-type: revert; scrollbar-gutter: revert; shape-image-threshold: revert; shape-margin: revert; shape-outside: revert; shape-rendering: revert; size: revert; speak: revert; stop-color: revert; stop-opacity: revert; stroke: revert; stroke-dasharray: revert; stroke-dashoffset: revert; stroke-linecap: revert; stroke-linejoin: revert; stroke-miterlimit: revert; stroke-opacity: revert; stroke-width: revert; tab-size: revert; table-layout: revert; text-align: revert; text-align-last: revert; text-anchor: revert; text-combine-upright: revert; text-decoration: revert; text-decoration-skip-ink: revert; text-emphasis: revert; text-emphasis-position: revert; text-indent: revert; text-overflow: revert; text-shadow: revert; text-size-adjust: revert; text-transform: revert; text-underline-offset: revert; text-underline-position: revert; touch-action: revert; transform: revert; transform-box: revert; transform-origin: revert; transform-style: revert; transition: revert; translate: revert; user-select: revert; vector-effect: revert; vertical-align: revert; visibility: revert; border-spacing: revert; -webkit-box-align: revert; -webkit-box-decoration-break: revert; -webkit-box-direction: revert; -webkit-box-flex: revert; -webkit-box-ordinal-group: revert; -webkit-box-orient: revert; -webkit-box-pack: revert; -webkit-box-reflect: revert; -webkit-highlight: revert; -webkit-line-break: revert; -webkit-line-clamp: revert; -webkit-mask-box-image: revert; -webkit-mask: revert; -webkit-mask-composite: revert; -webkit-print-color-adjust: revert; -webkit-rtl-ordering: revert; -webkit-ruby-position: revert; -webkit-tap-highlight-color: revert; -webkit-text-combine: revert; -webkit-text-decorations-in-effect: revert; -webkit-text-fill-color: revert; -webkit-text-security: revert; -webkit-text-stroke: revert; -webkit-user-drag: revert; -webkit-user-modify: revert; white-space: revert; widows: revert; width: revert; will-change: revert; word-break: revert; word-spacing: revert; x: revert; y: revert; z-index: revert;"> <span id="whatswidget-text-header-outer" class="whatswidget-text-header-outer" style="all:revert;">KS DENTAL </span><br> <div id="whatswidget-text-message-outer" class="whatswidget-text-message-outer" style="all:revert;">KS DENTAL Bonjour </div></div><div class="whatswidget-button-wrapper" style="all:revert;"><div class="whatswidget-button" id="whatswidget-button" style="all:revert;"><div style="margin:0 auto;width:38.5px;all:revert;"> <img class="whatswidget-icon" style="all:revert;" src=" https://www.oflox.com/blog/wp-content/uploads/2021/01/wpwhite.png"></div></div></div>
  194.         <script id="whatswidget-script" type="text/javascript">document.getElementById("whatswidget-conversation").style.display="none";document.getElementById("whatswidget-conversation").style.opacity="0"; var button=document.getElementById("whatswidget-button");button.addEventListener("click",openChat);var conversationMessageOuter=document.getElementById("whatswidget-conversation-message-outer");conversationMessageOuter.addEventListener("click",openChat);var chatOpen=!1;function openChat(){0==chatOpen?(document.getElementById("whatswidget-conversation").style.display="block",document.getElementById("whatswidget-conversation").style.opacity=100,chatOpen=!0,document.getElementById("whatswidget-conversation-message-outer").style.display="none"):(document.getElementById("whatswidget-conversation").style.opacity=0,document.getElementById("whatswidget-conversation").style.display="none",chatOpen=!1)}</script></div>
  195.         <style id="whatswidget-style">.whatswidget-widget-wrapper{font-family:"Helvetica Neue","Apple Color Emoji",Helvetica,Arial,sans-serif !important;font-size:16px !important;position:fixed !important;bottom:20px !important;right:30px !important;z-index:1001 !important}.whatswidget-conversation{background-color:#0d0d0d !important;background-image:url('https://www.oflox.com/blog/wp-content/uploads/2021/01/wpbg.png') !important;background-repeat:repeat !important;box-shadow:rgba(0, 0, 0, 0.16) 0px 5px 40px !important;width:300px !important;height:300px !important;border-radius:10px !important;transition-duration:0.5s !important;margin-bottom:80px !important}.whatswidget-conversation-header{background-color:rgb(0, 0, 0) !important;padding:10px !important;padding-left:25px !important;box-shadow:0px 1px #2a793429 !important;font-weight:600 !important;border-top-left-radius:10px !important;border-top-right-radius:10px !important}.whatswidget-conversation-message{line-height: 1.2em !important;background-color:rgb(20, 98, 47) !important;padding:10px !important;margin:10px !important;margin-left:15px !important;border-radius:5px !important}.whatswidget-conversation-message-outer{background-color:#148225 !important;padding:10px !important;margin:10px !important;margin-left:0px !important;border-radius:5px !important;box-shadow:rgba(0, 0, 0, 0.342) 0px 2.5px 10px !important;cursor:pointer !important;animation:nudge 2s linear infinite !important;margin-bottom:70px !important}.whatswidget-text-header-outer{font-weight:bold !important;font-size:90% !important}.whatswidget-text-message-outer{font-size:90% !important}.whatswidget-conversation-cta{border-radius:25px !important;width:175px !important;font-size:110% !important;padding:10px !important;margin:0 auto !important;text-align:center !important;background-color:#23b123 !important;color:white !important;font-weight:bold !important;box-shadow:rgba(0, 0, 0, 0.16) 0px 2.5px 10px !important;transition:1s !important;position:absolute !important;top:62% !important;left:10% !important}.whatswidget-conversation-cta:hover{transform:scale(1.1) !important;filter:brightness(1.3) !important}.whatswidget-cta{text-decoration:none !important;color:white !important}.whatswidget-cta-desktop{display:none !important}.whatswidget-cta-mobile{display:inherit !important}@media (min-width: 48em){.whatswidget-cta-desktop{display:inherit !important}
  196.         .whatswidget-cta-mobile{display:none !important}}.whatswidget-button-wrapper{position:fixed !important;bottom:15px !important;right:15px !important}.whatswidget-button{position:relative !important;right:10px !important;background-color:#31d831 !important;border-radius:100% !important;width:60px !important;height:60px !important;box-shadow:2px 1px #0d630d63 !important;transition:1s !important}.whatswidget-icon{width:42px !important;height:42px !important;position:absolute !important; bottom:10px !important; left:10px !important;}.whatswidget-button:hover{filter:brightness(115%) !important;transform:rotate(15deg) scale(1.15) !important;cursor:pointer !important}@keyframes nudge{20%,100%{transform:translate(0,0)}0%{transform:translate(0,5px);transform:rotate(2deg)}10%{transform:translate(0,-5px);transform:rotate(-2deg)}}.whatswidget-link{position:absolute !important;bottom:90px !important;right:5px !important;opacity:0.5 !important}</style>
  197.         </div>
  198.     </body>
  199.        {% block javascripts %}
  200.        
  201.           <script src="{{ asset("front/vendor/jquery/jquery-3.2.1.min.js")}}"></script>
  202.     <script src="{{ asset("front/vendor/jquery-migrate/jquery-migrate-3.0.1.min.js")}}"></script>
  203.     <script src="{{ asset("front/vendor/cookie/jquery.cookie.js")}}"></script>
  204.     <script src="{{ asset("front/vendor/bootstrap-datetimepicker/moment.js")}}"></script>
  205.     <script src="{{ asset("front/vendor/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js")}}"></script>
  206.     <script src="{{ asset("front/vendor/popper/popper.min.js")}}"></script>
  207.     <script src="{{ asset("front/vendor/bootstrap/bootstrap.min.js")}}"></script>
  208.     <script src="{{ asset("front/vendor/waypoints/jquery.waypoints.min.js")}}"></script>
  209.     <script src="{{ asset("front/vendor/waypoints/sticky.min.js")}}"></script>
  210.     <script src="{{ asset("front/vendor/imagesloaded/imagesloaded.pkgd.min.js")}}"></script>
  211.     <script src="{{ asset("front/vendor/slick/slick.min.js")}}"></script>
  212.     <script src="{{ asset("front/vendor/scroll-with-ease/jquery.scroll-with-ease.min.js")}}"></script>
  213.     <script src="{{ asset("front/vendor/countTo/jquery.countTo.js")}}"></script>
  214.     <script src="{{ asset("front/vendor/form-validation/jquery.form.js")}}"></script>
  215.     <script src="{{ asset("front/vendor/form-validation/jquery.validate.min.js")}}"></script>
  216.     <!-- Custom Scripts -->
  217.     <script src="{{ asset("front/js/app.js")}}"></script>
  218.     <script src="{{ asset("front/js/app-shop.js")}}"></script>
  219.     <script src="{{ asset("front/form/forms.js")}}"></script>   
  220.         {% endblock %}
  221. </html>