templates/base.html.twig line 1

Open in your IDE?
  1.    <!doctype html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
  6.         <meta content="width=device-width, initial-scale=1" name="viewport">
  7.         <title>LLVD</title>
  8.         <link crossorigin="anonymous" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" rel="stylesheet">
  9.         <link href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" rel="stylesheet" type="text/css">
  10.         <link href="https://fonts.googleapis.com/css?family=Source+Serif+Pro:400,600,700&amp;display=swap" rel="stylesheet">
  11.         <link href="https://fonts.googleapis.com/css?family=Barlow:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;display=swap" rel="stylesheet">
  12.         <link href="{{asset('css/style.css')}}" rel="stylesheet">
  13.         <script src=
  14. "https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" >
  15.     </script>    
  16.         {% block style %}{% endblock %}
  17.         
  18.         <script>
  19. document.getElementById('men').style.display="none";
  20. function fun()
  21.      
  22.     
  23.      if($('#men').css('display') == 'none')
  24. {
  25.     document.getElementById('men').style.display="block";
  26. }else{
  27.         document.getElementById('men').style.display="none";
  28. }
  29. }        
  30.  
  31. </script>
  32.     </head>
  33.     <body>
  34.         <div class="fontmenu"></div>
  35.         <div class="container">
  36.             <div class="row">
  37.                 <div class="col">
  38.               
  39.                     <nav class="navbar navbar-default navbar-fixed-top">
  40.                         <label>
  41.                             <input type='checkbox'>
  42.                             <span class='menu' onclick="fun()"><span class='hamburger'></span></span>
  43.                             <div class="men" id="men">
  44.                             <p><a href="{{path('app_default')}}">Accueil</a></p>
  45.                             <p><a href="{{path('about')}}">A propos de nous</a></p>
  46.                             <p><a href="{{path('app_rendez_vous')}}">Rendez-vous</a></p>
  47.                             <p><a href="{{path('contact')}}">Contact</a></p></div>
  48.                         </label>
  49.                     </nav>
  50.                 
  51.         {% block body %}{% endblock %}
  52.       <div class="container-fluid custom-block-03" style="display:block !important" >
  53.             <div class="row">
  54.                 <div class="col">
  55.                     <div class="container">
  56.                         <div class="row">
  57.                             <div class="col-12 col-md-4 border-right pxl-55">
  58.                                 <h3>LIEN UTILES</h3>
  59.                                 <p>
  60.                                     Ordre des barreaux francophones :
  61.                                     <br/>
  62.                                     <a href="https://avocats.be" target="_blank"> https://avocats.be</a>
  63.                                     <br/>
  64.                                     Commission fédérale de médiation :
  65.                                     <br/>
  66.                                     <a href="https://www.cfm-fbc.be/fr" target="_blank"> https://www.cfm-fbc.be/fr </a>
  67.                                     <br/>
  68.                                     Réseau d’avocats Avolink  :
  69.                                     <br/>
  70.                                     <a href="https://avolink.be/fr/" target="_blank"> https://avolink.be/fr/ </a>
  71.                                 </p>
  72.                             </div>
  73.                             <div class="col-12 col-md-4  border-right pxl-55" >
  74.                                 <h3>Informations légales et conditions financières</h3>
  75.                                 <table>
  76.                                     <tr>
  77.                                         <td>
  78.                                             <img src="{{asset('img/icon-telecharger.svg')}}" class="icon">
  79.                                         </td>
  80.                                         <td>
  81.                                         <a href="{{asset('Charte_vie_privee.pdf')}}" target="_blank" style="color:white">    Charte vie privée (RGPD)</a>
  82.                                         </td>
  83.                                     </tr>
  84.                                     <tr>
  85.                                         <td>
  86.                                             <img src="{{asset('img/icon-telecharger.svg')}}" class="icon">
  87.                                         </td>
  88.                                         <td>
  89.                                         <a href="{{asset('Fiches_informations_legales.pdf')}}" target="_blank" style="color:white">    Informations légales de chacune</a>
  90.                                         </td>
  91.                                     </tr>
  92.                                 
  93.                                     
  94.                                         <tr>
  95.                                         <td>
  96.                                             <img src="{{asset('img/icon-telecharger.svg')}}" class="icon">
  97.                                         </td>
  98.                                         <td>
  99.                                         <a href="{{asset('Convention d-honoraires.pdf')}}" target="_blank" style="color:white">    Conditions financières et Modèle
  100.                                             <br/ class="br_info">
  101.                                             de conventions d’honoraires</a>
  102.                                         </td>
  103.                                         </tr>
  104.                                 </table>
  105.                             </div>
  106.                             <div class="col-12 col-md-3 pl-0 pl-md-3 poi "  >
  107.                                 <a href="https://avolink.be/fr/"><img src="{{asset('img/logo-membre-avocats.svg')}}" ></a>
  108.                                 <br>
  109.                                 <br>
  110.                                 <br>
  111.                                 <br>
  112.                                 <br>
  113.                                 <br>
  114.                                 <p class="copyright_01">
  115.                                     © Tous droits réservés.
  116.                                 </p>
  117.                             </div>
  118.                         </div>
  119.                     </div>
  120.                 </div>
  121.             </div>
  122.         </div>
  123. <script src="https://kit.fontawesome.com/d2408fdc07.js" crossorigin="anonymous"></script>
  124. <link href="{{ asset('cookies/cookies.css')}}" rel="stylesheet">
  125.     <script type="text/javascript">
  126.             var options = {
  127.                 title: 'Acceptation des cookies ',
  128.                 message: "Nous utilisons des cookies nécessaires au fonctionnement de ce site Web et également des cookies nous permettant d'analyser notre trafic",
  129.                 delay: 600,
  130.                 expires: 1,
  131.                 link: "{{path('privacy')}}",
  132.                 onAccept: function(){
  133.                     var myPreferences = $.fn.ihavecookies.cookie();
  134.                     console.log('Yay! The following preferences were saved...');
  135.                     console.log(myPreferences);
  136.                 },
  137.                 uncheckBoxes: true,
  138.                 acceptBtnLabel: 'Tout accepter',
  139.                 advancedBtnLabel: 'Personnaliser',
  140.                 moreInfoLabel: 'En savoir plus',
  141.                 cookieTypesTitle: 'Choisissez les cookies que vous souhaitez accepter',
  142.                 fixedCookieTypeLabel: 'Essentiel',
  143.                 fixedCookieTypeDesc: 'These are essential for the website to work correctly.'
  144.             }
  145.             $(document).ready(function() {
  146.                 $('body').ihavecookies(options);
  147.                 if ($.fn.ihavecookies.preference('marketing') === true) {
  148.                     console.log('This should run because marketing is accepted.');
  149.                 }
  150.                 $('#ihavecookiesBtn').on('click', function(){
  151.                     $('body').ihavecookies(options, 'reinit');
  152.                 });
  153.             });
  154.         </script>
  155.         
  156. <style>
  157. label .menu {
  158.   position: absolute;
  159.   top: -100px;
  160.   z-index: 100;
  161.   left: -50px;
  162.   width: 127px;
  163.   height: 200px;
  164.   background: none;
  165.   border-radius: 50% 50% 50% 50%;
  166.   -webkit-transition: .5s ease-in-out;
  167.   transition: .5s ease-in-out;
  168.   box-shadow: 0 0 0 0 #FFF, 0 0 0 0 #FFF;
  169.   cursor: pointer;
  170. }
  171. .vertical-buttons button {
  172.   margin: 6em auto;
  173.   background: #0C1C30;
  174.   color: #FFF;
  175.   border: 1px solid #0C1C30;
  176.   width: 10em;
  177.   -ms-transform: rotate(270deg); /* IE 9 */
  178.   -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
  179.   transform: rotate(270deg);
  180.   height:60px;
  181.   font-size:16px
  182. }
  183. .vertical-buttons:hover button {
  184.   margin: 6em auto;
  185.   background: #c1ab92;
  186.   color: #FFF;
  187.   border: 1px solid #c1ab92;
  188.   width: 10em;
  189.   -ms-transform: rotate(270deg); /* IE 9 */
  190.   -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
  191.   transform: rotate(270deg);
  192.   height:60px;
  193.   font-size:16px
  194. }
  195. .center {
  196.   display: flex;
  197.   justify-content: center;
  198.   align-items: center;
  199. }
  200. </style>
  201. {% if app.request.attributes.get('_route') != 'app_rendez_vous' %}
  202.         <div style="position:fixed; display:block; bottom:200px; direction:rtl; width:100%;" >
  203.   <div class="row">
  204.     <div class="col-xs-8">
  205.       <div class="row">
  206.         <div class="col-xs-1 pull-right center">
  207.           <div class="vertical-buttons">
  208.             <a href="{{path('app_rendez_vous')}}" style="cursor:pointer"><button type="button" style="text-transform:uppercase"> Prendre un <br> rendez-vous</button></a>
  209.            
  210.           </div>
  211.         </div>
  212.       </div>
  213.     </div>
  214.     <div class="col-xs-4">
  215.     </div>
  216.   </div>
  217. </div>
  218. {% endif %}
  219. <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
  220. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
  221.  <script type="text/javascript" src="{{ asset('cookies/jquery.ihavecookies.js')}}"></script>
  222.     {% block javascripts %}{% endblock %}
  223.         
  224.     </body>
  225. </html>