templates/dogmo/index.html.twig line 1

Open in your IDE?
  1. {% extends 'layout/app_index.twig' %}
  3. {% block body %}
  5.         <!-- Preloader -->
  6.         <div class="preloader">
  7.             <div class="loader">
  8.                 <div class="loader-outter"></div>
  9.                 <div class="loader-inner"></div>
  11.                 <div class="indicator"> 
  12.                     <svg width="16px" height="12px">
  13.                         <polyline id="back" points="1 6 4 6 6 11 10 1 12 6 15 6"></polyline>
  14.                         <polyline id="front" points="1 6 4 6 6 11 10 1 12 6 15 6"></polyline>
  15.                     </svg>
  16.                 </div>
  17.             </div>
  18.         </div>
  19.         <!-- End Preloader -->
  20.         
  21.         <!-- Get Pro Button -->
  23.         {#
  24.         <ul class="pro-features">
  25.             <a class="get-pro" href="#">Get Pro</a>
  26.             <li class="big-title">Pro Version Available on Themeforest</li>
  27.             <li class="title">Pro Version Features</li>
  28.             <li>2+ premade home pages</li>
  29.             <li>20+ html pages</li>
  30.             <li>Color Plate With 12+ Colors</li>
  31.             <li>Sticky Header / Sticky Filters</li>
  32.             <li>Working Contact Form With Google Map</li>
  33.             <div class="button">
  34.                 <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>
  35.                 <a href="https://themeforest.net/item/mediplus-medical-and-doctor-html-template/26665910" target="_blank" class="btn">Buy Pro Version</a>
  36.             </div>
  37.         </ul>
  38.        #}
  39.         <!-- Header Area -->
  40.         <header class="header" >
  41.             <!-- Topbar -->
  42.             <div class="topbar">
  43.                 <div class="container">
  44.                     <div class="row">
  45.                         <div class="col-lg-6 col-md-5 col-12">
  46.                             <!-- Contact -->
  47.                             <ul class="top-link">
  48.                                     <li><i class="fa fa-phone"></i>+237 6 94 86 88 34</li>
  49.                                 <li><i class="fa fa-envelope"></i><a href="mailto:support@yourmail.com">infos@service-africa.com</a></li>
  50.                                 <li><a href="#">FAQ</a></li>
  51.                             </ul>
  52.                             <!-- End Contact -->
  53.                         </div>
  54.                         <div class="col-lg-6 col-md-7 col-12">
  55.                             <!-- Top Contact -->
  56.                             <ul class="top-contact">
  57.                             <li><a href="{{ path('registration')}}">{{ 'app.head.register'|trans }}</a></li>
  58.                             <li><a href="{{ path('app_login1')}}">{{ 'app.head.connect'|trans }} </a></li>
  59.                             
  60.                             </ul>
  61.                             <!-- End Top Contact -->
  62.                         </div>
  63.                     </div>
  64.                 </div>
  65.             </div>
  66.             <!-- End Topbar -->
  67.             <!-- Header Inner -->
  68.             <div class="header-inner">
  69.                 <div class="container">
  70.                     <div class="inner">
  71.                         <div class="row">
  72.                             <div class="col-lg-3 col-md-3 col-12">
  73.                                 <!-- Start Logo -->
  74.                                 <div class="logo">
  75.                                     <a href="/"><img src="{{ asset('/dogmo/img/logo.png') }}" alt="#"></a>
  76.                                 </div>
  77.                                 <!-- End Logo -->
  78.                                 <!-- Mobile Nav -->
  79.                                 <div class="mobile-nav"></div>
  80.                                 <!-- End Mobile Nav -->
  81.                             </div>
  82.                             <div class="col-lg-7 col-md-9 col-12">
  83.                                 <!-- Main Menu -->
  84.                                 <div class="main-menu">
  85.                                     <nav class="navigation">
  86.                                         <ul class="nav menu">
  87.                                             <li class="active"><a href="/">Accueil <i class="icofont-rounded-down"></i></a>
  88.                                             {#    <ul class="dropdown">
  89.                                                     <li><a href="index.html">Home Page 1</a></li>
  90.                                                 </ul>
  91.                                                 #}
  92.                                             </li>
  93.                                             <li><a href="{{ path('aboutUs') }}">A propos</a></li>
  94.                                             <li><a href="{{ path('services') }}">Services </a></li>
  95.                                             <li><a href="https://www.service-africa.com/shop-detail/1/0/0/0">Shop</a></li>
  96.                                         {#
  97.                                             <li><a href="#">Pages <i class="icofont-rounded-down"></i></a>
  98.                                                 <ul class="dropdown">
  99.                                                     <li><a href="404.html">404 Error</a></li>
  100.                                                 </ul>
  101.                                             </li>
  102.                                             <li><a href="#">Blogs <i class="icofont-rounded-down"></i></a>
  103.                                                 <ul class="dropdown">
  104.                                                     <li><a href="blog-single.html">Blog Details</a></li>
  105.                                                 </ul>
  106.                                             </li>
  107.                                             #}
  108.                                                 <li><a href="{{ path('faq') }}">Carrière </a></li>
  109.                                             <li><a href="{{ path('contact') }}">Contacts</a></li>
  111.                                             
  112.                                         </ul>
  113.                                     </nav>
  114.                                 </div>
  115.                                 <!--/ End Main Menu -->
  116.                             </div>
  117.                             <div class="col-lg-2 col-12">
  118.                                 <div class="get-quote">
  119.                                     
  120.                                     
  121.                                         <ul class="nav ">
  122.                                             <li><a href="#" style="color:white;" class="btn">Connexion <i class="icofont-rounded-down"></i></a>
  123.                                                 <ul class="dropdown">
  124.                                                     <li><a href="https://webmail-rs3052.isp-network.eu/" target="_blank">E-Mail Connexion</a></li>
  125.                                                     <li><a href="http://socemic.2icr.com/application/main/login_soft.php" target="_blank">Admin Connexion</a></li>
  126.                                                     <li><a href="{{ path('app_login1')}}">{{ 'app.head.connect'|trans }} </a></li>
  128.                                                 </ul>
  129.                                             </li>
  131.                                         </ul>
  132.                                     
  133.                                     
  134.                                 </div>
  135.                             </div>
  136.                         </div>
  137.                     </div>
  138.                 </div>
  139.             </div>
  140.             <!--/ End Header Inner -->
  141.         </header>
  142.         <!-- End Header Area -->
  143.         
  144.         <!-- Slider Area -->
  145.         <section class="slider">
  146.             <div class="hero-slider">
  147.                 <!-- Start Single Slider -->
  148.                 <div class="single-slider" style="background-image:url('{{ asset('/dogmo/img/slider2.jpg') }}')">
  149.                     <div class="container">
  150.                         <div class="row">
  151.                             <div class="col-lg-7">
  152.                                 <div class="text">
  153.                                     <h1>Nous offrons des services<span>Dans le Domaine ÉNERGIE</span> auxquels vous pouvez faire <span>confiance! </span></h1>
  154.                                     <p>Un réseau de 8 magasins pour mieux vous servir. </p>
  155.                                     <div class="button">
  156.                                         
  157.                                         <a href="{{ path('energie')}}" class="btn primary">Savoir plus</a>
  158.                                     </div>
  159.                                 </div>
  160.                             </div>
  161.                         </div>
  162.                     </div>
  163.                 </div>
  164.                 <!-- End Single Slider -->
  165.                 <!-- Start Single Slider -->
  166.                 <div class="single-slider" style="background-image:url('{{ asset('/dogmo/img/slider.jpg') }}')">
  167.                     <div class="container">
  168.                         <div class="row">
  169.                             <div class="col-lg-7">
  170.                                 <div class="text">
  171.                                     <h1>Nous offrons des services<span>Dans le Domaine Tuyau hydraulique</span> auxquels vous pouvez faire <span>confiance! </span></h1>
  172.                                     <p>Un réseau de 8 magasins pour mieux vous servir. </p>
  173.                                     <div class="button">
  174.                                 
  175.                                         <a href="{{ path('tuyeaux-hydraulique')}}" class="btn primary">Savoir plus</a>
  176.                                     </div>
  177.                                 </div>
  178.                             </div>
  179.                         </div>
  180.                     </div>
  181.                 </div>
  182.                 <!-- Start End Slider -->
  183.                 <!-- Start Single Slider -->
  184.                 <div class="single-slider" style="background-image:url('{{ asset('/dogmo/img/slider3.jpg') }}')">
  185.                     <div class="container">
  186.                         <div class="row">
  187.                             <div class="col-lg-7">
  188.                                 <div class="text">
  189.                                     <h1>Nous offrons des services<span>Dans le Domaine Broderie et imprimerie</span> auxquels vous pouvez faire <span>confiance! </span></h1>
  190.                                     <p>Un réseau de 8 magasins pour mieux vous servir. </p>
  191.                                     <div class="button">
  192.                                         
  193.                                         <a href="{{ path('terms')}}" class="btn primary">Savoir plus</a>
  194.                                     </div>
  195.                                 </div>
  196.                             </div>
  197.                         </div>
  198.                     </div>
  199.                 </div>
  200.                 <!-- End Single Slider -->
  204.                <!-- Start Single Slider -->
  205.                 <div class="single-slider" style="background-image:url('{{ asset('/dogmo/img/slider6.jpg') }}')">
  206.                     <div class="container">
  207.                         <div class="row">
  208.                             <div class="col-lg-7">
  209.                                 <div class="text">
  210.                                     <h1>Nous offrons des services<span>Dans le Domaine Industrie et production</span> auxquels vous pouvez faire <span>confiance! </span></h1>
  211.                                     <p>Un réseau de 8 magasins pour mieux vous servir. </p>
  212.                                     <div class="button">
  213.                                     
  214.                                         <a href="{{ path('industrie-production')}}" class="btn primary">Savoir plus</a>
  215.                                     </div>
  216.                                 </div>
  217.                             </div>
  218.                         </div>
  219.                     </div>
  220.                 </div>
  221.                 <!-- End Single Slider -->
  226.             </div>
  227.         </section>
  228.         <!--/ End Slider Area -->
  229.         
  230.         <!-- Start Schedule Area -->
  231.         <section class="schedule">
  232.             <div class="container">
  233.                 <div class="schedule-inner">
  234.                     <div class="row">
  235.                         <div class="col-lg-4 col-md-6 col-12 ">
  236.                             <!-- single-schedule -->
  237.                             <div class="single-schedule first">
  238.                                 <div class="inner">
  239.                                     <div class="icon">
  240.                                         <i class="fa fa-ambulance"></i>
  241.                                     </div>
  242.                                     <div class="single-content">
  243.                                         <span></span>
  244.                                         <h4>ÉNERGIE</h4>
  245.                                         <p>Soyez prêts, la sécurité et la prévention, pour être au courant!.</p>
  246.                                         <a href="{{ path('energie')}}">Savoir Plus<i class="fa fa-long-arrow-right"></i></a>
  247.                                     </div>
  248.                                 </div>
  249.                             </div>
  250.                         </div>
  251.                         <div class="col-lg-4 col-md-6 col-12">
  252.                             <!-- single-schedule -->
  253.                             <div class="single-schedule middle">
  254.                                 <div class="inner">
  255.                                     <div class="icon">
  256.                                         <i class="icofont-cart"></i>
  257.                                     </div>
  258.                                     <div class="single-content">
  259.                                         <span></span>
  260.                                         <h4>Tuyaux hydrauliques</h4>
  261.                                         <p> La puissance sous pression, la fiabilité en action</p>
  262.                                         <a href="{{ path('tuyeaux-hydraulique')}}">Savoir Plus<i class="fa fa-long-arrow-right"></i></a>
  263.                                     </div>
  264.                                 </div>
  265.                             </div>
  266.                         </div>
  267.                         <div class="col-lg-4 col-md-12 col-12">
  268.                             <!-- single-schedule -->
  269.                             <div class="single-schedule last">
  270.                                 <div class="inner">
  271.                                     <div class="icon">
  272.                                         <i class="icofont-print"></i>
  273.                                     </div>
  274.                                     <div class="single-content">
  275.                                         <span></span>
  276.                                         <h4>Broderie et imprimerie</h4>
  277.                                         <p>Personnalisez vos idées, marquez vos moments.</p>
  278.                                         <a href="{{ path('terms')}}">Savoir Plus<i class="fa fa-long-arrow-right"></i></a>
  279.                                     </div>
  280.                                 </div>
  281.                             </div>
  282.                         </div>
  283.                     </div>
  284.                 </div>
  285.             </div>
  286.             <br>
  287.             <br>
  288.             <div class="container">
  289.                 <div class="schedule-inner">
  290.                     <div class="row">
  291.                         <div class="col-lg-4 col-md-6 col-12 ">
  292.                             <!-- single-schedule -->
  293.                             <div class="single-schedule first">
  294.                                 <div class="inner">
  295.                                     <div class="icon">
  296.                                         <i class="icofont-food-basket"></i>
  297.                                     </div>
  298.                                     <div class="single-content">
  299.                                         <span></span>
  300.                                         <h4>Industrie et production</h4>
  301.                                         <p>Innover aujourd'hui, bâtir demain.</p><br>
  302.                                         <a href="{{ path('industrie-production')}}">Savoir Plus<i class="fa fa-long-arrow-right"></i></a>
  303.                                     </div>
  304.                                 </div>
  305.                             </div>
  306.                         </div>
  307.                         <div class="col-lg-4 col-md-6 col-12">
  308.                             <!-- single-schedule -->
  309.                             <div class="single-schedule middle">
  310.                                 <div class="inner">
  311.                                     <div class="icon">
  312.                                         <i class="icofont-prescription"></i>
  313.                                     </div>
  314.                                     <div class="single-content">
  315.                                         <span></span>
  316.                                         <h4>import-export</h4>
  317.                                         <p>Connecter le monde, propulser vos affaires.</p>
  318.                                         <a href="{{ path('privacy')}}">Savoir Plus<i class="fa fa-long-arrow-right"></i></a>
  319.                                     </div>
  320.                                 </div>
  321.                             </div>
  322.                         </div>
  323.                         <div class="col-lg-4 col-md-12 col-12">
  324.                             <!-- single-schedule -->
  325.                             <div class="single-schedule last">
  326.                                 <div class="inner">
  327.                                     <div class="icon">
  328.                                         <i class="icofont-ui-clock"></i>
  329.                                     </div>
  330.                                     <div class="single-content">
  331.                                         <span></span>
  332.                                         <h4> Distribution</h4>
  333.                                         <p>Porter votre marque plus loin, atteindre chaque client.</p>
  334.                                         <a href="{{ path('imprint')}}">Savoir Plus<i class="fa fa-long-arrow-right"></i></a>
  335.                                     </div>
  336.                                 </div>
  337.                             </div>
  338.                         </div>
  339.                     </div>
  340.                 </div>
  341.             </div>
  342.         </section>
  343.         <!--/End Start schedule Area -->
  345.         <!-- Start Feautes -->
  346.         <section class="Feautes section">
  347.             <div class="container">
  348.                 <div class="row">
  349.                     <div class="col-lg-12">
  350.                         <div class="section-title">
  351.                         <br><br><br><br><br><br><br>
  352.                         {#
  353.                             <h2>We Are Always Ready to Help You & Your Family</h2>
  354.                             <img src="{{ asset('/dogmo/img/section-img.png') }}" alt="#">
  355.                             <p>Lorem ipsum dolor sit amet consectetur adipiscing elit praesent aliquet. pretiumts</p>
  356.                         #}
  358.                         </div>
  359.                     </div>
  360.                 </div>
  361.                 <div class="row">
  362.                     <div class="col-lg-4 col-12">
  363.                         <!-- Start Single features -->
  364.                         <div class="single-features">
  365.                             <div class="signle-icon">
  366.                                 <i class="icofont icofont-sale-discount"></i>
  367.                             </div>
  368.                             <h3>Aide garantie</h3>
  369.                             <p>Aide garantie et gardez un œil sur les dépenses.</p>
  370.                         </div>
  371.                         <!-- End Single features -->
  372.                     </div>
  373.                     <div class="col-lg-4 col-12">
  374.                         <!-- Start Single features -->
  375.                         <div class="single-features">
  376.                             <div class="signle-icon">
  377.                                 <i class="icofont icofont-sand-clock"></i>
  378.                             </div>
  379.                             <h3>Facile  & entraide</h3>
  380.                             <p>Facile à utiliser, entraide et partage.</p>
  381.                         </div>
  382.                         <!-- End Single features -->
  383.                     </div>
  384.                     <div class="col-lg-4 col-12">
  385.                         <!-- Start Single features -->
  386.                         <div class="single-features last">
  387.                             <div class="signle-icon">
  388.                                 <i class="icofont icofont-dart"></i>
  389.                             </div>
  390.                             <h3>rapide et sécurité</h3>
  391.                             <p>Achetez rapidement et en toute sécurité.</p>
  392.                         </div>
  393.                         <!-- End Single features -->
  394.                     </div>
  395.                 </div>
  396.             </div>
  397.         </section>
  398.         <!--/ End Feautes -->
  399.         
  400.         <!-- Start Fun-facts -->
  401.         <div id="fun-facts" class="fun-facts section overlay">
  402.             <div class="container">
  403.                 <div class="row">
  404.                     <div class="col-lg-3 col-md-6 col-12">
  405.                         <!-- Start Single Fun -->
  406.                         <div class="single-fun">
  407.                             <i class="icofont icofont-home"></i>
  408.                             <div class="content">
  409.                                 <span class="counter">34</span>
  410.                                 <p> Bureaux aux cameroun</p>
  411.                             </div>
  412.                         </div>
  413.                         <!-- End Single Fun -->
  414.                     </div>
  415.                     <div class="col-lg-3 col-md-6 col-12">
  416.                         <!-- Start Single Fun -->
  417.                         <div class="single-fun">
  418.                             <i class="icofont icofont-user-alt-3"></i>
  419.                             <div class="content">
  420.                                 <span class="counter">155</span>
  421.                                 <p>Employées qualifiés</p>
  422.                             </div>
  423.                         </div>
  424.                         <!-- End Single Fun -->
  425.                     </div>
  426.                     <div class="col-lg-3 col-md-6 col-12">
  427.                         <!-- Start Single Fun -->
  428.                         <div class="single-fun">
  429.                             <i class="icofont-simple-smile"></i>
  430.                             <div class="content">
  431.                                 <span class="counter">437</span>
  432.                                 <p>Clients satisfaits</p>
  433.                             </div>
  434.                         </div>
  435.                         <!-- End Single Fun -->
  436.                     </div>
  437.                     <div class="col-lg-3 col-md-6 col-12">
  438.                         <!-- Start Single Fun -->
  439.                         <div class="single-fun">
  440.                             <i class="icofont icofont-table"></i>
  441.                             <div class="content">
  442.                                 <span class="counter">5</span>
  443.                                 <p>Années d'expérience</p>
  444.                             </div>
  445.                         </div>
  446.                         <!-- End Single Fun -->
  447.                     </div>
  448.                 </div>
  449.             </div>
  450.         </div>
  451.         <!--/ End Fun-facts -->
  452.         
  453.         <!-- Start Why choose -->
  454.         <section class="why-choose section" >
  455.             <div class="container">
  456.                 <div class="row">
  457.                     <div class="col-lg-12">
  458.                         <div class="section-title">
  459.                             <h2>Nous proposons différents services pour améliorer votre vie</h2>
  460.                             <img src="{{ asset('/dogmo/img/section-img.png') }}" alt="#">
  461.                             <p>La livraison et Garantie de remboursement gratuite de 30 jours</p>
  462.                         </div>
  463.                     </div>
  464.                 </div>
  465.                 <div class="row">
  466.                     <div class="col-lg-6 col-12">
  467.                         <!-- Start Choose Left -->
  468.                         <div class="choose-left">
  469.                             <h3>Qui nous sommes</h3>
  470.                             <p>Service Africa., avec un capital social de 1 million  de franc CFA. <br><br>Le lieu d'enregistrement est la zone de développement économique de Douala au Cameroun. <br>Elle bénéficie d'une situation géographique avantageuse, d'un transport pratique, d'une usine et d'un entrepôt à grande échelle et couvre une vaste zone.<br> Les installations professionnelles sont matures.<a href="{{ path('aboutUs') }}" class="btn primary">Savoir plus</a></p>
  471.                             
  472.                             <div class="row">
  473.                                 <div class="col-lg-6">
  474.                                     <ul class="list">
  475.                                         <li><i class="fa fa-caret-right"></i>Vidéos Broderie et Imprimerie. </li>
  476.                                         <li><i class="fa fa-caret-right"></i>Vidéos Tuyau hydraulique.</li>
  477.                                         <li><i class="fa fa-caret-right"></i>Vidéos Industrie et production.</li>
  478.                                     </ul>
  479.                                 </div>
  480.                                 <div class="col-lg-6">
  481.                                     <ul class="list">
  482.                                         <li><i class="fa fa-caret-right"></i>Vidéos import-export. </li>
  483.                                         <li><i class="fa fa-caret-right"></i>Vidéos Distribution</li>
  484.                                         <li><i class="fa fa-caret-right"></i>Vidéos ÉNERGIE.</li>
  485.                                     </ul>
  486.                                 </div>
  487.                             </div>
  488.                         </div>
  489.                         <!-- End Choose Left -->
  490.                     </div>
  491.                     <div class="col-lg-6 col-12">
  492.                         <!-- Start Choose Rights -->
  493.                         <div class="choose-right">
  494.                             <div class="video-image">
  495.                                 <!-- Video Animation -->
  496.                                 <div class="promo-video">
  497.                                     <div class="waves-block">
  498.                                         <div class="waves wave-1"></div>
  499.                                         <div class="waves wave-2"></div>
  500.                                         <div class="waves wave-3"></div>
  501.                                     </div>
  502.                                 </div>
  503.                                 <!--/ End Video Animation -->
  504.                                 <a href="https://www.youtube.com/shorts/9YplVaxqiV0" class="video video-popup mfp-iframe"><i class="fa fa-play"></i></a>
  505.                             </div>
  506.                         </div>
  507.                         <!-- End Choose Rights -->
  508.                     </div>
  509.                 </div>
  510.             </div>
  511.         </section>
  512.         <!--/ End Why choose -->
  513.         
  514.         <!-- Start Call to action -->
  515.         <section class="call-action overlay" data-stellar-background-ratio="0.5">
  516.             <div class="container">
  517.                 <div class="row">
  518.                     <div class="col-lg-12 col-md-12 col-12">
  519.                         <div class="content">
  520.                             <h2>Avez-vous besoin d'un service d’urgence ? Appelez au <br>+237 6 94 86 88 34</h2>
  521.                             <br>
  522.                             <div class="button">
  523.                                 <a href="{{ path('contact') }}" class="btn">Contactez maintenant</a>
  524.                                 
  525.                             </div>
  526.                         </div>
  527.                     </div>
  528.                 </div>
  529.             </div>
  530.         </section>
  531.         <!--/ End Call to action -->
  532.         
  533.         <!-- Start portfolio -->
  534.         <section class="portfolio section" >
  535.             <div class="container">
  536.                 <div class="row">
  537.                     <div class="col-lg-12">
  538.                         <div class="section-title">
  539.                             <h2>Quelques produits actuellement disponibles dans nos magasins</h2>
  540.                             <img src="{{ asset('/dogmo/img/section-img.png') }}" alt="#">
  541.                             
  542.                         </div>
  543.                     </div>
  544.                 </div>
  545.             </div>
  546.             <div class="container-fluid">
  547.                 <div class="row">
  548.                     <div class="col-lg-12 col-12">
  549.                         <div class="owl-carousel portfolio-slider">
  550.                             <div class="single-pf">
  551.                                 <img src="{{ asset('/dogmo/img/pf1.jpg') }}" alt="#">
  552.                                 <a href="portfolio-details.html" class="btn">Afficher les détails</a>
  553.                             </div>
  554.                             <div class="single-pf">
  555.                                 <img src="{{ asset('/dogmo/img/pf2.jpg') }}" alt="#">
  556.                                 <a href="portfolio-details.html" class="btn">Afficher les détails</a>
  557.                             </div>
  558.                             <div class="single-pf">
  559.                                 <img src="{{ asset('/dogmo/img/pf11.jpg') }}" alt="#">
  560.                                 <a href="portfolio-details.html" class="btn">Afficher les détails</a>
  561.                             </div>
  562.                             <div class="single-pf">
  563.                                 <img src="{{ asset('/dogmo/img/pf3.jpg') }}" alt="#">
  564.                                 <a href="portfolio-details.html" class="btn">Afficher les détails</a>
  565.                             </div>
  566.                             <div class="single-pf">
  567.                                 <img src="{{ asset('/dogmo/img/pf4.jpg') }}" alt="#">
  568.                                 <a href="portfolio-details.html" class="btn">Afficher les détails</a>
  569.                             </div>
  570.                             <div class="single-pf">
  571.                                 <img src="{{ asset('/dogmo/img/pf1.jpg') }}" alt="#">
  572.                                 <a href="portfolio-details.html" class="btn">Afficher les détails</a>
  573.                             </div>
  575.                             <div class="single-pf">
  576.                                 <img src="{{ asset('/dogmo/img/pf112.jpg') }}" alt="#">
  577.                                 <a href="portfolio-details.html" class="btn">Afficher les détails</a>
  578.                             </div>
  580.                             <div class="single-pf">
  581.                                 <img src="{{ asset('/dogmo/img/pf2.jpg') }}" alt="#">
  582.                                 <a href="portfolio-details.html" class="btn">Afficher les détails</a>
  583.                             </div>
  584.                             
  585.                             <div class="single-pf">
  586.                                 <img src="{{ asset('/dogmo/img/pf113.jpg') }}" alt="#">
  587.                                 <a href="portfolio-details.html" class="btn">Afficher les détails</a>
  588.                             </div>
  590.                             <div class="single-pf">
  591.                                 <img src="{{ asset('/dogmo/img/pf3.jpg') }}" alt="#">
  592.                                 <a href="portfolio-details.html" class="btn">Afficher les détails</a>
  593.                             </div>
  594.                             <div class="single-pf">
  595.                                 <img src="{{ asset('/dogmo/img/pf114.jpg') }}" alt="#">
  596.                                 <a href="portfolio-details.html" class="btn">Afficher les détails</a>
  597.                             </div>
  598.                             <div class="single-pf">
  599.                                 <img src="{{ asset('/dogmo/img/pf4.jpg') }}" alt="#">
  600.                                 <a href="portfolio-details.html" class="btn">Afficher les détails</a>
  601.                             </div>
  602.                         </div>
  603.                     </div>
  604.                 </div>
  605.             </div>
  606.         </section>
  607.         <!--/ End portfolio -->
  608.         {##
  609.         <!-- Start service -->
  610.         
  611.         <section class="services section">
  612.             <div class="container">
  613.                 <div class="row">
  614.                     <div class="col-lg-12">
  615.                         <div class="section-title">
  616.                             <h2>We Offer Different Services To Improve Your Health</h2>
  617.                             <img src="{{ asset('/dogmo/img/section-img.png') }}" alt="#">
  618.                             <p>Lorem ipsum dolor sit amet consectetur adipiscing elit praesent aliquet. pretiumts</p>
  619.                         </div>
  620.                     </div>
  621.                 </div>
  622.                 <div class="row">
  623.                     <div class="col-lg-4 col-md-6 col-12">
  624.                         <!-- Start Single Service -->
  625.                         <div class="single-service">
  626.                             <i class="icofont icofont-prescription"></i>
  627.                             <h4><a href="service-details.html">General Treatment</a></h4>
  628.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec luctus dictum eros ut imperdiet. </p>    
  629.                         </div>
  630.                         <!-- End Single Service -->
  631.                     </div>
  632.                     <div class="col-lg-4 col-md-6 col-12">
  633.                         <!-- Start Single Service -->
  634.                         <div class="single-service">
  635.                             <i class="icofont icofont-tooth"></i>
  636.                             <h4><a href="service-details.html">Teeth Whitening</a></h4>
  637.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec luctus dictum eros ut imperdiet. </p>    
  638.                         </div>
  639.                         <!-- End Single Service -->
  640.                     </div>
  641.                     <div class="col-lg-4 col-md-6 col-12">
  642.                         <!-- Start Single Service -->
  643.                         <div class="single-service">
  644.                             <i class="icofont icofont-heart-alt"></i>
  645.                             <h4><a href="service-details.html">Heart Surgery</a></h4>
  646.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec luctus dictum eros ut imperdiet. </p>    
  647.                         </div>
  648.                         <!-- End Single Service -->
  649.                     </div>
  650.                     <div class="col-lg-4 col-md-6 col-12">
  651.                         <!-- Start Single Service -->
  652.                         <div class="single-service">
  653.                             <i class="icofont icofont-listening"></i>
  654.                             <h4><a href="service-details.html">Ear Treatment</a></h4>
  655.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec luctus dictum eros ut imperdiet. </p>    
  656.                         </div>
  657.                         <!-- End Single Service -->
  658.                     </div>
  659.                     <div class="col-lg-4 col-md-6 col-12">
  660.                         <!-- Start Single Service -->
  661.                         <div class="single-service">
  662.                             <i class="icofont icofont-eye-alt"></i>
  663.                             <h4><a href="service-details.html">Vision Problems</a></h4>
  664.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec luctus dictum eros ut imperdiet. </p>    
  665.                         </div>
  666.                         <!-- End Single Service -->
  667.                     </div>
  668.                     <div class="col-lg-4 col-md-6 col-12">
  669.                         <!-- Start Single Service -->
  670.                         <div class="single-service">
  671.                             <i class="icofont icofont-blood"></i>
  672.                             <h4><a href="service-details.html">Blood Transfusion</a></h4>
  673.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec luctus dictum eros ut imperdiet. </p>    
  674.                         </div>
  675.                         <!-- End Single Service -->
  676.                     </div>
  677.                 </div>
  678.             </div>
  679.         </section>
  680.         <!--/ End service -->
  681.         
  682.         <!-- Pricing Table -->
  683.         <section class="pricing-table section">
  684.             <div class="container">
  685.                 <div class="row">
  686.                     <div class="col-lg-12">
  687.                         <div class="section-title">
  688.                             <h2>We Provide You The Best Treatment In Resonable Price</h2>
  689.                             <img src="{{ asset('/dogmo/img/section-img.png') }}" alt="#">
  690.                             <p>Lorem ipsum dolor sit amet consectetur adipiscing elit praesent aliquet. pretiumts</p>
  691.                         </div>
  692.                     </div>
  693.                 </div>
  694.                 <div class="row">
  695.                     <!-- Single Table -->
  696.                     <div class="col-lg-4 col-md-12 col-12">
  697.                         <div class="single-table">
  698.                             <!-- Table Head -->
  699.                             <div class="table-head">
  700.                                 <div class="icon">
  701.                                     <i class="icofont icofont-ui-cut"></i>
  702.                                 </div>
  703.                                 <h4 class="title">Plastic Suggery</h4>
  704.                                 <div class="price">
  705.                                     <p class="amount">$199<span>/ Per Visit</span></p>
  706.                                 </div>    
  707.                             </div>
  708.                             <!-- Table List -->
  709.                             <ul class="table-list">
  710.                                 <li><i class="icofont icofont-ui-check"></i>Lorem ipsum dolor sit</li>
  711.                                 <li><i class="icofont icofont-ui-check"></i>Cubitur sollicitudin fentum</li>
  712.                                 <li class="cross"><i class="icofont icofont-ui-close"></i>Nullam interdum enim</li>
  713.                                 <li class="cross"><i class="icofont icofont-ui-close"></i>Donec ultricies metus</li>
  714.                                 <li class="cross"><i class="icofont icofont-ui-close"></i>Pellentesque eget nibh</li>
  715.                             </ul>
  716.                             <div class="table-bottom">
  717.                                 <a class="btn" href="#">Book Now</a>
  718.                             </div>
  719.                             <!-- Table Bottom -->
  720.                         </div>
  721.                     </div>
  722.                     <!-- End Single Table-->
  723.                     <!-- Single Table -->
  724.                     <div class="col-lg-4 col-md-12 col-12">
  725.                         <div class="single-table">
  726.                             <!-- Table Head -->
  727.                             <div class="table-head">
  728.                                 <div class="icon">
  729.                                     <i class="icofont icofont-tooth"></i>
  730.                                 </div>
  731.                                 <h4 class="title">Teeth Whitening</h4>
  732.                                 <div class="price">
  733.                                     <p class="amount">$299<span>/ Per Visit</span></p>
  734.                                 </div>    
  735.                             </div>
  736.                             <!-- Table List -->
  737.                             <ul class="table-list">
  738.                                 <li><i class="icofont icofont-ui-check"></i>Lorem ipsum dolor sit</li>
  739.                                 <li><i class="icofont icofont-ui-check"></i>Cubitur sollicitudin fentum</li>
  740.                                 <li><i class="icofont icofont-ui-check"></i>Nullam interdum enim</li>
  741.                                 <li class="cross"><i class="icofont icofont-ui-close"></i>Donec ultricies metus</li>
  742.                                 <li class="cross"><i class="icofont icofont-ui-close"></i>Pellentesque eget nibh</li>
  743.                             </ul>
  744.                             <div class="table-bottom">
  745.                                 <a class="btn" href="#">Book Now</a>
  746.                             </div>
  747.                             <!-- Table Bottom -->
  748.                         </div>
  749.                     </div>
  750.                     <!-- End Single Table-->
  751.                     <!-- Single Table -->
  752.                     <div class="col-lg-4 col-md-12 col-12">
  753.                         <div class="single-table">
  754.                             <!-- Table Head -->
  755.                             <div class="table-head">
  756.                                 <div class="icon">
  757.                                     <i class="icofont-heart-beat"></i>
  758.                                 </div>
  759.                                 <h4 class="title">Heart Suggery</h4>
  760.                                 <div class="price">
  761.                                     <p class="amount">$399<span>/ Per Visit</span></p>
  762.                                 </div>    
  763.                             </div>
  764.                             <!-- Table List -->
  765.                             <ul class="table-list">
  766.                                 <li><i class="icofont icofont-ui-check"></i>Lorem ipsum dolor sit</li>
  767.                                 <li><i class="icofont icofont-ui-check"></i>Cubitur sollicitudin fentum</li>
  768.                                 <li><i class="icofont icofont-ui-check"></i>Nullam interdum enim</li>
  769.                                 <li><i class="icofont icofont-ui-check"></i>Donec ultricies metus</li>
  770.                                 <li><i class="icofont icofont-ui-check"></i>Pellentesque eget nibh</li>
  771.                             </ul>
  772.                             <div class="table-bottom">
  773.                                 <a class="btn" href="#">Book Now</a>
  774.                             </div>
  775.                             <!-- Table Bottom -->
  776.                         </div>
  777.                     </div>
  778.                     <!-- End Single Table-->
  779.                 </div>    
  780.             </div>    
  781.         </section>    
  782.         <!--/ End Pricing Table -->
  783.         
  784.         
  785.         
  786.         <!-- Start Blog Area -->
  787.         <section class="blog section" id="blog">
  788.             <div class="container">
  789.                 <div class="row">
  790.                     <div class="col-lg-12">
  791.                         <div class="section-title">
  792.                             <h2>Keep up with Our Most Recent Medical News.</h2>
  793.                             <img src="{{ asset('/dogmo/img/section-img.png') }}" alt="#">
  794.                             <p>Lorem ipsum dolor sit amet consectetur adipiscing elit praesent aliquet. pretiumts</p>
  795.                         </div>
  796.                     </div>
  797.                 </div>
  798.                 <div class="row">
  799.                     <div class="col-lg-4 col-md-6 col-12">
  800.                         <!-- Single Blog -->
  801.                         <div class="single-news">
  802.                             <div class="news-head">
  803.                                 <img src="{{ asset('/dogmo/img/blog1.jpg') }}" alt="#">
  804.                             </div>
  805.                             <div class="news-body">
  806.                                 <div class="news-content">
  807.                                     <div class="date">22 Aug, 2020</div>
  808.                                     <h2><a href="blog-single.html">We have annnocuced our new product.</a></h2>
  809.                                     <p class="text">Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt sed do incididunt sed.</p>
  810.                                 </div>
  811.                             </div>
  812.                         </div>
  813.                         <!-- End Single Blog -->
  814.                     </div>
  815.                     <div class="col-lg-4 col-md-6 col-12">
  816.                         <!-- Single Blog -->
  817.                         <div class="single-news">
  818.                             <div class="news-head">
  819.                                 <img src="{{ asset('/dogmo/img/blog2.jpg') }}" alt="#">
  820.                             </div>
  821.                             <div class="news-body">
  822.                                 <div class="news-content">
  823.                                     <div class="date">15 Jul, 2020</div>
  824.                                     <h2><a href="blog-single.html">Top five way for solving teeth problems.</a></h2>
  825.                                     <p class="text">Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt sed do incididunt sed.</p>
  826.                                 </div>
  827.                             </div>
  828.                         </div>
  829.                         <!-- End Single Blog -->
  830.                     </div>
  831.                     <div class="col-lg-4 col-md-6 col-12">
  832.                         <!-- Single Blog -->
  833.                         <div class="single-news">
  834.                             <div class="news-head">
  835.                                 <img src="{{ asset('/dogmo/img/blog3.jpg') }}" alt="#">
  836.                             </div>
  837.                             <div class="news-body">
  838.                                 <div class="news-content">
  839.                                     <div class="date">05 Jan, 2020</div>
  840.                                     <h2><a href="blog-single.html">We provide highly business soliutions.</a></h2>
  841.                                     <p class="text">Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt sed do incididunt sed.</p>
  842.                                 </div>
  843.                             </div>
  844.                         </div>
  845.                         <!-- End Single Blog -->
  846.                     </div>
  847.                 </div>
  848.             </div>
  849.         </section>
  850.         <!-- End Blog Area -->
  851.         
  852.         <!-- Start clients -->
  853.         <div class="clients overlay">
  854.             <div class="container">
  855.                 <div class="row">
  856.                     <div class="col-lg-12 col-md-12 col-12">
  857.                         <div class="owl-carousel clients-slider">
  858.                             <div class="single-clients">
  859.                                 <img src="{{ asset('/dogmo/img/client1.png') }}" alt="#">
  860.                             </div>
  861.                             <div class="single-clients">
  862.                                 <img src="{{ asset('/dogmo/img/client2.png') }}" alt="#">
  863.                             </div>
  864.                             <div class="single-clients">
  865.                                 <img src="{{ asset('/dogmo/img/client3.png') }}" alt="#">
  866.                             </div>
  867.                             <div class="single-clients">
  868.                                 <img src="{{ asset('/dogmo/img/client4.png') }}" alt="#">
  869.                             </div>
  870.                             <div class="single-clients">
  871.                                 <img src="{{ asset('/dogmo/img/client5.png') }}" alt="#">
  872.                             </div>
  873.                             <div class="single-clients">
  874.                                 <img src="{{ asset('/dogmo/img/client1.png') }}" alt="#">
  875.                             </div>
  876.                             <div class="single-clients">
  877.                                 <img src="{{ asset('/dogmo/img/client2.png') }}" alt="#">
  878.                             </div>
  879.                             <div class="single-clients">
  880.                                 <img src="{{ asset('/dogmo/img/client3.png') }}" alt="#">
  881.                             </div>
  882.                             <div class="single-clients">
  883.                                 <img src="{{ asset('/dogmo/img/client4.png') }}" alt="#">
  884.                             </div>
  885.                         </div>
  886.                     </div>
  887.                 </div>
  888.             </div>
  889.         </div>
  890.         <!--/Ens clients -->
  891.         ##}
  892.         <!-- Start Appointment -->
  893.         <section class="appointment">
  894.             <div class="container">
  895.                 <div class="row">
  896.                     <div class="col-lg-12">
  897.                         <div class="section-title">
  898.                             <h2>Nous Sommes Prêts à Travailler avec Vous</h2>
  899.                             <img src="{{ asset('/dogmo/img/section-img.png') }}" alt="#">
  900.                         <!--    <p>Lorem ipsum dolor sit amet consectetur adipiscing elit praesent aliquet. pretiumts</p> -->
  901.                         </div>
  902.                     </div>
  903.                 </div>
  904.                 <div class="row">
  905.                     <div class="col-lg-6 col-md-12 col-12">
  907.                     {#
  908.                         <form class="form" action="#">
  909.                             <div class="row">
  910.                                 <div class="col-lg-6 col-md-6 col-12">
  911.                                     <div class="form-group">
  912.                                         <input name="name" type="text" placeholder="Nom">
  913.                                     </div>
  914.                                 </div>
  915.                                 <div class="col-lg-6 col-md-6 col-12">
  916.                                     <div class="form-group">
  917.                                         <input name="email" type="email" placeholder="Email">
  918.                                     </div>
  919.                                 </div>
  920.                                 <div class="col-lg-6 col-md-6 col-12">
  921.                                     <div class="form-group">
  922.                                         <input name="phone" type="text" placeholder="Téléphone">
  923.                                     </div>
  924.                                 </div>
  925.                                 <div class="col-lg-6 col-md-6 col-12">
  926.                                     <div class="form-group">
  927.                                         <div class="nice-select form-control wide" tabindex="0"><span class="current">Department</span>
  928.                                             <ul class="list">
  929.                                                 <li data-value="1" class="option selected ">Department</li>
  930.                                                 <li data-value="2" class="option">Énergie</li>
  931.                                                 <li data-value="3" class="option">Production</li>
  932.                                                 <li data-value="4" class="option">Distribution</li>
  933.                                                 <li data-value="5" class="option">Import / Export</li>
  934.                                             </ul>
  935.                                         </div>
  936.                                     </div>
  937.                                 </div>
  938.                                 <div class="col-lg-6 col-md-6 col-12">
  939.                                     <div class="form-group">
  940.                                         <div class="nice-select form-control wide" tabindex="0"><span class="current">Assistant</span>
  941.                                             <ul class="list">
  942.                                                 <li data-value="1" class="option selected ">Dongmo Taneda</li>
  943.                                                 <li data-value="2" class="option">Dongmo Martial</li>
  944.                                                 <li data-value="3" class="option">Yonta Eric</li>
  945.                                                 <li data-value="4" class="option">Wamba Florent</li>
  946.                                             </ul>
  947.                                         </div>
  948.                                     </div>
  949.                                 </div>
  950.                                 <div class="col-lg-6 col-md-6 col-12">
  951.                                     <div class="form-group">
  952.                                         <input type="text" placeholder="Date" id="datepicker">
  953.                                     </div>
  954.                                 </div>
  955.                                 <div class="col-lg-12 col-md-12 col-12">
  956.                                     <div class="form-group">
  957.                                         <textarea name="message" placeholder="Ecrivez votre message ici......"></textarea>
  958.                                     </div>
  959.                                 </div>
  960.                             </div>
  961.                             <div class="row">
  962.                                 <div class="col-lg-5 col-md-4 col-12">
  963.                                     <div class="form-group">
  964.                                         <div class="button">
  965.                                             <button type="submit" class="btn">Prendre rendez-vous</button>
  966.                                         </div>
  967.                                     </div>
  968.                                 </div>
  969.                                 <div class="col-lg-7 col-md-8 col-12">
  970.                                     <p>( We will be confirm by an Text Message )</p>
  971.                                 </div>
  972.                             </div>
  973.                         </form>
  974.                         #}
  981.                         <h5>Une Collaboration sur Mesure</h5>
  983. Nous croyons que chaque partenariat est unique. Notre approche est flexible et adaptée à vos besoins spécifiques, que vous soyez une entreprise, un particulier ou une organisation. Ensemble, nous pouvons relever vos défis et transformer vos idées en solutions concrètes.
  984. <br><br>
  985. <h5>Pourquoi Collaborer avec Nous ?</h5>
  987. <p>    •    Expertise Multidisciplinaire : Une équipe de professionnels expérimentés, capable d’intervenir dans différents secteurs.</p>
  988. <p>    •    Approche Personnalisée : Nous écoutons vos besoins pour développer des solutions sur-mesure.</p>
  989. <p>    •    Innovation Continue : Nous intégrons les meilleures technologies et pratiques pour garantir des résultats performants.</p>
  990. <p>    •    Respect des Délais et du Budget : Engagement à livrer dans les temps, sans dépasser vos contraintes financières.</p>
  991. <br>
  992. <h5>Comment Nous Travaillons</h5>
  994. <p>    1.    Première Rencontre : Échange autour de vos besoins et objectifs.</p>
  995. <p>    2.    Proposition Personnalisée : Élaboration d’un plan d’action adapté.</p>
  996. <p>    3.    Collaboration Étape par Étape : Suivi régulier et ajustements selon vos retours.</p>
  997. <p>    4.    Livraison et Suivi : Remise du projet et accompagnement post-livraison.</p>
  998. <br>
  999. <h5>Nos Engagements</h5>
  1001.     <p>•    Transparence : Communication ouverte et suivi régulier à chaque étape.</p>
  1002.     <p>•    Qualité et Fiabilité : Travail rigoureux pour dépasser vos attentes.</p>
  1003.     <p>•    Satisfaction Client : Votre succès est notre priorité.</p>
  1004. <br>
  1005. <h5>Contactez-nous et Construisons Ensemble !</h5>
  1007. Nous sommes impatients de démarrer cette aventure à vos côtés. Parlons de votre projet dès aujourd’hui !
  1008. <br>
  1009. <p>
  1010. 📧 Email : infos@service-africa.com</p>
  1011. <p>📞 Téléphone : +237 6 94 86 88 34
  1012. </p>
  1013. <br>
  1014. <p>Ou remplissez notre formulaire de contact :<a href="{{ path('contact') }}">[Cliquez ici]</a></p>
  1015. <br>
  1016. Nous sommes prêts à collaborer avec vous pour concrétiser vos ambitions !
  1017. <br><br>
  1018.                     </div>
  1019.                     <div class="col-lg-6 col-md-12 ">
  1020.                         <div class="appointment-image">
  1021.                             <img src="{{ asset('/dogmo/img/contact-img.png') }}" alt="#">
  1022.                         </div>
  1023.                     </div>
  1024.                 </div>
  1025.             </div>
  1026.         </section>
  1027.         <!-- End Appointment -->
  1028.         
  1029.         <!-- Start Newsletter Area -->
  1030.         <section class="newsletter section">
  1031.             <div class="container">
  1032.                 <div class="row ">
  1033.                     <div class="col-lg-6  col-12">
  1034.                         <!-- Start Newsletter Form -->
  1035.                         <div class="subscribe-text ">
  1036.                             <h6>Inscrivez-vous à la newsletter</h6>
  1037.                             <p class=""> pour recevoir les dernières nouvelles, les conseils exclusifs, et les offres spéciales directement dans votre boîte de réception.</p>
  1038.                         </div>
  1039.                         <!-- End Newsletter Form -->
  1040.                     </div>
  1041.                     <div class="col-lg-6  col-12">
  1042.                         <!-- Start Newsletter Form -->
  1043.                         <div class="subscribe-form ">
  1044.                             <form action="mail/mail.php" method="get" target="_blank" class="newsletter-inner">
  1045.                                 <input name="EMAIL" placeholder="Votre Adresse E.Mail" class="common-input" onfocus="this.placeholder = ''"
  1046.                                     onblur="this.placeholder = 'Your email address'" required="" type="email">
  1047.                                 <button class="btn">S'abonner</button>
  1048.                             </form>
  1049.                         </div>
  1050.                         <!-- End Newsletter Form -->
  1051.                     </div>
  1052.                 </div>
  1053.             </div>
  1054.         </section>
  1055.         <!-- /End Newsletter Area -->
  1056.         
  1058. {% endblock %}