templates/our_solutions/index.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}{% trans %}Nos Solutions Informatiques{% endtrans %}{% endblock %}
  5. {% block content %}
  6. <head>
  7.     <title> Nos Solutions IT Sur-Mesure | B&B Computer Solutions </title>
  8.     <meta name="description" content="Explorez nos solutions IT sur-mesure pour optimiser vos processus et développer votre entreprise. B&B Computer Solutions s'engage à vous fournir des services adaptés à vos besoins spécifiques.">
  9.     <link rel="canonical" href="https://www.bbcs.be/fr/nos-solutions/" />
  10. </head> 
  11. <div class="all-title-box" style="background: url('{{ asset('build/banner-solutions.png') }}')no-repeat; background-size: cover;">
  12.     <div class="container text-center">
  13.         <h1>{% trans %}Nos Solutions Informatiques{% endtrans %}</h1>
  14.         <h2>{% trans %}PME, Ecoles, ONG {% endtrans %}</h2>
  15.     </div>
  16. </div>
  21. {#
  22. <div id="about-items" class="section wb">
  23.     <div class="container">
  25.         <div class="row mt-5"> 
  26.                 <div class="col-md-4 col-sm-6 col-xs-12">
  27.                     <div class="icon-wrapper wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s">
  28.                         <i class="fa-solid fa-people-roof global-radius effect-1 alignleft"></i>
  29.                         <h2>{% trans %}Audit {% endtrans %}</h2>
  30.                         <p>{% trans %}Contrôlez l’état de santé de vos infrastructures informatiques pour déterminer leur cohérence, leur performance et leur fiabilité. {% endtrans %}<small class="readmore"><a href="{{ path('app_contact') }}">{% trans %}Demande d'infos {% endtrans %}</a></small></p>
  31.                     </div><!-- end icon-wrapper -->
  32.                 </div><!-- end col -->
  34.                 <div class="col-md-4 col-sm-6 col-xs-12">
  35.                     <div class="icon-wrapper wow fadeIn" data-wow-duration="1s" data-wow-delay="0.6s">
  36.                         <i class="fa-solid fa-download global-radius effect-1 alignleft"></i>
  37.                         <h2>{% trans %}Backup {% endtrans %}</h2>
  38.                         <p>{% trans %}Vos données informatiques sont un bien précieux qu’il ne faut absolument pas perdre. Ne prenez pas de risques grâce à nos solutions de backup. {% endtrans %}<small class="readmore"><a href="{{ path('app_contact') }}">{% trans %}Demande d'infos {% endtrans %}</a></small></p>
  39.                     </div><!-- end icon-wrapper -->
  40.                 </div><!-- end col -->
  42.                 <div class="col-md-4 col-sm-6 col-xs-12">
  43.                     <div class="icon-wrapper wow fadeIn" data-wow-duration="1s" data-wow-delay="0.4s">
  44.                         <i class="fa-solid fa-network-wired global-radius effect-1 alignleft"></i>
  45.                         <h2>{% trans %}IT Management {% endtrans %}</h2>
  46.                         <p>{% trans %}De la mise en place jusqu’au suivi de toutes les solutions informatiques nécessaires à votre activité, B&B s’occupe de tout dans le plus grand professionnalisme. {% endtrans %}<small class="readmore"><a href="{{ path('app_contact') }}">{% trans %}Demande d'infos {% endtrans %}</a></small></p>
  47.                     </div><!-- end icon-wrapper -->
  48.                 </div><!-- end col -->
  49.             </div><!-- end row -->
  51.             <hr class="hr3"> 
  53.             <div class="row"> 
  54.                 <div class="col-md-4 col-sm-6 col-xs-12">
  55.                     <div class="icon-wrapper wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s">
  56.                         <i class="fa-solid fa-screwdriver-wrench global-radius effect-1 alignleft"></i>
  57.                         <h2>{% trans %}Maintenance {% endtrans %}</h2>
  58.                         <p>
  59.                             {% trans %}La maintenance est bien souvent ignorée mais c’est une partie cruciale dans toute bonne infrastructure informatique. Il faut donc entretenir votre parc informatique et le garder à jour afin d’éviter tout ralentissement qui pourrait nuire à votre activité. {% endtrans %}<small class="readmore"><a href="{{ path('app_contact') }}">{% trans %}Demande d'infos {% endtrans %}</a></small> 
  60.                         </p>
  61.                     </div><!-- end icon-wrapper -->
  62.                 </div><!-- end col -->
  64.                 <div class="col-md-4 col-sm-6 col-xs-12">
  65.                     <div class="icon-wrapper wow fadeIn" data-wow-duration="1s" data-wow-delay="0.4s">
  66.                         <i class="fa-solid fa-cart-shopping global-radius effect-1 alignleft"></i>
  67.                         <h2>{% trans %}Vente et Leasing {% endtrans %}</h2>
  68.                         <p>
  69.                             {% trans %}Profitez de matériel informatique de pointe tout en éliminant les risques d’obsolescence. Différentes formules de leasing sont à votre disposition pour satisfaire vos besoins et votre budget. {% endtrans %}<small class="readmore"><a href="{{ path('app_contact') }}">{% trans %}Demande d'infos {% endtrans %}</a></small> 
  70.                         </p>
  71.                     </div><!-- end icon-wrapper -->
  72.                 </div><!-- end col -->
  74.                 <div class="col-md-4 col-sm-6 col-xs-12">
  75.                     <div class="icon-wrapper wow fadeIn" data-wow-duration="1s" data-wow-delay="0.6s">
  76.                         <i class="fa-brands fa-windows global-radius effect-1 alignleft"></i>
  77.                         <h2>{% trans %}Microsoft 365 {% endtrans %}</h2>
  78.                         <p>{% trans %}Nous mettons à votre disposition et intégrons la suite Office 365 pour vous. Cela veut dire que nous adaptons et configurons la suite en fonction de vos attentes, de votre entreprise et donc de vos besoins. {% endtrans %}<small class="readmore"><a href="{{ path('app_contact') }}">{% trans %}Demande d'infos {% endtrans %}</a></small> </p>
  79.                     </div><!-- end icon-wrapper -->
  80.                 </div><!-- end col -->
  81.             </div><!-- end row -->
  82.             
  84.             <hr class="hr3"> 
  85.             <div class="row bottom-row"> 
  86.                 <div class="col-md-8 col-sm-6 col-xs-12">
  87.                     <div class="icon-wrapper wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s">
  88.                         <i class="fa-solid fa-screwdriver-wrench global-radius effect-1 alignleft"></i>
  89.                         <h2>{% trans %}Nous proposons également des solutions Open Source {% endtrans %}</h2>
  90.                         <p>
  91.                             {% trans %}Nos solutions open source sont adaptées à votre environnement de travail.
  92.                             En fonction de vos besoins, nous vous offrons un logiciel sur mesure, avec un support inclus. {% endtrans %}<small class="readmore"><a href="{{ path('app_openSource') }}">{% trans %}Nos Solutions Open Source {% endtrans %}</a></small> 
  93.                         </p>
  94.                     </div><!-- end icon-wrapper -->
  95.                 </div><!-- end col -->
  96.             </div><!-- end row -->
  99.         </div><!-- end container -->
  100.     </div><!-- end section -->
  102.     #}
  106. <div id="opensource" class="section wb">
  107.     <div class="container">
  108.     
  109.         <div class="section-title solution-opensource-title">
  110.             <h3>{% trans %}Nos services informatiques :{% endtrans %}</h3>
  111.         </div>
  112.         <div class="section-title row text-start mb-5">
  113.             <div class="title col-lg-12 col-md-12">
  114.                 <p class="lead lead-bold lead-bottom-gap">
  115.                     {% trans %}
  116.                         Nous proposons de nombreux services informatiques pour les professionnels. Que vous soyez une <strong>PME</strong>, une <strong>école</strong> ou une <strong>ONG</strong>, nous nous adaptons à <strong>VOS</strong> besoins et contraintes spécifiques pour vous offir une infrastructure IT <strong>optimisée</strong>, <strong>protéger</strong> vos données et <strong>améliorer</strong> les performances de votre infrastructure informatique.
  117.                     {% endtrans %}
  118.                 </p>
  119.                 <p class="lead lead-bold">
  120.                     {% trans %}
  121.                         Voici un aperçu des services que nous proposons :
  122.                     {% endtrans %}
  123.                 </p>
  124.             </div>
  125.         </div>
  126.         <div class="container-cols sevices-container-cols">
  127.             <div class="ombre service-col colonnes wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s">
  128.                 <img src="{{ asset('build/services/audit.png') }}" alt="illustration audit" class="img-open-source">
  129.                 <div class="overlay services-overlay">
  130.                     <a href="{{ path('app_audit') }}">
  131.                         <h2 class="overlay-titre">{% trans %}Audit {% endtrans %}</h2>
  132.                         <p class="overlay-text">{% trans %}Contrôlez l’état de santé de vos infrastructures informatiques pour déterminer leur cohérence, leur performance et leur fiabilité. {% endtrans %}</p>
  133.                     </a>
  134.                 </div>
  135.             </div>
  136.             <div class="ombre service-col colonnes wow fadeIn" data-wow-duration="1s" data-wow-delay="0.4s">
  137.                 <img src="{{ asset('build/services/backup-illustration4.PNG') }}" alt="illustration de backup" class="img-open-source">
  138.                 <div class="overlay services-overlay">
  139.                     <a href="{{ path('app_backup') }}">
  140.                         <h2 class="overlay-titre">{% trans %}Backup {% endtrans %}</h2>
  141.                         <p class="overlay-text">{% trans %}Vos données informatiques sont un bien précieux qu’il ne faut absolument pas perdre. Ne prenez pas de risques grâce à nos solutions de backup. {% endtrans %}</p>
  142.                     </a>
  143.                 </div>
  144.             </div>
  145.             <div class="ombre service-col colonnes wow fadeIn" data-wow-duration="1s" data-wow-delay="0.6s">
  146.                 <img src="{{ asset('build/services/it-management3.PNG') }}" alt="management IT illustration" class="img-open-source">
  147.                 <div class="overlay services-overlay">
  148.                     <a href="{{ path('app_management') }}">
  149.                         <h2 class="overlay-titre">{% trans %}IT Management {% endtrans %}</h2>
  150.                         <p class="overlay-text">{% trans %}De la mise en place jusqu’au suivi de toutes les solutions informatiques nécessaires à votre activité, B&B s’occupe de tout dans le plus grand professionnalisme. {% endtrans %}</p>
  151.                     </a>
  152.                 </div>
  153.             </div>
  154.             <div class="ombre service-col colonnes wow fadeIn" data-wow-duration="1s" data-wow-delay="0.6s">
  155.                 <img src="{{ asset('build/services/server-illustration4.png') }}" alt="serveur illustration" class="img-open-source">
  156.                 <div class="overlay services-overlay">
  157.                     <a href="{{ path('app_maintenance') }}">
  158.                         <h2 class="overlay-titre">{% trans %}Maintenance {% endtrans %}</h2>
  159.                         <p class="overlay-text">{% trans %}La maintenance est bien souvent ignorée mais c’est une partie cruciale dans toute bonne infrastructure informatique. Il faut donc l'entretenir afin d’assurer sa durabilité. {% endtrans %}</p>
  160.                     </a>
  161.                 </div>
  162.             </div>
  163.             <div class="ombre service-col colonnes wow fadeIn" data-wow-duration="1s" data-wow-delay="0.4s">
  164.                 <img src="{{ asset('build/services/vente-image5.png') }}" alt="vente illustration" class="img-open-source">
  165.                 <div class="overlay services-overlay">
  166.                     <a href="{{ path('app_venteLeasing') }}">
  167.                         <h2 class="overlay-titre">{% trans %}Vente et Leasing {% endtrans %}</h2>
  168.                         <p class="overlay-text">{% trans %}Profitez de matériel informatique de pointe tout en éliminant les risques d’obsolescence. Différentes formules de leasing sont à votre disposition pour satisfaire vos besoins et votre budget. {% endtrans %}</p>
  169.                     </a>
  170.                 </div>
  171.             </div>
  172.             <div class="ombre service-col colonnes wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s">
  173.                 <img src="{{ asset('build/services/office2.png') }}" alt="illustration pc" class="img-open-source">
  174.                 <div class="overlay services-overlay">
  175.                     <a href="{{ path('app_microsoft') }}">
  176.                         <h2 class="overlay-titre">{% trans %}Microsoft 365 {% endtrans %}</h2>
  177.                         <p class="overlay-text">{% trans %}Nous mettons à votre disposition et intégrons la suite Office 365 pour vous. Cela veut dire que nous adaptons et configurons la suite en fonction de vos attentes, de votre entreprise et donc de vos besoins. {% endtrans %}</p>
  178.                     </a>
  179.                 </div>
  180.             </div>
  181.         </div>
  182.         <br>
  183.         <div class="section-title row text-start mb-5">
  184.             <div class="title col-lg-12 col-md-12">
  185.                 <p class="lead">
  186.                 {% if app.request.locale == 'fr' %}
  187.                     <p class="lead">Vous avez besoins de plus d'informations ? N'hésitez pas à nous contacter <a class="inside-text-link-href" href="{{ path('app_contact') }}"> par ici !</a></p>
  188.                 {% else %}
  189.                     <p class="lead">You need more information ?<a class="inside-text-link-href" href="{{ path('app_contact') }}"> Contact us here !</a></p>
  190.                 {% endif %}
  191.                 </p>
  192.             </div>
  193.         </div>
  194.         
  195.     </div><!-- end container -->
  196. </div><!-- end section -->
  203. {% endblock %}