@extends('layout')

@section('content')
<div class="container home-1">
    <div class="row align-items-center justify-content-center">
        <div class="col-md-5">
            <h1 class="mb-4 text-center text-sm-left">Profesionaliza tu labor como asesor SOC</h1>
            <p>Universidad SOC surge en el 2014, tras encontrar la necesidad de profesionalizar el servicio impartido por los asesores SOC.</p>
        </div>
        <div class="col-md-4">
            <img class="img-fluid" src="{{ url('images/Grupo_246.svg') }}" alt="">
        </div>
    </div>
    <div class="row justify-content-center">
        <div class="col-md-4 more-sales">
            <h3 class="white">Vende más ¡Certificándote!</h3>
            <a href="{{url('/certificaciones')}}" target="_blank" class="btn btn-success d-block">Quiero certificarme</a>
        </div>
        <div class="col-12">
            <p class="text-center mb-4 mt-4"><i><strong>“La única manera de crecer es desarrollando gente”</strong></i></p>
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            <div class="button-group filter-button-group">
                <button data-filter="webinars" id="f-w">Webinars</button>
                <button data-filter="cursos" id="f-c">Cursos</button>
                <button data-filter="certificaciones" id="f-cer">Certificaciones</button>
                <button data-filter="promocion" class="b-f">Promoción y Capacitación</button>
                <button data-filter="semana" class="b-f">Semana PyME</button>
                <button data-filter="aula" class="b-f">Aula Soc</button>
            </div>
            <div class="button-group filter-button-group webinar-group d-none">
                <button data-filter="webinar-hipotecario">Hipotecario</button>
                <button data-filter="webinar-empresarial">Empresarial</button>
                <button data-filter="webinar-seguros">Seguros</button>
            </div>
            <div class="button-group filter-button-group cursos-group d-none">
                <button data-filter="cursos-hipotecario">Hipotecario</button>
                <button data-filter="cursos-empresarial">Empresarial</button>
                <button data-filter="cursos-seguros">Seguros</button>
            </div>
            <div class="button-group filter-button-group certificaciones-group d-none">
                <button data-filter="certificaciones-hipotecario">Hipotecario</button>
                <button data-filter="certificaciones-empresarial">Empresarial</button>
                <button data-filter="certificaciones-seguros">Seguros</button>
            </div>
        </div>
    </div>
    <div class="row events">
                <div class="col-md-4 grid-item t-1 webinars webinar-hipotecario">
                    <div class="content" id="o-1">
                        <a href="" data-id="1" class="view-more"><img src="{{ url('images/vuesax-twotone-more.svg') }}"></a>
                        <p><span>Webinar Hipotecario</span></p>
                        <h4>Pendiente</h4>
                        <div class="info-event d-flex flex-column">
                            <p>
                                <img src="{{url('images/vuesax-twotone-note-text.svg')}}" alt="">
                                 13 de enero
                            </p>
                            <p>
                                <img src="{{url('images/vuesax-twotone-clock.svg')}}" alt="">
                                08:45-10:15 Hrs
                            </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Bancos</strong> X</p>
                        </div>
                        <p>Panel de expertos</p>
                    </div>
                    <div class="content-back d-none" id="b-1">
                        <a href="" data-id="1" class="close-grid"><img src="{{ url('images/vuesax-twotone-close-circle.svg') }}"></a>
                        <p class="mb-4"><b>Un webinar único en donde nos acompañan los expertos hipotecarios en una mesa de opinión, para hablar sobre el panorama hipotecario 2022</b></p>
                    </div>
                </div>

                <div class="col-md-4 grid-item t-1 webinars webinar-hipotecario">
                    <div class="content" id="o-2">
                        <a href="" data-id="2" class="view-more"><img src="{{ url('images/vuesax-twotone-more.svg') }}"></a>
                        <p><span>Webinar Hipotecario</span></p>
                        <h4>Pendiente</h4>
                        <div class="info-event d-flex flex-column">
                            <p>
                                <img src="{{url('images/vuesax-twotone-note-text.svg')}}" alt="">
                                 18 de enero
                            </p>
                            <p>
                                <img src="{{url('images/vuesax-twotone-clock.svg')}}" alt="">
                                09:00-10:30 Hrs
                            </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Pendiente</strong></p>
                        </div>
                        <p>Notaría</p>
                    </div>
                    <div class="content-back d-none" id="b-2">
                        <a href="" data-id="2" class="close-grid"><img src="{{ url('images/vuesax-twotone-close-circle.svg') }}"></a>
                        <p class="mb-4"><b>Pendiente</b></p>
                    </div>
                </div>

                <div class="col-md-4 grid-item t-1 webinars webinar-hipotecario">
                    <div class="content" id="o-3">
                        <a href="" data-id="3" class="view-more"><img src="{{ url('images/vuesax-twotone-more.svg') }}"></a>
                        <p><span>Webinar Hipotecario</span></p>
                        <h4>Pendiente</h4>
                        <div class="info-event d-flex flex-column">
                            <p>
                                <img src="{{url('images/vuesax-twotone-note-text.svg')}}" alt="">
                                 25 de enero
                            </p>
                            <p>
                                <img src="{{url('images/vuesax-twotone-clock.svg')}}" alt="">
                                09:00-10:30 Hrs
                            </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Pendiente</strong></p>
                        </div>
                        <img class="bank" src="{{ url('images/logo-hsbc.svg') }}">
                    </div>
                    <div class="content-back d-none" id="b-3">
                        <a href="" data-id="3" class="close-grid"><img src="{{ url('images/vuesax-twotone-close-circle.svg') }}"></a>
                        <p class="mb-4"><b>Pendiente</b></p>
                    </div>
                </div>
                <div class="col-md-4 grid-item t-1 webinars webinar-hipotecario">
                    <div class="content" id="o-4">
                        <a href="" data-id="4" class="view-more"><img src="{{ url('images/vuesax-twotone-more.svg') }}"></a>
                        <p><span>Webinar Hipotecario</span></p>
                        <h4>Curso de Inducción asistido para nuevos asesores</h4>
                        <div class="info-event d-flex flex-column">
                            <p>
                                <img src="{{url('images/vuesax-twotone-note-text.svg')}}" alt="">
                                 10 al 17 de enero
                            </p>
                            <p>
                                <img src="{{url('images/vuesax-twotone-clock.svg')}}" alt="">
                                10:00 - 15:00 Hrs 
                            </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Evelyn Sánchez </strong>Ejecutivo de capacitación</p>
                        </div>
                        <img class="bank" src="{{ url('images/SOC.png') }}">
                    </div>
                    <div class="content-back d-none" id="b-4">
                        <a href="" data-id="4" class="close-grid"><img src="{{ url('images/vuesax-twotone-close-circle.svg') }}"></a>
                        <p class="mb-4"><b>Universidad SOC te ayudará a maximizar el potencial de los asesores de nuevo ingreso, mostrándoles los conocimientos necesarios para convertirse en asesores de excelencia.</b></p>
                    </div>
                </div>
                <div class="col-md-4 grid-item t-1 webinars webinar-hipotecario">
                    <div class="content" id="o-5">
                        <a href="" data-id="5" class="view-more"><img src="{{ url('images/vuesax-twotone-more.svg') }}"></a>
                        <p><span>Webinar Hipotecario</span></p>
                        <h4>Curso de Inducción asistido para nuevos asesores</h4>
                        <div class="info-event d-flex flex-column">
                            <p>
                                <img src="{{url('images/vuesax-twotone-note-text.svg')}}" alt="">
                                 14 al 21 de febrero
                            </p>
                            <p>
                                <img src="{{url('images/vuesax-twotone-clock.svg')}}" alt="">
                                10:00 - 15:00 Hrs 
                            </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Evelyn Sánchez </strong>Ejecutivo de capacitación</p>
                        </div>
                        <img class="bank" src="{{ url('images/SOC.png') }}">
                    </div>
                    <div class="content-back d-none" id="b-5">
                        <a href="" data-id="5" class="close-grid"><img src="{{ url('images/vuesax-twotone-close-circle.svg') }}"></a>
                        <p class="mb-4"><b>Universidad SOC te ayudará a maximizar el potencial de los asesores de nuevo ingreso, mostrándoles los conocimientos necesarios para convertirse en asesores de excelencia.</b></p>
                    </div>
                </div>
                <div class="col-md-4 grid-item t-1 webinars webinar-hipotecario">
                    <div class="content" id="o-6">
                        <a href="" data-id="6" class="view-more"><img src="{{ url('images/vuesax-twotone-more.svg') }}"></a>
                        <p><span>Webinar Hipotecario</span></p>
                        <h4>Certificación SOC</h4>
                        <div class="info-event d-flex flex-column">
                            <p>
                                <img src="{{url('images/vuesax-twotone-note-text.svg')}}" alt="">
                                  05 de  enero
                            </p>
                            <p>
                                <img src="{{url('images/vuesax-twotone-clock.svg')}}" alt="">
                                 11:00 - 15:00 Hrs  
                            </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>x </strong>x</p>
                        </div>
                        <img class="bank" src="{{ url('images/SOC.png') }}">
                    </div>
                    <div class="content-back d-none" id="b-6">
                        <a href="" data-id="6" class="close-grid"><img src="{{ url('images/vuesax-twotone-close-circle.svg') }}"></a>
                        <p class="mb-4"><b>Distingamos a la red como profesionistas hipotecarios que cuentan con los elementos necesarios para otorgar un servicio de calidad.elencia.</b></p>
                    </div>
                </div>
       
                <div class="col-md-4 grid-item t-2 webinars webinar-hipotecario" style="display: none;">
                    <div class="content" id="o-7">
                        <a href="" data-id="7" class="view-more"><img src="{{ url('images/vuesax-twotone-more.svg') }}"></a>
                        <p><span>Webinar Hipotecario</span></p>
                        <h4>Certificación SOC</h4>
                        <div class="info-event d-flex flex-column">
                            <p>
                                <img src="{{url('images/vuesax-twotone-note-text.svg')}}" alt="">
                                  02 de febrero
                            </p>
                            <p>
                                <img src="{{url('images/vuesax-twotone-clock.svg')}}" alt="">
                                 11:00 - 15:00 Hrs  
                            </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>x </strong>x</p>
                        </div>
                        <img class="bank" src="{{ url('images/SOC.png') }}">
                    </div>
                    <div class="content-back d-none" id="b-7">
                        <a href="" data-id="7" class="close-grid"><img src="{{ url('images/vuesax-twotone-close-circle.svg') }}"></a>
                        <p class="mb-4"><b>Distingamos a la red como profesionistas hipotecarios que cuentan con los elementos necesarios para otorgar un servicio de calidad.</b></p>
                    </div>
                </div>
                <div class="col-md-4 grid-item t-2 webinars webinar-empresarial" style="display: none;">
                    <div class="content" id="o-8">
                        <a href="" data-id="8" class="view-more"><img src="{{ url('images/vuesax-twotone-more.svg') }}"></a>
                        <p><span>Webinar Empresarial</span></p>
                        <h4>Proyectos para el 2022</h4>
                        <div class="info-event d-flex flex-column">
                            <p>
                                <img src="{{url('images/vuesax-twotone-note-text.svg')}}" alt="">
                                  10-ene-22
                            </p>
                            <p>
                                <img src="{{url('images/vuesax-twotone-clock.svg')}}" alt="">
                                 11:00 a. m.  
                            </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Karem Figueroa </strong>Directora Nacional PyME </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Victor Rosas </strong>Director/a Comercial </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Adriana Mejía </strong>Director/a Comercial </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Jesus Rivera </strong>Director/a Comercial </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Paulina Herrera </strong>Director/a Comercial </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Laura Montoya </strong>Directora Ejecutiva Comercial  </p>
                        </div>
                        <img class="bank" src="{{ url('images/SOC.png') }}">
                    </div>
                    <div class="content-back d-none" id="b-8">
                        <a href="" data-id="8" class="close-grid"><img src="{{ url('images/vuesax-twotone-close-circle.svg') }}"></a>
                        <p class="mb-4"><b>Semana Empresarial</b></p>
                    </div>
                </div>
                <div class="col-md-4 grid-item t-2 webinars webinar-empresarial" style="display: none;">
                    <div class="content" id="o-8">
                        <a href="" data-id="8" class="view-more"><img src="{{ url('images/vuesax-twotone-more.svg') }}"></a>
                        <p><span>Webinar Empresarial</span></p>
                        <h4>Incentivos Proceso</h4>
                        <div class="info-event d-flex flex-column">
                            <p>
                                <img src="{{url('images/vuesax-twotone-note-text.svg')}}" alt="">
                                  11-ene-22
                            </p>
                            <p>
                                <img src="{{url('images/vuesax-twotone-clock.svg')}}" alt="">
                                 11:00 a. m.  
                            </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Paulina Millán  </strong>Gerente de Alianzas </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Bernardo Deschamps </strong>Director de Alianzas Estratégicas </p>
                        </div>
                        <img class="bank" src="{{ url('images/Uniclick.png') }}">
                    </div>
                    <div class="content-back d-none" id="b-8">
                        <a href="" data-id="8" class="close-grid"><img src="{{ url('images/vuesax-twotone-close-circle.svg') }}"></a>
                        <p class="mb-4"><b>Semana Empresarial</b></p>
                    </div>
                </div>
                <div class="col-md-4 grid-item t-2 webinars webinar-empresarial" style="display: none;">
                    <div class="content" id="o-9">
                        <a href="" data-id="9" class="view-more"><img src="{{ url('images/vuesax-twotone-more.svg') }}"></a>
                        <p><span>Webinar Empresarial</span></p>
                        <h4>Flujo de Atención Banorte SOC Check list para ingreso de expedientes Mejores Practicas </h4>
                        <div class="info-event d-flex flex-column">
                            <p>
                                <img src="{{url('images/vuesax-twotone-note-text.svg')}}" alt="">
                                  12-ene-22
                            </p>
                            <p>
                                <img src="{{url('images/vuesax-twotone-clock.svg')}}" alt="">
                                 11:00 a. m.  
                            </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Adriana Dominguez </strong>Subdirectora </p>
                        </div>
                        <img class="bank" src="{{ url('images/logo-banorte.svg') }}">
                    </div>
                    <div class="content-back d-none" id="b-9">
                        <a href="" data-id="9" class="close-grid"><img src="{{ url('images/vuesax-twotone-close-circle.svg') }}"></a>
                        <p class="mb-4"><b>Semana Empresarial</b></p>
                    </div>
                </div> 
                <div class="col-md-4 grid-item t-2 webinars webinar-empresarial" style="display: none;">
                    <div class="content" id="o-10">
                        <a href="" data-id="10" class="view-more"><img src="{{ url('images/vuesax-twotone-more.svg') }}"></a>
                        <p><span>Webinar Empresarial</span></p>
                        <h4>Unilase</h4>
                        <div class="info-event d-flex flex-column">
                            <p>
                                <img src="{{url('images/vuesax-twotone-note-text.svg')}}" alt="">
                                  13-ene-22
                            </p>
                            <p>
                                <img src="{{url('images/vuesax-twotone-clock.svg')}}" alt="">
                                 11:00 a. m.  
                            </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Federico Fernandez </strong>Director de Alianzas Estratégicas  </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Carla Ibáñez </strong>Gerente de Alianzas </p>
                        </div>
                        <img class="bank" src="{{ url('images/1e39754edc0606319f8bee611fe9fbc4.png') }}">
                    </div>
                    <div class="content-back d-none" id="b-10">
                        <a href="" data-id="10" class="close-grid"><img src="{{ url('images/vuesax-twotone-close-circle.svg') }}"></a>
                        <p class="mb-4"><b>Semana Empresarial</b></p>
                    </div>
                </div>
                <div class="col-md-4 grid-item t-2 webinars webinar-empresarial" style="display: none;">
                    <div class="content" id="o-11">
                        <a href="" data-id="11" class="view-more"><img src="{{ url('images/vuesax-twotone-more.svg') }}"></a>
                        <p><span>Webinar Empresarial</span></p>
                        <h4>CRM IBAN Express Incentivos 2022</h4>
                        <div class="info-event d-flex flex-column">
                            <p>
                                <img src="{{url('images/vuesax-twotone-note-text.svg')}}" alt="">
                                  14-ene-22
                            </p>
                            <p>
                                <img src="{{url('images/vuesax-twotone-clock.svg')}}" alt="">
                                 11:00 a. m.  
                            </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Daniela Córdova </strong>Subdirectora</p>
                        </div>
                        <img class="bank" src="{{ url('images/iBAN.png') }}">
                    </div>
                    <div class="content-back d-none" id="b-11">
                        <a href="" data-id="11" class="close-grid"><img src="{{ url('images/vuesax-twotone-close-circle.svg') }}"></a>
                        <p class="mb-4"><b>Semana Empresarial</b></p>
                    </div>
                </div>
        
                <div class="col-md-4 grid-item t-3 aula" style="display: none;">
                    <div class="content" id="o-12">
                        <a href="" data-id="12" class="view-more"><img src="{{ url('images/vuesax-twotone-more.svg') }}"></a>
                        <p><span>Aula SOC</span></p>
                        <h4>Aula SOC                </h4>
                        <div class="info-event d-flex flex-column">
                            <p>
                                <img src="{{url('images/vuesax-twotone-note-text.svg')}}" alt="">
                                  21-ene-22
                            </p>
                            <p>
                                <img src="{{url('images/vuesax-twotone-clock.svg')}}" alt="">
                                 10:00 a. m.  
                            </p>
                        </div>
                        <img class="bank" src="{{ url('images/SOC.png') }}">
                    </div>
                    <div class="content-back d-none" id="b-12">
                        <a href="" data-id="12" class="close-grid"><img src="{{ url('images/vuesax-twotone-close-circle.svg') }}"></a>
                        <p class="mb-4"><b></b></p>
                    </div>
                </div>
                <div class="col-md-4 grid-item t-3 certificaciones certificaciones-empresarial" style="display: none;">
                    <div class="content" id="o-13">
                        <a href="" data-id="13" class="view-more"><img src="{{ url('images/vuesax-twotone-more.svg') }}"></a>
                        <p><span>Certificaciones Empresarial</span></p>
                        <h4>Certificación de Uniclick</h4>
                        <div class="info-event d-flex flex-column">
                            <p>
                                <img src="{{url('images/vuesax-twotone-note-text.svg')}}" alt="">
                                  24-ene-22
                            </p>
                            <p>
                                <img src="{{url('images/vuesax-twotone-clock.svg')}}" alt="">
                                 11:00 a. m.  
                            </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Mariana Rangel </strong>Ejecutiva de capacitación</p>
                        </div>
                        <img class="bank" src="{{ url('images/Uniclick.png') }}">
                    </div>
                    <div class="content-back d-none" id="b-13">
                        <a href="" data-id="13" class="close-grid"><img src="{{ url('images/vuesax-twotone-close-circle.svg') }}"></a>
                        <p class="mb-4"><b></b></p>
                    </div>
                </div>
                <div class="col-md-4 grid-item t-3 certificaciones certificaciones-empresarial" style="display: none;">
                    <div class="content" id="o-14">
                        <a href="" data-id="14" class="view-more"><img src="{{ url('images/vuesax-twotone-more.svg') }}"></a>
                        <p><span>Certificaciones Empresarial</span></p>
                        <h4>Certificación de Unifin </h4>
                        <div class="info-event d-flex flex-column">
                            <p>
                                <img src="{{url('images/vuesax-twotone-note-text.svg')}}" alt="">
                                  26-ene-22
                            </p>
                            <p>
                                <img src="{{url('images/vuesax-twotone-clock.svg')}}" alt="">
                                 11:00 a. m.  
                            </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Mariana Rangel </strong>Ejecutiva de capacitación</p>
                        </div>
                        <img class="bank" src="{{ url('images/1e39754edc0606319f8bee611fe9fbc4.png') }}">
                    </div>
                    <div class="content-back d-none" id="b-14">
                        <a href="" data-id="14" class="close-grid"><img src="{{ url('images/vuesax-twotone-close-circle.svg') }}"></a>
                        <p class="mb-4"><b></b></p>
                    </div>
                </div>
                <div class="col-md-4 grid-item t-3 certificaciones certificaciones-empresarial" style="display: none;">
                    <div class="content" id="o-15">
                        <a href="" data-id="15" class="view-more"><img src="{{ url('images/vuesax-twotone-more.svg') }}"></a>
                        <p><span>Certificaciones Empresarial</span></p>
                        <h4>Certificación de Konfio</h4>
                        <div class="info-event d-flex flex-column">
                            <p>
                                <img src="{{url('images/vuesax-twotone-note-text.svg')}}" alt="">
                                  28-ene-22
                            </p>
                            <p>
                                <img src="{{url('images/vuesax-twotone-clock.svg')}}" alt="">
                                 11:00 a. m.  
                            </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Mariana Rangel </strong>Ejecutiva de capacitación</p>
                        </div>
                        <img class="bank" src="{{ url('images/konfio.svg') }}">
                    </div>
                    <div class="content-back d-none" id="b-15">
                        <a href="" data-id="15" class="close-grid"><img src="{{ url('images/vuesax-twotone-close-circle.svg') }}"></a>
                        <p class="mb-4"><b></b></p>
                    </div>
                </div>
                <div class="col-md-4 grid-item t-3 webinars webinar-seguros" style="display: none;">
                    <div class="content" id="o-16">
                        <a href="" data-id="16" class="view-more"><img src="{{ url('images/vuesax-twotone-more.svg') }}"></a>
                        <p><span>Webinar Seguros</span></p>
                        <h4>Webinar Networking</h4>
                        <div class="info-event d-flex flex-column">
                            <p>
                                <img src="{{url('images/vuesax-twotone-note-text.svg')}}" alt="">
                                  03 de enero
                            </p>
                            <p>
                                <img src="{{url('images/vuesax-twotone-clock.svg')}}" alt="">
                                 8:45 a 10:00 hrs
                            </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Jaime Maximo </strong></p>
                        </div>
                        <p>Universidad seguros</p>
                    </div>
                    <div class="content-back d-none" id="b-16">
                        <a href="" data-id="16" class="close-grid"><img src="{{ url('images/vuesax-twotone-close-circle.svg') }}"></a>
                        <p class="mb-4"><b></b></p>
                    </div>
                </div>
                <div class="col-md-4 grid-item t-3 webinars webinar-seguros" style="display: none;">
                    <div class="content" id="o-17">
                        <a href="" data-id="17" class="view-more"><img src="{{ url('images/vuesax-twotone-more.svg') }}"></a>
                        <p><span>Webinar Seguros</span></p>
                        <h4>Webinar Seguro Educativo</h4>
                        <div class="info-event d-flex flex-column">
                            <p>
                                <img src="{{url('images/vuesax-twotone-note-text.svg')}}" alt="">
                                  06 de enero
                            </p>
                            <p>
                                <img src="{{url('images/vuesax-twotone-clock.svg')}}" alt="">
                                 8:45 a 10:00 hrs
                            </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Fernando Cabrera </strong></p>
                        </div>
                        <p>Abodah Asesoría y Consultoría en Seguros</p>
                    </div>
                    <div class="content-back d-none" id="b-17">
                        <a href="" data-id="17" class="close-grid"><img src="{{ url('images/vuesax-twotone-close-circle.svg') }}"></a>
                        <p class="mb-4"><b></b></p>
                    </div>
                </div>
        
                <div class="col-md-4 grid-item t-4 webinars webinar-seguros" style="display: none;">
                    <div class="content" id="o-18">
                        <a href="" data-id="18" class="view-more"><img src="{{ url('images/vuesax-twotone-more.svg') }}"></a>
                        <p><span>Webinar Seguros</span></p>
                        <h4>Webinar Seguro Educativo</h4>
                        <div class="info-event d-flex flex-column">
                            <p>
                                <img src="{{url('images/vuesax-twotone-note-text.svg')}}" alt="">
                                  06 de enero
                            </p>
                            <p>
                                <img src="{{url('images/vuesax-twotone-clock.svg')}}" alt="">
                                 8:45 a 10:00 hrs
                            </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Fernando Cabrera </strong></p>
                        </div>
                        <p>Abodah Asesoría y Consultoría en Seguros</p>
                    </div>
                    <div class="content-back d-none" id="b-18">
                        <a href="" data-id="18" class="close-grid"><img src="{{ url('images/vuesax-twotone-close-circle.svg') }}"></a>
                        <p class="mb-4"><b></b></p>
                    </div>
                </div>
                <div class="col-md-4 grid-item t-4 webinars webinar-seguros" style="display: none;">
                    <div class="content" id="o-19">
                        <a href="" data-id="19" class="view-more"><img src="{{ url('images/vuesax-twotone-more.svg') }}"></a>
                        <p><span>Webinar Seguros</span></p>
                        <h4>Webinar Año Nuevo Buenas vibras</h4>
                        <div class="info-event d-flex flex-column">
                            <p>
                                <img src="{{url('images/vuesax-twotone-note-text.svg')}}" alt="">
                                 10 de enero
                            </p>
                            <p>
                                <img src="{{url('images/vuesax-twotone-clock.svg')}}" alt="">
                                 8:45 a 10:00 hrs
                            </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Eduardo Cordero</strong></p>
                        </div>
                        <p>Dirección General Seguros</p>
                    </div>
                    <div class="content-back d-none" id="b-19">
                        <a href="" data-id="19" class="close-grid"><img src="{{ url('images/vuesax-twotone-close-circle.svg') }}"></a>
                        <p class="mb-4"><b></b></p>
                    </div>
                </div>
                <div class="col-md-4 grid-item t-4 webinars webinar-seguros" style="display: none;">
                    <div class="content" id="o-20">
                        <a href="" data-id="20" class="view-more"><img src="{{ url('images/vuesax-twotone-more.svg') }}"></a>
                        <p><span>Webinar Seguros</span></p>
                        <h4>Webinar Año Nuevo Buenas vibras</h4>
                        <div class="info-event d-flex flex-column">
                            <p>
                                <img src="{{url('images/vuesax-twotone-note-text.svg')}}" alt="">
                                 10 de enero
                            </p>
                            <p>
                                <img src="{{url('images/vuesax-twotone-clock.svg')}}" alt="">
                                 8:45 a 10:00 hrs
                            </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Eduardo Cordero</strong></p>
                        </div>
                        <p>Dirección General Seguros</p>
                    </div>
                    <div class="content-back d-none" id="b-20">
                        <a href="" data-id="20" class="close-grid"><img src="{{ url('images/vuesax-twotone-close-circle.svg') }}"></a>
                        <p class="mb-4"><b></b></p>
                    </div>
                </div>
                <div class="col-md-4 grid-item t-4 webinars webinar-seguros" style="display: none;">
                    <div class="content" id="o-21">
                        <a href="" data-id="21" class="view-more"><img src="{{ url('images/vuesax-twotone-more.svg') }}"></a>
                        <p><span>Webinar Seguros</span></p>
                        <h4>Capacitación Seguro para Empresas</h4>
                        <div class="info-event d-flex flex-column">
                            <p>
                                <img src="{{url('images/vuesax-twotone-note-text.svg')}}" alt="">
                                 11 de enero
                            </p>
                            <p>
                                <img src="{{url('images/vuesax-twotone-clock.svg')}}" alt="">
                                 8:45 a 10:00 hrs
                            </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Alfredo Martinez</strong></p>
                        </div>
                        <p>Venta Cruzada</p>
                    </div>
                    <div class="content-back d-none" id="b-21">
                        <a href="" data-id="21" class="close-grid"><img src="{{ url('images/vuesax-twotone-close-circle.svg') }}"></a>
                        <p class="mb-4"><b></b></p>
                    </div>
                </div>
                <div class="col-md-4 grid-item t-4 webinars webinar-seguros" style="display: none;">
                    <div class="content" id="o-22">
                        <a href="" data-id="22" class="view-more"><img src="{{ url('images/vuesax-twotone-more.svg') }}"></a>
                        <p><span>Webinar Seguros</span></p>
                        <h4>Webinar Skandia</h4>
                        <div class="info-event d-flex flex-column">
                            <p>
                                <img src="{{url('images/vuesax-twotone-note-text.svg')}}" alt="">
                                 11 de enero
                            </p>
                            <p>
                                <img src="{{url('images/vuesax-twotone-clock.svg')}}" alt="">
                                 4:00 a 5:30 hrs
                            </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Skandia</strong></p>
                        </div>
                        <img class="bank" src="{{ url('images/skandia.png') }}" alt="">
                    </div>
                    <div class="content-back d-none" id="b-22">
                        <a href="" data-id="22" class="close-grid"><img src="{{ url('images/vuesax-twotone-close-circle.svg') }}"></a>
                        <p class="mb-4"><b></b></p>
                    </div>
                </div>
                <div class="col-md-4 grid-item t-4 webinars webinar-seguros" style="display: none;">
                    <div class="content" id="o-23">
                        <a href="" data-id="23" class="view-more"><img src="{{ url('images/vuesax-twotone-more.svg') }}"></a>
                        <p><span>Webinar Seguros</span></p>
                        <h4>Webinar Skandia</h4>
                        <div class="info-event d-flex flex-column">
                            <p>
                                <img src="{{url('images/vuesax-twotone-note-text.svg')}}" alt="">
                                 13 de enero
                            </p>
                            <p>
                                <img src="{{url('images/vuesax-twotone-clock.svg')}}" alt="">
                                8:45 a 10:30 hrs
                            </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Santiago Iglesias </strong></p>
                        </div>
                        <img class="bank" src="{{ url('images/skandia.png') }}" alt="">
                    </div>
                    <div class="content-back d-none" id="b-23">
                        <a href="" data-id="23" class="close-grid"><img src="{{ url('images/vuesax-twotone-close-circle.svg') }}"></a>
                        <p class="mb-4"><b></b></p>
                    </div>
                </div>
       
                <div class="col-md-4 grid-item t-5 webinars webinar-seguros" style="display: none;">
                    <div class="content" id="o-24">
                        <a href="" data-id="24" class="view-more"><img src="{{ url('images/vuesax-twotone-more.svg') }}"></a>
                        <p><span>Webinar Seguros</span></p>
                        <h4>Webinar Manejo de Agenda</h4>
                        <div class="info-event d-flex flex-column">
                            <p>
                                <img src="{{url('images/vuesax-twotone-note-text.svg')}}" alt="">
                                 17 de enero
                            </p>
                            <p>
                                <img src="{{url('images/vuesax-twotone-clock.svg')}}" alt="">
                                8:45 a 10:30 hrs
                            </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Sharon Ovando</strong></p>
                        </div>
                        <p>Desarrollo</p>
                    </div>
                    <div class="content-back d-none" id="b-24">
                        <a href="" data-id="24" class="close-grid"><img src="{{ url('images/vuesax-twotone-close-circle.svg') }}"></a>
                        <p class="mb-4"><b></b></p>
                    </div>
                </div>
                <div class="col-md-4 grid-item t-5 webinars webinar-seguros" style="display: none;">
                    <div class="content" id="o-25">
                        <a href="" data-id="25" class="view-more"><img src="{{ url('images/vuesax-twotone-more.svg') }}"></a>
                        <p><span>Webinar Seguros</span></p>
                        <h4>Webinar Skandia</h4>
                        <div class="info-event d-flex flex-column">
                            <p>
                                <img src="{{url('images/vuesax-twotone-note-text.svg')}}" alt="">
                                 19 de enero
                            </p>
                            <p>
                                <img src="{{url('images/vuesax-twotone-clock.svg')}}" alt="">
                                4:00 a 5:30 hrs
                            </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Skandia</strong></p>
                        </div>
                        <img class="bank" src="{{ url('images/skandia.png') }}" alt="">
                    </div>
                    <div class="content-back d-none" id="b-25">
                        <a href="" data-id="25" class="close-grid"><img src="{{ url('images/vuesax-twotone-close-circle.svg') }}"></a>
                        <p class="mb-4"><b></b></p>
                    </div>
                </div>
                <div class="col-md-4 grid-item t-5 webinars webinar-seguros" style="display: none;">
                    <div class="content" id="o-26">
                        <a href="" data-id="26" class="view-more"><img src="{{ url('images/vuesax-twotone-more.svg') }}"></a>
                        <p><span>Webinar Seguros</span></p>
                        <h4>Webinar Contabilidad para Agentes de Seguros</h4>
                        <div class="info-event d-flex flex-column">
                            <p>
                                <img src="{{url('images/vuesax-twotone-note-text.svg')}}" alt="">
                                 20 de enero
                            </p>
                            <p>
                                <img src="{{url('images/vuesax-twotone-clock.svg')}}" alt="">
                                8:45 a 10:30 hrs
                            </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Teresa Vazquez</strong></p>
                        </div>
                        <p>PRO Seguros México</p>
                    </div>
                    <div class="content-back d-none" id="b-26">
                        <a href="" data-id="26" class="close-grid"><img src="{{ url('images/vuesax-twotone-close-circle.svg') }}"></a>
                        <p class="mb-4"><b></b></p>
                    </div>
                </div>
                <div class="col-md-4 grid-item t-5 webinars webinar-seguros" style="display: none;">
                    <div class="content" id="o-27">
                        <a href="" data-id="27" class="view-more"><img src="{{ url('images/vuesax-twotone-more.svg') }}"></a>
                        <p><span>Webinar Seguros</span></p>
                        <h4>Webinar Cita Inicial</h4>
                        <div class="info-event d-flex flex-column">
                            <p>
                                <img src="{{url('images/vuesax-twotone-note-text.svg')}}" alt="">
                                 24 de enero
                            </p>
                            <p>
                                <img src="{{url('images/vuesax-twotone-clock.svg')}}" alt="">
                                8:45 a 10:30 hrs
                            </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Berenice Martinez</strong></p>
                        </div>
                        <p>Desarrollo</p>
                    </div>
                    <div class="content-back d-none" id="b-27">
                        <a href="" data-id="27" class="close-grid"><img src="{{ url('images/vuesax-twotone-close-circle.svg') }}"></a>
                        <p class="mb-4"><b></b></p>
                    </div>
                </div>
                <div class="col-md-4 grid-item t-5 webinars webinar-seguros" style="display: none;">
                    <div class="content" id="o-28">
                        <a href="" data-id="28" class="view-more"><img src="{{ url('images/vuesax-twotone-more.svg') }}"></a>
                        <p><span>Webinar Seguros</span></p>
                        <h4>Webinar Skandia</h4>
                        <div class="info-event d-flex flex-column">
                            <p>
                                <img src="{{url('images/vuesax-twotone-note-text.svg')}}" alt="">
                                 26 de enero
                            </p>
                            <p>
                                <img src="{{url('images/vuesax-twotone-clock.svg')}}" alt="">
                                4:00 a 5:30 hrs
                            </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Skandia</strong></p>
                        </div>
                        <img class="bank" src="{{ url('images/skandia.png') }}" alt="">
                    </div>
                    <div class="content-back d-none" id="b-28">
                        <a href="" data-id="28" class="close-grid"><img src="{{ url('images/vuesax-twotone-close-circle.svg') }}"></a>
                        <p class="mb-4"><b></b></p>
                    </div>
                </div>
                <div class="col-md-4 grid-item t-5 webinars webinar-seguros" style="display: none;">
                    <div class="content" id="o-29">
                        <a href="" data-id="29" class="view-more"><img src="{{ url('images/vuesax-twotone-more.svg') }}"></a>
                        <p><span>Webinar Seguros</span></p>
                        <h4>Webinar Plan de Retiro Beneficios Fiscales</h4>
                        <div class="info-event d-flex flex-column">
                            <p>
                                <img src="{{url('images/vuesax-twotone-note-text.svg')}}" alt="">
                                 27 de enero
                            </p>
                            <p>
                                <img src="{{url('images/vuesax-twotone-clock.svg')}}" alt="">
                               8:45 a 10:00 hrs
                            </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Christian Rodriguez</strong></p>
                        </div>
                        <p>ROGA Seguros</p>
                    </div>
                    <div class="content-back d-none" id="b-29">
                        <a href="" data-id="29" class="close-grid"><img src="{{ url('images/vuesax-twotone-close-circle.svg') }}"></a>
                        <p class="mb-4"><b></b></p>
                    </div>
                </div>
        
                <div class="col-md-4 grid-item t-6 webinars webinar-seguros" style="display: none;">
                    <div class="content" id="o-30">
                        <a href="" data-id="30" class="view-more"><img src="{{ url('images/vuesax-twotone-more.svg') }}"></a>
                        <p><span>Webinar Seguros</span></p>
                        <h4>Webinar Obtención de Referidos</h4>
                        <div class="info-event d-flex flex-column">
                            <p>
                                <img src="{{url('images/vuesax-twotone-note-text.svg')}}" alt="">
                                 31 de enero
                            </p>
                            <p>
                                <img src="{{url('images/vuesax-twotone-clock.svg')}}" alt="">
                                8:45 a 10:00 hrs
                            </p>
                        </div>
                        <div class="speakers d-flex align-items-start">
                            <img src="{{ url('images/vuesax-twotone-user.svg') }}" alt="">
                            <p><strong>Diego Olivares</strong></p>
                        </div>
                        <p>Desarrollo</p>
                    </div>
                    <div class="content-back d-none" id="b-30">
                        <a href="" data-id="30" class="close-grid"><img src="{{ url('images/vuesax-twotone-close-circle.svg') }}"></a>
                        <p class="mb-4"><b></b></p>
                    </div>
                </div>
       
        
    </div>
    <div class="row justify-content-center">
        <p class="text-center paginacion">
                    <a href="" data-filter="t-1" class="ml-1 mr-1 active">1</a>
                    <a href="" data-filter="t-2" class="ml-1 mr-1">2</a>
                    <a href="" data-filter="t-3" class="ml-1 mr-1">3</a>
                    <a href="" data-filter="t-4" class="ml-1 mr-1">4</a>
                    <a href="" data-filter="t-5" class="ml-1 mr-1">5</a>
                    <a href="" data-filter="t-6" class="ml-1 mr-1">6</a>
        </p>
    </div>
</div>

@endsection