@extends('template.general')
@section('metas')
    <meta name="description" content="En Universidad Kino nos comprometemos a educar integralmente para mejorar su calidad de vida, formando emprendedores altamente calificados.">
    <meta name="keywords" content="licenciatura,Ingenieria,universidad,Hermosillo">
    <title>Universidad Kino -39 años ofreciendo una formación integral </title>
    <link rel="shortcut icon" href="Favicon.png">
@endsection
@section('content')
<style>
    html{
        box-sizing: border-box;
    }
    *,
    *::after,
    *::before {
        margin: 0;
        padding: 0;
        font-family: inherit;
        box-sizing: inherit;       
    }
    .intro{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        z-index: 1500;
        background: #FFF;
        transition: 1s;
    }

    .intro p{
        color: gray;
        font-size: 1.6rem;
        margin-top: 10px;
    }
    .logo {
        font-size: 2.5em;
        color: #000;
    }
    .logo-parts{
        position: relative;
        display: inline-block;
        bottom: -20px;
        opacity: 0;
    }
    .logo-parts.active{
        bottom: 0;
        opacity: 1;
        transition: ease-in-out .5s;
    }
    .logo-parts.fade{
        bottom: 250px;
        opacity: 0;
        transition: ease-in-out .5s;

    }

</style>
<div class="intro">
    <img src="img/logo.png" alt="Logo Unikino" width="250px" />
    <h1 class="logo">
        <span class="logo-parts">B</span>
        <span class="logo-parts">I</span>
        <span class="logo-parts">E</span>
        <span class="logo-parts">N</span>
        <span class="logo-parts">V</span>
        <span class="logo-parts">E</span>
        <span class="logo-parts">N</span>
        <span class="logo-parts">I</span>
        <span class="logo-parts">D</span>
        <span class="logo-parts">O</span>
    </h1>
    <p>#Solo Los Mejores</p>
</div>
    <!-- Slider -->
