templates/openSource/index.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}{% trans %} L'Open Source {% endtrans %}{% endblock %}
  5. {% block content %}
  6. <head>
  7.     <title> Outils Open Source pour PME, administration, ecole, ONG | B&B Computer Solutions Limal </title>
  8.     <meta name="description" content="Solutions open source pour les entreprises : logiciels libres, cloud, ERP, collaboration et outils IT sécurisés et évolutifs.">
  9.     <link rel="canonical" href="https://www.bbcs.be/fr/open-source/" />
  10. </head> 
  11. <div class="all-title-box" style="background: url('{{ asset('build/banner-jobs.png') }}')no-repeat; background-size: cover;">
  12.     <div class="container text-center">
  13.         <h1>{% trans %}L'Open Source {% endtrans %}</h1>
  14.     </div>
  15. </div>
  16. <div id="opensource" class="section wb">
  17.     <div class="container">
  19.         <div class="section-title row text-start mb-5">
  20.             <div class="title col-lg-6 col-md-6">
  21.                 <h2>{% trans %}Qu'est-ce que l'Open Source ? {% endtrans %}</h2>
  22.                 <p class="lead lead-opensource lead-bold">
  23.                 {% trans %}
  24.                     L'open source fait référence à une approche de développement logiciel où le <strong>code est ouvert à tous</strong>. Il est également modifiable et partageable, librement. En pratique, cela veut dire que toute personne peut accéder au code d'une application, d'un outil ou encore d'un logiciel. L'open source n'est pas seulement une question de code. Il s'agit d'une <strong>philosophie</strong> axée sur la <strong>collaboration des utilisateurs</strong>, toute personne peut ajouter des fonctionnalités, signaler et corriger des erreurs ou adapter le code à ses besoins, pour une utilisation personnelle ou professionnelle personnalisée.
  25.                 {% endtrans %}
  26.                 </p>
  27.             </div>
  28.                 <div class="col-md-6 mt-5">
  29.                     <div class="post-media wow fadeIn">
  30.                         <img src="{{ asset('build/pexels-divinetechygirl-1181244.jpg') }}" alt="IT Administration" class="img-responsive img-rounded">
  31.                     </div><!-- end media -->
  32.                 </div><!-- end col -->
  33.             </div><!-- end title -->
  34.         <div class="section-title row text-start mb-5">
  35.             <div class="title col-lg-12 col-md-12">
  36.                 <p class="lead">
  37.                     {% trans %}
  38.                     Au lieu de conserver le savoir et les outils pour soi, nous les partageons afin de les faire progresser ensemble. Aujourd'hui, ce modèle permet à des milliers de projets – qu'ils soient petits, moyens ou gigantesques – de fonctionner : des systèmes d'exploitation tels que Linux, des navigateurs tels que Firefox, ou encore des plateformes comme WordPress. De nombreuses entreprises, institutions et également individus optent pour l'open source en raison de sa fiabilité, de sa souplesse et de la communauté dynamique qui le soutient.
  39.                     {% endtrans %}
  40.                 </p>
  41.             </div>
  42.         </div>
  43.         <hr class="hr3">
  45.         
  46.         <div class="section-title solution-opensource-title">
  47.             <h3>{% trans %}Les outils Open Source que nous proposons, nous les utilisons aussi !{% endtrans %}</h3>
  48.         </div>
  49.         <div class="section-title row text-start mb-5">
  50.             <div class="title col-lg-12 col-md-12">
  51.                 <p class="lead lead-bold">
  52.                     {% trans %}
  53.                     Au sein de B&B Computer Solutions, nous ne vous recommandons pas uniquement des solutions, <strong>nous en employons aussi, tous les jours</strong>. Les deux applications mises à la disposition de nos clients sont celles que nous choisissons pour notre propre activité. Cela nous permet de mieux comprendre vos besoins, de vous <strong>conseiller efficacement</strong> et d'<strong>assurer un support de qualité</strong>. 
  54.                     {% endtrans %}
  55.                 </p>
  56.             </div>
  57.         </div>
  58.         <div class="container-cols">
  59.             <div class="ombre colonnes wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s">
  60.                 <a href="{{ path('app_doli') }}">
  61.                     <img src="{{ asset('build/logo-dolibarr_no_bg.png') }}" alt="IT Administration" class="img-open-source">
  62.                     <div class="overlay">
  63.                         <h2 class="overlay-titre">Dolibarr</h2>
  64.                         <p class="overlay-text">{% trans %}ERP/CRM pour gérer votre entreprise, facturation, stock, projets et bien plus encore.{% endtrans %}</p>
  65.                     </div>
  66.                 </a>
  67.             </div>
  70. {#
  71.             <div class="ombre colonnes wow fadeIn" data-wow-duration="1s" data-wow-delay="0.4s">
  72.                 <img src="{{ asset('build/glpi_logo_no_bg.png') }}" alt="IT Administration" class="img-open-source">
  73.                 <div class="overlay">
  74.                     <a href="{{ path('app_glpi') }}">
  75.                         <h2 class="overlay-titre">GLPI</h2>
  76.                         <p class="overlay-text">Gestionnaire de parc informatique. Système de ticketing et autres outils d'inventaire.</p>
  77.                         <a class="overlay-text overlay-link" href="{{ path('app_glpi') }}">{% trans %}En savoir plus {% endtrans %}</a>
  78.                     </a>
  79.                 </div>
  80.             </div>
  81.             <div class="ombre colonnes wow fadeIn" data-wow-duration="1s" data-wow-delay="0.6s">
  82.                 <img src="{{ asset('build/zabbix_logo_no_bg.png') }}" alt="IT Administration" class="img-open-source">
  83.                 <div class="overlay">
  84.                     <a href="{{ path('app_zabbix') }}">
  85.                         <h2 class="overlay-titre">Zabbix Proxy</h2>
  86.                         <p class="overlay-text">Agent de supervision, détection d'anomalies et d'alertes.</p>
  87.                         <a class="overlay-text overlay-link" href="{{ path('app_zabbix') }}">{% trans %}En savoir plus {% endtrans %}</a>
  88.                     </a>
  89.                 </div>
  90.             </div>
  91.             <div class="ombre colonnes wow fadeIn" data-wow-duration="1s" data-wow-delay="0.4s">
  92.                 <img src="{{ asset('build/ocs_logo_no_bg.png') }}" alt="IT Administration" class="img-open-source">
  93.                 <div class="overlay">
  94.                     <a href="{{ path('app_ocs') }}">
  95.                         <h2 class="overlay-titre">OCS Inventory</h2>
  96.                         <p class="overlay-text">Software d'inventaire automatique pour votre parc informatique.</p>
  97.                         <a class="overlay-text overlay-link" href="{{ path('app_ocs') }}">{% trans %}En savoir plus {% endtrans %}</a>
  98.                     </a>
  99.                 </div>
  100.             </div>
  101. #}
  103.             <div class="ombre colonnes wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s">
  104.                 <a href="{{ path('app_next') }}">
  105.                     <img src="{{ asset('build/nextcloud_logo_no_bg.png') }}" alt="IT Administration" class="img-open-source">
  106.                     <div class="overlay">
  107.                         <h2 class="overlay-titre">NextCloud</h2>
  108.                         <p class="overlay-text">{% trans %}Plateforme de cloud privé, partage, collaboration. Personnalisation totale et facile à utiliser.{% endtrans %}</p>
  109.                     </div>
  110.                 </a>
  111.             </div>
  112.         </div>
  113.         <br>
  114.         <div class="section-title row text-start mb-5">
  115.             <div class="title col-lg-12 col-md-12">
  116.                 <p class="lead">
  117.                 {% if app.request.locale == 'fr' %}
  118.                     <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>
  119.                 {% else %}
  120.                     <p class="lead">You need more information ?<a class="inside-text-link-href" href="{{ path('app_contact') }}"> Contact us here !</a></p>
  121.                 {% endif %}
  122.                 </p>
  123.             </div>
  124.         </div>
  125.         
  126.     </div><!-- end container -->
  127.     
  128. </div><!-- end section -->
  131. {% endblock %}