templates/base_front.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  4. <head>
  5.     <meta charset="utf-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1">
  8.     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  9.     {% block meta %}{% endblock %}
  10.     <!-- Bootstrap -->
  11.     <link href="{{ asset('css/bootstrap.min.css') }}" rel="stylesheet">
  12.     <!-- Google Fonts -->
  13.     
  14.     <link href="https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
  15.     <!-- FontAwesome icon -->
  16.     <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" rel="stylesheet">
  17.     <!-- Fontello icon -->
  18.     <link href="{{ asset('fontello/css/fontello.css') }}" rel="stylesheet">
  19.     <!-- OwlCarosuel CSS -->
  20.     <link href="{{ asset('css/owl.carousel.css') }}" type="text/css" rel="stylesheet">
  21.     <link href="{{ asset('css/owl.theme.default.css') }}" type="text/css" rel="stylesheet">
  22.     <!-- Favicon icon -->
  23.     <link rel="shortcut icon" type="image/x-icon" href="{{ asset('images/Logo 2.png') }}">
  24.     <!-- Style CSS -->
  25.     <link href="{{ asset('css/style.css') }}" rel="stylesheet">
  26.     <link href="{{ asset('css/jquery-ui.css') }}" rel="stylesheet">
  27.     <link rel="stylesheet" href="{{ asset('back/plugins/select2/css/select2.min.css') }}">
  28.     <link rel="stylesheet" href="{{ asset('back/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css') }}">
  29.     <link rel="stylesheet" type="text/css" href="{{ asset('css/magnific-popup.css') }}">
  30.     <link href="{{ asset('css/headerV2.css') }}" rel="stylesheet">
  31.     <link href="{{ asset('css/slick.css') }}" type="text/css" rel="stylesheet">
  32.     <link href="{{ asset('css/front/style_experience.css') }}" type="text/css" rel="stylesheet">
  33.     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  34.     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  35.     <!--[if lt IE 9]>
  36.     <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  37.     <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  38.     <![endif]-->
  39.     {% block style %}{% endblock %}
  40. </head>
  42. <body>
  43. {% if app.request.attributes.get('_route') != 'front_subscription_company_step2' and app.request.attributes.get('_route') != 'front_subscription_company_step1' %}
  44.     {{ include('front/inc/header.html.twig') }}
  45. {% endif %}
  47. {% block body %}{% endblock %}
  49. <script type="text/javascript" src="//www.cookieconsent.com/releases/3.1.0/cookie-consent.js"></script>
  50. <script type="text/javascript">
  51.     document.addEventListener('DOMContentLoaded', function () {
  52.         cookieconsent.run({"notice_banner_type":"simple","consent_type":"express","palette":"dark","language":"fr","website_name":"http://www.providders.com/"});
  53.     });
  54. </script>
  56. <noscript>ePrivacy and GPDR Cookie Consent by <a href="https://www.CookieConsent.com/" rel="nofollow noopener">Cookie Consent</a></noscript>
  58. {% if app.request.attributes.get('_route') != 'app_login' and app.request.attributes.get('_route') != 'app_login_enterprise' and app.request.attributes.get('_route') != 'front_subscription_company_step2' and app.request.attributes.get('_route') != 'front_subscription_company_step1' %}
  59.     {{ include('front/inc/footer.html.twig') }}
  60.     <!-- tiny-footer-section -->
  61.     <div class="tiny-footer">
  62.         <div class="container">
  63.             <div class="row">
  64.                 <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 text-right">
  65.                     <p>© {{ 'now'|date('Y') }} Providders. Tous Droits Réservés.</p>
  66.                 </div>
  67.             </div>
  68.         </div>
  69.     </div>
  70. {% endif %}
  71. <!-- /.tiny-footer-section -->
  72. <a href="javascript:" id="return-to-top"><i class="fa fa-angle-up"></i></a>
  73. <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  74. <script src="{{ asset('js/jquery.min.js') }}"></script>
  75. <!-- Include all compiled plugins (below), or include individual files as needed -->
  76. <script src="{{ asset('js/bootstrap.bundle.min.js') }}"></script>
  77. <script src="{{ asset('js/menumaker.min.js') }}"></script>
  78. <!-- owl-carousel js -->
  79. <script src="{{ asset('js/owl.carousel.min.js') }}"></script>
  80. <!-- nice-select js -->
  81. <script src="{{ asset('js/jquery.nice-select.min.js') }}"></script>
  82. <script src="{{ asset('js/fastclick.js') }}"></script>
  83. <script src="{{ asset('js/custom-script.js') }}"></script>
  84. <script src="{{ asset('js/return-to-top.js') }}"></script>
  85. <script src="{{ asset('back/plugins/select2/js/select2.full.min.js') }}"></script>
  86. <script src="{{ asset('js/jquery.magnific-popup.min.js') }}"></script>
  87. <script src="{{ asset('js/jquery-ui.js') }}"></script>
  88. <script src="{{ asset('js/slick.min.js') }}"></script>
  89. <script>
  90.     $(function () {
  91.         $('.select2').select2({
  92.             containerCss: {
  93.                 'height': '50px',
  94.                 'line-height': '40px',
  95.                 'padding': '10px 14px',
  96.                 'text-align': 'left!important',
  97.                 'position': 'relative',
  98.                 'font-weight': 'normal',
  99.                 //'border': '1px solid #cfced0',
  100.                 'border-radius': '2px',
  101.                 'box-sizing': 'border-box',
  102.                 'cursor': 'pointer',
  103.                 'display': 'block',
  104.                 'font-size': '14px',
  105.                 'outline': 'none',
  106.                 'color': '#343031',
  107.                 'white-space': 'nowrap'
  108.             }
  109.         })
  111.         if ($("#user_weddingDatebar, #taskdate").length) {
  113.             $("#user_weddingDatebar, #taskdate").datepicker({
  114.                 minDate: "+1",
  115.                 maxDate: "+1Y +3M",
  116.                 clearText: 'Effacer', clearStatus: '',
  117.                 closeText: 'Fermer', closeStatus: 'Fermer sans modifier',
  118.                 prevText: '<Préc', prevStatus: 'Voir le mois précédent',
  119.                 nextText: 'Suiv>', nextStatus: 'Voir le mois suivant',
  120.                 currentText: 'Courant', currentStatus: 'Voir le mois courant',
  121.                 monthNames: ['Janvier','Février','Mars','Avril','Mai','Juin',
  122.                     'Juillet','Août','Septembre','Octobre','Novembre','Décembre'],
  123.                 monthNamesShort: ['Jan','Fév','Mar','Avr','Mai','Jun',
  124.                     'Jul','Aoû','Sep','Oct','Nov','Déc'],
  125.                 monthStatus: 'Voir un autre mois', yearStatus: 'Voir un autre année',
  126.                 weekHeader: 'Sm', weekStatus: '',
  127.                 dayNames: ['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi'],
  128.                 dayNamesShort: ['Dim','Lun','Mar','Mer','Jeu','Ven','Sam'],
  129.                 dayNamesMin: ['Di','Lu','Ma','Me','Je','Ve','Sa'],
  130.                 dayStatus: 'Utiliser DD comme premier jour de la semaine', dateStatus: 'Choisir le DD, MM d',
  131.                 dateFormat: 'dd/mm/yy', firstDay: 0,
  132.                 initStatus: 'Choisir la date', isRTL: false
  133.             });
  134.         }
  135.     })
  136. </script>
  137. <script>
  138.     $('#link_search').click(function () {
  139.         if($('#form_header').css('display') == 'none') {
  140.             $('#form_header').css('display', 'flex');
  141.         } else {
  142.             $('#form_header').css('display', 'none');
  143.         }
  145.     })
  146. </script>
  147. <script>
  148.     {# console.log("navigateur: ", navigator.userAgent.toLowerCase()); #}
  149.     $('#idPrestataires').hover(function () {
  150.         $('#dropDownPrestataires').addClass('Myshow');
  151.     }, function () {
  152.         $('#dropDownPrestataires').removeClass('Myshow');
  153.     })
  154.     $('#idServices').hover(function () {
  155.         $('#dropDownServices').addClass('Myshow');
  156.     }, function () {
  157.         $('#dropDownServices').removeClass('Myshow');
  158.     })
  160.     {# Voir plus #}
  161.     $('#voirPlus').click(function () {
  162.         if($('#rowPrestataire').css('height') == '100%') {
  163.             $('#rowPrestataire').css('height', '140rem');
  164.             console.log("tafiditra")
  165.         } else {
  166.             $('#rowPrestataire').css('height', '100%');
  167.             $('.flou').css('display', 'none');
  168.         }
  169.     })
  171.    {# slide image  #}
  172.     $('.autoplay').slick({
  173.         slidesToShow: 4,
  174.         slidesToScroll: 2,
  175.         autoplay: false,
  176.         autoplaySpeed: 2000,
  177.             prevArrow: '<i class="fas fa-angle-left leftF"></i>',
  178.             nextArrow: '<i class="fas fa-angle-right rightF"></i>',
  179.         responsive: [{
  180.             breakpoint: 1024,
  181.                 settings: {
  182.                     slidesToShow: 3,
  183.                     slidesToScroll: 1,
  184.                     // centerMode: true,
  185.                 }
  186.             }, {
  187.             breakpoint: 800,
  188.                 settings: {
  189.                     slidesToShow: 2,
  190.                     slidesToScroll: 1,
  191.                 }
  192.             },  {
  193.             breakpoint: 480,
  194.                 settings: {
  195.                     slidesToShow: 1,
  196.                     slidesToScroll: 1,
  197.                 }
  198.         }]
  199.     });
  202.     {# Slide img block prestataire #}
  203.     $('.container-slide-image').slick({
  204.         slidesToShow: 1,
  205.         slidesToScroll: 1,
  206.         prevArrow: '<i class="fas fa-angle-left PleftF"></i>',
  207.         nextArrow: '<i class="fas fa-angle-right PrightF"></i>',
  208.         dots:true,
  209.     })
  211.     var flechL = document.querySelectorAll('.PleftF,.PrightF');
  212.     var oneBlock = document.querySelectorAll('.container-block-companies');
  214.     if (oneBlock.length == 0) {
  215.         oneBlock = document.querySelectorAll('.container-block-Pcompanies');
  216.     }
  218.     oneBlock.forEach(function(el){
  219.         var leftFlech = el.firstChild.nextElementSibling.querySelector('.PleftF');
  220.         var rightFlech = el.firstChild.nextElementSibling.querySelector('.PrightF');
  221.         if(leftFlech){
  222.             el.addEventListener('mouseover', function(){
  223.                 leftFlech.style.display = "block";
  224.                 rightFlech.style.display = "block";
  225.             })
  226.             el.addEventListener('mouseout', function(){
  227.                 leftFlech.style.display = "none";
  228.                 rightFlech.style.display = "none";
  229.             })
  230.         }
  231.     })
  232.     flechL.forEach(function(el){
  233.         el.style.display = "none";
  235.     })
  236.     {# var isAndroid = /android/i.test(navigator.userAgent.toLowerCase()); #}
  237.     
  238. </script>
  239. <script src="{{ asset('js/search.js') }}"></script>
  240. {% block javascript %}{% endblock %}
  241. </body>
  243. </html>