<div class="d-none d-lg-block d-xl-block">
    <div class="bd-example">
        <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
                <li class=" d-none d-lg-block" data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
                <li class=" d-none d-lg-block" data-target="#carouselExampleCaptions" data-slide-to="1"></li>
                <li class=" d-none d-lg-block" data-target="#carouselExampleCaptions" data-slide-to="2"></li>
                <li class=" d-none d-lg-block" data-target="#carouselExampleCaptions" data-slide-to="3"></li>
                <li class=" d-none d-lg-block" data-target="#carouselExampleCaptions" data-slide-to="4"></li>
                <li class=" d-none d-lg-block" data-target="#carouselExampleCaptions" data-slide-to="5"></li>
                <li class=" d-none d-lg-block" data-target="#carouselExampleCaptions" data-slide-to="6"></li>
              <!--  <li class=" d-none d-lg-block" data-target="#carouselExampleCaptions" data-slide-to="3"></li>-->
            </ol>

            <div class="carousel-inner">

            <div class="carousel-item active">
                 <a href="/licenciaturas/arquitectura" target="_self"><img src="img/slides/ba.jpg" class="d-block w-100 animate" alt="Licenciatura en Arquitectura"></a>
                    <div class="carousel-caption d-none d-md-block ">
                       <!-- <h5>Titulo adicional</h5>
                        <p>Textos adicionales para la imagen</p>
                        <a class="btn btn-success btn-lg"><h5>Boton para redirigir</h5></a>-->
                   </div>
                </div>

                <div class="carousel-item ">
                 <a href="/licenciaturas/mercadotecnia" target="_self"><img src="img/slides/bm.jpg" class="d-block w-100 animate" alt="Licenciatura en Mercadotecnia y Publicidad Digitales"></a>
                    <div class="carousel-caption d-none d-md-block ">
                       <!-- <h5>Titulo adicional</h5>
                        <p>Textos adicionales para la imagen</p>
                        <a class="btn btn-success btn-lg"><h5>Boton para redirigir</h5></a>-->
                   </div>
                </div>

            <div class="carousel-item">
                 <a href="/Centro-de-Desarrollo-Empresarial" target="_self"><img src="img/slides/cdeuk.jpg" class="d-block w-100 animate" alt="Centro de Desarrollo Empresarial"></a>
                    <div class="carousel-caption d-none d-md-block ">
                       <!-- <h5>Titulo adicional</h5>
                        <p>Textos adicionales para la imagen</p>
                        <a class="btn btn-success btn-lg"><h5>Boton para redirigir</h5></a>-->
                   </div>
                </div>

               <div class="carousel-item">
                  <a href="/Comite-de-Etica" target="_self">  <img src="img/slides/cei1.jpg" class="d-block w-100 animate" alt="Comité de Ética en Investigación"></a>
                    <div class="carousel-caption d-none d-md-block">
                        <!--<h5>¿Estas listo?</h5>
                        <p>Movilidad de Universidad Kino 2019.</p>-->
                    </div>
                </div>


                <div class="carousel-item ">

                    <img src="img/slides/slm.jpg" class="d-block w-100 animate" alt="Construye tu historia en Universidad Kino">
                    <div class="carousel-caption d-none d-md-block">
                        <!--<h5>¿Estas listo?</h5>
                        <p>Movilidad de Universidad Kino 2019.</p>-->
                   </div>
                </div>

            
                <div class="carousel-item">
                    <img src="img/slides/le.png" class="d-block w-100 animate" alt="Licenciaturas Ejecutivas">
                    <div class="carousel-caption d-none d-md-block">
                        <!--<h5>¿Estas listo?</h5>
                        <p>Movilidad de Universidad Kino 2019.</p>-->
                   </div>
                </div>

             <div class="carousel-item">
                    <img src="img/slides/prep.jpg" class="d-block w-100 animate" alt="Tu futuro comienza aquí en Preparatoria Kino">
                    <div class="carousel-caption d-none d-md-block">
                        <!--<h5>¿Estas listo?</h5>
                        <p>Movilidad de Universidad Kino 2019.</p>-->
                    </div>
             </div>
               
            </div>
            <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>
    </div>
    </div>
    <!-- Movil Oferta educativa-->
    <div class=" bg-info d-lg-none d-sm-block">
    <div class="bd-example">
        <div id="Carroucel2" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
                <li class=" d-none d-lg-block" data-target="#Carroucel2" data-slide-to="0" class="active"></li>
                <li class=" d-none d-lg-block" data-target="#Carroucel2" data-slide-to="1"></li>
                <li class=" d-none d-lg-block" data-target="#Carroucel2" data-slide-to="2"></li>
               <li class=" d-none d-lg-block" data-target="#Carroucel2" data-slide-to="3"></li>
               <li class=" d-none d-lg-block" data-target="#Carroucel2" data-slide-to="4"></li>
               <li class=" d-none d-lg-block" data-target="#carouselExampleCaptions" data-slide-to="5"></li>
                <li class=" d-none d-lg-block" data-target="#carouselExampleCaptions" data-slide-to="6"></li>
              <!--  <li class=" d-none d-lg-block" data-target="#carouselExampleCaptions" data-slide-to="3"></li>-->
            </ol>

            <div class="carousel-inner">

            <div class="carousel-item active">
            <a href="/licenciaturas/arquitectura" target="_self">
                <img src="img/slides/bam.jpg" class="d-block w-100 animate" alt="Licenciatura en Arquitectura">
            </a>
                    <div class="carousel-caption d-none d-md-block ">
                       <!-- <h5>Titulo adicional</h5>
                        <p>Textos adicionales para la imagen</p>
                        <a class="btn btn-success btn-lg"><h5>Boton para redirigir</h5></a>-->
                   </div>
                </div>

                <div class="carousel-item">
            <a href="/licenciaturas/mercadotecnia" target="_self">
                <img src="img/slides/bmm.jpg" class="d-block w-100 animate" alt="Licenciatura en Mercadotecnia y Publicidad Digitales">
            </a>
                    <div class="carousel-caption d-none d-md-block ">
                       <!-- <h5>Titulo adicional</h5>
                        <p>Textos adicionales para la imagen</p>
                        <a class="btn btn-success btn-lg"><h5>Boton para redirigir</h5></a>-->
                   </div>
                </div>

            <div class="carousel-item">
            <a href="/Centro-de-Desarrollo-Empresarial" target="_self">
                <img src="img/slides/cdeukmv.jpg" class="d-block w-100 animate" alt="Centro de Desarrollo Empresarial">
            </a>
                    <div class="carousel-caption d-none d-md-block ">
                       <!-- <h5>Titulo adicional</h5>
                        <p>Textos adicionales para la imagen</p>
                        <a class="btn btn-success btn-lg"><h5>Boton para redirigir</h5></a>-->
                   </div>
                </div>

               <div class="carousel-item">
               <a href="/Comite-de-Etica" target="_self">
                 <img src="img/slides/ceimv1.jpg" class="d-block w-100 animate" alt="Comité de Ética en Investigación">
               </a>
                    <div class="carousel-caption d-none d-md-block">
                        <!--<h5>¿Estas listo?</h5>
                        <p>Movilidad de Universidad Kino 2019.</p>-->
                    </div>
                </div>


                <div class="carousel-item">

                    <img src="img/slides/slmv.jpg" class="d-block w-100 animate" alt="Construye tu historia en Universidad Kino">
                    <div class="carousel-caption d-none d-md-block">
                        <!--<h5>¿Estas listo?</h5>
                        <p>Movilidad de Universidad Kino 2019.</p>-->
                   </div>
                </div>

            
                <div class="carousel-item">
                    <img src="img/slides/lev.jpg" class="d-block w-100 animate" alt="Licenciaturas Ejecutivas">
                    <div class="carousel-caption d-none d-md-block">
                        <!--<h5>¿Estas listo?</h5>
                        <p>Movilidad de Universidad Kino 2019.</p>-->
                   </div>
                </div>

             <div class="carousel-item">
                    <img src="img/slides/pv.jpg" class="d-block w-100 animate" alt="Tu futuro comienza aquí en Preparatoria Kino">
                    <div class="carousel-caption d-none d-md-block">
                        <!--<h5>¿Estas listo?</h5>
                        <p>Movilidad de Universidad Kino 2019.</p>-->
                    </div>
             </div>

                 <!--<div class="carousel-item">
                    <img src="img/slides/1-c.jpg" class="d-block w-100 animate" alt="Preparatoria Kino">
                    <div class="carousel-caption d-none d-md-block ">-->
                       <!-- <h5>Titulo adicional</h5>
                        <p>Textos adicionales para la imagen</p>
                        <a class="btn btn-success btn-lg"><h5>Boton para redirigir</h5></a>-->
                   <!--</div>
                </div>-->

               <!--<div class="carousel-item">
                    <img src="img/slides/1-d.jpg" class="d-block w-100 animate" alt="Maestría Desarrollo Humano y Organizacional">
                    <div class="carousel-caption d-none d-md-block">
                        <!--<h5>¿Estas listo?</h5>
                        <p>Movilidad de Universidad Kino 2019.</p>-->
                  <!--  </div>
                </div>-->
               
            </div>
            <a class="carousel-control-prev" href="#Carroucel2" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#Carroucel2" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>
    </div>
    </div>

    <div class="container-fluid d-lg-none d-sm-block" style="background-color: #fe9611;">
        <a href="/oferta-educativa" style="text-decoration: none;"> <div class="col-lg-12 text-center p-2 text-white text-decoration-none" >
            <h2>Oferta Educativa  <i class="fas fa-plus text-light"></i></h2>
        </div></a>
        <!--<nav class="navbar navbar-expand-md bg-info navbar-dark">
            <a class="navbar-brand" href="#" data-toggle="collapse" data-target="#collapsibleNavbar"><h3>Oferta Educativa</h3></a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
                <i class="fas fa-plus text-light"></i>
            </button>
            <div class="collapse navbar-collapse" id="collapsibleNavbar">
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link" href="#">Licenciaturas</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Ingenierías</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Preparatorias</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Maestrías</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Doctorados</a>
                    </li>
                </ul>
            </div>
        </nav>-->


    </div>



    <div class="container-fluid bg-light d-lg-none d-sm-block pt-3">
        <a href="tel:6622590808" class="btn btn-outline-secondary btn-lg btn-block" target="_blank"><i class="fas fa-phone-alt"></i> Información por teléfono</a>

        <a href="http://wa.me/526624514810?text=Me%20gustaría%20información%20sobre%20la%20Oferta%20Educativa%20de%20Universidad%20Kino." class="btn btn-success btn-lg btn-block" target="_blank"><i class="fab fa-whatsapp"></i> WhatsApp para Aspirantes </a>

        <!--<a href="#Contacto" class="btn btn-info btn-lg btn-block"> <i class="far fa-envelope"></i> Envíanos un correo</a>-->
    </div>

   <!-- Botones Direccionados -->
   <div class="container-fluid d-none d-lg-block d-xl-block" style="background-color:#f5f1e3;">
        <div class="col-lg-12">

        <div class="d-flex justify-content-center pt-4 pb-1 ">
            <div class="bd-highlight">
                <a href="/oferta-educativa#Pk" target="_self" alt="Preparatoria">
                    <img src="btn/btn_prepa.jpg" class="mx-auto img-fluid p-2 " alt="" style="max-width: 250px;"/>
                </a>
            </div>
            <div class="bd-highlight">
                <a href="/oferta-educativa#Pk" target="_self" alt="Preparatoria Virtual">
                    <img src="btn/btn_prepav.jpg" class="mx-auto img-fluid p-2 " alt="" style="max-width: 250px;"/>
                </a>
            </div>
            <div class="bd-highlight">
                <a href="/oferta-educativa#Lic" target="_self" alt="Licenciaturas Ejecutivas">
                    <img src="btn/btn_le.jpg" class="mx-auto img-fluid p-2 " alt="" style="max-width: 250px;"/>
                </a>
            </div>
            <div class="bd-highlight">
                <a href="/oferta-educativa#Lic" target="_self" alt="Licenciaturas Ejecutivas">
                    <img src="btn/btn_ls.jpg" class="mx-auto img-fluid p-2 " alt="" style="max-width: 250px;"/>
                </a>    
            </div>
            <div class="bd-highlight">
                <a href="/oferta-educativa#Pos" target="_self" alt="Posgrados">
                    <img src="btn/btn_p.jpg" class="mx-auto img-fluid p-2 " alt="" style="max-width: 250px;"/>
                </a>
            </div>
            <div class="bd-highlight">
                <a href="https://www.unikinovirtual.com/" target="_self" alt="Universidad Virtual">
                    <img src="btn/btn_uv.jpg" class="mx-auto img-fluid p-2 " alt="" style="max-width: 250px;"/>
                </a>
            </div>
        </div>

    </div>
   
