templates/base.html.twig line 1

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title> {{ website_name }} |  {% block title %}{% endblock %}   </title>
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1 , shrink-to-fit=no">
  8.     <meta name="author" content="">
  9.     <meta name="format-detection" content="telephone=no">
  10.     <meta name="description" content="Le service de triche  propose la promotion de haute qualité sur les réseaux sociaux. Promotion SMM aux prix bas">
  12.     <link rel="icon" type="image/x-icon" href="{{ asset('images/favicon.png') }}">
  13.     <link rel="shortcut icon" type="image/x-icon" href="{{ asset('images/favicon.png') }}">
  14.     <link rel="apple-touch-icon-precomposed" href="{{ asset('images/touch-icon.png') }}">
  15.     <link rel="image_src" href="{{ asset('images/touch-icon.png') }}">
  17.     <!-- Favicon -->
  18.     <link rel="shortcut icon" href="">
  20.     <!-- Google Font -->
  21.     <link rel="preconnect" href="https://fonts.googleapis.com/">
  22.     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
  23.     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700&amp;family=Roboto:wght@400;500;700&amp;display=swap">
  25.     <!-- Global site tag (gtag.js) - Google Analytics -->
  26.     <script async src="https://www.googletagmanager.com/gtag/js?id=G-7N7LGGGWT1"></script>
  27.     <script>
  28.         window.dataLayer = window.dataLayer || [];
  29.         function gtag() {
  30.             dataLayer.push(arguments);
  31.         }
  32.         gtag('js', new Date());
  33.         gtag('config', '');
  34.     </script>
  35.     <!-- Plugins CSS -->
  36.     <!-- Feuilles de styles -->
  37.     {% block stylesheets %}
  38.     {% block head_css %}
  39.         <link rel="stylesheet"
  40.               href="{{ asset('assets/vendor/font-awesome/css/all.min.css') }}">
  41.         <link rel="stylesheet"
  42.               href="{{ asset('assets/vendor/bootstrap-icons/bootstrap-icons.css') }}">
  43.         <link rel="stylesheet"
  44.               href="{{ asset('assets/vendor/tiny-slider/tiny-slider.css') }}">
  45.         <link rel="stylesheet"
  46.               href="{{ asset('assets/vendor/glightbox/css/glightbox.css') }}">
  47.         <!-- Theme CSS -->
  48.         <link rel="stylesheet"
  49.               href="{{ asset('assets/css/style.css') }}">
  50.         <link rel="stylesheet" href="https://cdn.jsdelivr.net/sweetalert2/6.6.0/sweetalert2.min.css"/>
  51.     {% endblock %}
  52.     {% endblock %}
  54. </head>
  55. <body>
  56. <!-- Header START -->
  57. <header class="navbar-light navbar-sticky header-static">
  58.     <!-- Logo Nav START -->
  59.     <nav class="navbar navbar-expand-xl">
  60.         <div class="container px-3 px-xl-5">
  61.             <!-- Logo START -->
  62.             <a class="navbar-brand" href="{{ path('app_defaut') }}">
  63.                 <img class="light-mode-item navbar-brand-item" src="/assets/images/logo.jpg" alt="BestSocialboost">
  64.                 <img class="dark-mode-item navbar-brand-item" src="" alt="BestSocialboost">
  65.             </a>
  66.             <!-- Logo END -->
  68.             <!-- Responsive navbar toggler -->
  69.             <button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse"
  70.                     data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false"
  71.                     aria-label="Toggle navigation">
  72.                 <span class="navbar-toggler-animation">
  73.                     <span></span>
  74.                     <span></span>
  75.                     <span></span>
  76.                 </span>
  77.             </button>
  79.             <!-- Main navbar START -->
  80.             <div class="navbar-collapse w-100 collapse" id="navbarCollapse">
  82.                 <!-- Nav category menu START -->
  83.                 <ul class="navbar-nav navbar-nav-scroll me-auto">
  84.                     <!-- Nav item 1 Demos -->
  85.                     <li class="nav-item dropdown dropdown-menu-shadow-stacked">
  86.                         <a class="nav-link bg-primary bg-opacity-10 rounded-3 text-primary px-3 py-3 py-xl-0"
  87.                            href="{{ path('app_get_socialnetworks') }}" ><i
  88.                                     class="bi bi-ui-radios-grid me-2"></i><span>Réseaux sociaux</span></a>
  89.                         <ul class="dropdown-menu" aria-labelledby="categoryMenu">
  91.                             <!-- Dropdown submenu -->
  92.                         </ul>
  93.                     </li>
  94.                 </ul>
  95.                 <!-- Nav category menu END -->
  97.                 <!-- Nav Main menu START -->
  98.                 <ul class="navbar-nav navbar-nav-scroll me-auto">
  100.                     <li class="nav-item dropdown">
  101.                         <a class="nav-link  active" href="{{ path('app_get_contact') }}" >
  102.                             <i class="fas fa-phone-alt fa-fw me-1"></i> Contatez-nous
  103.                         </a>
  104.                     </li>
  106.                     <li class="nav-item dropdown">
  107.                         <a class="nav-link  active" href="{{ path('app_get_notice') }}" >
  108.                             <i class="fas fa-comment-alt fa-fw me-1"></i> Avis
  109.                         </a>
  110.                     </li>
  111.                 </ul>
  112.                 <!-- Nav Main menu END -->
  113.             </div>
  114.             <!-- Main navbar END -->
  116.             <!-- Cart dropdown START -->
  117.             <div class="me-2 me-md-3 dropdown">
  118.                 <!-- Cart button -->
  119.                 <a class="btn btn-light btn-round mb-0" href="{{ path('app_cart_index') }}">
  120.                     <i class="bi bi-cart3 fa-fw"></i>
  121.                 </a>
  122.                 <!-- badge -->
  124.                 <span class="position-absolute top-0 start-100 translate-middle badge rounded-circle bg-dark mt-xl-2 ms-n1">
  125.                         {{ cartProduct|length  }}
  126.                         <span class="visually-hidden"></span>
  127.                 </span>
  128.             </div>
  129.             <!-- Cart dropdown END -->
  131.             <!-- Language -->
  132.            {# <ul class="navbar-nav navbar-nav-scroll me-3 d-none d-xl-block">
  133.                 <li class="nav-item dropdown">
  134.                     <a class="nav-link dropdown-toggle" href="" id="language" data-bs-toggle="dropdown"
  135.                        aria-haspopup="true" aria-expanded="false">
  136.                         <i class="fas fa-globe me-2"></i>
  137.                         <span class="d-none d-lg-inline-block">langue</span>
  138.                     </a>
  139.                     <ul class="dropdown-menu dropdown-menu-end min-w-auto" aria-labelledby="language">
  140.                         <li><a class="dropdown-item" href="#"><img class="fa-fw me-2"
  141.                                                                    src="/assets/images/flags/uk.svg"
  142.                                                                    alt="">Anglais</a></li>
  144.                         <li><a class="dropdown-item" href="#"><img class="fa-fw me-2"
  145.                                                                    src="/assets/images/flags/fr.svg"
  146.                                                                    alt="">Français</a></li>
  147.                     </ul>
  148.                 </li>
  149.             </ul>#}
  152.             {% if is_granted('ROLE_USER') %}
  153.                 <div class="dropdown ms-1 ms-lg-0">
  154.                     {% if app.user %}
  155.                         <a class="avatar avatar-sm p-0" href="#" id="profileDropdown" role="button"
  156.                            data-bs-auto-close="outside" data-bs-display="static" data-bs-toggle="dropdown"
  157.                            aria-expanded="false">
  158.                             <i class="fas fa-user-circle fa-2x fa-fw me-1"></i>
  159.                         </a>
  160.                         <ul class="dropdown-menu dropdown-animation dropdown-menu-end shadow pt-3"
  161.                             aria-labelledby="profileDropdown">
  162.                             <!-- Profile info -->
  163.                             <li class="px-3">
  164.                                 <div class="d-flex align-items-center">
  165.                                     <!-- Avatar -->
  166.                                     <div class="avatar me-3">
  167.                                         <i class="fas fa-user-circle fa-2x fa-fw me-1"></i>
  168.                                     </div>
  169.                                     <div>
  170.                                         <a class="h6" href="#"></a>
  171.                                         <p class="small m-0">{{ app.user.userIdentifier }}</p>
  172.                                     </div>
  173.                                 </div>
  174.                                 <hr>
  175.                             </li>
  176.                             <!-- Links -->
  177.                             <li><a class="dropdown-item" href="{{ path('app_dashboard') }}"><i
  178.                                             class="bi bi-person fa-fw me-2"></i>Mon compte</a></li>
  179.                             <li><a class="dropdown-item" href="{{ path('app_get_notice') }}"><i
  180.                                             class="bi bi-info-circle fa-circle-notch me-2"></i>Avis</a></li>
  181.                             <li><a class="dropdown-item bg-danger-soft-hover" href="{{ path('app_logout') }}"><i
  182.                                             class="bi bi-power fa-fw me-2"></i>Se déconnecter</a></li>
  183.                             <li>
  184.                                 <hr class="dropdown-divider">
  185.                             </li>
  186.                         </ul>
  187.                     {% endif %}
  189.                 </div>
  190.                 <!-- Profile START -->
  191.             {% else %}
  193.                 <!-- Signout button  -->
  194.                 <div class="navbar-nav d-none d-lg-inline-block">
  195.                     <a href="{{ path('app_login') }}" class="btn btn-danger-soft mb-0"><i
  196.                                 class="fas fa-sign-in-alt me-2"></i>Se Connecter</a>
  197.                 </div>
  198.                 <!-- Right header content END -->
  200.             {% endif %}
  202.         </div>
  203.     </nav>
  204.     <!-- Logo Nav END -->
  205. </header>
  206. <!-- Header END -->
  208. {% block body %}
  209.     <!-- **************** MAIN CONTENT START **************** -->
  210.     <main>
  211.     </main><!-- **************** MAIN CONTENT END **************** -->
  213. {% endblock %}
  215. <!-- Back to top -->
  216. <div class="back-top"><i class="bi bi-arrow-up-short position-absolute top-50 start-50 translate-middle"></i></div>
  217. <!-- ======================= Footer START -->
  218. <footer class="pt-5">
  219.     <div class="container">
  220.         <!-- Row START -->
  221.         <div class="row g-4">
  223.             <!-- Widget 1 START -->
  224.             <div class="col-lg-3">
  225.                 <!-- logo -->
  226.                 <a class="me-0" href="{{ path('app_defaut') }}">
  227.                     <img class="light-mode-item h-40px" src="" alt="JUSTBOOST">
  228.                     <img class="dark-mode-item h-40px" src="" alt="JUSTBOOST">
  229.                 </a>
  230.                 <p class="my-3"></p>
  231.                 <!-- Social media icon -->
  232.                 <ul class="list-inline mb-0 mt-3">
  233.                     <li class="list-inline-item"><a class="btn btn-white btn-sm shadow px-2 text-facebook" href="#"><i
  234.                                     class="fab fa-fw fa-facebook-f"></i></a></li>
  235.                     <li class="list-inline-item"><a class="btn btn-white btn-sm shadow px-2 text-instagram"
  236.                                                     href="#"><i class="fab fa-fw fa-instagram"></i></a></li>
  237.                     <li class="list-inline-item"><a class="btn btn-white btn-sm shadow px-2 text-twitter"
  238.                                                     href="#"><i class="fab fa-fw fa-twitter"></i></a></li>
  239.                     <li class="list-inline-item"><a class="btn btn-white btn-sm shadow px-2 text-linkedin" href="#"><i
  240.                                     class="fab fa-fw fa-linkedin-in"></i></a></li>
  241.                 </ul>
  242.             </div>
  243.             <!-- Widget 1 END -->
  245.             <!-- Widget 2 START -->
  246.             <div class="col-lg-6">
  247.                 <div class="row g-4">
  248.                     <!-- Link block -->
  249.                     <div class="col-3 col-md-3">
  250.                     </div>
  252.                     <div class="col-6 col-md-6">
  253.                         <h5 class="mb-2 mb-md-4">Informations</h5>
  254.                         <ul class="nav flex-column">
  255.                             <li class="nav-item"><a class="nav-link" href="{{ path('app_get_contact') }}">Contactez nous</a></li>
  256.                             <li class="nav-item"><a class="nav-link" href="{{ path('app_get_notice') }}">Avis</a></li>
  257.                         </ul>
  258.                     </div>
  261.                 </div>
  262.             </div>
  263.             <!-- Widget 2 END -->
  265.             <!-- Widget 3 START -->
  266.             <div class="col-lg-3">
  267.                 <h5 class="mb-2 mb-md-4">Contactez nous</h5>
  268.                 <!-- Time -->
  269.                 {# <p class="mb-2"> #}
  270.                 {# Toll free:<span class="h6 fw-light ms-2">+1234 568 963</span> #}
  271.                 {# <span class="d-block small">(9:AM to 8:PM IST)</span> #}
  272.                 {# </p> #}
  274.                 <p class="mb-0">E-mail:<span class="h6 fw-light ms-2">contact@justboost.fr</span></p>
  276.                 <div class="row g-2 mt-2">
  277.                     <!-- Google play store button -->
  278.                     {# <div class="col-6 col-sm-4 col-md-3 col-lg-6"> #}
  279.                     {# <a href="#"> <img src="assets/images/client/google-play.svg" alt=""> </a> #}
  280.                     {# </div> #}
  281.                     {# <!-- App store button --> #}
  282.                     {# <div class="col-6 col-sm-4 col-md-3 col-lg-6"> #}
  283.                     {# <a href="#"> <img src="assets/images/client/app-store.svg" alt="app-store"> </a> #}
  284.                     {# </div> #}
  285.                 </div> <!-- Row END -->
  286.             </div>
  287.             <!-- Widget 3 END -->
  288.         </div><!-- Row END -->
  290.         <!-- Divider -->
  291.         <hr class="mt-4 mb-0">
  293.         <!-- Bottom footer -->
  294.         <div class="py-3">
  295.             <div class="container px-0">
  296.                 <div class="d-md-flex justify-content-between align-items-center py-3 text-center text-md-left">
  297.                     <!-- copyright text -->
  298.                     <div class="text-primary-hover"> Copyrights <a href="#"
  299.                                                                    class="text-body">&copy; {{ "now"|date("Y") }}  </a>.
  300.                         Tous droits réservés.
  301.                     </div>
  302.                     <!-- copyright links-->
  303.                     <div class=" mt-3 mt-md-0">
  304.                         <ul class="list-inline mb-0">
  305.                             {#<li class="list-inline-item">
  306.                                 <!-- Language selector -->
  307.                                 <div class="dropup mt-0 text-center text-sm-end">
  308.                                     <a class="dropdown-toggle nav-link" href="#" role="button" id="languageSwitcher"
  309.                                        data-bs-toggle="dropdown" aria-expanded="false">
  310.                                         <i class="fas fa-globe me-2"></i>Langue
  311.                                     </a>
  312.                                     <ul class="dropdown-menu min-w-auto" aria-labelledby="languageSwitcher">
  313.                                         <li><a class="dropdown-item me-4" href="#"><img class="fa-fw me-2"
  314.                                                                                         src="assets/images/flags/uk.svg"
  315.                                                                                         alt="">Anglais</a></li>
  316.                                         <li><a class="dropdown-item me-4" href="#"><img class="fa-fw me-2"
  317.                                                                                         src="assets/images/flags/fr.svg"
  318.                                                                                         alt="">Français</a></li>
  319.                                     </ul>
  320.                                 </div>
  321.                             </li>#}
  322.                             <li class="list-inline-item"><a class="nav-link" href="#">Conditions générales
  323.                                     d'utilisation</a></li>
  324.                             <li class="list-inline-item"><a class="nav-link pe-0" href="#">Politique de
  325.                                     confidentialité</a></li>
  326.                         </ul>
  327.                     </div>
  328.                 </div>
  329.             </div>
  330.         </div>
  331.     </div>
  332. </footer>
  333. <!-- =======================
  334. Footer END -->
  335. {% block javascripts %}
  336.     {% block head_js %}
  338.         <script src="{{ asset('assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js') }}"></script>
  340.         <!-- Vendors -->
  341.         <script src="{{ asset('assets/vendor/tiny-slider/tiny-slider.js') }}"></script>
  342.         <script src="{{ asset('assets/vendor/glightbox/js/glightbox.js') }}"></script>
  343.         <script src="{{ asset('assets/vendor/purecounterjs/dist/purecounter_vanilla.js') }}"></script>
  346.         <!-- Template Functions -->
  347.         <script src="{{ asset('assets/js/functions.js') }}"></script>
  349.     {% endblock %}
  350. {% endblock %}
  352. </body>
  353. </html>