@extends('template.general')
@section('metas')
    <meta name="description" content="Oferta educativa de Universidad y Preparatoria Universitaria Kino, contamos con las mejores opciones en ingenierías, licenciaturas y posgrados.">
    <meta name="keywords" content="Oferta,Educativa,Universidad,Hermosillo,Kino,Licenciatura,Ingenieria">
    <title>Universidad Kino - Oferta Educativa </title>
@endsection
@section('content')
    <div style="background-color: #f8f9fa; ">
        <img src="/img/oe/boe.png" class="d-block w-100 animate fadeIn" alt="...">
    </div>


        <div class="container pt-4">

            <div class="row mt-4">
                <div class="col-lg-8">
                    
                    <p class="text-left" style=" line-height: 0.9;"> <span class="font-weight-bolder txtinst" style="font-size:2em;">¿Conoces la oferta educativa</span><br>
                        <span class="pl-4 ml-4 font-weight-bolder txtinst" style="font-size: 4em;">que tenemos para ti?</span></p>

                        <p class="txtinst pt-4 text-justify fx-txt" style=" line-height: 1.2;">
                        Con más de 37 años desde su establecimiento, nuestra Universidad ha enriquecido su oferta académica, presentando actualmente 
                        <b>10 licenciaturas, 6 ingenierías, 1 programa de Posgrado y nuestra renombrada Preparatoria Universitaria Kino.</b>
                    </p>
                    <p class="txtinst pt-4 text-justify fx-txt" style=" line-height: 1.2;">Brindamos una amplia gama de modalidades de licenciatura para ajustarnos a tus requerimientos: <b>presenciales semestrales, cuatrimestrales, ejecutivas y virtuales.</b></p>
                    <p class="txtinst pt-4 text-justify fx-txt" style=" line-height: 1.2;">Además, contamos con presencia en dos localidades: Hermosillo, Sonora, y Guaymas, Sonora.</p>
                </div>
                <div class="col-lg-4 d-none d-sm-block">
                <img src="/img/oe/alumnos.png" class=" img-fluid" alt="..." >
                </div>
            </div>

        </div>

        <div class="bg-white">         
<div class="container">
    <div class="tab">
  <button class="tablinks active" onclick="openCity(event, 'Hermosillo')" id="defaultOpen">Hermosillo</button>
  <button class="tablinks ml-4" onclick="openCity(event, 'Guaymas')">Guaymas</button>
</div>

<div id="Hermosillo" class="tabcontent">
  <h4 class="pt-4">Nivel Acádemico - Hermosillo:</h4>
  <label for="globalstyleselect"></label>
  <select id="globalstyleselect" class="form-control  col-auto" onchange="styleselect()">
  <option value="1">Licenciaturas semestrales </option>
  <option value="2">Licenciaturas cuatrimestrales  </option>
  <option value="3">Licenciaturas ejecutivas </option>
  <option value="4">Licenciaturas Virtuales  </option>
  <option value="5">Posgrado </option>
  <option value="6">Preparatoria </option>
</select>
<div class="row">
    <div class="col-lg-12 fx-bg p-4">
        <img src="/img/oe/1.png" class="text-left" width="100" />
    </div>
<div class="col-lg-3 bg-light d-none d-lg-block d-xl-block">
<img src="/img/oe/pts.png" width="50" class="absolute-bottom" />

</div>
<div class="col-lg-9 bg-light" id="stylediv"></div>

<div class="container bg-light">
  <div class="row m-4">
    <div class="col text-center">
      <a href="http://wa.me/526624514810?text=Me%20gustar%C3%ADa%20informacion%20%20de%20Universidad%20Kino%20-%20Campus%20Hermosillo" target="_blank" class="mr-4">
      <img src="/img/oe/btn-info.png" width="200"/>
      </a>

      <a href="https://inscripciones.unikino.mx/" class="mr-4">
      <img src="/img/oe/btn-i.png" width="200"/>
      </a>
    </div>
    
  </div>
</div>
</div>

</div>

<div id="Guaymas" class="tabcontent">
  <h4 class="pt-4">Nivel Acádemico - Guaymas:</h4>
  <select id="Guaymasstyleselect" class="form-control col-auto" onchange="styleselect()">
  <option value="1g">Licenciaturas ejecutivas </option>
  <option value="2g">Licenciaturas Virtuales  </option>
  <option value="3g">Preparatoria </option>
  </select>
  <div class="row">
  <div class="col-lg-12 fx-bg p-4">
        <img src="/img/oe/1.png" class="text-left" width="100" />
    </div>
    <div class="col-lg-3 bg-light d-none d-lg-block d-xl-block">