</div>

    



    <!-- Promos y Videos-->
    <!--<div class="container-fluid bg-light p-4">

        <div class="row p-1">

            <div class="col-lg-4 col-md-4 p-3">
                <h4 class="font-weight-light text-center">Sanitización</h4>
                <div class="embed-responsive embed-responsive-16by9">
                    <video controls loop class="embed-responsive-item" style="max-width: 900px;">
                        <source src="videos/Sanitizacion.mp4"  type="video/mp4">
                    </video>

                </div>
            <a href="img/sp/sp2.jpg" target="_blank">  <img src="img/sp/sp2.jpg" alt="" class="img-fluid" id="bk2"/></a>
            </div>
            <div class="col-lg-4 col-md-4 p-3 d-none d-lg-block d-xl-block">

                <h4 class="font-weight-light text-center">Nos adaptamos por ti</h4>
                <div class="embed-responsive embed-responsive-16by9">
                    <video controls loop class="embed-responsive-item" style="max-width: 900px;">
                        <source src="videos/unikino_adaptamos.mp4"  type="video/mp4">
                    </video>

               <a href="img/sp/sp1.jpg" style="text-decoration: none;" target="_blank"> <img src="img/sp/sp1.jpg" alt="" class="img-fluid" id="bk1"/></a>

            </div>
            </div>
            <div class="col-lg-4 col-md-4 p-3 d-none d-lg-block d-xl-block">
                <h4 class="font-weight-light text-center">Unikino juntos</h4>
                <div class="embed-responsive embed-responsive-16by9">
                    <video controls loop class="embed-responsive-item" style="max-width: 900px;">
                        <source src="videos/unikino_juntos.mp4"  type="video/mp4">
                    </video>
              <a href="https://www.facebook.com/unikino" target="_blank" style="text-decoration: none;"> <img src="img/sp/sp3.jpg" alt="" class="img-fluid" id="bk3"/></a>

            </div>
        </div>
    </div>
    </div>-->




    <!-- Noticias

    <div class="container p-3">

        <h3 class="text-center">Noticias</h3>
        <hr>
        <br>
        <div class="row">
            <div class="card mb-3 col-lg-4" style=" border: 0px;">
                <div class="row no-gutters">
                    <div class="col-md-4 p-0">
                        <img src="not/1.jpg" class="card-img" alt="...">
                    </div>
                    <div class="col-md-8 ">
                        <div class="card-body">
                            <h5 class="card-title">Convenio</h5>
                            <p class="card-text">Hoy Universidad Kino e Instituto Municipal de Cultura y Arte firmaron convenio de colaboraciones...</p>
                            <p class="card-text"><small class="text-muted">30 de Agosto de 2019</small></p>
                        </div>
                    </div>
                </div>
                <hr>
            </div>

            <div class="card mb-3 col-lg-4 d-none d-lg-block d-xl-block"style=" border: 0px;">
                <div class="row no-gutters">
                    <div class="col-md-4">
                        <img src="not/2.jpg" class="card-img" alt="...">
                    </div>
                    <div class="col-md-8">
                        <div class="card-body">
                            <h5 class="card-title">¡Bienvenidos!</h5>
                            <p class="card-text">
                                Iniciamos el semestre aplicando a los alumnos de nuevo ingreso la primera edición del Examen de Evaluación denominado EVALUK...</p>
                            <p class="card-text"><small class="text-muted">14 de Agosto de 2019</small></p>
                        </div>
                    </div>
                </div>
                <hr>
            </div>

            <div class="card mb-3 col-lg-4 d-none d-lg-block d-xl-block" style=" border: 0px;">
                <div class="row no-gutters">
                    <div class="col-md-4">
                        <img src="not/3.jpg" class="card-img" alt="...">
                    </div>
                    <div class="col-md-8">
                        <div class="card-body">
                            <h5 class="card-title">Concluyó el campamento de verano 2019</h5>
                            <p class="card-text">
                                Universidad Kino, Los pequeños tuvieron oportunidad de vivir diferentes y experiencias...</p>
                            <p class="card-text"><small class="text-muted">26 de Julio de 2019</small></p>
                        </div>
                    </div>
                </div>
                <hr>
            </div>

        </div>
    </div> -->

    <!-- Campus -->
    <div class="container-fluid p-3 text-light" style="background-color:#f5f1e3;">
        <div class="container">
        <div class="row pt-4">
            <div class="col-lg-4  text-center d-none d-lg-block d-xl-block">
                <div class="col-lg-12">
            <h1 style=" font-weight:bolder; color:#90181c; font-size:5em;">Campus</h1>         
                </div>
                <div class="col-lg-12 p-4 bg-light d-none d-lg-block d-xl-block" style="border-radius:30px; max-width:400px; height:400px;">         
                     <a href="https://goo.gl/maps/fhC35UnV6mFcJY6w9?coh=178572&entry=tt" target="_blank">   
                        <img src="camp/hermosillo.png" class="mx-auto img-fluid pb-4" alt=""/>
                    </a>
                    <a href="https://goo.gl/maps/LAaUnkQQP9HEZbMV8?coh=178572&entry=tt" target="_blank"> 
                        <img src="camp/guaymas.png" class="mx-auto img-fluid pt-2" alt="" />
