<div class="container py-5" id="Proyectos">
    <div class="row">
        <div class="our-pojects">
            <div class="row mb-5">
                <div class="col-12 col-sm-12 col-md-2 col-lg-2"></div>
                <div class="col-12 col-sm-12 col-md-2 col-lg-8">
                    <div class="mx-5">
                        <div class="title-our-projects py-1" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500">
                            <h3>Nuestros Proyectos</h3>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-12 col-md-2 col-lg-2"></div>
            </div>
        </div>
        <div class="col-12 col-sm-12 col-md-6 col-lg-6 mb-4">
            <div class="project-card mb-5">
                <section id="project-1" class="splide" aria-label="Beautiful Images" data-aos="fade-right" data-aos-easing="linear" data-aos-duration="1500">
                    <div class="splide__track">
                            <ul class="splide__list">
                                <li class="splide__slide">
                                    <img src="{{ asset('assets/img/liiv-jardines.webp') }}" alt="" class="img-fluid"/>
                                </li>
                                <li class="splide__slide">
                                    <img src="{{ asset('assets/img/coworking-liiv-jardines.webp') }}" alt="" class="img-fluid"/>
                                </li>
                                <li class="splide__slide">
                                    <img src="{{ asset('assets/img/gym-jardines-liiv.webp') }}" alt="" class="img-fluid"/>
                                </li>
                                <li class="splide__slide">
                                    <img src="{{ asset('assets/img/room-liiv-jardines.webp') }}" alt="" class="img-fluid"/>
                                </li>
                            </ul>
                    </div>
                </section>
            </div>
            <div class="description-project mb-4" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500">
                <h4>Liiv | Jardines del Country</h4>
            </div>
            <div class="row" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="1800">
                <div class="col-12 col-sm-12 col-md-1 col-lg-2"></div>
                <div class="col-12 col-sm-12 col-md-12 col-lg-8">
                    <div class="description-project">
                        <div class="row">
                            <div class="col-6 col-sm-6 col-md-6 col-lg-5">
                                <p><span>Estatus del proyecto:</span></p>
                            </div>
                            <div class="col-6 col-sm-6 col-md-6 col-lg-6">
                                <p class="text-center"> En proceso.</p>
                            </div>
                            <div class="col-6 col-sm-6 col-md-6 col-lg-5">
                                 <p><span>Alcances del proyecto:</span></p>
                            </div>
                            <div class="col-6 col-sm-6 col-md-6 col-lg-7">
                                 <p class="text-center">Administración y construcción del proyecto. <br/> Entrega llave en mano.</p>
                            </div>
                            <div class="col-6 col-sm-6 col-md-6 col-lg-5">
                                 <p><span>Descripción del proyecto:</span></p>
                            </div>
                            <div class="col-6 col-sm-6 col-md-6 col-lg-7">
                                 <p class="text-center">Proyecto de 52 departamentos residenciales de nivel medio, con ejecución de proyecto de llave en mano.</p>
                            </div>
                        </div>
                        <div class="text-center">
                            <a href="#Contacto" class="btn btn-primary btn-yellow-projects">Contáctanos</a>
                        </div>


                    </div>
                </div>
                <div class="col-12 col-sm-12 col-md-1 col-lg-2"></div>
            </div>
        </div>
         <div class="col-12 col-sm-12 col-md-6 col-lg-6 mb-4">
            <div class="project-card mb-5">
                <section id="project-2" class="splide" aria-label="Beautiful Images" data-aos="fade-left" data-aos-easing="linear" data-aos-duration="1700">
                    <div class="splide__track">
                            <ul class="splide__list">
                                <li class="splide__slide">
                                    <img src="{{ asset('assets/img/liiv-vallarte.webp') }}" alt="" class="img-fluid"/>
                                </li>
                                <li class="splide__slide">
                                    <img src="{{ asset('assets/img/pool-liiv-vallarte.webp') }}" alt="" class="img-fluid"/>
                                </li>
                                <li class="splide__slide">
                                    <img src="{{ asset('assets/img/garden-liiv-vallarte.webp') }}" alt="" class="img-fluid"/>
                                </li>
                                <li class="splide__slide">
                                    <img src="{{ asset('assets/img/kids-club-vallarte-liiv.webp') }}" alt="" class="img-fluid"/>
                                </li>
                            </ul>
                    </div>
                </section>
            </div>
            <div class="description-project mb-4" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500">
                <h4>Liiv | Vallarte</h4>
            </div>
            <div class="row" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="1800">
                <div class="col-12 col-sm-12 col-md-1 col-lg-2"></div>
                <div class="col-12 col-sm-12 col-md-12 col-lg-8">
                    <div class="description-project">
                        <div class="row">
                            <div class="col-6 col-sm-6 col-md-6 col-lg-5">
                                <p><span>Estatus del proyecto:</span></p>
                            </div>
                            <div class="col-6 col-sm-6 col-md-6 col-lg-6">
                                <p class="text-center"> En proceso.</p>
                            </div>
                            <div class="col-6 col-sm-6 col-md-6 col-lg-5">
                                 <p><span>Alcances del proyecto:</span></p>
                            </div>
                            <div class="col-6 col-sm-6 col-md-6 col-lg-7">
                                 <p class="text-center">Administración y construcción del proyecto. <br/> Entrega llave en mano.</p>
                            </div>
                            <div class="col-6 col-sm-6 col-md-6 col-lg-5">
                                 <p><span>Descripción del proyecto:</span></p>
                            </div>
                            <div class="col-6 col-sm-6 col-md-6 col-lg-7">
                                 <p class="text-center">Proyecto de 216 departamentos residenciales de nivel medio, con ejecución de proyecto de llave en mano.</p>
                            </div>
                        </div>
                        <div class="text-center">
                            <a href="#Contacto" class="btn btn-primary btn-yellow-projects">Contáctanos</a>
                        </div>


                    </div>
                </div>
                <div class="col-12 col-sm-12 col-md-1 col-lg-2"></div>
            </div>
        </div>
    </div>
</div>
