@extends('layouts.zones.home')
@section('content')

     <!-- Services Section Start -->
     <div id="rs-services" class="rs-services main-home rs-service-hover-style2 pt-30 pb-130 md-pt-80 md-pb-80">
        <div class="container-fluid"> 
            <div class="text-center mb-50">
               <span class="sub-text11 fuentesensip"> Esta caja de herramientas le permitirá a usted y a su eqipo de trabajo: </span> <br>
               <span class="fientelig">
                sensibilizarse, informarse, diagnosticar, actuar y evaluar medidas y acciones que garanticen <br> 
                espacios seguros de trabajo, libres de violencias, diversos e inclusivos.
               </span> <br>
            
            </div>  
               
            <div class="row text-center">
                <div class="col-lg-5 col-md-5 col-sm-12">                 
                    <div class="cards">
                        <div class="cardhs">     
                            <h3 class="fuentesensip mt--15">-uno-</h3>                               
                            <h2 class="fuentesensi mt--15">Sensibilizar</h2>
                            <p class="fientelig numrespo" style="margin-top:-10px">Tres herramientas que le permitirán darse  cuenta de la importancia y el valor de consolidar una cultura organizacional más equitativa, inclusiva y libre de discriminación.  </p>
                            <a href="{{url('sensibilizar')}}" class="botonir">Ir ahora</a>
                        </div>
                    </div>                 
                </div> 
                   <div class="col-lg-7 col-md-7 col-sm-12">                    
                        <div class="cardinf">
                            <div class="cardinfs">                                    
                                <h3 class="fuentesensip mt--25">-dos-</h3> 
                                <h3 class="fuentesensi mt--10">Informar</h3>
                                <p class="fientelig numrespo mt--10">Dos herramientas a través de las cuales conocerá <br>
                                     referencias que tal vez se desconoce y es fundamental <br>
                                      al hablar sobre diversidad.</p>
                                <a href="{{url('informar')}}" class="botonir">Ir ahora</a>
                            </div>
                        </div>                  
                   </div>
            </div>
            <!-- Primera linea -->
            <div class="row text-center mt-3">
                <div class="col-lg-5 col-md-5 col-sm-12">                    
                    <div class="carddiag">
                        <div class="carddiags"> 
                            <h3 class="fuentesensip mt--25">-tres-</h3>                                   
                            <h3 class="fuentesensi" style="margin-top:-10px">Diagnosticar</h3>
                            <p class="fientelig numrespo">Dos herramientas con las que podrá examinar el estado actual de su empresa así como los conocimientos de sus equipos en términos de inclusión.
                            </p>
                            <a href="{{url('diagnosticar')}}" class="botonir">Ir ahora</a>
                        </div>
                    </div>                    
                </div> 
                   <div class="col-lg-4 col-md-4 col-sm-12">                    
                        <div class="cardactuar">
                            <div class="cardactuars">  
                                <h3 class="fuentesensip mt--25">-cuatro-</h3>                                   
                                <h3 class="fuentesensi mt--25">Actuar</h3>
                                <p class="fientelig numrespo mt--25">Cuatro herramientas que le guiarán para proceder y consolidar una cultura organizacional más equitativa, inclusiva y libre de discriminación.
                                </p>
                                <a href="{{url('actuar')}}" class="botonir">Ir ahora</a>
                            </div>
                        </div>
                   </div>
                   <div class="col-lg-3 col-md-3 col-sm-12">
                        <div class="cardevaluar">
                            <div class="cardevaluars">   
                                <h3 class="fuentesensip mt--25">-cinco-</h3>                                  
                                <h3 class="fuentesensi">Evaluar</h3>
                                <p class="fientelig numrespo">Una herramienta para calificar bajo 5 aspectos esta caja de herramientas
                                </p>
                                <a href="{{url('evaluar')}}" class="botonir">Ir ahora</a>
                            </div>
                        </div>
                   </div>
            </div>
            <!-- Segunda Linea -->
               
        </div>       
    </div>
    <!-- Services Section End -->
@endsection