</a>
</div>
            </div>
<!-- Video -->
            <div class="col-lg-8 text-center d-none d-lg-block d-xl-block">
            <video src="camp/instalaciones.mp4" controls poster="camp/preview.jpg" width="100%">
                <p>Su navegador no soporta vídeos HTML5.</p>
            </video>
            </div>
        </div>
 <!-- movil view -->       
        <div class="container pb-4">
        <div class="col-xs-12 p-1 d-lg-none d-sm-block"> 
        <h1 style=" font-weight:bolder; color:#90181c;" class="text-center">Campus</h1>  
        </div>
        <div class="col-xs-12 p-1 d-lg-none d-sm-block pb-2"> 
        <video src="camp/instalaciones.mp4" controls poster="camp/preview.jpg" width="100%">
                <p>Su navegador no soporta vídeos HTML5.</p>
            </video>
            <hr class="pt-1>
        </div>
       
       <div class="col-xs-12 p-1 d-lg-none d-sm-block"> 
                     <a href="https://goo.gl/maps/fhC35UnV6mFcJY6w9?coh=178572&entry=tt" target="_blank">   
                        <img src="camp/hermosillo.png" class="mx-auto img-fluid pb-1 pt-1" alt="" />
</a>
        </div>

            <div class="col-xs-12 p-1 d-lg-none d-sm-block">
            <a href="https://goo.gl/maps/LAaUnkQQP9HEZbMV8?coh=178572&entry=tt" target="_blank"> 
                        <img src="camp/guaymas.png" class="mx-auto img-fluid pt-1" alt=""/>
