templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8"/>
  5.     <title>Foire Jinukun </title>
  6.     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
  7.     <meta name="description" content=""/>
  8.     <meta name="viewport" content="width=device-width, initial-scale=1"/>
  9.     <meta property="og:title" content=""/>
  10.     <meta property="og:type" content=""/>
  11.     <meta property="og:url" content=""/>
  12.     <meta property="og:image" content=""/>
  13.     <!-- Favicon -->
  14.     <link rel="shortcut icon" type="image/x-icon" href="{{ asset('assets/imgs/theme/favicon.png') }}"/>
  15.     <!-- Template CSS -->
  16.     <link rel="stylesheet" href="{{ asset('assets/css/plugins/animate.min.css') }}"/>
  17.     <link rel="stylesheet" href="{{ asset('assets/css/main.css') }}"/>
  18.     <title>{% block title %}{% endblock %}</title>
  19.     {% block stylesheets %}
  20.     {% endblock %}
  21. </head>
  22. <body  {% if app.request.get('_route') == "app_show_product" %} class="single-product" {% endif %}>
  23. <div class="body-overlay-1"></div>
  24. {% block modal %} {% endblock %}
  25. <header class="header-area header-style-1 header-height-2">
  26.     <div class="header-middle header-middle-ptb-1 d-none d-lg-block">
  27.         <div class="container">
  28.             <div class="header-wrap">
  29.                 <div class="logo logo-width-1">
  30.                     <a href="{{ path('app_accueil') }}"><img src="{{ asset('assets/imgs/theme/logo-jinukun.png') }}"
  31.                                                              alt="logo"></a>
  32.                 </div>
  33.                 <div class="header-right">
  34.                     {% include 'accueil/partials/_search_bar.html.twig' %}
  35.                     <div class="header-action-right">
  36.                         <div class="header-action-2">
  37.                             {# <div class="search-location">
  38.                                     <form action="#">
  39.                                         <select class="select-active">
  40.                                             <option>Your Location</option>
  41.                                             <option>Alabama</option>
  42.                                             <option>Alaska</option>
  43.                                             <option>Arizona</option>
  44.                                             <option>Delaware</option>
  45.                                             <option>Florida</option>
  46.                                             <option>Georgia</option>
  47.                                             <option>Hawaii</option>
  48.                                             <option>Indiana</option>
  49.                                             <option>Maryland</option>
  50.                                             <option>Nevada</option>
  51.                                             <option>New Jersey</option>
  52.                                             <option>New Mexico</option>
  53.                                             <option>New York</option>
  54.                                         </select>
  55.                                     </form>
  56.                                 </div>
  57.                                 <div class="header-action-icon-2">
  58.                                     <a href="shop-compare.html">
  59.                                         <img class="svgInject" alt="Nest" src="assets/imgs/theme/icons/icon-compare.svg" />
  60.                                         <span class="pro-count blue">3</span>
  61.                                     </a>
  62.                                     <a href="shop-compare.html"><span class="lable ml-0">Compare</span></a>
  63.                                 </div>
  64.                                 <div class="header-action-icon-2">
  65.                                     <a href="shop-wishlist.html">
  66.                                         <img class="svgInject" alt="Nest" src="assets/imgs/theme/icons/icon-heart.svg" />
  67.                                         <span class="pro-count blue">6</span>
  68.                                     </a>
  69.                                     <a href="shop-wishlist.html"><span class="lable">Wishlist</span></a>
  70.                                 </div>
  71.                                 <div class="header-action-icon-2">
  72.                                     <a class="mini-cart-icon" href="shop-cart.html">
  73.                                         <img alt="Nest" src="assets/imgs/theme/icons/icon-cart.svg" />
  74.                                         <span class="pro-count blue">2</span>
  75.                                     </a>
  76.                                     <a href="shop-cart.html"><span class="lable">Cart</span></a>
  77.                                     <div class="cart-dropdown-wrap cart-dropdown-hm2">
  78.                                         <ul>
  79.                                             <li>
  80.                                                 <div class="shopping-cart-img">
  81.                                                     <a href="shop-product-right.html"><img alt="Nest" src="assets/imgs/shop/thumbnail-3.jpg" /></a>
  82.                                                 </div>
  83.                                                 <div class="shopping-cart-title">
  84.                                                     <h4><a href="shop-product-right.html">Daisy Casual Bag</a></h4>
  85.                                                     <h4><span>1 × </span>$800.00</h4>
  86.                                                 </div>
  87.                                                 <div class="shopping-cart-delete">
  88.                                                     <a href="#"><i class="fi-rs-cross-small"></i></a>
  89.                                                 </div>
  90.                                             </li>
  91.                                             <li>
  92.                                                 <div class="shopping-cart-img">
  93.                                                     <a href="shop-product-right.html"><img alt="Nest" src="assets/imgs/shop/thumbnail-2.jpg" /></a>
  94.                                                 </div>
  95.                                                 <div class="shopping-cart-title">
  96.                                                     <h4><a href="shop-product-right.html">Corduroy Shirts</a></h4>
  97.                                                     <h4><span>1 × </span>$3200.00</h4>
  98.                                                 </div>
  99.                                                 <div class="shopping-cart-delete">
  100.                                                     <a href="#"><i class="fi-rs-cross-small"></i></a>
  101.                                                 </div>
  102.                                             </li>
  103.                                         </ul>
  104.                                         <div class="shopping-cart-footer">
  105.                                             <div class="shopping-cart-total">
  106.                                                 <h4>Total <span>$4000.00</span></h4>
  107.                                             </div>
  108.                                             <div class="shopping-cart-button">
  109.                                                 <a href="shop-cart.html" class="outline">View cart</a>
  110.                                                 <a href="shop-checkout.html">Checkout</a>
  111.                                             </div>
  112.                                         </div>
  113.                                     </div>
  114.                                 </div> #}
  115.                             <div class="header-action-icon-2">
  116.                                 <a href="{{ path('app_login') }}">
  117.                                     <img class="svgInject" alt="Nest" src="{{ asset('assets/imgs/theme/icons/icon-user.svg') }}">
  118.                                 </a>
  119.                                 <a href="{{ path('app_login') }}"><span class="lable">Se connecter</span></a>
  120.                             </div>
  121.                             <div class="header-action-icon-2">
  122.                                 <a href="{{ path('app_register') }}" class="animate__animated animate__bounce"><button class="btn ml-0" style="font-size: 0.5em">Prendre un stand</button></a>
  123.                                 {# <div class="cart-dropdown-wrap cart-dropdown-hm2 account-dropdown">
  124.                                         <ul>
  125.                                             <li>
  126.                                                 <a href="page-account.html"><i class="fi fi-rs-user mr-10"></i>My Account</a>
  127.                                             </li>
  128.                                             <li>
  129.                                                 <a href="page-account.html"><i class="fi fi-rs-location-alt mr-10"></i>Order Tracking</a>
  130.                                             </li>
  131.                                             <li>
  132.                                                 <a href="page-account.html"><i class="fi fi-rs-label mr-10"></i>My Voucher</a>
  133.                                             </li>
  134.                                             <li>
  135.                                                 <a href="shop-wishlist.html"><i class="fi fi-rs-heart mr-10"></i>My Wishlist</a>
  136.                                             </li>
  137.                                             <li>
  138.                                                 <a href="page-account.html"><i class="fi fi-rs-settings-sliders mr-10"></i>Setting</a>
  139.                                             </li>
  140.                                             <li>
  141.                                                 <a href="page-login.html"><i class="fi fi-rs-sign-out mr-10"></i>Sign out</a>
  142.                                             </li>
  143.                                         </ul>
  144.                                     </div> #}
  145.                             </div>
  146.                         </div>
  147.                     </div>
  148.                 </div>
  149.             </div>
  150.         </div>
  151.     </div>
  152.     <div class="header-bottom header-bottom-bg-color sticky-bar">
  153.         <div class="container">
  154.             <div class="header-wrap header-space-between position-relative">
  155.                 <div class="logo logo-width-1 d-block d-lg-none">
  156.                     <a href="{{ path('app_accueil') }}"><img src="{{ asset('assets/imgs/theme/logo-jinukun.png') }}"
  157.                                                              alt="logo"></a>
  158.                 </div>
  159.                 <div class="header-nav d-none d-lg-flex">
  160.                     <div class="main-categori-wrap d-none d-lg-block">
  161.                         <a class="categories-button-active" href="#">
  162.                             <span class="fi-rs-apps"></span> Catégories
  163.                             <i class="fi-rs-angle-down"></i>
  164.                         </a>
  165.                         {% set totalCat =  lescategories.getCategorie | length %}
  166.                         {% set deb_end = totalCat/2 + 1 %}
  167.                         <div class="categories-dropdown-wrap categories-dropdown-active-large font-heading">
  168.                             <div class="d-flex categori-dropdown-inner">
  169.                                 <ul>
  170.                                     {% for cat in lescategories.getCategorie | slice(0,totalCat/2) %}
  171.                                         <li>
  172.                                             <a href="#">{{ cat.libele }}
  173.                                             </a>
  174.                                         </li>
  175.                                     {% endfor %}
  176.                                 </ul>
  177.                                 <ul class="end">
  178.                                     {% for cat in lescategories.getCategorie | slice(deb_end,totalCat) %}
  179.                                         <li>
  180.                                             <a href="#">{{ cat.libele }}
  181.                                             </a>
  182.                                         </li>
  183.                                     {% endfor %}
  184.                                 </ul>
  185.                             </div>
  186.                            
  187.                         </div>
  188.                     </div>
  189.                     <div class="main-menu main-menu-padding-1 main-menu-lh-2 d-none d-lg-block font-heading">
  190.                         <nav>
  191.                             <ul>
  192.                                 <li>
  193.                                     <a class="active" href="{{ path('app_accueil') }}"> Accueil</a>
  194.                                 </li>
  195.                                 <li>
  196.                                     <a href="{{ path('about') }}">Qui sommes-nous?</a></li>
  197.                                 <li>
  198.                                     <a href="{{ path('app_exposant') }}">Les Exposants</a>
  199.                                 </li>
  200.                                
  201.                                 <li>
  202.                                     <a href="{{ path('contact') }}">Contact</a>
  203.                                 </li>
  204.                             </ul>
  205.                         </nav>
  206.                     </div>
  207.                 </div>
  208.                 <div class="hotline d-none d-lg-flex">
  209.                     <img src="{{ asset('assets/imgs/theme/icons/icon-headphone.svg') }}" alt="contact">
  210.                     <p>+229 96550455<span>24/7 Service client</span></p>
  211.                 </div>
  212.                 <div class="header-action-icon-2 d-block d-lg-none">
  213.                     <div class="burger-icon burger-icon-white">
  214.                         <span class="burger-icon-top"></span>
  215.                         <span class="burger-icon-mid"></span>
  216.                         <span class="burger-icon-bottom"></span>
  217.                     </div>
  218.                 </div>
  219.             </div>
  220.         </div>
  221.     </div>
  222. </header>
  223. <div class="mobile-header-active mobile-header-wrapper-style">
  224.     <div class="mobile-header-wrapper-inner">
  225.         <div class="mobile-header-top">
  226.             <div class="mobile-header-logo">
  227.                 <a class="active" href="{{ path('app_accueil') }}"><img src="{{ asset('assets/imgs/theme/logo-jinukun.png') }}"
  228.                                                          alt="logo"></a>
  229.             </div>
  230.             <div class="mobile-menu-close close-style-wrap close-style-position-inherit">
  231.                 <button class="close-style search-close">
  232.                     <i class="icon-top"></i>
  233.                     <i class="icon-bottom"></i>
  234.                 </button>
  235.             </div>
  236.         </div>
  237.         <div class="mobile-header-content-area">
  238.             <div class="mobile-menu-wrap mobile-header-border">
  239.                 <!-- mobile menu start -->
  240.                 <nav>
  241.                     <ul class="mobile-menu font-heading">
  242.                         <li>
  243.                             <a href="{{ path('app_accueil') }}">Accueil</a>
  244.                         </li>
  245.                         <li>
  246.                             <a href="{{ path('about') }}">Qui sommes-nous?</a>
  247.                         </li>
  248.                         <li>
  249.                             <a href="{{ path('app_exposant') }}">Les Exposants</a>
  250.                         </li>
  251.                         <li>
  252.                             <a href="{{ path('contact') }}">Contact</a>
  253.                         </li>
  254.                     </ul>
  255.                 </nav>
  256.                 <!-- mobile menu end -->
  257.             </div>
  258.             <div class="mobile-header-info-wrap">
  259.                 <div class="single-mobile-header-info">
  260.                    <a href="{{ path('app_register') }}" class="animate__animated animate__bounce"><button class="btn ml-0" style="font-size: 0.7em">Prendre un stand</button></a>             
  261.                 </div>
  262.                 <div class="single-mobile-header-info">
  263.                     <a href="{{ path('app_login') }}"><i class="fi-rs-user"></i>Se connecter </a>
  264.                 </div>
  265.                 <div class="single-mobile-header-info">
  266.                     <a href="#"><i class="fi-rs-headphones"></i>+229 96550455</a>
  267.                 </div>
  268.             </div>
  269.             <div class="mobile-social-icon mb-50">
  270.                 <h6 class="mb-15">Suivez-nous</h6>
  271.                 <a href="https://web.facebook.com/jinukun"><img src="assets/imgs/theme/icons/icon-facebook-white.svg" alt=""></a>
  272.                 <a href="https://twitter.com/Jinukun_com"><img src="assets/imgs/theme/icons/icon-twitter-white.svg" alt=""></a>
  273.                 <a href="https://www.instagram.com/jinukunstore"><img src="assets/imgs/theme/icons/icon-instagram-white.svg" alt=""></a>
  274.                 <a href="https://www.youtube.com/channel/UC-6vBEqLE0XLGv1nCxuoUUA"><img src="assets/imgs/theme/icons/icon-youtube-white.svg" alt=""></a>    
  275.                 <a href="https://www.linkedin.com/company/jinukun-store/"><img src="{{ asset('assets/imgs/theme/icons/social-linkedin.svg') }}" alt=""></a>
  276.                </div>
  277.             <div class="site-copyright">Copyright 2021 © Jinukun. Tout droit reserve.</div>
  278.         </div>
  279.     </div>
  280. </div>
  281. {% block body %}{% endblock %}
  282. <footer class="main">
  283.     <section class="newsletter mb-15">
  284.         <div class="container">
  285.             <div class="row">
  286.                 <div class="col-lg-12">
  287.                     <div class="position-relative newsletter-inner">
  288.                         <div class="newsletter-content">
  289.                             <h2 class="mb-20">
  290.                                 Restez chez vous et faîtes vos achats <br>
  291.                                 dans notre boutique en ligne.
  292.                             </h2>
  293.                             <p class="mb-45">Commencez vos achats quotidiens avec <span
  294.                                         class="text-brand">Jinukun Store</span></p>
  295.                             <a href="https://store.jinukun.bj" class="btn btn-lg ml-150" style="font-size: 2.1em"
  296.                                target="_blank">Visitez Jinukun Store</a>
  297.                         </div>
  298.                         <img src="{{ asset('assets/imgs/banner/legumes.png') }}" alt="newsletter">
  299.                     </div>
  300.                 </div>
  301.             </div>
  302.         </div>
  303.     </section>
  304.     <section class="section-padding footer-mid">
  305.         <div class="container pt-15 pb-20">
  306.             <div class="row">
  307.                 <div class="footer-link-widget col">
  308.                     <h4 class="widget-title">Jinukun</h4>
  309.                     <ul class="footer-list mb-sm-5 mb-md-0">
  310.                         <li><a href="{{ path('about') }}">Qui sommes-nous?</a></li>
  311.                         <li><a href="#">Informations de livraison</a></li>
  312.                         <li><a href="#">Politique de confidentialité</a></li>
  313.                         <li><a href="#">Conditions Générale d'utilisation</a></li>
  314.                         <li><a href="{{ path('contact') }}">Contact</a></li>
  315.                         <li><a href="#">Carrières</a></li>
  316.                     </ul>
  317.                 </div>
  318.                 <div class="footer-link-widget col">
  319.                     <h4 class="widget-title">Compte</h4>
  320.                     <ul class="footer-list mb-sm-5 mb-md-0">
  321.                         <li><a href="{{ path('app_login') }}">Se connecter</a></li>
  322.                         <li><a href="#">Voir le panier</a></li>
  323.                         <li><a href="#">Ma liste de souhaits</a></li>
  324.                         <li><a href="#">Suivre ma commande</a></li>
  325.                         <li><a href="#">Les détails d'expédition</a></li>
  326.                         <li><a href="#"></a></li>
  327.                     </ul>
  328.                 </div>
  329.                 <div class="footer-link-widget col">
  330.                     <h4 class="widget-title">Entreprise</h4>
  331.                     <ul class="footer-list mb-sm-5 mb-md-0">
  332.                         <li><a href="{{ path('app_register') }}">Prendre un stand</a></li>
  333.                         <li><a href="{{ path('app_exposant') }}">Les exposants</a></li>
  334.                         <li><a href="#">Carrières à la ferme</a></li>
  335.                         <li><a href="#">Nos fournisseurs</a></li>
  336.                         <li><a href="#">Accessibilité</a></li>
  337.                         <li><a href="#">Promotions</a></li>
  338.                     </ul>
  339.                 </div>
  340.                 <div class="footer-link-widget col">
  341.                     <h4 class="widget-title">Populaire</h4>
  342.                     <ul class="footer-list mb-sm-5 mb-md-0">
  343.                         <li><a href="#">Milk &amp; Flavoured Milk</a></li>
  344.                         <li><a href="#">Butter and Margarine</a></li>
  345.                         <li><a href="#">Eggs Substitutes</a></li>
  346.                         <li><a href="#">Marmalades</a></li>
  347.                         <li><a href="#">Sour Cream and Dips</a></li>
  348.                         <li><a href="#">Tea &amp; Kombucha</a></li>
  349.                         <li><a href="#">Cheese</a></li>
  350.                     </ul>
  351.                 </div>
  352.                 <div class="footer-link-widget widget-install-app col">
  353.                     <h4 class="widget-title">Installer l'application</h4>
  354.                     <p class="wow fadeIn animated animated" style="visibility: visible;">Depuis App Store ou Google
  355.                         Play</p>
  356.                     <div class="download-app">
  357.                         <a href="#" class="hover-up mb-sm-2 mb-lg-0"><img class="active"
  358.                                                                           src="{{ asset('assets/imgs/theme/app-store.jpg') }}"
  359.                                                                           alt=""></a>
  360.                         <a href="https://play.google.com/store/apps/details?id=dga.service.jinukun.store&fbclid=IwAR2aDQr5yi31l718DpKXjh_Au8BJ03GHiSmG1ohtRyVYd75m8N_DT0ovXeA"
  361.                            class="hover-up mb-sm-2"><img src="{{ asset('assets/imgs/theme/google-play.jpg') }}" alt=""></a>
  362.                     </div>
  363.                     <p class="mb-20">Paiement sécurisées</p>
  364.                     <img class="wow fadeIn animated animated"
  365.                          src="{{ asset('assets/imgs/theme/Paiement.png') }}" alt=""
  366.                          style="visibility: visible;">
  367.                 </div>
  368.             </div>
  369.         </div>
  370.     </section>
  371.     <div class="container pb-30">
  372.         <div class="row align-items-center">
  373.             <div class="col-12 mb-30">
  374.                 <div class="footer-bottom"></div>
  375.             </div>
  376.             <div class="col-xl-4 col-lg-6 col-md-6">
  377.                 <p class="font-sm mb-0">©  <strong class="text-brand">Foire </strong> - Jinukun <br>Tout droit
  378.                     reservé</p>
  379.             </div>
  380.             <div class="col-xl-4 col-lg-6 text-center d-none d-xl-block">
  381.             </div>
  382.             <div class="col-xl-4 col-lg-6 col-md-6 text-end d-none d-md-block">
  383.                 <div class="mobile-social-icon">
  384.                     <h6>Suivez-nous</h6>
  385.                     <a href="https://web.facebook.com/jinukun"><img src="assets/imgs/theme/icons/icon-facebook-white.svg" alt=""></a>
  386.                     <a href="https://twitter.com/Jinukun_com"><img src="assets/imgs/theme/icons/icon-twitter-white.svg" alt=""></a>
  387.                     <a href="https://www.instagram.com/jinukunstore"><img src="assets/imgs/theme/icons/icon-instagram-white.svg" alt=""></a>
  388.                     <a href="https://www.youtube.com/channel/UC-6vBEqLE0XLGv1nCxuoUUA"><img src="assets/imgs/theme/icons/icon-youtube-white.svg" alt=""></a>
  389.                     <a href="https://www.linkedin.com/company/jinukun-store/"><img src="{{ asset('assets/imgs/theme/icons/social-linkedin.svg') }}" alt=""></a>
  390.                 </div>
  391.             </div>
  392.         </div>
  393.     </div>
  394. </footer>
  395. </body>
  396. <!-- Vendor JS-->
  397. <script src="{{ asset('assets/js/vendor/modernizr-3.6.0.min.js') }}"></script>
  398. <script src="{{ asset('assets/js/vendor/jquery-3.6.0.min.js') }}"></script>
  399. <script src="{{ asset('assets/js/vendor/jquery-migrate-3.3.0.min.js') }}"></script>
  400. <script src="{{ asset('assets/js/vendor/bootstrap.bundle.min.js') }}"></script>
  401. <script src="{{ asset('assets/js/plugins/slick.js') }}"></script>
  402. <script src="{{ asset('assets/js/plugins/jquery.syotimer.min.js') }}"></script>
  403. <script src="{{ asset('assets/js/plugins/wow.js') }}"></script>
  404. <script src="{{ asset('assets/js/plugins/perfect-scrollbar.js') }}"></script>
  405. <script src="{{ asset('assets/js/plugins/magnific-popup.js') }}"></script>
  406. <script src="{{ asset('assets/js/plugins/select2.min.js') }}"></script>
  407. <script src="{{ asset('assets/js/plugins/waypoints.js') }}"></script>
  408. <script src="{{ asset('assets/js/plugins/counterup.js') }}"></script>
  409. <script src="{{ asset('assets/js/plugins/jquery.countdown.min.js') }}"></script>
  410. <script src="{{ asset('assets/js/plugins/images-loaded.js') }}"></script>
  411. <script src="{{ asset('assets/js/plugins/isotope.js') }}"></script>
  412. <script src="{{ asset('assets/js/plugins/scrollup.js') }}"></script>
  413. <script src="{{ asset('assets/js/plugins/jquery.vticker-min.js') }}"></script>
  414. <script src="{{ asset('assets/js/plugins/jquery.theia.sticky.js') }}"></script>
  415. <script src="{{ asset('assets/js/plugins/jquery.elevatezoom.js') }}"></script>
  416. <!-- Template  JS -->
  417. <script src="{{ asset('assets/js/main.js') }}"></script>
  418. <script src="{{ asset('assets/js/shop.js') }}"></script>
  419. {% block javascripts %}
  420. {% endblock %}
  421. </html>