@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 - 36 años ofreciendo una formación integral </title>
    <link rel="shortcut icon" href="Favicon.png">
@endsection
@section('content')
    <!-- Slider -->

    <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="3"></li>-->
            </ol>

            <div class="carousel-inner">
                <div class="carousel-item active">

                    <img src="img/slides/fimpes.jpg" class="d-block w-100 animate" alt="Acreditación lisa y llana por FIMPES">
                    <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-a.jpg" class="d-block w-100 animate" alt="Licenciaturas Semestrales">
                    <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-b.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/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="#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>

    <!-- Movil Oferta educativa-->


    <div class="container-fluid bg-info d-lg-none d-sm-block">
        <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>  Envíanos un WhatsApp </a>

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

    <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>




    <!-- 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:URL('camp/1.jpg'); ">
        <h2 class="text-center text-light p-4">Conócenos:</h2>

        <div class="row">
            <div class="col-6  text-center d-none d-lg-block d-xl-block">
                <img src="camp/UKLogo.jpg" class=" mx-auto img-fluid" alt="" style="max-width: 250px; border-radius: 50%;"/>
                <p class="p-1 d-none d-lg-block d-xl-block"><h3> Universidad Kino</h3></p>
                <p class="p-1 d-none d-lg-block d-xl-block"> Unidad Hermosillo |  Unidad Guaymas     </p>

            </div>


            <div class="col-6 text-center d-none d-lg-block d-xl-block">
                <img src="camp/prepa.jpg" class="mx-auto img-fluid" alt="" style="max-width: 250px; border-radius: 50%;"/>
                <p class="p-1 d-none d-lg-block d-xl-block"><h3> Preparatoria Kino </h3></p>
                <p class="p-1 d-none d-lg-block d-xl-block"> Unidad Hermosillo |  Unidad Guaymas     </p>
            </div>
        </div>
        <div class="container pb-4">
            <div class="col-xs-12 p-1 d-lg-none d-sm-block">
                <label for="inputState">Universidad Kino</label>
                <select id="inputState" class="form-control">
                    <option selected>Campus Hermosillo</option>
                    <option>Campus Guaymas</option>
                </select>
            </div>

            <div class="col-xs-12 p-1 d-lg-none d-sm-block">
                <label for="inputState">Preparatoria Universitaria Kino</label>
                <select id="inputState" class="form-control">
                    <option selected>Campus Hermosillo</option>
                    <option>Campus Guaymas</option>
                </select>
            </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>-->

   <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>
-->
@endsection