templates/base.html.twig line 1

  1. <!doctype html>
  2. <html lang="fr">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6.     <meta name="description" content="btech-expert">
  7.     <meta name="author" content="btech-expert">
  8.     <meta name="generator" content="btech-expert">
  9.     <title>{% block title %}Accueil BTECH EXPERT{% endblock %}</title>
  11.     <!-- Bootstrap core CSS -->
  12.     <link href="{{asset('assets/css/bootstrap.min.css')}}" rel="stylesheet">
  13.     <link href="{{asset('assets/css/all.css')}}" rel="stylesheet">
  14.     <link rel="stylesheet" href="{{asset('assets/css/font-awesome.css')}}">
  15.      <!-- Custom styles for this template -->
  16.     <link href="{{asset('assets/css/carousel.css')}}" rel="stylesheet">
  18.     {% block css_add %}
  19.      {% endblock %}
  20.     
  21.     <style>
  22.         .bd-placeholder-img {
  23.             font-size: 1.125rem;
  24.             text-anchor: middle;
  25.             -webkit-user-select: none;
  26.             -moz-user-select: none;
  27.             -ms-user-select: none;
  28.             user-select: none;
  29.         }
  31.         @media (min-width: 768px) {
  32.             .bd-placeholder-img-lg {
  33.                 font-size: 3.5rem;
  34.             }
  35.         }
  37.     </style>
  38.    
  39. </head>
  41. <body>
  43. <header>
  44.     <div class="row p-1" style="background-color:#9370d8">
  45.       <div class="col-3 text-center">
  46.         <span class="text-white ">Service client : <i class="fa fa-phone text-white " >  06 05 83 74 71</i></span>
  47.       </div>
  48.       <div class="col-3">
  49.         <a class="fas fa-envelope text-white "> info@btech-expert.com </a>
  50.       </div>
  51.       <div class="col-5 d-flex justify-content-end align-items-center">
  52.   
  53.        <section class="mb-0">
  54.         <a class="btn btn-primary btn-floating m-1" style="background-color: #3b5998" href="#" role="button"><i class="fab fa-facebook-f"></i></a>
  56.         <!-- Twitter -->
  57.         <a class="btn btn-primary btn-floating m-1" style="background-color: #55acee" href="#" role="button"><i class="fab fa-twitter"></i></a>
  59.         <!-- Google -->
  60.         <a class="btn btn-primary btn-floating m-1" style="background-color: #dd4b39" href="#" role="button"><i class="fab fa-google"></i></a>
  62.         <!-- Instagram -->
  63.         <a class="btn btn-primary btn-floating m-1" style="background-color: #ac2bac" href="#" role="button"><i class="fab fa-instagram"></i></a>
  65.         <!-- Linkedin -->
  66.         <a class="btn btn-primary btn-floating m-1" style="background-color: #0082ca" href="#" role="button"><i class="fab fa-linkedin-in"></i></a>
  67.         <!-- Github -->
  68.         <a class="btn btn-primary btn-floating m-1" style="background-color: #333333" href="#" role="button"><i class="fab fa-github"></i></a>
  69.        </section>
  70.       
  71.       </div>
  72.     </div>
  74.     <nav class="navbar navbar-expand-md navbar-light bg-white p-1">
  75.         <a class="navbar-brand" href="{{ path('home')}}" style="padding-left:7%">
  76.         <img  src="{{asset('assets/images/logo_btech.PNG')}}" alt="logo_btech" width="70" height="40">
  77.         </a>
  78.         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
  79.             <span class="navbar-toggler-icon"></span>
  80.         </button>
  81.         <div class="collapse navbar-collapse" id="navbarCollapse">
  82.            <ul class="navbar-nav ml-auto">
  83.                 <li class="nav-item active">
  84.                     <a class="nav-link active" href="{{ path('home')}}">Accueil <span class="sr-only">(current)</span></a>
  85.                 </li>
  86.                 <li class="nav-item">
  87.                     <a class="nav-link" href="{{ path('app_about_us')}}">A propos</a>
  88.                 </li>
  89.                 <li class="nav-item">
  90.                     <a class="nav-link" href="{{ path('service')}}">Nos services</a>
  91.                 </li>
  92.                 <li class="nav-item">
  93.                     <a class="nav-link" href="{{ path('actualite')}}">Actualités</a>
  94.                 </li>
  95.                 <li class="nav-item">
  96.                     <a class="nav-link" href="{{ path('contact')}}">Contact</a>
  97.                 </li>
  98.             </ul>
  99.         </div>
  100.     </nav>
  102. </header>
  104. <main role="main p-6">
  105.   {% if block ('carousel') is defined %}
  106.   <div id="myCarousel" class="carousel slide" data-ride="carousel">
  107.     
  108.     <ol class="carousel-indicators">
  109.       {% for key,image in banners %}
  110.         <li data-target="#myCarousel" data-slide-to="{{ key }}" {% if key == 0 %}class="active"{% endif %}></li>
  111.       {% endfor %}
  112.     </ol>
  113.     <div class="carousel-inner">
  114.       {% for key, image in banners %}
  115.         <div class="carousel-item {% if key == 0 %}active{% endif %}" 
  116.         style="background: url('upload/{{image.getHomeSlide()}}');background-size:cover;">
  117.          
  118.             <div class="container">
  119.                 <div class="carousel-caption">
  120.                     <h1>{{image.title}}</h1>
  121.                     
  122.                     <p>{{image.description|striptags}}</p>
  123.                     <p><a class="btn btn-lg btn-info" href="{{ path('construction')}}" role="button">En savoir plus &raquo;</a></p>
  124.                 </div>
  125.             </div>
  126.         </div>
  127.             {% endfor %}
  128.     </div>
  129.     <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
  130.       <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  131.       <span class="sr-only">Previous</span>
  132.     </a>
  133.     <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
  134.       <span class="carousel-control-next-icon" aria-hidden="true"></span>
  135.       <span class="sr-only">Next</span>
  136.     </a>
  137. </div>
  138.   {% endif %} 
  140.     <!--========================= featurettes ========================================-->
  141.     <div class="container marketing {% if block ('carousel') is not defined %}mt-5 {% endif %}">
  142.      {% block content %}
  143.      {% endblock %}
  144.     </div><!-- /.container -->
  145.    
  146. </main>
  148.  <!-- Footer -->
  149. <footer class="bg-dark text-center text-white">
  150.   <!-- Grid container -->
  151.   <div class="container p-4">
  153.     <!-- Section: Social media -->
  154.     <section class="mb-4">
  155.       <!-- Facebook -->
  156.       <a class="btn btn-primary btn-floating m-1" style="background-color: #3b5998" href="#!" role="button"><i class="fab fa-facebook-f"></i></a>
  158.       <!-- Twitter -->
  159.       <a class="btn btn-primary btn-floating m-1" style="background-color: #55acee" href="#!" role="button"><i class="fab fa-twitter"></i></a>
  161.       <!-- Google -->
  162.       <a class="btn btn-primary btn-floating m-1" style="background-color: #dd4b39" href="#!" role="button"><i class="fab fa-google"></i></a>
  164.       <!-- Instagram -->
  165.       <a class="btn btn-primary btn-floating m-1" style="background-color: #ac2bac" href="#!" role="button"><i class="fab fa-instagram"></i></a>
  167.       <!-- Linkedin -->
  168.       <a class="btn btn-primary btn-floating m-1" style="background-color: #0082ca" href="#!" role="button"><i class="fab fa-linkedin-in"></i></a>
  169.       <!-- Github -->
  170.       <a class="btn btn-primary btn-floating m-1" style="background-color: #333333" href="#!" role="button"><i class="fab fa-github"></i></a>
  171.     </section>
  172.     <!-- Section: Social media -->
  175.     <!-- Section: Links -->
  176.     <section class="">
  177.       <!--Grid row-->
  178.       <div class="row">
  179.         <!--Grid column-->
  180.         <div class="col-lg-3 col-md-6 mb-4 mb-md-0">
  181.           <h5 class="text-uppercase">BTECH-EXPERT</h5>
  183.           <ul class="list-unstyled mb-0">
  184.             <li>
  185.               <a class="text-white">15, RUE DES HALLES</a>
  186.             </li>
  187.             <li>
  188.               <a class="text-white">75001 PARIS</a>
  189.             </li>
  190.             <li>
  191.               <a class="text-white">info@btech-expert.com</a>
  192.             </li>
  193.             <li>
  194.               <a class="text-white">+33 6 05 83 74 71</a>
  195.             </li>
  196.           </ul>
  197.         </div>
  198.         <!--Grid column-->
  200.         <!--Grid column-->
  201.         <div class="col-lg-3 col-md-6 mb-4 mb-md-0">
  202.           <h5 class="text-uppercase">Nos Services</h5>
  204.           <ul class="list-unstyled mb-0">
  205.             <li>
  206.               <a href="{{ path('construction')}}" class="text-white">Développement logiciel</a>
  207.             </li>
  208.             <li>
  209.               <a href="{{ path('construction')}}" class="text-white">Intégration des services et logiciels</a>
  210.             </li>
  211.             <li>
  212.               <a href="{{ path('construction')}}" class="text-white">Conseils et assistance</a>
  213.             </li>
  214.             <li>
  215.               <a href="{{ path('construction')}}" class="text-white">Audit et formation</a>
  216.             </li>
  217.           </ul>
  218.         </div>
  219.         <!--Grid column-->
  221.         <!--Grid column-->
  222.         <div class="col-lg-3 col-md-6 mb-4 mb-md-0">
  223.           <h5 class="text-uppercase">Formations</h5>
  225.           <ul class="list-unstyled mb-0">
  226.             <li>
  227.               <a href="{{ path('construction')}}" class="text-white">Numérique et digitalisation</a>
  228.             </li>
  229.             <li>
  230.               <a href="{{ path('construction')}}" class="text-white">Data et bases de données </a>
  231.             </li>
  232.             <li>
  233.               <a href="{{ path('construction')}}" class="text-white">Développement logiciel</a>
  234.             </li>
  235.             <li>
  236.               <a href="{{ path('construction')}}" class="text-white">Inclusion financiere et Monnaie Electronique</a>
  237.             </li>
  238.           </ul>
  239.         </div>
  240.         <!--Grid column-->
  242.         <!--Grid column-->
  243.         <div class="col-lg-3 col-md-6 mb-4 mb-md-0">
  244.           <h5 class="text-uppercase">Informations utiles</h5>
  246.           <ul class="list-unstyled mb-0">
  248.               <li><a href="{{ path('app_about_us')}}" class="text-white">A propos de nous</a></li>
  249.               <li><a href="{{ path('construction')}}" class="text-white"> Pourquoi nous choisir</a></li>
  250.               <li><a href="{{ path('service')}}" class="text-white"> Nos services</a></li>
  251.               <li><a href="{{ path('contact')}}" class="text-white" > Contactez-nous</a></li>
  252.               <li><a class="text-white" href="{{ path('actualite')}}">Actualités</a> </li>
  254.           </ul>
  255.         </div>
  256.         <!--Grid column-->
  257.       </div>
  258.       <!--Grid row-->
  259.     </section>
  260.     <!-- Section: Links -->
  262.   </div>
  263.   <!-- Grid container -->
  265.   <!-- Copyright -->
  266.   <div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2)">
  267.     © 2022 Copyright:
  268.     <a class="text-white" href="https://btech-expert.com/">btech-expert.com</a>
  269.   </div>
  270.   <!-- Copyright -->
  272. </footer>
  273. <!-- Footer -->
  275. <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
  276. <script src="{{asset('assets/js/bootstrap.bundle.js') }}"></script>
  278. </body>
  279. </html>