</a>
            </div>
        </div>
    </div>


    </div>
    </div>

    <!--<div class="container-fluid p-1 bg-light">
        <div class="col-lg-12 text-center pt-3">
            <h1> También atendemos por Whatsapp</h1>
            <p>
            <h1> <a href="http://wa.me/526624514810?text=Me%20gustaría%20informacion%20%20de%20Universidad%20Kino" class="btn btn-outline-secondary btn-lg" target="_blank"><i class="fab fa-whatsapp"></i> 6624514810</a></h1>
            </p>
        </div>-->

    </div>
<!-- Convenios -->
<img src="btn/cut_out.png" class="mx-auto img-fluid" alt="" style="width:100%;"/>
    <div class="container-fluid">
        <h3 class="text-center p-4">Nuestros convenios y alianzas</h3>
        <div class="container pb-4">

            <section class="customer-logos slider">
                <div class="slide lazy"><img src="cn/01.jpg" alt=""/></div>
                <div class="slide lazy"><img src="cn/02.jpg" alt=""/></div>
                <div class="slide lazy"><img src="cn/03.jpg" alt=""/></div>
                <div class="slide lazy"><img src="cn/04.jpg" alt=""/></div>
                <div class="slide lazy"><img src="cn/1.jpg" alt=""/></div>
                <div class="slide lazy"><img src="cn/2.jpg" alt=""/></div>
                <div class="slide lazy"><img src="cn/3.jpg" alt=""/></div>
                <div class="slide lazy"><img src="cn/4.jpg" alt=""/></div>
                <div class="slide lazy"><img src="cn/5.jpg" alt=""/></div>
                <div class="slide lazy"><img src="cn/6.jpg" alt=""/></div>
                <div class="slide lazy"><img src="cn/7.jpg" alt=""/></div>
                <div class="slide lazy"><img src="cn/8.jpg" alt=""/></div>
                <div class="slide lazy"><img src="cn/9.jpg" alt=""/></div>
                <div class="slide lazy"><img src="cn/10.jpg" alt=""/></div>
                <div class="slide lazy"><img src="cn/11.jpg" alt=""/></div>
                <div class="slide lazy"><img src="cn/12.jpg" alt=""/></div>
                <div class="slide lazy"><img src="cn/13.jpg" alt=""/></div>

            </section>
        </div>
    </div>

   <script>
    $( document ).ready(function() {
    $('#banner').modal('toggle')
});
</script>

