{% extends 'base.html.twig' %}

{% block body %}
<div class="page-title-area ptb-100">
    <div class="container">
        <div class="page-title-content">
            <h1>{% trans %}Partenaires{% endtrans %}</h1>
        </div>
    </div>
    <div class="bg-image"><img src="{{asset('img/banner.jpg')}}" alt="Batifluid background banner">
    </div>
</div>
<div class="about-single-area ptb-100">
    <div class="promo-area">
        <div class="container">
            <div class="row">
                <div class="text-center col-lg-6">
                <a href="https://www.ari-armaturen.com/fr/">
                    <img src="{{asset('img/partenaires/partenaire2.png')}}">
                </a>
                    <br><br>
                <a href="https://www.babcock-wanson.com/fr/">
                    <img src="{{asset('img/partenaires/Babcock_Wanson.png')}}" style="max-width:50%">
                </a>
                </div>
                <div class="col-lg-6">
                    <p>
                        {% trans %}Tout d’abord, pour toutes nos installations, nous travaillons avec des constructeurs et
                        prestataires de service en fonction de leur qualité reconnue pour leur produits.  Ces produits
                        ont été éprouvés dans le temps ,{% endtrans %}
                    </p>
                    <p>
                        {% trans %}Reconnus pour la qualité et leur savoir-faire ces fabricants bénéficient d’une grande réputation
                        assurant ainsi toute la qualité que chaque client est en droit d’attendre.{% endtrans %}
                    </p>
                    <p>
                        {% trans %}Ainsi, BATIFLUIDE s’est liée en partenariat avec :{% endtrans %}
                    <ul style="font-size:20px;">
                        <li>
                            {% trans %} ARI ARMATUREN : Pour les vannes et accessoires;{% endtrans %} <a href="#" id="certificat"> {% trans %}voir notre certificat.{% endtrans %}</a> 
                        </li>
                        <li>
                            {% trans %}BABCOCK WANSON : Chaudière Vapeur, fluide thermique et traitement des eaux{% endtrans %}
                        </li>
                    </ul>
                    </p>
                    <p>
                        {% trans %}Pour tout autre renseignement, n’hésitez pas à {% endtrans %}
                        <a href="{{path('contact')}}" style="color:#e62c25; font-weight:700;">
                            {% trans %}nous contacter.{% endtrans %}</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="myModal" class="modal">
    <div class="modal-content">
        <span class="close">&times;</span>
        <img class="" src="{{asset('img/certificats/certificat représentant ARI .jpg')}}">
    </div>
</div>
<script>
// Get the modal
var modal = document.getElementById("myModal");
var btn = document.getElementById("certificat");
var span = document.getElementsByClassName("close")[0];
btn.onclick = function() {
  modal.style.display = "block";
}
span.onclick = function() {
  modal.style.display = "none";
}
window.onclick = function(event) {
  if (event.target == modal) {
    modal.style.display = "none";
  }
}
</script>
{% endblock %}