<section class="section section-height-3 section-with-shape-divider position-relative border-0 m-0" data-plugin-parallax
    data-plugin-options="{'speed': 1.5, 'parallaxHeight': '120%'}"
    data-image-src="<?php echo e(asset('img/frontend/backgrounds/wall.jpg')); ?>">
    <img src="<?php echo e(asset('img/logo_blanco.svg')); ?>"
        class="logo-banner img-fluid position-absolute top-0 right-0 d-none d-md-block appear-animation"
        data-appear-animation="fadeInUpShorter" data-appear-animation-delay="1100" alt="" />
    <div class="container p-5 pb-xl-0 mt-md-3 mb-5">
        <div class="row pb-0 pb-lg-5 mb-5">
            <div class="col-md-5 col-xl-4 p-4 mb-5 border-radius-20px" style="background-color: rgba(33,33,33,0.8)">
                <strong
                    class="d-block font-weight-semibold text-color-light text-5-5 line-height-2 mb-3 pb-1 appear-animation"
                    data-appear-animation="fadeInUpShorter" data-appear-animation-delay="500">
                    <span class="text-6 text-cuaternary font-weight-bold">TUS IDEAS</span>
                    <br><span class="text-tertiary font-weight-bold"> + nuestras estrategias</span>
                </strong>
                <p class="text-3-5 mb-4 appear-animation text-light" data-appear-animation="fadeInUpShorter"
                    data-appear-animation-delay="750">Impulsa tu empresa con los planes y servicios que te ofrecemos
                    adaptados a
                    tus necesidades.</p>
                <a href="#nosotros" data-hash data-hash-offset="0" data-hash-offset-lg="100"
                    class="d-inline-flex align-items-center text-decoration-none appear-animation text-tertiary"
                    data-appear-animation="fadeInUpShorter" data-appear-animation-delay="1000">
                    <img width="30" height="30" src="<?php echo e(asset('img/frontend/icons/mouse.svg')); ?>" alt="" data-icon
                        data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-tertiary me-2'}" />
                    Ir alla
                </a>
            </div>
        </div>
    </div>
    <div class="shape-divider shape-divider-bottom" style="height: 212px;">
        <div class="shape-divider-horizontal-animation shape-divider-horizontal-animation-to-left">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="-20px"
                y="0px" viewBox="0 0 1920 212" preserveAspectRatio="xMinYMin">
                <polygon fill="orangered" points="0,75 479,161 1357,28 1701,56 1920,26 1920,213 0,212 " />
                <polygon fill="#FFFFFF" points="0,91 481,177 1358,44 1702,72 1920,42 1920,212 0,212 " />
                <polygon fill="#FFFFFF" points="0,92 482,177 1350,44 1704,72 1923,42 1923,212 0,214 " />
                <polygon fill="#FFFFFF" points="0,92 482,177 1350,44 1704,72 1923,42 1923,212 0,214 " />
                <polygon fill="#FFFFFF" points="0,92 482,177 1350,44 1704,72 1923,42 1923,212 0,214 " />
            </svg>
        </div>
    </div>