<!-- BANNER DE FIMPES
<div id="banner" class="modal fade">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                   <div class="modal-header">
                        <h4 class="modal-title pulse" style="font-size:1.5em; color:#811c20;"><b>DIRIGIDO A LA COMUNIDAD UNIVERSITARIA</b></h4>
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    </div>
                    <div class="modal-body" style="background: rgb(2,0,36);
background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(242,241,239,1) 0%, rgba(255,255,255,1) 100%);">
                    <div class="row">
                    <div class="col-lg-6 d-lg-none text-center">
                   <a href="https://forms.gle/TLXZX4ibHe4FAuyM8"  target="_blank">  <img src="/img/encuesta2.jpg" alt="FIMPES los invita a expresar sus comentarios y opiniones generales" class="img-fluid" /> </a>
                   </div>
                   <div class="col-lg-6 d-none d-lg-block   text-center">
                   <a href="https://forms.gle/TLXZX4ibHe4FAuyM8"  target="_blank">  <img src="/img/encuesta.jpg" alt="FIMPES los invita a expresar sus comentarios y opiniones generales" class="img-fluid" /> </a>
                   </div>
                   <div class="col-lg-6">
                   <p class="text-justify pt-2" style="font-size:1em;" >
                   Como saben, la Universidad Kino está en proceso de Autoestudio con la Federación de Instituciones Mexicanas Particulares de Educación Superior, FIMPES. Agradecemos la participación que toda la Comunidad ha tenido hasta ahora en el proceso y FIMPES los invita a expresar sus comentarios y opiniones generales sobre    la    Universidad a partir del 17 de junio y hasta el 13 de agosto del 2022 en:</p>

                   <p style="text-align:center;"><a href="https://forms.gle/CfAnmB1x6B4WADVL8" target="blank">https://forms.gle/CfAnmB1x6B4WADVL8</a></p>

                    <p class="text-justify " style="font-size:1em;" >
                    Todos sus comentarios y opiniones serán confidenciales y serán considerados durante la verificación que se realizará.  Los  comentarios  que  aquí  exprese,  serán considerados  por  este  Equipo  Visitador  y  podrán  ser  compartidos,  sin  revelar  su  identidad,  con  las autoridades de la Institución.
                   </p>

                   <a class="btn btn-danger btn-block" href="https://forms.gle/CfAnmB1x6B4WADVL8" target="_blank">Haz clic aquí</a>
                   </a>
                    </div>
                    </div>
                    </div>
                </div>
            </div>
        </div>
