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

{% block title %}A propos - 2KBES{% endblock %}

{% block body %}

    <div class="page-title-container">
        <div class="container">
            <div class="page-title pull-left">
                <h2 class="entry-title">A Propos</h2>
            </div>
            <ul class="breadcrumbs pull-right">
                <li><a href="#">Accueil</a></li>
                <li class="active">A Propos</li>
            </ul>
        </div>
    </div>

    <section id="content">
        <div class="container">
            <div id="main">
                <div class="large-block image-box style6">
                    <article class="box">
                        <figure class="col-md-5">
                            <a href="#" title="" class="middle-block"><img class="middle-item" src="{{ asset('assets2/images/quisommesnous.jpg') }}" alt="" width="476" height="318" /></a>
                        </figure>
                        <div class="details col-md-offset-5">
                            <h4 class="box-title">{{ about_container['section1']['soustitre'] }}</h4>
                            <p>{{ about_container['section1']['contenu'] | raw }}</p>
                        </div>
                    </article>
                    <article class="box">
                        <figure class="col-md-5 pull-right middle-block">
                            <a href="#" title=""><img class="middle-item" src="{{ asset('assets2/images/quefaisonsnous.jpg') }}" alt="" width="476" height="318" /></a>
                        </figure>
                        <div class="details col-md-7">
                            <h4 class="box-title">{{ about_container['section2']['soustitre'] }}</h4>
                            <p>{{ about_container['section2']['contenu'] | raw }}</p>
                        </div>
                    </article>
                    <article class="box">
                        <figure class="col-md-5">
                            <a href="#" title="" class="middle-block"><img class="middle-item" src="{{ asset('assets2/images/fonctionne.png') }}" alt="" /></a>
                        </figure>
                        <div class="details col-md-offset-5">
                            <h4 class="box-title">{{ about_container['section3']['soustitre'] }}</h4>
                            <p>{{ about_container['section3']['contenu'] | raw }}</p>
                        </div>
                    </article>
                </div>

                <div class="row large-block">
                    <div class="col-md-6">
                        <h2>{{ about_container['section4']['titre'] }}</h2>
                        <div class="toggle-container box" id="accordion1">
                            <div class="panel style1">
                                <h4 class="panel-title">
                                    <a href="#acc1" data-toggle="collapse" data-parent="#accordion1">{{ about_container['section4']['soustitre'] }}</a>
                                </h4>
                                <div class="panel-collapse collapse in" id="acc1">
                                    <div class="panel-content">
                                        <p>{{ about_container['section4']['contenu'] | raw }}</p>
                                    </div><!-- end content -->
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="col-md-6">
                        <h2>{{ about_container['section5']['titre'] }}</h2>
                        <div class="toggle-container box" id="accordion1">
                            <div class="panel style1">
                                <h4 class="panel-title">
                                    <a href="#acc1" data-toggle="collapse" data-parent="#accordion1">{{ about_container['section5']['soustitre'] }}</a>
                                </h4>
                                <div class="panel-collapse collapse in" id="acc1">
                                    <div class="panel-content">
                                        <p>{{ about_container['section5']['contenu'] | raw }}</p>

                                    </div><!-- end content -->
                                </div>
                            </div>

                        </div>
                    </div>
                </div>



                {#<div class="large-block text-center">
                    <h2>Vérifiez nos relations avec les investisseurs</h2>
                    <p>Nunc cursus libero purus ac congue ar lorem cursus ut sed pulvinar massa idend porta nequetiam</p>
                    <div class="investor-list row">
                        <div class="col-xs-6 col-sm-4 col-lg-2">
                            <div class="travelo-box">
                                <a href="#"><img src="http://placehold.it/160x60" alt=""></a>
                            </div>
                        </div>
                        <div class="col-xs-6 col-sm-4 col-lg-2">
                            <div class="travelo-box">
                                <a href="#"><img src="http://placehold.it/160x60" alt=""></a>
                            </div>
                        </div>
                        <div class="col-xs-6 col-sm-4 col-lg-2">
                            <div class="travelo-box">
                                <a href="#"><img src="http://placehold.it/160x60" alt=""></a>
                            </div>
                        </div>
                        <div class="col-xs-6 col-sm-4 col-lg-2">
                            <div class="travelo-box">
                                <a href="#"><img src="http://placehold.it/160x60" alt=""></a>
                            </div>
                        </div>
                        <div class="col-xs-6 col-sm-4 col-lg-2">
                            <div class="travelo-box">
                                <a href="#"><img src="http://placehold.it/160x60" alt=""></a>
                            </div>
                        </div>
                        <div class="col-xs-6 col-sm-4 col-lg-2">
                            <div class="travelo-box">
                                <a href="#"><img src="http://placehold.it/160x60" alt=""></a>
                            </div>
                        </div>
                    </div>
                </div>#}
            </div>
        </div>
    </section>

{% endblock %}