</section>
<div class="container cuadros">
    <div class="row">
        <div class="col-10 offset-1 col-xl-7 ms-xl-auto">
            <div class="owl-carousel owl-theme custom-carousel-box-shadow-1 custom-dots-style-1 mb-0"
                data-plugin-options="{'responsive': {'576': {'items': 1}, '768': {'items': 2}, '992': {'items': 2}, '1200': {'items': 2}}, 'margin': 20, 'loop': true, 'nav': false, 'autoplay': true, 'autoplayTimeout': 5000, 'dots': true}"
                style="height: 300px;">
                <div>
                    <a href="#servicios" class="custom-link-hover-effects text-decoration-none" data-hash
                        data-hash-offset="0" data-hash-offset-lg="100" data-cursor-effect-hover="plus">
                        <div class="card border-radius-20px card-raze">
                            <div class="card-body text-center py-3">
                                <img class="m-auto" src="<?php echo e(asset('img/frontend/icons/programacion.png')); ?>" alt=""
                                    style="width: 100px" />
                                <div class="custom-crooked-line">
                                    <img width="154" height="26"
                                        src="<?php echo e(asset('img/frontend/icons/infinite-crooked-line.svg')); ?>" alt=""
                                        data-icon
                                        data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-secondary'}"
                                        style="width: 154px; height: 26px;" />
                                </div>
                                <h2 class="text-5 font-weight-semibold mb-1">Programación</h2>
                                <p class="pb-1 mb-2">Aplicaciones 100% adaptadas a las necesidades de tu empresa. </p>
                                <span class="custom-view-more d-inline-flex font-weight-medium text-color-primary">
                                    Ver más
                                    <img width="27" height="27" src="<?php echo e(asset('img/frontend/icons/arrow-right.svg')); ?>"
                                        alt="" data-icon
                                        data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-primary ms-2'}"
                                        style="width: 27px;" />
                                </span>
                            </div>
                        </div>
                    </a>
                </div>
                <div>
                    <a href="#servicios" class="custom-link-hover-effects text-decoration-none" data-hash
                        data-hash-offset="0" data-hash-offset-lg="100" data-cursor-effect-hover="plus">
                        <div class="card border-radius-20px card-raze">
                            <div class="card-body text-center py-3">
                                <img class="m-auto" src="<?php echo e(asset('img/frontend/icons/diseno.png')); ?>" alt=""
                                    style="width: 100px" />
                                <div class="custom-crooked-line">
                                    <img width="154" height="26"
                                        src="<?php echo e(asset('img/frontend/icons/infinite-crooked-line.svg')); ?>" alt=""
                                        data-icon
                                        data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-secondary'}"
                                        style="width: 154px; height: 26px;" />
                                </div>
                                <h2 class="text-5 font-weight-semibold mb-1">Diseño Publicitario</h2>
                                <p class="pb-1 mb-2">Captura la atención de tus clientes con diseños profesionales. </p>
                                <span class="custom-view-more d-inline-flex font-weight-medium text-color-primary">
                                    Ver más
                                    <img width="27" height="27" src="<?php echo e(asset('img/frontend/icons/arrow-right.svg')); ?>"
                                        alt="" data-icon
                                        data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-primary ms-2'}"
                                        style="width: 27px;" />
                                </span>
                            </div>
                        </div>
                    </a>
                </div>
                <div>
                    <a href="#servicios" class="custom-link-hover-effects text-decoration-none" data-hash
                        data-hash-offset="0" data-hash-offset-lg="100" data-cursor-effect-hover="plus">
                        <div class="card border-radius-20px card-raze">
                            <div class="card-body text-center py-3">
                                <img class="m-auto" src="<?php echo e(asset('img/frontend/icons/servicio-tecnico.png')); ?>" alt=""
                                    style="width: 100px" />
                                <div class="custom-crooked-line">
                                    <img width="154" height="26"
                                        src="<?php echo e(asset('img/frontend/icons/infinite-crooked-line.svg')); ?>" alt=""
                                        data-icon
                                        data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-primary'}"
                                        style="width: 154px; height: 26px;" />
                                </div>
                                <h2 class="text-5 font-weight-semibold mb-1">Servicio Técnico</h2>
                                <p class="pb-1 mb-2">Mantenimiento y reparación de equipos informaticos. </p>
                                <span class="custom-view-more d-inline-flex font-weight-medium text-color-primary">
                                    Ver más
                                    <img width="27" height="27" src="<?php echo e(asset('img/frontend/icons/arrow-right.svg')); ?>"
                                        alt="" data-icon
                                        data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-primary ms-2'}"
                                        style="width: 27px;" />
                                </span>
                            </div>
                        </div>
                    </a>
                </div>
                <div>
                    <a href="#servicios" class="custom-link-hover-effects text-decoration-none" data-hash
                        data-hash-offset="0" data-hash-offset-lg="100" data-cursor-effect-hover="plus">
                        <div class="card border-radius-20px card-raze">
                            <div class="card-body text-center py-3">
                                <img class="m-auto" src="<?php echo e(asset('img/frontend/icons/marketing.png')); ?>" alt=""
                                    style="width: 100px" />
                                
                                <div class="custom-crooked-line">
                                    <img width="154" height="26"
                                        src="<?php echo e(asset('img/frontend/icons/infinite-crooked-line.svg')); ?>" alt=""
                                        data-icon
                                        data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-primary'}"
                                        style="width: 154px; height: 26px;" />
                                </div>
                                <h2 class="text-5 font-weight-semibold mb-1">Marketing</h2>
                                <p class="pb-1 mb-2">Llega a nuevos clientes y crece de forma exponencial.</p>
                                <span class="custom-view-more d-inline-flex font-weight-medium text-color-primary">
                                    Ver más
                                    <img width="27" height="27" src="<?php echo e(asset('img/frontend/icons/arrow-right.svg')); ?>"
                                        alt="" data-icon
                                        data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-primary ms-2'}"
                                        style="width: 27px;" />
                                </span>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<?php /**PATH C:\laragon\www\razeweb\resources\views/frontend/partials/index/banner.blade.php ENDPATH**/ ?>