{% extends 'frontoffice/frontbase.html.twig' %}

{% block title %}Nos sociétés membres{% endblock %}

{% block body %}

    <!--Start breadcrumb area-->
    <section class="breadcrumb-area" style="background-image: url(../../../public/assets/images/resources/breadcrumb-bg.jpg);">
        <div class="container text-center">
            <h1>Nos sociétés membres</h1>
        </div>
    </section>
    <!--End breadcrumb area-->

    <!--Start breadcrumb bottom area-->
    <section class="breadcrumb-botton-area">
        <div class="container">
            <div class="left pull-left">
                <ul>
                    <li><a href="{{ path('home') }}">Accueil</a></li>
                    <li><i class="fa fa-angle-right" aria-hidden="true"></i></li>
                    <li><a href="">L'association</a></li>
                    <li><i class="fa fa-angle-right" aria-hidden="true"></i></li>
                    <li>Nos sociétés membres</li>
                </ul>
            </div>
        </div>
    </section>
    <!--End breadcrumb bottom area-->

    <!--Start company overview area-->
    <section id="project-area" class="project-grid-area"> <!--To Rename in companies-area -->
        <div class="container">
            <div class="row project-content">
                <!--Start single project-->
                <div class="col-md-4 single-project-item filter-item industrial transportation">
                    <div class="img-holder">
                        <img src="{{ asset('assets/images/companies-logo/logo-allianz.png') }}" alt="Awesome Image">
                        <div class="overlay">
                            <div class="box">
                                <div class="content">
                                    <ul>
                                        <li>
                                            <a href="{{ path('company.allianz') }}"><i class="fa fa-link"></i></a>
                                        </li>
                                    </ul>
                                    <div class="text">
                                        <h3>Allianz</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End single project-->
                <!--Start single project-->
                <div class="col-md-4 single-project-item filter-item industrial transportation">
                    <div class="img-holder">
                        <img src="{{ asset('assets/images/companies-logo/logo-AXA.jpg') }}" alt="Awesome Image">
                        <div class="overlay">
                            <div class="box">
                                <div class="content">
                                    <ul>
                                        <li>
                                            <a href="{{ path('company.axa') }}"><i class="fa fa-link"></i></a>
                                        </li>
                                    </ul>
                                    <div class="text">
                                        <h3>AXA</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End single project-->
                <!--Start single project-->
                <div class="col-md-4 single-project-item filter-item industrial transportation">
                    <div class="img-holder">
                        <img src="{{ asset('assets/images/companies-logo/logo-PA.png') }}" alt="Awesome Image">
                        <div class="overlay">
                            <div class="box">
                                <div class="content">
                                    <ul>
                                        <li>
                                            <a href="{{ path('company.pa') }}"><i class="fa fa-link"></i></a>
                                        </li>
                                    </ul>
                                    <div class="text">
                                        <h3>PA</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End single project-->
                <!--Start single project-->
                <div class="col-md-4 single-project-item filter-item industrial transportation">
                    <div class="img-holder">
                        <img src="{{ asset('assets/images/companies-logo/logo-NSIA.png') }}" alt="Awesome Image">
                        <div class="overlay">
                            <div class="box">
                                <div class="content">
                                    <ul>
                                        <li>
                                            <a href="{{ path('company.nsia') }}"><i class="fa fa-link"></i></a>
                                        </li>
                                    </ul>
                                    <div class="text">
                                        <h3>NSIA</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End single project-->
                <!--Start single project-->
                <div class="col-md-4 single-project-item filter-item industrial transportation">
                    <div class="img-holder">
                        <img src="{{ asset('assets/images/companies-logo/logo-saham.jpg') }}" alt="Awesome Image">
                        <div class="overlay">
                            <div class="box">
                                <div class="content">
                                    <ul>
                                        <li>
                                            <a href="{{ path('company.saham') }}"><i class="fa fa-link"></i></a>
                                        </li>
                                    </ul>
                                    <div class="text">
                                        <h3>Saham</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End single project-->
                <!--Start single project-->
                <div class="col-md-4 single-project-item filter-item industrial transportation">
                    <div class="img-holder">
                        <img src="{{ asset('assets/images/companies-logo/logo-cnart.jpg') }}" alt="Awesome Image">
                        <div class="overlay">
                            <div class="box">
                                <div class="content">
                                    <ul>
                                        <li>
                                            <a href="{{ path('company.cnart') }}"><i class="fa fa-link"></i></a>
                                        </li>
                                    </ul>
                                    <div class="text">
                                        <h3>CNART</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End single project-->
                <!--Start single project-->
                <div class="col-md-4 single-project-item filter-item industrial transportation">
                    <div class="img-holder">
                        <img src="https://via.placeholder.com/370x220" alt="Awesome Image">
                        <div class="overlay">
                            <div class="box">
                                <div class="content">
                                    <ul>
                                        <li>
                                            <a href="#"><i class="fa fa-link"></i></a>
                                        </li>
                                    </ul>
                                    <div class="text">
                                        <h3>SONAM GENERALE</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End single project-->
                <!--Start single project-->
                <div class="col-md-4 single-project-item filter-item industrial transportation">
                    <div class="img-holder">
                        <img src="https://via.placeholder.com/370x220" alt="Awesome Image">
                        <div class="overlay">
                            <div class="box">
                                <div class="content">
                                    <ul>
                                        <li>
                                            <a href="#"><i class="fa fa-link"></i></a>
                                        </li>
                                    </ul>
                                    <div class="text">
                                        <h3>ASKIA</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End single project-->
                <!--Start single project-->
                <div class="col-md-4 single-project-item filter-item industrial transportation">
                    <div class="img-holder">
                        <img src="https://via.placeholder.com/370x220" alt="Awesome Image">
                        <div class="overlay">
                            <div class="box">
                                <div class="content">
                                    <ul>
                                        <li>
                                            <a href="#"><i class="fa fa-link"></i></a>
                                        </li>
                                    </ul>
                                    <div class="text">
                                        <h3>AMSA</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End single project-->
                <!--Start single project-->
                <div class="col-md-4 single-project-item filter-item industrial transportation">
                    <div class="img-holder">
                        <img src="https://via.placeholder.com/370x220" alt="Awesome Image">
                        <div class="overlay">
                            <div class="box">
                                <div class="content">
                                    <ul>
                                        <li>
                                            <a href="#"><i class="fa fa-link"></i></a>
                                        </li>
                                    </ul>
                                    <div class="text">
                                        <h3>SUNU ASSURANCES</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End single project-->
                <!--Start single project-->
                <div class="col-md-4 single-project-item filter-item industrial transportation">
                    <div class="img-holder">
                        <img src="https://via.placeholder.com/370x220" alt="Awesome Image">
                        <div class="overlay">
                            <div class="box">
                                <div class="content">
                                    <ul>
                                        <li>
                                            <a href="#"><i class="fa fa-link"></i></a>
                                        </li>
                                    </ul>
                                    <div class="text">
                                        <h3>ASS</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End single project-->
                <!--Start single project-->
                <div class="col-md-4 single-project-item filter-item industrial transportation">
                    <div class="img-holder">
                        <img src="https://via.placeholder.com/370x220" alt="Awesome Image">
                        <div class="overlay">
                            <div class="box">
                                <div class="content">
                                    <ul>
                                        <li>
                                            <a href="#"><i class="fa fa-link"></i></a>
                                        </li>
                                    </ul>
                                    <div class="text">
                                        <h3>SONAM MUTUELLE</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End single project-->
                <!--Start single project-->
                <div class="col-md-4 single-project-item filter-item industrial transportation">
                    <div class="img-holder">
                        <img src="https://via.placeholder.com/370x220" alt="Awesome Image">
                        <div class="overlay">
                            <div class="box">
                                <div class="content">
                                    <ul>
                                        <li>
                                            <a href="#"><i class="fa fa-link"></i></a>
                                        </li>
                                    </ul>
                                    <div class="text">
                                        <h3>SALAMA</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End single project-->
                <!--Start single project-->
                <div class="col-md-4 single-project-item filter-item industrial transportation">
                    <div class="img-holder">
                        <img src="https://via.placeholder.com/370x220" alt="Awesome Image">
                        <div class="overlay">
                            <div class="box">
                                <div class="content">
                                    <ul>
                                        <li>
                                            <a href="#"><i class="fa fa-link"></i></a>
                                        </li>
                                    </ul>
                                    <div class="text">
                                        <h3>WAFA</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End single project-->
                <!--Start single project-->
                <div class="col-md-4 single-project-item filter-item industrial transportation">
                    <div class="img-holder">
                        <img src="https://via.placeholder.com/370x220" alt="Awesome Image">
                        <div class="overlay">
                            <div class="box">
                                <div class="content">
                                    <ul>
                                        <li>
                                            <a href="#"><i class="fa fa-link"></i></a>
                                        </li>
                                    </ul>
                                    <div class="text">
                                        <h3>SONAC</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End single project-->
                <!--Start single project-->
                <div class="col-md-4 single-project-item filter-item industrial transportation">
                    <div class="img-holder">
                        <img src="https://via.placeholder.com/370x220" alt="Awesome Image">
                        <div class="overlay">
                            <div class="box">
                                <div class="content">
                                    <ul>
                                        <li>
                                            <a href="#"><i class="fa fa-link"></i></a>
                                        </li>
                                    </ul>
                                    <div class="text">
                                        <h3>SAAR</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End single project-->
                <!--Start single project-->
                <div class="col-md-4 single-project-item filter-item industrial transportation">
                    <div class="img-holder">
                        <img src="https://via.placeholder.com/370x220" alt="Awesome Image">
                        <div class="overlay">
                            <div class="box">
                                <div class="content">
                                    <ul>
                                        <li>
                                            <a href="#"><i class="fa fa-link"></i></a>
                                        </li>
                                    </ul>
                                    <div class="text">
                                        <h3>CNAAS</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End single project-->
                <!--Start single project-->
                <div class="col-md-4 single-project-item filter-item industrial transportation">
                    <div class="img-holder">
                        <img src="https://via.placeholder.com/370x220" alt="Awesome Image">
                        <div class="overlay">
                            <div class="box">
                                <div class="content">
                                    <ul>
                                        <li>
                                            <a href="#"><i class="fa fa-link"></i></a>
                                        </li>
                                    </ul>
                                    <div class="text">
                                        <h3>PROVIDENCE</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End single project-->
                <!--Start single project-->
                <div class="col-md-4 single-project-item filter-item industrial transportation">
                    <div class="img-holder">
                        <img src="https://via.placeholder.com/370x220" alt="Awesome Image">
                        <div class="overlay">
                            <div class="box">
                                <div class="content">
                                    <ul>
                                        <li>
                                            <a href="#"><i class="fa fa-link"></i></a>
                                        </li>
                                    </ul>
                                    <div class="text">
                                        <h3>MAAS</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End single project-->
            </div>
            {#<div class="load-more-button text-center">
                <a class="thm-btn bg-clr1" href="#">Load More</a>
            </div>#}
        </div>
    </section>
    <!--End company overview area-->

{% endblock %}