@extends('layouts.app')
@section('title', 'Comment bien vendre votre appartement ou maison ?')

@section('contenu')
    <section>
        <div class="container-fluid background-corpo pb-8">
            <div class="row text-center">
                <div class="col-lg-12 mt-8">
                    <h1 class="text-rumble text-white titre-header">
                        Nos astuces pro
                    </h1>
                </div>
            </div>
        </div>
    </section>


    <section>
        <div class="container pb-3 padding-encadrement">

            <div class="row">
                <div class="col-lg-1">
                    <img src="{{asset('img/picto/picto-aime.png')}}" width="90px">
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4">
                    <div class="text-rumble">
                        <p style="font-size: 35px">Nos astuces de pros</p>
                        <hr class="barre" style="margin: 0">
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="tab-content py-3 px-3 px-sm-0" id="nav-tabContent">
                        <div class="tab-pane fade show active mt-3" id="nav-home" role="tabpanel"
                             aria-labelledby="nav-home-tab">
                            <p>Le monde de l’immobilier possède ses codes et son vocabulaire. Voici quelques conseils
                                pour s’y retrouver plus facilement.</p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 illu-chat-plante">
                    <img src="{{asset('img/site/illu-chat-plante.png')}}" width="250px">
                </div>
            </div>
        </div>
    </section>


    <section>
        <div class="container">
            <div class="row mb-7  justify-content-center">
                <div class="col-xl-3 mt-3">
                    <div class="card" style="width: 18rem;">
                        <a href="/bien-vendre">
                            <img class="card-img-top" src="{{asset('img/illu_bien_astuces.jpg')}}" alt="Card image cap">
                            <div class="centered-text">Bien vendre votre appartement</div>
                        </a>
                    </div>
                </div>
                <div class="col-xl-3  mt-3">
                    <div class="card" style="width: 18rem;">
                        <a href="/comment-calculer-surface">
                            <img class="card-img-top" src="{{asset('img/illu_bien_astuces.jpg')}}" alt="Card image cap">
                            <div class="centered-text">Comment calculer la surface habitable de votre maison ou
                                appartement ?
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-xl-3  mt-3">
                    <div class="card" style="width: 18rem;">
                        <a href="/comment-calculer-plus-value">
                            <img class="card-img-top" src="{{asset('img/illu_bien_astuces.jpg')}}" alt="Card image cap">
                            <div class="centered-text">Comment calculer la plus-value immobilière ?</div>
                        </a>
                    </div>
                </div>
                <div class="col-xl-3 mt-3">
                    <div class="card" style="width: 18rem;">
                        <a href="/calculer-valeur-bien">
                            <img class="card-img-top" src="{{asset('img/illu_bien_astuces.jpg')}}" alt="Card image cap">
                            <div class="centered-text">Comment calculer la valeur de votre maison ou de votre
                                appartement ?
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="row mb-5">
                <div class="col-xl-3 mt-3">
                    <div class="card" style="width: 18rem;">
                        <a href="/calculer-valeur-local">
                            <img class="card-img-top" src="{{asset('img/illu_bien_astuces.jpg')}}" alt="Card image cap">
                            <div class="centered-text">Comment calculer
                                la valeur de votre local commercial ou professionnel ?
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        </div>


    </section>



    @include('incs.pre-footer-projet')
    @include('incs.footer')

@endsection