</div>
                   -->


<!-- BANNER TEMPORAL 
                   <div id="banner" class="modal fade">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                   <div class="modal-header">
                        <h4 class="modal-title pulse" style="font-size:1.5em; color:#811c20;"><b>DIRIGIDO A LA COMUNIDAD UNIVERSITARIA</b></h4>
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    </div>
                    <div class="modal-body" style="background: rgb(2,0,36);
background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(242,241,239,1) 0%, rgba(255,255,255,1) 100%);">
                    <div class="row">
                    <div class="col-lg-6 d-lg-none text-center">
                   <a href="/pdf/RUA2023.pdf"  target="_blank">  <img src="/img/reto_uk2.jpg" alt="FIMPES los invita a expresar sus comentarios y opiniones generales" class="img-fluid" /> </a>
                   </div>
                   <div class="col-lg-6 d-none d-lg-block   text-center">
                   <a href="/pdf/RUA2023.pdf"  target="_blank">  <img src="/img/reto_uk.jpg" alt="FIMPES los invita a expresar sus comentarios y opiniones generales" class="img-fluid" /> </a>
                   </div>
                   <div class="col-lg-6">
                   <p class="text-justify pt-2" style="font-size:1em;" >
                   La Universidad Kino como parte del Programa de Promoción y Prevención de la Salud, dirigido por la Coordinación Psicopedagógica, realizará el <b>RETO UNIKINO ACTÍVATE 2023</b>, con la finalidad de motivar a la Comunidad Universitaria a adoptar un estilo de vida más saludable con la ayuda de profesionales de la salud que les brindarán asesoría y acompañamiento en cada parte del proceso. Las inscripciones del reto UNIKINO ACTÍVATE 2023, se llevarán a cabo del<b> 25 al 27 de enero</b> en la siguiente liga: 
                   <p style="text-align:center;"><a href="https://forms.office.com/r/Xq0jbhZPmt" target="blank">https://forms.office.com/r/Xq0jbhZPmt</a></p>

                    <p class="text-justify " style="font-size:1em;" >
                    Si estas interesado o interesada puedes consultar la convocatoria en el siguiente boton:
                   </p>

                   <a class="btn btn-danger btn-block" href="/pdf/RUA2023.pdf" target="_blank">Haz clic aquí</a>
                   </a>
                    </div>
                    </div>
                    </div>
                </div>
            </div>
        </div>

