templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <meta name="description" content="Conception des solutions informatiques,création des logiciels, sites web et applications web et mobiles; conception des systèmes embarqués et des réseaux informatiques.">
  8.     <title>{% block title %}Groupe legrandsoft | Site web de conception de logiciel, d'application wev & mobile, Solution informatique, réseaux informatiques, Genie informatique{% endblock %}</title>
  10.     <link rel="preload" as="font"> {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
  11.     <link rel="icon" href="{{ asset('/assets/images/Logo.png') }}">
  13.     <link href="/assets/vendors/css/bootstrap.min.css" rel="stylesheet">
  15.     <!--===============Start Icon Font Stylesheet font-awesome/5.10.0 and bootstrap-icons============-->
  16.     <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
  17.     <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
  18.     <!--===============End Icon Font Stylesheet ============-->
  20.     <!--===============Start lib animate carousel ============-->
  21.     <link href="/assets/vendors/lib/animate/animate.min.css" rel="stylesheet">
  22.     <link href="/assets/vendors/lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
  23.     <!--===============End lib animate carousel ============-->
  25.     <!--  Bootstrap Stylesheet -->
  27.     <!--<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">-->
  28.     <!-- Main Stylesheet -->
  29.     <link href="/assets/vendors/css/style.css" rel="stylesheet">
  30.     <link href="/assets/css/style.css" rel="stylesheet"> {% block stylesheets %} {{ encore_entry_link_tags('app') }} {% endblock %} {% block javascripts %} {{ encore_entry_script_tags('app') }} {% endblock %}
  32.     <!-- Google tag (gtag.js) -->
  33.     <script async src="https://www.googletagmanager.com/gtag/js?id=G-LNGTPWT824"></script>
  34.     <script>
  35.         window.dataLayer = window.dataLayer || [];
  37.         function gtag() {
  38.             dataLayer.push(arguments);
  39.         }
  40.         gtag('js', new Date());
  42.         gtag('config', 'G-LNGTPWT824');
  43.     </script>
  45. </head>
  47. <body>
  48.     <!-- Navbar Start -->
  49.     <nav class="navbar navbar-expand-lg bg-white navbar-light shadow border-top border-5 border-primary sticky-top p-0">
  50.         <a href="{{path('app_home')}}" class="navbar-brand bg-primary d-flex align-items-center px-4 px-lg-5">
  51.             <img src="{{ asset('/assets/images/Logo.webp') }}" width="120" height="52" class="mb-2 logo" alt="image_logo_site_web" />
  52.         </a>
  53.         <button type="button" title="menu" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
  54.                 <span class="navbar-toggler-icon"></span>
  55.             </button>
  56.         <div class="collapse navbar-collapse" id="navbarCollapse">
  57.             <div class="navbar-nav ms-auto p-4 p-lg-0">
  58.                 <a href="{{path('app_home')}}" class="nav-item nav-link active">Accueil</a>
  59.                 <a href="{{path('app_home', {'_fragment': 'apropos'})}}" class="nav-item nav-link">A propos</a>
  60.                 <div class="nav-item dropdown">
  61.                     <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Services</a>
  62.                     <div class="dropdown-menu fade-up m-0">
  63.                         <a href="{{path('app_web')}}" class="dropdown-item">Developpement web & mobile</a>
  64.                         <a href="{{path('app_logiciel')}}" class="dropdown-item">Genie logiciel</a>
  65.                         <a href="{{path('app_hebergement')}}" class="dropdown-item">Hébergements</a>
  66.                         <a href="{{path('app_referencement')}}" class="dropdown-item">Reférencement SEO</a>
  67.                     </div>
  68.                 </div>
  69.                 <a href="{{path('app_home', {'_fragment': 'hebergement'})}}" class="nav-item nav-link">Hebergements</a>
  70.                 <a href="{{path('app_contact')}}" class="nav-item nav-link">Contact</a>
  71.                 <a href="{{path('app_home')}}" class="nav-item nav-link">e-Learning</a>
  72.             </div>
  73.             {#
  74.             <h6 class="m-0 pe-lg-4 d-none d-lg-block text-primary"><a href="tel:+237691100161"><i class="bi bi-telephone-plus me-2"></i>+237 691100161</a> </h6> #}
  75.             <h6 class="m-0 pe-lg-4 d-none d-lg-block text-primary"><a href="mailto:legrandsoft@gmail.com"><i class="bi bi-envelope me-2"></i>contact@legrandsoft.com</a> </h6>
  76.             {# <a href="{{path('app_web')}}" class="m-0 pe-lg-3 d-none d-lg-block text-success"><i class="bi bi-whatsapp fa-2x"></i></a>
  77.             <a href="{{path('app_web')}}" class="m-0 pe-lg-5 d-none d-lg-block text-primary"><i class="bi bi-facebook fa-2x"></i></a> #}
  78.         </div>
  79.     </nav>
  80.     <!-- Navbar End -->
  81.     {% block body %}{% endblock %}
  83.     <!-- Footer Start -->
  84.     <footer>
  85.         <div class="container-fluid  text-light footer pt-5 wow fadeIn" data-wow-delay="0.1s" style="margin-top: 6rem;">
  86.             <div class="container py-5">
  87.                 <div class="row g-5">
  88.                     <div class="col-lg-4 col-md-6">
  89.                         <h4 class="text-light mb-4">Services</h4>
  90.                         <a class="btn btn-link" href="{{path('app_web')}}">Developpement web & mobile</a>
  91.                         <a class="btn btn-link" href="{{path('app_web')}}">Création site web</a>
  92.                         <a class="btn btn-link" href="{{path('app_web')}}">Conception des logiciels</a>
  93.                         <a class="btn btn-link" href="{{path('app_web')}}">Conception des systèmes</a>
  94.                         <a class="btn btn-link" href="{{path('app_web')}}">Solution informatiques</a>
  95.                     </div>
  96.                     <div class="col-lg-4 col-md-6 adresse">
  97.                         <h4 class="text-light mb-4">Address</h4>
  98.                         <p class="mb-2"><i class="fa fa-map-marker-alt me-3"></i>Yaoundé-Soa, lieu dit Hopital des soeurs</p>
  99.                         <p class="mb-2">
  100.                             <a href="tel:+237691100161">
  101.                                 <i class="fa fa-phone-alt me-3"></i>+237 691100161
  102.                             </a>
  103.                         </p>
  104.                         <p class="mb-2">
  105.                             <a href="mailto:contact@legrandsoft.com">
  106.                                 <i class="fa fa-envelope me-3"></i>contact@legrandsoft.com
  107.                             </a>
  108.                         </p>
  109.                         <div class="d-flex pt-2">
  110.                             <a class="btn btn-outline-light btn-social" href="{{path('app_web')}}"><i class="fab fa-facebook-f"></i></a>
  111.                             <a class="btn btn-outline-light btn-social" href="{{path('app_web')}}"><i class="fab fa-youtube"></i></a>
  112.                             <a class="btn btn-outline-light btn-social" href="{{path('app_web')}}"><i class="fab fa-whatsapp"></i></a>
  113.                         </div>
  114.                     </div>
  115.                     <div class="col-lg-4 col-md-6">
  116.                         <h4 class="text-light mb-4">Devenir partenaire</h4>
  117.                         <p>Envoyez-nous votre adresse E-mail .</p>
  118.                         <div class="position-relative mx-auto" style="max-width: 400px;">
  119.                             <input class="form-control border-0 w-100 py-3 rounded-pill ps-4 pe-5 " type="text" placeholder="E-mail">
  120.                             <button type="button" class="btn btn-primary py-2 rounded-pill position-absolute top-0 end-0 mt-2 me-2">Envoyer</button>
  121.                         </div>
  122.                     </div>
  123.                 </div>
  124.             </div>
  125.             <div class="container">
  126.                 <div class="copyright">
  127.                     <div class="row">
  128.                         <div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
  129.                             &copy; 2022 <a class="border-bottom" href="#">legrandsoft.com</a>, All Right Reserved.
  130.                         </div>
  131.                         <div class="col-md-6 text-center text-md-end">
  132.                             <!--/*** This template is free as long as you keep the footer author’s credit link/attribution link/backlink. If you'd like to use the template without the footer author’s credit link/attribution link/backlink, you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". Thank you for your support. ***/-->
  133.                             Designed By <a class="border-bottom" href="https://htmlcodex.com">Groupe legrandsoft</a>
  134.                         </div>
  135.                     </div>
  136.                 </div>
  137.             </div>
  138.         </div>
  139.     </footer>
  141.     <!-- Footer End -->
  143.     <!--========== Back  Top ==========-->
  144.     <a href="#" class="btn btn-lg btn-danger btn-lg-square rounded-0 back-to-top"><i class="bi bi-arrow-up text-white"></i></a>
  145.     <!--========== Back  Top ==========-->
  147.     <!--++========JS JavaScript Libraries JS======++-->
  148.     <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
  149.     <script async src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
  150.     <script src="/assets/vendors/lib/wow/wow.min.js"></script>
  151.     <script async src="/assets/vendors/lib/easing/easing.min.js"></script>
  152.     <script async src="/assets/vendors/lib/waypoints/waypoints.min.js"></script>
  153.     <script async src="/assets/vendors/lib/counterup/counterup.min.js"></script>
  154.     <script src="/assets/vendors/lib/owlcarousel/owl.carousel.min.js"></script>
  156.     <!--++========JS JavaScript Libraries slick-carousel slider partenaire======++
  157.     <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.js"></script>
  158.     ++========JS JavaScript Libraries slick-carousel slider partenaire======++-->
  159.     <!--++========JS JavaScript Libraries slick-carousel slider partenaire======++-->
  160.     <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js" integrity="sha512-XtmMtDEcNz2j7ekrtHvOVR4iwwaD6o/FUJe6+Zq+HgcCsk3kj4uSQQR8weQ2QVj1o0Pk6PwYLohm206ZzNfubg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  161.     <!--++========JS JavaScript Libraries slick-carousel slider partenaire======++-->
  163.     <!--++========JS JavaScript Libraries jquery-validate======++-->
  164.     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.9.0/jquery.validate.min.js" integrity="sha512-FyKT5fVLnePWZFq8zELdcGwSjpMrRZuYmF+7YdKxVREKomnwN0KTUG8/udaVDdYFv7fTMEc+opLqHQRqBGs8+w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  165.     <script src="/assets/js/script-devis.js"></script>
  166.     <script src="/assets/js/script-contact.js"></script>
  167.     <!--++========JS JavaScript Libraries jquery-validate======++-->
  169.     <!--++========JS JavaScript Libraries typed======++-->
  170.     <script async src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.12/typed.min.js" integrity="sha512-3J8teBiHrSyaaRBajZyIEtpDsXdPq1gsznKWIVb5CnorQuFhjWGhWe54z8YNnHHr7MZuExb9m5kvf964HiT1Sw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  171.     <!--++========JS JavaScript Libraries typed======++-->
  173.     <!-- Javascript main -->
  174.     <script src="/assets/vendors/js/main.js"></script>
  175.     <!-- Javascript main -->
  176. </body>
  178. </html>