templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4.     <!--=====================================
  5.                 META TAG PART START
  6.     =======================================-->
  7.     <!-- REQUIRE META -->
  8.     <meta charset="UTF-8">
  9.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  11.     {# <!-- AUTHOR META --> #}
  12.     {# <meta name="author" content="mironcoder"> #}
  13.     {# <meta name="email" content="mironcoder@gmail.com"> #}
  14.     {# <meta name="profile" content="https://themeforest.net/user/mironcoder"> #}
  16.     <!-- TEMPLATE META -->
  17.     <meta name="name" content="Federation des Unions des Producteurs">
  18.     <meta name="title" content="solution digitale de mise en marché et de promotion des produits agricoles">
  19.     <meta name="keywords"
  20.           content="agricoles, produits, produit agricole, ecommerce, store, html, bootstrap, template, agriculture, vegetables, webshop, farm, grocery, natural, online store">
  21.     <!--=====================================
  22.                 META-TAG PART END
  23.     =======================================-->
  25.     <!-- WEBPAGE TITLE -->
  26.     <title>{% block title %} eYobu {% endblock %}</title>
  28.     <!--=====================================
  29.                 CSS LINK PART START
  30.     =======================================-->
  31.     <!-- FAVICON -->
  32.     <link rel="icon" href="images/favicon.png">
  34.     <!-- FONTS -->
  35.     <link rel="stylesheet" href=" {{ asset('front/fonts/flaticon/flaticon.css') }}">
  36.     <link rel="stylesheet" href="{{ asset('front/fonts/icofont/icofont.min.css') }}">
  37.     <link rel="stylesheet" href="{{ asset('front/fonts/fontawesome/fontawesome.min.css') }}">
  39.     <!-- VENDOR -->
  40.     <link rel="stylesheet" href="{{ asset('front/vendor/venobox/venobox.min.css') }}">
  41.     <link rel="stylesheet" href="{{ asset('front/vendor/slickslider/slick.min.css') }}">
  42.     <link rel="stylesheet" href="{{ asset('front/vendor/niceselect/nice-select.min.css') }}">
  43.     <link rel="stylesheet" href="{{ asset('front/vendor/bootstrap/bootstrap.min.css') }}">
  45.     <!-- CUSTOM -->
  46.     <link rel="stylesheet" href="{{ asset('front/css/main.css') }}">
  47.     <link rel="stylesheet" href="{{ asset('front/css/index.css') }}">
  48.     <!--=====================================
  49.                 CSS LINK PART END
  50.     =======================================-->
  51.     {% block stylesheets %}
  53.     {% endblock %}
  54. </head>
  56. <body>
  57. {% if app.request.get('_route') != "app_login" and app.request.get('_route') != "app_register" %}
  58.     <div class="backdrop"></div>
  59.     <a class="backtop fas fa-arrow-up" href="#"></a>
  61.     <!--=====================================
  62.                    HEADER PART START
  63.        =======================================-->
  64.     <header class="header-part">
  65.         <div class="container">
  66.             <div class="header-content">
  67.                 <div class="header-media-group">
  68.                     <button class="header-user"><img src="{{ asset('front/images/user.png') }}" alt="user"></button>
  69.                     <a href="{{ path('app_accueil') }}"><img src="{{ asset('app/images/fupro.jpg') }}" alt="logo"></a>
  70.                     <button class="header-src"><i class="fas fa-search"></i></button>
  71.                 </div>
  73.                 <a href="{{ path('app_accueil') }}" class="header-logo">
  74.                     <img src="{{ asset('app/images/fupro.jpg') }}" alt="logo">
  75.                 </a>
  78.                 <form class="header-form">
  79.                     <input type="text" placeholder="Chercher un produit...">
  80.                     <button><i class="fas fa-search"></i></button>
  81.                 </form>
  83.                 <div class="header-widget-group">
  84.                     <a href="{{ path('app_login') }}" class="header-widget" title="Se connecter">
  85.                         <img src="{{ asset('front/images/user.png') }}" alt="user">
  86.                         {# <span>Se connecter</span> #}
  87.                     </a>
  88.                     {# <a href="compare.html" class="header-widget" title="Compare List"> #}
  89.                     {# <i class="fas fa-random"></i> #}
  90.                     {# <sup>0</sup> #}
  91.                     {# </a> #}
  92.                     {# <a href="wishlist.html" class="header-widget" title="Wishlist"> #}
  93.                     {# <i class="fas fa-heart"></i> #}
  94.                     {# <sup>0</sup> #}
  95.                     {# </a> #}
  96.                     <button class="header-widget header-cart" title="Cartlist">
  97.                         <i class="fas fa-shopping-basket"></i>
  98.                         {# <sup>9+</sup> #}
  99.                         {# <span>total price<small>$345.00</small></span> #}
  100.                     </button>
  101.                 </div>
  102.             </div>
  103.         </div>
  104.     </header>
  105.     <!--=====================================
  106.                 HEADER PART END
  107.     =======================================-->
  109.     <!--=====================================
  110.                        NAVBAR PART START
  111.            =======================================-->
  112.     <nav class="navbar-part">
  113.         <div class="container">
  114.             <div class="row">
  115.                 <div class="col-lg-12">
  116.                     <div class="navbar-content">
  117.                         <ul class="navbar-list">
  118.                             <li class="navbar-item">
  119.                                 <a class="navbar-link" href="{{ path('app_accueil') }}">Accueil</a>
  121.                             </li>
  122.                             <li class="navbar-item">
  123.                                 <a class="navbar-link" href="{{ path('app_eyobu') }}">eYobu</a>
  125.                             </li>
  126.                             <li class="navbar-item">
  127.                                 <a class="navbar-link" href="{{ path('app_boutique') }}">Boutique</a>
  129.                             </li>
  131.                             <li class="navbar-item dropdown-megamenu">
  132.                                 <a class="navbar-link dropdown-arrow" href="#">Categories</a>
  133.                                 <div class="megamenu">
  134.                                     <div class="container megamenu-scroll">
  135.                                         <div class="row row-cols-5">
  136.                                             {% for cat in lescategories.getCategorie %}
  137.                                                 <div class="col">
  138.                                                     <div class="megamenu-wrap">
  139.                                                         <h5 class="megamenu-title">{{ cat.libelle }}</h5>
  140.                                                         <ul class="megamenu-list">
  142.                                                             {% for pdt in cat.produits | slice(0,5) %}
  143.                                                                 {% if cat.produits | length > 0 %}
  144.                                                                     <li><a href="#">carrot</a></li>
  145.                                                                     <li><a href="#">broccoli</a></li>
  146.                                                                     <li><a href="#">asparagus</a></li>
  147.                                                                     <li><a href="#">cauliflower</a></li>
  148.                                                                     <li><a href="#">eggplant</a></li>
  149.                                                                 {% endif %}
  150.                                                             {% endfor %}
  152.                                                         </ul>
  153.                                                     </div>
  154.                                                 </div>
  155.                                             {% endfor %}
  158.                                         </div>
  159.                                     </div>
  160.                                 </div>
  161.                             </li>
  162.                             <li class="navbar-item">
  163.                                 <a class="navbar-link" href="{{ path('app_contact') }}">Contact</a>
  165.                             </li>
  166.                             <li class="navbar-item">
  167.                                 <a class="navbar-link" href="{{ path('app_innovateur_new') }}">Candidatez</a>
  169.                             </li>
  172.                         </ul>
  173.                         <div class="navbar-info-group">
  174.                             <div class="navbar-info">
  175.                                 <i class="icofont-ui-touch-phone"></i>
  176.                                 <p>
  177.                                     <small>Télephone</small>
  178.                                     <span>(+229)51 06 05 75</span>
  179.                                 </p>
  180.                             </div>
  181.                             <div class="navbar-info">
  182.                                 <i class="icofont-ui-email"></i>
  183.                                 <p>
  184.                                     <small>email</small>
  185.                                     <span>secretariat.fupro@fuprobenin.org</span>
  186.                                 </p>
  187.                             </div>
  188.                         </div>
  189.                     </div>
  190.                 </div>
  191.             </div>
  192.         </div>
  193.     </nav>
  194.     <!--=====================================
  195.                 NAVBAR PART END
  196.     =======================================-->
  197.     <!--=====================================
  198.             NAV SIDEBAR PART START
  199.     =======================================-->
  200.     <aside class="nav-sidebar">
  201.         <div class="nav-header">
  202.             <a href="{{ path('app_accueil') }}"><img src="{{ asset('app/images/fupro.jpg') }}" alt="fupro benin"></a>
  203.             <button class="nav-close"><i class="icofont-close"></i></button>
  204.         </div>
  205.         <div class="nav-content">
  206.             <div class="nav-btn">
  207.                 <a href="{{ path('app_login') }}" class="btn btn-inline">
  208.                     <i class="fa fa-unlock-alt"></i>
  209.                     <span>Connectez</span>
  210.                 </a>
  211.             </div>
  212.             <!-- This commentable code show when user login or register -->
  213.             <!-- <div class="nav-profile">
  214.                 <a class="nav-user" href="#"><img src="images/user.png" alt="user"></a>
  215.                 <h4 class="nav-name"><a href="profile.html">Miron Mahmud</a></h4>
  216.             </div> -->
  218. {#            <ul class="nav-list">#}
  220. {#                <li><a class="nav-link" href="offer.html"><i class="icofont-sale-discount"></i>offers</a></li>#}
  221. {#                <li><a class="nav-link" href="about.html"><i class="icofont-info-circle"></i>Le projet</a></li>#}
  222. {#                <li><a class="nav-link" href="faq.html"><i class="icofont-support-faq"></i>Boutique</a></li>#}
  223. {#                <li><a class="nav-link" href="contact.html"><i class="icofont-contacts"></i>Categorie</a></li>#}
  224. {#                <li><a class="nav-link" href="privacy.html"><i class="icofont-warning"></i>Contact</a></li>#}
  225. {#                <li><a class="nav-link" href="coming-soon.html"><i class="icofont-options"></i>coming soon</a></li>#}
  226. {#                <li><a class="nav-link" href="error.html"><i class="icofont-ui-block"></i>404 error</a></li>#}
  227. {#                <li><a class="nav-link" href="login.html"><i class="icofont-logout"></i>logout</a></li>#}
  228. {#            </ul>#}
  229.             <div class="nav-info-group">
  230.                 <div class="nav-info">
  231.                     <i class="icofont-ui-touch-phone"></i>
  232.                     <p>
  233.                         <small>Télephone</small>
  234.                         <span>(+229)51 06 05 75</span>
  235.                     </p>
  236.                 </div>
  237.                 <div class="nav-info">
  238.                     <i class="icofont-ui-email"></i>
  239.                     <p>
  240.                         <small>Email</small>
  241.                         <span>secretariat.fupro@fuprobenin.org</span>
  242.                     </p>
  243.                 </div>
  244.             </div>
  245.             {# <div class="nav-footer"> #}
  246.             {# <p>All Rights Reserved by <a href="#">Mironcoder</a></p> #}
  247.             {# </div> #}
  248.         </div>
  249.     </aside>
  250.     <!--=====================================
  251.               NAV SIDEBAR PART END
  252.     =======================================-->
  255.     <!--=====================================
  256.                 MOBILE-MENU PART START
  257.     =======================================-->
  258.     <div class="mobile-menu">
  259.         <a href="index.html" title="Home Page">
  260.             <i class="fas fa-home"></i>
  261.             <span>Home</span>
  262.         </a>
  263.         <button class="cate-btn" title="Category List">
  264.             <i class="fas fa-list"></i>
  265.             <span>category</span>
  266.         </button>
  267.         <button class="cart-btn" title="Cartlist">
  268.             <i class="fas fa-shopping-basket"></i>
  269.             <span>cartlist</span>
  270.             <sup>9+</sup>
  271.         </button>
  272.         <a href="wishlist.html" title="Wishlist">
  273.             <i class="fas fa-heart"></i>
  274.             <span>wishlist</span>
  275.             <sup>0</sup>
  276.         </a>
  277.         <a href="compare.html" title="Compare List">
  278.             <i class="fas fa-random"></i>
  279.             <span>compare</span>
  280.             <sup>0</sup>
  281.         </a>
  282.     </div>
  283.     <!--=====================================
  284.                 MOBILE-MENU PART END
  285.     =======================================-->
  286. {% endif %}
  287. {% block body %}{% endblock %}
  289. <!--=====================================
  290.                   FOOTER PART START
  291.      =======================================-->
  292. <footer class="footer-part">
  293.     <div class="container">
  294.         <div class="row">
  295.             <div class="col-sm-6 col-xl-4">
  296.                 <div class="footer-widget">
  297.                     <a class="footer-logo" href="#">
  298.                         <img src="{{ asset('app/images/fupro.jpg') }}" alt="fupro">
  299.                     </a>
  300.                     <p class="footer-desc">
  301.                         L’objectif général de la FUPRO-BENIN est d’influencer les politiques et les programmes nationaux
  302.                         pour obtenir
  303.                         de meilleures conditions de développement pour les exploitations familiales agricoles
  304.                         béninoises.
  305.                     </p>
  306.                     <ul class="footer-social">
  307.                         <li><a class="icofont-facebook" href="https://www.facebook.com/fuprobeninbj"></a></li>
  308.                         {# <li><a class="icofont-twitter" href="#"></a></li> #}
  309.                         {# <li><a class="icofont-linkedin" href="#"></a></li> #}
  310.                         {# <li><a class="icofont-instagram" href="#"></a></li> #}
  311.                         {# <li><a class="icofont-pinterest" href="#"></a></li> #}
  312.                     </ul>
  313.                 </div>
  314.             </div>
  315.             <div class="col-sm-6 col-xl-4">
  316.                 <div class="footer-widget contact">
  317.                     <h3 class="footer-title">Contact</h3>
  319.                     <ul class="footer-contact">
  320.                         <li>
  321.                             <i class="icofont-ui-email"></i>
  322.                             <p>
  323.                                 <span> fuproben@yahoo.fr</span>
  324.                                 <span>Secretariat.fupro@fuprobenin.org</span>
  325.                             </p>
  326.                         </li>
  327.                         <li>
  328.                             <i class="icofont-ui-touch-phone"></i>
  329.                             <p>
  330.                                 <span>+229 51 06 05 75</span>
  331.                                 <span>+229 51 06 05 76</span>
  332.                             </p>
  333.                         </li>
  334.                         <li>
  335.                             <i class="icofont-location-pin"></i>
  336.                             <p> B.P. 372 BOHICON - Bénin</p>
  337.                         </li>
  338.                     </ul>
  339.                 </div>
  340.             </div>
  341.             {# <div class="col-sm-6 col-xl-3"> #}
  342.             {# <div class="footer-widget"> #}
  343.             {# <h3 class="footer-title">quick Links</h3> #}
  344.             {# <div class="footer-links"> #}
  345.             {# <ul> #}
  346.             {# <li><a href="#">My Account</a></li> #}
  347.             {# <li><a href="#">Order History</a></li> #}
  348.             {# <li><a href="#">Order Tracking</a></li> #}
  349.             {# <li><a href="#">Best Seller</a></li> #}
  350.             {# <li><a href="#">New Arrivals</a></li> #}
  351.             {# </ul> #}
  352.             {# <ul> #}
  353.             {# <li><a href="#">Location</a></li> #}
  354.             {# <li><a href="#">Affiliates</a></li> #}
  355.             {# <li><a href="#">Contact</a></li> #}
  356.             {# <li><a href="#">Carrer</a></li> #}
  357.             {# <li><a href="#">Faq</a></li> #}
  358.             {# </ul> #}
  359.             {# </div> #}
  360.             {# </div> #}
  361.             {# </div> #}
  362.             <div class="col-sm-6 col-xl-4">
  363.                 <div class="footer-widget">
  364.                     <h3 class="footer-title">Télécharger l'application</h3>
  365.                     <p class="footer-desc">
  366.                         eYobu vous propose une large gamme de produits agricoles; il vous suffit de les commander
  367.                         et de vous les faire livrer. eYobu est disponible sur playstore.
  368.                     </p>
  369.                     <div class="footer-app">
  370.                         <a href="#"><img src="{{ asset('front/images/google-store.png') }}" alt="google"></a>
  371.                         {# <a href="#"><img src="images/app-store.png" alt="app"></a> #}
  372.                     </div>
  373.                 </div>
  374.             </div>
  375.         </div>
  376.         <div class="row">
  377.             <div class="col-12">
  378.                 <div class="footer-bottom">
  379.                     <p class="footer-copytext">&copy; Tous droit reserves <a target="_blank"
  380.                                                                              href="">Fupro Benin</a>
  381.                     </p>
  382.                     <div class="footer-card">
  383.                         <a href="#"><img src="{{ asset('front/images/payment/payment-method.jpg') }}" alt="payment"></a>
  384.                         {# <a href="#"><img src="images/payment/jpg/02.jpg" alt="payment"></a> #}
  385.                         {# <a href="#"><img src="images/payment/jpg/03.jpg" alt="payment"></a> #}
  386.                         {# <a href="#"><img src="images/payment/jpg/04.jpg" alt="payment"></a> #}
  387.                     </div>
  388.                 </div>
  389.             </div>
  390.         </div>
  391.     </div>
  392. </footer>
  393. <!--=====================================
  394.                     JS LINK PART START
  395.         =======================================-->
  396. <!-- VENDOR -->
  397. <script src="{{ asset('front/vendor/bootstrap/jquery-1.12.4.min.js') }}"></script>
  398. <script src="{{ asset('front/vendor/bootstrap/popper.min.js') }}"></script>
  399. <script src="{{ asset('front/vendor/bootstrap/bootstrap.min.js') }}"></script>
  400. <script src="{{ asset('front/vendor/countdown/countdown.min.js') }}"></script>
  401. <script src="{{ asset('front/vendor/niceselect/nice-select.min.js') }}"></script>
  402. <script src="{{ asset('front/vendor/slickslider/slick.min.js') }}"></script>
  403. <script src="{{ asset('front/vendor/venobox/venobox.min.js') }}"></script>
  405. <!-- CUSTOM -->
  406. <script src="{{ asset('front/js/nice-select.js') }}"></script>
  407. <script src="{{ asset('front/js/countdown.js') }}"></script>
  408. <script src="{{ asset('front/js/accordion.js') }}"></script>
  409. <script src="{{ asset('front/js/venobox.js') }}"></script>
  410. <script src="{{ asset('front/js/slick.js') }}"></script>
  411. <script src="{{ asset('front/js/main.js') }}"></script>
  412. <!--=====================================
  413.             JS LINK PART END
  414. =======================================-->
  415. {%block  javascript %}
  416. {% endblock %}
  417. </body>
  418. </html>