templates/layout/app_index.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.   
  5.     <meta charset="UTF-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="description" content="Service Africa">
  8.     <meta name="viewport" content="width=device-width, initial-scale=1">
  9.      <meta name="author" content="Service Africa">
  11.  
  12.     <title>{% block title %}Service-Africa{% endblock %}</title>
  14.     <link rel="shortcut icon" href="" type="image/x-icon">
  15.     <link rel="apple-touch-icon-precomposed" href="">
  17.     <link rel="icon" type="image/x-icon" href="{{ asset('/img/favicon.png') }}" />
  18.   
  20.     {% block stylesheets %}
  22.       
  23.             <!-- Google Fonts -->
  24.         <link href="https://fonts.googleapis.com/css?family=Poppins:200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap" rel="stylesheet">
  25.         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
  26.         <!-- Bootstrap CSS -->
  27.         <link rel="stylesheet" href="{{ asset('/dogmo/css/bootstrap.min.css') }}">
  28.         <!-- Nice Select CSS -->
  29.         <link rel="stylesheet" href="{{ asset('/dogmo/css/nice-select.css') }}">
  30.         <!-- Font Awesome CSS -->
  31.         <link rel="stylesheet" href="{{ asset('/dogmo/css/font-awesome.min.css') }}">
  32.         <!-- icofont CSS -->
  33.         <link rel="stylesheet" href="{{ asset('/dogmo/css/icofont.css') }}">
  34.         <!-- Slicknav -->
  35.         <link rel="stylesheet" href="{{ asset('/dogmo/css/slicknav.min.css') }}">
  36.         <!-- Owl Carousel CSS -->
  37.         <link rel="stylesheet" href="{{ asset('/dogmo/css/owl-carousel.css') }}">
  38.         <!-- Datepicker CSS -->
  39.         <link rel="stylesheet" href="{{ asset('/dogmo/css/datepicker.css') }}">
  40.         <!-- Animate CSS -->
  41.         <link rel="stylesheet" href="{{ asset('/dogmo/css/animate.min.css') }}">
  42.         <!-- Magnific Popup CSS -->
  43.         <link rel="stylesheet" href="{{ asset('/dogmo/css/magnific-popup.css') }}">
  44.         
  45.         <!-- Medipro CSS -->
  46.         <link rel="stylesheet" href="{{ asset('/dogmo/css/normalize.css') }}">
  47.         <link rel="stylesheet" href="{{ asset('/dogmo/style.css') }}">
  48.         <link rel="stylesheet" href="{{ asset('/dogmo/css/responsive.css') }}">
  49.        
  50.          
  51.     {% endblock %}
  53.    
  54. </head>
  56. <body>
  57.    
  58.    
  59.     {% block body %}
  62.     {% endblock %}
  63.  
  64.         <!-- Preloader -->
  65.         <div class="preloader">
  66.             <div class="loader">
  67.                 <div class="loader-outter"></div>
  68.                 <div class="loader-inner"></div>
  70.                 <div class="indicator"> 
  71.                     <svg width="16px" height="12px">
  72.                         <polyline id="back" points="1 6 4 6 6 11 10 1 12 6 15 6"></polyline>
  73.                         <polyline id="front" points="1 6 4 6 6 11 10 1 12 6 15 6"></polyline>
  74.                     </svg>
  75.                 </div>
  76.             </div>
  77.         </div>
  78.         <!-- End Preloader -->
  79.         
  80.         <!-- Get Pro Button -->
  82.         {#
  83.         <ul class="pro-features">
  84.             <a class="get-pro" href="#">Get Pro</a>
  85.             <li class="big-title">Pro Version Available on Themeforest</li>
  86.             <li class="title">Pro Version Features</li>
  87.             <li>2+ premade home pages</li>
  88.             <li>20+ html pages</li>
  89.             <li>Color Plate With 12+ Colors</li>
  90.             <li>Sticky Header / Sticky Filters</li>
  91.             <li>Working Contact Form With Google Map</li>
  92.             <div class="button">
  93.                 <a href="http://preview.themeforest.net/item/mediplus-medical-and-doctor-html-template/full_screen_preview/26665910?_ga=2.145092285.888558928.1591971968-344530658.1588061879" target="_blank" class="btn">Pro Version Demo</a>
  94.                 <a href="https://themeforest.net/item/mediplus-medical-and-doctor-html-template/26665910" target="_blank" class="btn">Buy Pro Version</a>
  95.             </div>
  96.         </ul>
  97.        #}
  98.         <!-- Header Area -->
  99.                 <!-- Footer Area -->
  100.         <footer id="footer" class="footer ">
  101.             <!-- Footer Top -->
  102.             <div class="footer-top">
  103.                 <div class="container">
  104.                     <div class="row">
  105.                         <div class="col-lg-3 col-md-6 col-12">
  106.                             <div class="single-footer">
  107.                                 <h2>A Propos de Nous</h2>
  108.                                 <p>Service-Africa, votre partenaire de confiance, est une entreprise multisectorielle spécialisée dans :</p>
  109.                                <p>                                 
  110.                                    <ul style="color:#fff">
  111.                                         <li><i class="fa fa-caret-right" aria-hidden="true"></i> Énergie et hydraulique</li>
  112.                                         <li><i class="fa fa-caret-right" aria-hidden="true"></i> Broderie et imprimerie</li>
  114.                                         <li><i class="fa fa-caret-right" aria-hidden="true"></i> Industrie et production</li>
  115.                                         <li><i class="fa fa-caret-right" aria-hidden="true"></i> Nettoyage professionnel</li>
  116.                                         <li><i class="fa fa-caret-right" aria-hidden="true"></i> Représentation de marque</li>
  117.                                         <li><i class="fa fa-caret-right" aria-hidden="true"></i> Rebobinage de moteurs électriques</li>
  118.                                     </ul>
  119.                                 </p>
  120.                                 <p>
  121.                                 Nous combinons expertise, innovation et qualité pour répondre efficacement aux besoins variés de nos clients. Avec une équipe dédiée et des solutions adaptées, Service-Africa s’engage à fournir un service fiable et durable pour accompagner vos projets et votre croissance.</p>
  122.                                 <p>Faites-nous confiance pour transformer vos défis en opportunités!</p>
  123.                                 <!-- Social -->
  124.                                 {#
  125.                                 <ul class="social">
  126.                                     <li><a href="#"><i class="icofont-facebook"></i></a></li>
  127.                                     <li><a href="#"><i class="icofont-google-plus"></i></a></li>
  128.                                     <li><a href="#"><i class="icofont-twitter"></i></a></li>
  129.                                     <li><a href="#"><i class="icofont-vimeo"></i></a></li>
  130.                                     <li><a href="#"><i class="icofont-pinterest"></i></a></li>
  131.                                 </ul>
  132.                                 #}
  133.                                 <!-- End Social -->
  134.                             </div>
  135.                         </div>
  136.                         <div class="col-lg-3 col-md-6 col-12">
  137.                             <div class="single-footer f-link">
  138.                                 <h2>Liens rapides</h2>
  139.                                 <div class="row">
  140.                                     <div class="col-lg-6 col-md-6 col-12">
  141.                                         <ul>
  142.                                             <li><a href="/"><i class="fa fa-caret-right" aria-hidden="true"></i>Accueil</a></li>
  143.                                             <li><a href="{{ path('aboutUs') }}"><i class="fa fa-caret-right" aria-hidden="true"></i>A Propos</a></li>
  144.                                             <li><a href="{{ path('services') }}"><i class="fa fa-caret-right" aria-hidden="true"></i>Services</a></li>
  145.                                             <li><a href="https://www.service-africa.com/shop-detail/1/0/0/0"><i class="fa fa-caret-right" aria-hidden="true"></i>Shop</a></li>
  146.                                             <li><a href="{{ path('faq') }}"><i class="fa fa-caret-right" aria-hidden="true"></i>Carrière</a></li>    
  147.                                         </ul>
  148.                                     </div>
  149.                                     <div class="col-lg-6 col-md-6 col-12">
  150.                                         
  151.                                     </div>
  152.                                 </div>
  153.                             </div>
  154.                         </div>
  155.                         <div class="col-lg-3 col-md-6 col-12">
  156.                             <div class="single-footer">
  157.                                 <h2>Heures d'ouverture</h2>
  158.                                 <p> Nous sommes là pour vous servir ! Voici nos heures d’ouverture :</p>
  159.                                 <ul class="time-sidual">
  160.                                     <li class="day">Lundi - Vendredi <span>8:00 - 17:00</span></li>
  161.                                     <li class="day">Samedi <span>10:00 - 12:00</span></li>
  162.                                     <li class="day">Dimanche <span>Fermé</span></li>
  163.                                 </ul>
  164.                                 <p>                                 
  165.                                    <ul style="color:#fff">
  166.                                         <li><i class="fa fa-caret-right" aria-hidden="true"></i> Jours fériés : Nos horaires peuvent varier pendant les jours fériés. Veuillez consulter notre page d’accueil ou nous contacter pour des informations spécifiques</li>
  167.                                         <li><i class="fa fa-caret-right" aria-hidden="true"></i> Services en ligne : N’oubliez pas que vous pouvez également accéder à nos services en ligne 24/7 sur notre site web.</li>
  168.                                     </ul>
  169.                                 </p>
  170.                                 <p>
  171.                                 Pour toute question ou pour prendre rendez-vous, n’hésitez pas à nous contacter:
  172.                                 <br>Nous sommes impatients de vous accueillir!
  173.                                 </p>
  174.                             </div>
  175.                         </div>
  176.                         <div class="col-lg-3 col-md-6 col-12">
  177.                             <div class="single-footer">
  178.                                 <h2>retrouver sur Facebook</h2>
  179.                                  <script>(function(d, s, id) {
  180.                             var js, fjs = d.getElementsByTagName(s)[0];
  181.                             if (d.getElementById(id)) return;
  182.                             js = d.createElement(s); js.id = id;
  183.                             js.src = "https://connect.facebook.net/nl_NL/sdk.js#xfbml=1&version=v2.8";
  184.                             fjs.parentNode.insertBefore(js, fjs);
  185.                             }(document, 'script', 'facebook-jssdk'));</script>
  188.                         <div id="fb-root"></div>
  191.                                 
  192.                             <div class="fb-page" data-href="https://www.facebook.com/profile.php?id=61571040041544" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/facebook" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/facebook">Facebook</a></blockquote></div>
  193.                                 {#
  194.                                 <p>subscribe to our newsletter to get allour news in your inbox.. Lorem ipsum dolor sit amet, consectetur adipisicing elit,</p>
  195.                                 <form action="mail/mail.php" method="get" target="_blank" class="newsletter-inner">
  196.                                     <input name="email" placeholder="Email Address" class="common-input" onfocus="this.placeholder = ''"
  197.                                         onblur="this.placeholder = 'Your email address'" required="" type="email">
  198.                                     <button class="button"><i class="icofont icofont-paper-plane"></i></button>
  199.                                 </form>
  200.                                 #}
  201.                             </div>
  202.                         </div>
  203.                     </div>
  204.                 </div>
  205.             </div>
  206.             <!--/ End Footer Top -->
  207.             <!-- Copyright -->
  208.             <div class="copyright">
  209.                 <div class="container">
  210.                     <div class="row">
  211.                         <div class="col-lg-12 col-md-12 col-12">
  212.                             <div class="copyright-content">
  213.                                 <p>© Copyright 2018  |  All Rights Reserved by <a href="https://www.wpthemesgrid.com" target="_blank">  wpthemesgrid.com</a> </p>
  214.                             </div>
  215.                         </div>
  216.                     </div>
  217.                 </div>
  218.             </div>
  219.             <!--/ End Copyright -->
  220.         </footer>
  221.         
  223.     {% block javascripts %}
  226.         <!--/ End Footer Area -->
  227.         
  228.         <!-- jquery Min JS -->
  229.         <script src="{{ asset('/dogmo/js/jquery.min.js') }}"></script>
  230.         <!-- jquery Migrate JS -->
  231.         <script src="{{ asset('/dogmo/js/jquery-migrate-3.0.0.js') }}"></script>
  232.         <!-- jquery Ui JS -->
  233.         <script src="{{ asset('/dogmo/js/jquery-ui.min.js') }}"></script>
  234.         <!-- Easing JS -->
  235.         <script src="{{ asset('/dogmo/js/easing.js') }}"></script>
  236.         <!-- Color JS -->
  237.         <script src="{{ asset('/dogmo/js/colors.js') }}"></script>
  238.         <!-- Popper JS -->
  239.         <script src="{{ asset('/dogmo/js/popper.min.js') }}"></script>
  240.         <!-- Bootstrap Datepicker JS -->
  241.         <script src="{{ asset('/dogmo/js/bootstrap-datepicker.js') }}"></script>
  242.         <!-- Jquery Nav JS -->
  243.         <script src="{{ asset('/dogmo/js/jquery.nav.js') }}"></script>
  244.         <!-- Slicknav JS -->
  245.         <script src="{{ asset('/dogmo/js/slicknav.min.js') }}"></script>
  246.         <!-- ScrollUp JS -->
  247.         <script src="{{ asset('/dogmo/js/jquery.scrollUp.min.js') }}"></script>
  248.         <!-- Niceselect JS -->
  249.         <script src="{{ asset('/dogmo/js/niceselect.js') }}"></script>
  250.         <!-- Tilt Jquery JS -->
  251.         <script src="{{ asset('/dogmo/js/tilt.jquery.min.js') }}"></script>
  252.         <!-- Owl Carousel JS -->
  253.         <script src="{{ asset('/dogmo/js/owl-carousel.js') }}"></script>
  254.         <!-- counterup JS -->
  255.         <script src="{{ asset('/dogmo/js/jquery.counterup.min.js') }}"></script>
  256.         <!-- Steller JS -->
  257.         <script src="{{ asset('/dogmo/js/steller.js') }}"></script>
  258.         <!-- Wow JS -->
  259.         <script src="{{ asset('/dogmo/js/wow.min.js') }}"></script>
  260.         <!-- Magnific Popup JS -->
  261.         <script src="{{ asset('/dogmo/js/jquery.magnific-popup.min.js') }}"></script>
  262.         <!-- Counter Up CDN JS -->
  263.         <script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
  264.         <!-- Bootstrap JS -->
  265.         <script src="{{ asset('/dogmo/js/bootstrap.min.js') }}"></script>
  266.         <!-- Main JS -->
  267.         <script src="{{ asset('/dogmo/js/main.js') }}"></script>
  269.         <script src="{{ asset('/dogmo/js/gmaps.min.js') }}"></script>
  270.         
  271.         <script src="{{ asset('/dogmo/js/map-active.js') }}"></script>
  274.         {# <script type="text/javascript">
  275.             var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
  276.             (function(){
  277.                 var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
  278.                 s1.async=true;
  279.                 s1.src='https://embed.tawk.to/6355716adaff0e1306d38ad5/1gg2s622k';
  280.                 s1.charset='UTF-8';
  281.                 s1.setAttribute('crossorigin','*');
  282.                 s0.parentNode.insertBefore(s1,s0);
  283.             })();
  285.         </script> #}
  288.         <!--Start of Tawk.to Script-->
  289.             <script type="text/javascript">
  290.             var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
  291.             (function(){
  292.             var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
  293.             s1.async=true;
  294.             s1.src='https://embed.tawk.to/67c6e432e20d16190f6c675a/1ilgempjf';
  295.             s1.charset='UTF-8';
  296.             s1.setAttribute('crossorigin','*');
  297.             s0.parentNode.insertBefore(s1,s0);
  298.             })();
  299.             </script>
  300.         <!--End of Tawk.to Script-->
  303.     {% endblock %}
  307. </body>
  308. </html>