{% trans_default_domain 'front_ec_international' %}

<div id="homeactivity">
    <div class="container-fluid mt-lg-5">
        <div class="row">
            <div class="col-12 col-lg-6 p-0">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-12 col-sm-6 col-lg-3 text-center mb-4 mb-lg-0">
                            <div class="container-svg">
                                <img class="svg lazyload" width="90" height="35"
                                     src="{{ asset('build/vendor/images/lazy-point.svg', 'vendor') }}"
                                     data-src="{{ asset('medias/homeActivity/voiture.svg')|trans|raw }}">
                            </div>
                            <p class="text-white text-uppercase">{{ 'automobile'|trans|raw }}</p>
                        </div>
                        <div class="col-12 col-sm-6 col-lg-3 text-center mb-4 mb-lg-0">
                            <div class="container-svg">
                                <img class="svg lazyload" width="50" height="50"
                                     src="{{ asset('build/vendor/images/lazy-point.svg', 'vendor') }}"
                                     data-src="{{ asset('medias/homeActivity/electrique.svg')|trans|raw }}">
                            </div>
                            <p class="text-white text-uppercase">{{ 'équipement <br>electrique'|trans|raw }}</p>
                        </div>
                        <div class="col-12 col-sm-6 col-lg-3 text-center mb-4 mb-lg-0">
                            <div class="container-svg">
                                <img class="svg lazyload" width="90" height="50"
                                     src="{{ asset('build/vendor/images/lazy-point.svg', 'vendor') }}"
                                     data-src="{{ asset('medias/homeActivity/industrie.svg')|trans|raw }}">
                            </div>
                            <p class="text-white text-uppercase">{{ 'industrie'|trans|raw }}</p>
                        </div>
                        <div class="col-12 col-sm-6 col-lg-3 text-center mb-4 mb-lg-0">
                            <div class="container-svg">
                                <img class="svg lazyload" width="47" height="50"
                                     src="{{ asset('build/vendor/images/lazy-point.svg', 'vendor') }}"
                                     data-src="{{ asset('medias/homeActivity/avion.svg')|trans|raw }}">
                            </div>
                            <p class="text-white text-uppercase">{{ 'aéronautique'|trans|raw }}</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 col-lg-6 p-0">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-12 col-sm-6 col-lg-3 text-center mb-4 mb-lg-0">
                            <div class="container-svg">
                                <img class="svg lazyload" width="52" height="50"
                                     src="{{ asset('build/vendor/images/lazy-point.svg', 'vendor') }}"
                                     data-src="{{ asset('medias/homeActivity/seringue.svg')|trans|raw }}">
                            </div>
                            <p class="text-white text-uppercase">{{ 'médical'|trans|raw }}</p>
                        </div>
                        <div class="col-12 col-sm-6 col-lg-3 text-center mb-4 mb-lg-0">
                            <div class="container-svg">
                                <img class="svg lazyload" width="39" height="50"
                                     src="{{ asset('build/vendor/images/lazy-point.svg', 'vendor') }}"
                                     data-src="{{ asset('medias/homeActivity/armee.svg')|trans|raw }}">
                            </div>
                            <p class="text-white text-uppercase">{{ 'militaire'|trans|raw }}</p>
                        </div>
                        <div class="col-12 col-sm-6 col-lg-3 text-center mb-4 mb-lg-0">
                            <div class="container-svg">
                                <img class="svg lazyload" width="90" height="50"
                                     src="{{ asset('build/vendor/images/lazy-point.svg', 'vendor') }}"
                                     data-src="{{ asset('medias/homeActivity/loisir.svg')|trans|raw }}">
                            </div>
                            <p class="text-white text-uppercase">{{ 'loisirs'|trans|raw }}</p>
                        </div>
                        <div class="col-12 col-sm-6 col-lg-3 text-center mb-4 mb-lg-0">
                            <div class="container-svg">
                                <img class="svg lazyload" width="58" height="12"
                                     src="{{ asset('build/vendor/images/lazy-point.svg', 'vendor') }}"
                                     data-src="{{ asset('medias/homeActivity/divers.svg')|trans|raw }}">
                            </div>
                            <p class="text-white text-uppercase">{{ 'divers'|trans|raw }}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>