<img src="/img/oe/pts.png" width="50" class="absolute-bottom" />

</div>
    <div class="col-lg-9 bg-light" mt-2" id="Gstylediv">
  </div>

  <div class="container bg-light">
  <div class="row m-4">
    <div class="col text-center">
      <a href="http://wa.me/526624514810?text=Me%20gustar%C3%ADa%20informacion%20%20de%20Universidad%20Kino%20-%20Campus%20Guaymas" target="_blank" class="mr-4">
      <img src="/img/oe/btn-info.png" width="200"/>
      </a>

      <a href="https://inscripciones.unikino.mx/" class="mr-4">
      <img src="/img/oe/btn-i.png" width="200"/>
      </a>
    </div>
    
  </div>
</div>
</div>

</div>








</div>
        </div>
        <script>
function styleselect() {
  var value = $('#Guaymasstyleselect').val();
  var div = $("#Gstylediv");
if (value == "1g") {
    div.html('<div class="row pb-4">\
    <div class="col-lg-12 p-3"><h3 class="font-weight-bold text-body">Licenciaturas ejecutivas</h3></div>\
	<div class="col-lg-6 fx-txt-o txtinst " >\
<ul class="fa-ul" > <li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
					<a href="/ejecutivas/Guaymas/contador-publico"> Licenciatura en Contador Público </a></li> \
                    <li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
					<a href="/ejecutivas/Guaymas/administracion"> Licenciatura en Administración de Empresas </a></li> \
                    <li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
					<a href="/ejecutivas/Guaymas/educacion"> Licenciatura en Ciencias de la Educación  </a></li> \
                    <li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
					<a href="/ejecutivas/Guaymas/comercio-internacional"> Licenciatura en Comercio Internacional   </a></li> \
                    <li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
					<a href="/ejecutivas/Guaymas/industrial-en-calidad"> Ingeniería Industrial en Calidad   </a></li> \
</ul>\
	</div>\
	<div class="col-lg-6 fx-txt-o txtinst ">\
<ul class="fa-ul" ><li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
					<a href="/ejecutivas/Guaymas/sistemas-computacionales"> Ingeniería en Sistemas Computacionales    </a></li> \
</ul>\
	</div>\
</div>\
    ');
  }
  if (value == "2g") {
    div.html('<div class="row pb-4">\
    <div class="col-lg-12 p-3"><h3 class="font-weight-bold text-body">Licenciaturas ejecutivas</h3></div>\
	<div class="col-lg-6 fx-txt-o txtinst " >\
<ul class="fa-ul" > <li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
					<a href="https://www.unikinovirtual.com/dise%C3%B1o-grafico-digital"> Ingeniería en Diseño Gráfico Digital</a></li> \
		    <li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
					<a href="https://www.unikinovirtual.com/administracion-empresas"> Licenciatura en Administración de Empresas</a></li> \
		    <li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
					<a href="https://www.unikinovirtual.com/derecho"> Licenciatura en Derecho</a></li> \
		    <li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
					<a href="https://www.unikinovirtual.com/ciencias-educacion"> Licenciatura en Ciencias de la Educación</a></li> \
                     </ul>\
	</div>\
	<div class="col-lg-6 fx-txt-o txtinst ">\
	</div>\
</div>\
');
  }
  if (value == "3g") {
    div.html('<div class="col-lg-12 p-3"><h3 class="font-weight-bold text-body">Preparatoria de Universidad Kino</h3></div>\
    <div style="background: #f8f9fa;" >\
        <img src="/img/oe/prep.jpg" class="d-block w-100" alt="..." style="background: #f8f9fa;">\
    </div>\
    <div class="bg-light">\
        <div class="container text-center p-4">\
            <h3 class="font-weight-light">\
                Educando el mañana con el potencial de hoy.\
            </h3>\
            <hr>\
        </div>\
    </div>\
    <div class="container-fluid bg-light">\
        <div class="container">\
            <div class="row">\
                <div class="col-lg-12">\
                    <p class="text-justify txt-fx txtinst">\
                    Descubre un mundo de posibilidades en la Preparatoria de Universitaria Kino, donde tus horizontes se expanden a través de una experiencia enriquecedora que fomenta la creatividad y la innovación. Nuestro objetivo es prepararte para los desafíos que te aguardan, equipándote con las herramientas necesarias para triunfar en el futuro.\
</p>\
<p class="text-justify txt-fx txtinst">\
En Prepa Kino, cultivamos valores humanistas que te guiarán hacia el éxito. Más que una educación convencional, te ofrecemos una plataforma integral para tu desarrollo, donde encontrarás:\
</p>\
                <ul class="txt-fx txtinst">\
<li>Cuidado médico y apoyo psicológico para tu bienestar integral.</li>\
<li>Formación integral que trasciende las paredes del aula.</li>\
<li>Clases de inglés y francés que ampliarán tus habilidades lingüísticas.</li>\
<li>Acceso a un moderno gimnasio con entrenador personal, fisioterapeuta y nutricionista.</li>\
<li>Participación en emocionantes proyectos académicos, deportivos y culturales que enriquecerán tu experiencia.</li>\
<li>Apoyo continuo a través de tutorías y asesorías personalizadas.</li>\
                    </ul>\
<p class="text-justify txt-fx txtinst">\
                    Con la Preparatoria de Universitaria Kino tu éxito y bienestar son nuestra prioridad, y estamos aquí para impulsarte hacia un horizonte lleno de logros y oportunidades.\
<p>\
                    </div>\
            </div>\
            </div>\
            </div>\
            ');
  }
  var value = $('#globalstyleselect').val();
  var div = $("#stylediv");
  if (value == "1") {
    div.html(' \
    <div class="row pb-4">\
    <div class="col-lg-12 p-3"><h3 class="font-weight-bold text-body">Licenciaturas Semestrales</h3></div>\
	<div class="col-lg-6 fx-txt-o txtinst " >\
<ul class="fa-ul" > <li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
					<a href="ingenierias/diseno-grafico-digital"> Ingeniería en Diseño Gráfico Digital</a></li> \
                                <li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
					<a href="ingenierias/mecatronica"> Ingeniería en Mecatrónica</a></li>\
                               <li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
					<a href="ingenierias/sistemas-hidraulicos"> Ingeniería en Sistemas Hidráulicos</a> <span class="badge badge-inst">Nueva</span></li>\
                                <li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
					<a href="/licenciaturas/puericultura">  Licenciatura en Puericultura y Desarrollo Infantil</a></li>\
                                <li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
					<a href="/licenciaturas/derecho">  Licenciatura en Derecho</a></li>\
</ul>\
	</div>\
	<div class="col-lg-6 fx-txt-o txtinst ">\
    <ul class="fa-ul"><li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
						<a href="/licenciaturas/periodismo">  Licenciatura en Periodismo y Comunicación Social</a></li>\
                                   <li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
						<a href="/licenciaturas/comercio-internacional">  Licenciatura en Comercio Internacional</a></li>\
                                    <li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
						<a href="/licenciaturas/psicologia">  Licenciatura en Psicología</a></li>\
                                    <li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
						<a href="/licenciaturas/enfermeria">  Licenciatura en Enfermería</a></li>\
        </ul>\
	</div>\
</div>\
    ');
  }
  if (value == "2") {
    div.html('<div class="row pb-4">\
    <div class="col-lg-12 p-3"><h3 class="font-weight-bold text-body">Licenciaturas Cuatrimestrales</h3></div>\
	<div class="col-lg-6 fx-txt-o txtinst " >\
<ul class="fa-ul" > <li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
					<a href="/ingenierias/industrial-en-calidad"> Ingeniería Industrial en Calidad</a></li> \
                                <li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
					<a href="/ingenierias/sistemas-computacionales"> Ingeniería en Sistemas Computacionales </a></li>\
                               <li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
					<a href="/ingenierias/negocios"> Ingeniería en Negocios </a></li>\
				<li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
					<a href="/licenciaturas/contador-publico"> Licenciatura en Contador Público </a></li>\
                                <li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
					<a href="/licenciaturas/administracion-de-empresas"> Licenciatura en Administración de Empresas</a></li>\
</ul>\
	</div>\
	<div class="col-lg-6 fx-txt-o txtinst ">\
    <ul class="fa-ul"><li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
						<a href="licenciaturas/educacion"> Licenciatura en Ciencias de la Educación </a></li>\
        </ul>\
	</div>\
</div>\
');
  }
  if (value == "3") {
    div.html('<div class="row pb-4">\
    <div class="col-lg-12 p-3"><h3 class="font-weight-bold text-body">Licenciaturas ejecutivas</h3></div>\
	<div class="col-lg-6 fx-txt-o txtinst " >\
<ul class="fa-ul" > <li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
					<a href="/ejecutivas/derecho">  Licenciatura en Derecho</a></li>\
<li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
					<a href="/ejecutivas/contador-publico"> Licenciatura en Contador Público </a></li>\
<li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
					<a href="/ejecutivas/administracion"> Licenciatura en Administración de Empresas</a></li>\
<li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
						<a href="ejecutivas/educacion"> Licenciatura en Ciencias de la Educación </a></li>\
<li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
					<a href="/ejecutivas/industrial-en-calidad"> Ingeniería Industrial en Calidad</a></li>\
                    </ul>\
	</div>\
	<div class="col-lg-6 fx-txt-o txtinst ">\
    <ul class="fa-ul"><li><span class="fa-li"><li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
					<a href="/ejecutivas/sistemas-computacionales"> Ingeniería en Sistemas Computacionales </a></li>\
                    </ul>\
</div>\
</div>\
');
  }
  if (value == "4") {
    div.html('<div class="row pb-4">\
    <div class="col-lg-12 p-3"><h3 class="font-weight-bold text-body">Licenciaturas ejecutivas</h3></div>\
	<div class="col-lg-6 fx-txt-o txtinst " >\
<ul class="fa-ul" > <li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
					<a href="https://www.unikinovirtual.com/dise%C3%B1o-grafico-digital"> Ingeniería en Diseño Gráfico Digital</a></li> \
		    <li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
					<a href="https://www.unikinovirtual.com/administracion-empresas"> Licenciatura en Administración de Empresas</a></li> \
		    <li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
					<a href="https://www.unikinovirtual.com/derecho"> Licenciatura en Derecho</a></li> \
		    <li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
					<a href="https://www.unikinovirtual.com/ciencias-educacion"> Licenciatura en Ciencias de la Educación</a></li> \
 </ul>\
	</div>\
	<div class="col-lg-6 fx-txt-o txtinst ">\
    </div>\
</div>\
');
  }
  if (value == "5") {
    div.html('<div class="row pb-4">\
    <div class="col-lg-12 p-3"><h3 class="font-weight-bold text-body">Posgrados</h3></div>\
	<div class="col-lg-6 fx-txt-o txtinst " >\
<ul class="fa-ul" > <li><span class="fa-li"><i class="fas fa-check-double orangeli"></i></span>\
					<a href="/Maestrias/Desarrollo-Humano-y-Organizacional">Maestría en Desarrollo Humano y Organizacional </a></li> \
                    </ul>\
	</div>\
	<div class="col-lg-6 fx-txt-o txtinst ">\
    </div>\
</div>\
');
  }
  if (value == "6") {
    div.html('<div class="col-lg-12 p-3"><h3 class="font-weight-bold text-body">Preparatoria de Universidad Kino</h3></div>\
    <div style="background: #f8f9fa;" >\
        <img src="/img/oe/prep.jpg" class="d-block w-100" alt="..." style="background: #f8f9fa;">\
    </div>\
    <div class="bg-light">\
        <div class="container text-center p-4">\
            <h3 class="font-weight-light">\
                Educando el mañana con el potencial de hoy.\
            </h3>\
            <hr>\
        </div>\
    </div>\
    <div class="container-fluid bg-light">\
        <div class="container">\
            <div class="row">\
                <div class="col-lg-12">\
                    <p class="text-justify txt-fx txtinst">\
                    Descubre un mundo de posibilidades en la Preparatoria de Universitaria Kino, donde tus horizontes se expanden a través de una experiencia enriquecedora que fomenta la creatividad y la innovación. Nuestro objetivo es prepararte para los desafíos que te aguardan, equipándote con las herramientas necesarias para triunfar en el futuro.\
</p>\
<p class="text-justify txt-fx txtinst">\
En Prepa Kino, cultivamos valores humanistas que te guiarán hacia el éxito. Más que una educación convencional, te ofrecemos una plataforma integral para tu desarrollo, donde encontrarás:\
</p>\
                <ul class="txt-fx txtinst">\
<li>Cuidado médico y apoyo psicológico para tu bienestar integral.</li>\
<li>Formación integral que trasciende las paredes del aula.</li>\
<li>Clases de inglés y francés que ampliarán tus habilidades lingüísticas.</li>\
<li>Acceso a un moderno gimnasio con entrenador personal, fisioterapeuta y nutricionista.</li>\
<li>Participación en emocionantes proyectos académicos, deportivos y culturales que enriquecerán tu experiencia.</li>\
<li>Apoyo continuo a través de tutorías y asesorías personalizadas.</li>\
                    </ul>\
<p class="text-justify txt-fx txtinst">\
                    Con la Preparatoria de Universitaria Kino tu éxito y bienestar son nuestra prioridad, y estamos aquí para impulsarte hacia un horizonte lleno de logros y oportunidades.\
<p>\
                    </div>\
            </div>\
            </div>\
            </div>\
');
  }
}
function openCity(evt, cityName) {
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }
  document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " active";
  styleselect();
}

// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();

  </script>
@endsection