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

{% block main %}
    <div>
        <section class="comparaisonsSection">
            <article class="data-technical">
                <h3 class="table-name">Données techniques</h3>
                <div class="table">
                    <div class="title-col">
                        <p>Année</p>
                        <p>Première main</p>
                        <p>Kilomètrage</p>
                        <p>Energie</p>
                        <p>Boite de vitesse</p>
                        <p>Nbr places</p>
                        <p>Nbr portes</p>
                        <p>Longueur</p>
                    </div>
                    {% for i in 1..3 %}
                        <div class="data-col">
                            <p>07/2016</p>
                            <p>oui</p>
                            <p>150 700 km</p>
                            <p>Essence</p>
                            <p>Manuelle</p>
                            <p>2</p>
                            <p>5</p>
                            <p>4,61 m</p>
                        </div>
                    {% endfor %}
                </div>
            </article>

            <article class="data-technical">
                <h3 class="table-name">Consommation</h3>
                <div class="table">
                    <div class="title-col">
                        <p>Année</p>
                        <p>Première main</p>
                        <p>Kilomètrage</p>
                        <p>Energie</p>

                    </div>
                    {% for i in 1..3 %}
                        <div class="data-col">
                            <p>07/2016</p>
                            <p>oui</p>
                            <p>150 700 km</p>
                            <p>Essence</p>
                        </div>
                    {% endfor %}
                </div>
            </article>

            <article class="data-technical">
                <h3 class="table-name">Équipement & options</h3>
                <div class="table">
                    <div class="title-col">
                        <p>Année</p>
                        <p>Première main</p>
                        <p>Kilomètrage</p>
                        <p>Energie</p>

                    </div>
                    {% for i in 1..3 %}
                        <div class="data-col">
                            <p>07/2016</p>
                            <p>oui</p>
                            <p>150 700 km</p>
                            <p>Essence</p>
                        </div>
                    {% endfor %}
                </div>
            </article>
        </section>

    </div>
{% endblock %}