{% extends 'base.html.twig' %}
{% block body %}
<div class="page-title-area ptb-100">
    <div class="container">
        <div class="page-title-content">
            <h1>{% trans %}Manifold{% 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="col-md-12">
                    <div class="promo-inner">
                        <div class="row align-items-center">
                            <div class="col-lg-6 col-md-12">
                                <div class="image">
                                    <img class="w-100" src=" {{asset('img/produits/Manifold/Condansça.png')}}" alt="manifold">
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-12">
                                <div class="image">
                                    <img src="{{asset('img/produits/Manifold/Manifold traité 2.png')}}" alt="Manifold">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div> #}
<div style="position:relative;">
    <div class="row">
        <div class="mobile p-0 col-md-2">
            <img src="{{asset('img/produits/Manifold/manifold3.png')}}" alt="Manifold" class="w-100">
        </div>
        <div class="p-0 col-md-4">
            <div class="manifold-content">
                <img src="{{asset('img/produits/Manifold/Condansça.png')}}" alt="Manifold" class="w-100">
            </div>
        </div>
        <div class="p-0 col-md-4">
            <div class="manifold-content">
                <img src="{{asset('img/produits/Manifold/Manifold traité 2.png')}}" alt="Manifold" class="w-100">
            </div>
        </div>
        <div class="mobile p-0 mt-5 col-md-2">
            <img id="tuyau2" src="{{asset('img/produits/Manifold/manifold 2.png')}}" alt="Manifold" class="w-100">
        </div>
    </div>
</div>
{% endblock %}