</div>
-->

<!-- Banner Carrera

<div id="banner" class="modal fade">
            <div class="modal-dialog modal-dialog-centered modal">
                <div class="modal-content">
                <div class="modal-header">
                        <p class="modal-title" color:#811c20;"><b> Reto Unikino Activate </b></p>
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    </div>
                    <div class="modal-body">
                        <a href="/pdf/RUA2024.pdf" target="_blank">
                    <img src="/img/rua2024.jpg" alt="Reto Unikino Activate 2024" class="img-fluid" width="600"/>    
                          </a>   
                          
                          <div class="row">
                            <div class="col-lg-6 col-md-12 pt-2">
                          <a class="btn btn-danger btn-block" href="https://forms.office.com/r/Xq0jbhZPmt" target="_blank">Inscripciones</a>
                          </div>
                          <div class="col-lg-6 col-md-12 pt-2">
                          <a class="btn btn-success btn-block" href="/pdf/RUA2024.pdf" target="_blank">Convocatoria</a>
                   </div>
                          </div>

                    </div>
                    
                    </div>
                </div>
            </div>
        </div>
</div>-->


<!-- Banner Becas 
<div id="banner" class="modal fade">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <p class="modal-title" color:#811c20;"><b> Renovación de Becas </b></p>
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                     </div>
                         <div class="modal-body">
                            <a data-dismiss="modal">
                    <img src="/img/becas_2024_3.jpg" alt="Renovación de Becas" class="img-fluid"/>    
                   </a> 
                         </div>
                    </div>
                </div>
            </div> 
            
        </div>
</div>-->

<div id="banner" class="modal fade">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <p class="modal-title" color:#811c20;"><b>AVISO IMPORTANTE - NUEVO MÉTODO DE PAGO </b></p>
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                     </div>
                         <div class="modal-body">
                            <a data-dismiss="modal">
                    <img src="/img/nm_p.jpg" alt="Renovación de Becas" class="img-fluid"/>
                   </a> 
                         </div>
                    </div>
                </div>
            </div>  
            
        </div>
</div>
<script src="js/hola.js"></script>
@endsection