@extends('frontend.layouts.master')

@section('page_title')
    {{ __('about.title') }}
@endsection

@section('head')
@endsection

@section('content-wrapper')
    <div class="py-5 text-center align-items-center d-flex portada jarallax" style="">
        <div class="tinte2"></div>
        <div class="container py-5">
            <div class="row text-center">
                <div class="col-lg-12 col-md-12 col-12 col-sm-12">
                    <h1 class="display-4 mb-4 sombratexto">
                        {{ __('about.title') }}
                    </h1>
                </div>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="row m-4 pt-3">
            <p>{!! __('about.pimeef.subtitle2') !!}</p>

            <p>{!! __('about.pimeef.subtitle3') !!}</p>

            <p>{!! __('about.pimeef.subtitle4') !!}</p>

            <p>{!! __('about.pimeef.subtitle5') !!}</p>

            <p>{!! __('about.pimeef.subtitle6') !!}</p>

            <p>{!! __('about.pimeef.subtitle7') !!}</p>
        </div>
    </div>


    <div class="py-5 text-center align-items-center d-flex portada portada-new jarallax" style="">
        <div class="tinte2"></div>
        <div class="container py-5">
            <div class="row text-center">
                <div class="col-lg-12 col-md-12 col-12 col-sm-12">
                    <h1 class="display-4 mb-4 sombratexto">
                        {{ __('components.block-benefits-pimeef.title') }}
                    </h1>
                </div>
            </div>
        </div>
    </div>
    
    <div class="section py-5 position-relative bg-light overflow-hidden block-benefits">
        <div class="container">
    
            <div class="row">
                <div class="col-md-4 col-sm-12  p-3">
                    <div class="card w-100 h-100 border-corporative-cards">
    
                        <img class="card-img-top card-top-img-services-benefits" src="{{ asset('tenants/pimeef/images/benefits/advice-gratis.png') }}">
                        
                        <div class="card-body text-center d-flex flex-column align-items-center">
                            <h5 class="card-title color-primary">{!! __('components.block-benefits-pimeef.subs.advice.title') !!}</h5>
                            <p class="card-text m-auto s-text">{!! __('components.block-benefits-pimeef.subs.advice.subtitle') !!}</p>
                        </div>
                    </div>
                    
                </div>
    
                <div class="col-md-4 col-sm-12  p-3">
                    <div class="card w-100 h-100 border-corporative-cards">
    
                        <img class="card-img-top card-top-img-services-benefits" src="{{ asset('tenants/pimeef/images/benefits/convenio.png') }}">
                        
                        <div class="card-body text-center d-flex flex-column align-items-center">
                            <h5 class="card-title color-primary">{!! __('components.block-benefits-pimeef.subs.convenio.title') !!}</h5>
                            <p class="card-text m-auto s-text">{!! __('components.block-benefits-pimeef.subs.convenio.subtitle') !!}</p>
                        </div>
                    </div>
                </div>
    
                <div class="col-md-4 col-sm-12  p-3">
                    <div class="card w-100 h-100 border-corporative-cards">
    
                        <img class="card-img-top card-top-img-services-benefits" src="{{ asset('tenants/pimeef/images/benefits/cursos.png') }}">
                        
                        <div class="card-body text-center d-flex flex-column align-items-center">
                            <h5 class="card-title color-primary">{!! __('components.block-benefits-pimeef.subs.cursos.title') !!}</h5>
                            <p class="card-text m-auto s-text">{!! __('components.block-benefits-pimeef.subs.cursos.subtitle') !!}</p>
                        </div>
                    </div>
                </div>
    
                <div class="col-md-4 col-sm-12  p-3">
                    <div class="card w-100 h-100 border-corporative-cards">
    
                        <img class="card-img-top card-top-img-services-benefits" src="{{ asset('tenants/pimeef/images/benefits/newsletter.png') }}">
                        
                        <div class="card-body text-center d-flex flex-column align-items-center">
                            <h5 class="card-title color-primary">{!! __('components.block-benefits-pimeef.subs.newsletter.title') !!}</h5>
                            <p class="card-text m-auto s-text">{!! __('components.block-benefits-pimeef.subs.newsletter.subtitle') !!}</p>
                        </div>
                    </div>
                </div>
    
                <div class="col-md-4 col-sm-12  p-3">
                    <div class="card w-100 h-100 border-corporative-cards">
    
                        <img class="card-img-top card-top-img-services-benefits" src="{{ asset('tenants/pimeef/images/benefits/subencion.png') }}">
                        
                        <div class="card-body text-center d-flex flex-column align-items-center">
                            <h5 class="card-title color-primary">{!! __('components.block-benefits-pimeef.subs.subencion.title') !!}</h5>
                            <p class="card-text m-auto s-text">{!! __('components.block-benefits-pimeef.subs.subencion.subtitle') !!}</p>
                        </div>
                    </div>
                </div>
    
                <div class="col-md-4 col-sm-12  p-3">
                    <div class="card w-100 h-100 border-corporative-cards">
    
                        <img class="card-img-top card-top-img-services-benefits" src="{{ asset('tenants/pimeef/images/benefits/recurso.png') }}">
                        
                        <div class="card-body text-center d-flex flex-column align-items-center">
                            <h5 class="card-title color-primary">{!! __('components.block-benefits-pimeef.subs.recurso.title') !!}</h5>
                            <p class="card-text m-auto s-text">{!! __('components.block-benefits-pimeef.subs.recurso.subtitle') !!}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="py-5 text-center align-items-center d-flex portada portada-new jarallax" style="">
        <div class="tinte2"></div>
        <div class="container py-5">
            <div class="row text-center">
                <div class="col-lg-12 col-md-12 col-12 col-sm-12">
                    <h1 class="display-4 mb-4 sombratexto">
                        {{ __('about.pimeef.services.title') }}
                    </h1>
                </div>
            </div>
        </div>
    </div>


    <div class="container mt-4">

        <div class="row text-center mb-4 mt-4-row-services-about-us">
            <p class="m-auto color-primary pr-3 pl-3"><b>{!! __('about.pimeef.services.subtitle') !!}</b></p>
        </div>

        <div class="row text-center">
            <div class="col-md-12">
                <div class="card w-100 h-100 border-corporative-cards">
                    <img class="card-img-top card-top-img-services-benefits" src="{{ asset('/tenants/pimeef/images/services/economic.png') }}" alt="Card image cap">
                    <div class="card-body text-center d-flex flex-column align-items-center">
                        <h5 class="card-title color-primary">{!! __('about.pimeef.services.economic.title') !!}</h5>
                        <p class="card-text m-auto s-text">{!! __('about.pimeef.services.economic.subtitle') !!}</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="row text-center mb-4-row-posts-services-about-us">
            <div class="col-md-4 col-sm-12 mb-2 mt-2">
                <div class="card w-100 h-100 border-corporative-cards">
                    <img class="card-img-top card-top-img-services-benefits" src="{{ asset('/tenants/pimeef/images/services/create-business.png') }}" alt="Card image cap">
                    <div class="card-body text-center d-flex flex-column align-items-center">
                        <h5 class="card-title color-primary">{!! __('about.pimeef.services.create-business.title') !!}</h5>
                        <p class="card-text m-auto s-text">{!! __('about.pimeef.services.create-business.subtitle') !!}</p>
                    </div>
                </div>
            </div>

            <div class="col-md-4 col-sm-12 mb-2 mt-2">
                <div class="card w-100 h-100 border-corporative-cards">
                    <img class="card-img-top card-top-img-services-benefits" src="{{ asset('/tenants/pimeef/images/services/legal.png') }}" alt="Card image cap">
                    <div class="card-body text-center d-flex flex-column align-items-center">
                        <h5 class="card-title color-primary">{!! __('about.pimeef.services.legal.title') !!}</h5>
                        <p class="card-text m-auto s-text">{!! __('about.pimeef.services.legal.subtitle') !!}</p>
                    </div>
                </div>
            </div>

            <div class="col-md-4 col-sm-12 mb-2 mt-2">
                <div class="card w-100 h-100 border-corporative-cards">
                    <img class="card-img-top card-top-img-services-benefits" src="{{ asset('/tenants/pimeef/images/services/industrial.png') }}" alt="Card image cap">
                    <div class="card-body text-center d-flex flex-column align-items-center">
                        <h5 class="card-title color-primary">{!! __('about.pimeef.services.industrial.title') !!}</h5>
                        <p class="card-text m-auto s-text">{!! __('about.pimeef.services.industrial.subtitle') !!}</p>
                    </div>
                </div>
            </div>

            <div class="col-md-4 col-sm-12 mb-2 mt-2">
                <div class="card w-100 h-100 border-corporative-cards">
                    <img class="card-img-top card-top-img-services-benefits" src="{{ asset('/tenants/pimeef/images/services/commercial.png') }}" alt="Card image cap">
                    <div class="card-body text-center d-flex flex-column align-items-center">
                        <h5 class="card-title color-primary">{!! __('about.pimeef.services.commercial.title') !!}</h5>
                        <p class="card-text m-auto s-text">{!! __('about.pimeef.services.commercial.subtitle') !!}</p>
                    </div>
                </div>
            </div>

            <div class="col-md-4 col-sm-12 mb-2 mt-2">
                <div class="card w-100 h-100 border-corporative-cards">
                    <img class="card-img-top card-top-img-services-benefits" src="{{ asset('/tenants/pimeef/images/services/prl.png') }}" alt="Card image cap">
                    <div class="card-body text-center d-flex flex-column align-items-center">
                        <h5 class="card-title color-primary">{!! __('about.pimeef.services.prl.title') !!}</h5>
                        <p class="card-text m-auto s-text">{!! __('about.pimeef.services.prl.subtitle') !!}</p>
                    </div>
                </div>
            </div>

            <div class="col-md-4 col-sm-12 mb-2 mt-2">
                <div class="card w-100 h-100 border-corporative-cards">
                    <img class="card-img-top card-top-img-services-benefits" src="{{ asset('/tenants/pimeef/images/services/communication.png') }}" alt="Card image cap">
                    <div class="card-body text-center d-flex flex-column align-items-center">
                        <h5 class="card-title color-primary">{!! __('about.pimeef.services.communication.title') !!}</h5>
                        <p class="card-text m-auto s-text">{!! __('about.pimeef.services.communication.subtitle') !!}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="py-5 text-center align-items-center d-flex portada portada-new jarallax" style="">
        <div class="tinte2"></div>
        <div class="container py-5">
            <div class="row text-center">
                <div class="col-lg-12 col-md-12 col-12 col-sm-12">
                    <h1 class="display-4 mb-4 sombratexto">
                        {{ __('about.pimeef.conventions.title') }}
                    </h1>
                </div>
            </div>
        </div>
    </div>

    <div class="container mt-4-conventions">

        <div class="row">
            <div class="col-md-12">
                <p>{{ __('about.pimeef.conventions.subtitle') }}</p>
            </div>
            
        </div>

        <div class="row w-100 mb-4-conventions d-flex flex-wrap justify-content-center align-items-center">

            <img width="100" class="m-4" src="{{ asset('/tenants/pimeef/images/convenios/adelopd.jpg') }}">
            <img width="100" class="m-4" src="{{ asset('/tenants/pimeef/images/convenios/bbva.png') }}">
            <img width="100" class="m-4" src="{{ asset('/tenants/pimeef/images/convenios/bp.png') }}">
            <img width="100" class="m-4" src="{{ asset('/tenants/pimeef/images/convenios/caixabank.png') }}">
            <img width="100" class="m-4" src="{{ asset('/tenants/pimeef/images/convenios/colonya.jpg') }}">
            <img width="100" class="m-4" src="{{ asset('/tenants/pimeef/images/convenios/ibered.png') }}">
            <img width="100" class="m-4" src="{{ asset('/tenants/pimeef/images/convenios/santabarbara.jpg') }}">
            <img width="100" class="m-4" src="{{ asset('/tenants/pimeef/images/convenios/vestalia.png') }}">
            <img width="100" class="m-4" src="{{ asset('/tenants/pimeef/images/convenios/zurich.jpg') }}">
            <img width="100" class="m-4" src="{{ asset('/tenants/pimeef/images/convenios/bancsabadell.jpg') }}">
                
        </div>
    </div>

    @include('tenants.pimeef.frontend.sections.block-business-register')

@endsection