<!DOCTYPE html>

<html lang="en">

	<head>

		<meta charset="utf-8">

		<meta http-equiv="X-UA-Compatible" content="IE=edge">

		<meta name="viewport" content="width=device-width, initial-scale=1">

		<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
	<title>UNIVERSIDAD HISPANA DE PUEBLA</title>
	<!-- Bootstrap CSS -->
	<link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
	<!-- Font Awesome CSS-->
	<link href="assets/font-awesome/css/font-awesome.min.css" rel="stylesheet">
	<!-- Custom CSS -->
	<link href="css/style.css" rel="stylesheet">
	<!-- Animate CSS -->
	<link href="assets/animate/animate.css" rel="stylesheet">
	<!-- Owl Carousel -->
	<link href="assets/owl-carousel/css/owl.carousel.css" rel="stylesheet">
	<link href="assets/owl-carousel/css/owl.theme.css" rel="stylesheet">
	<!-- Favicon -->
	<link rel="shortcut icon" type="image/x-icon" href="images/logo_icono.png">
	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
		  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
		  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->
	
	<link rel="stylesheet" href="assets/whatsapp/floating-wpp.css">
	</head>

	<body>

		<div id="myButton"></div>

	<!-- Pre Loader -->

	<div id="dvLoading"></div>

	<!-- Header Start -->

	<header>

	  <div class="top-wrapper hidden-xs">
    <div class="container">
      <div class="col-md-3 col-sm-6 hidden-xs top-wraper-left no-padding">
        <ul class="header-social-icons">
          <li class="facebook"><a href="https://www.facebook.com/HispanaPuebla" target="_blank"><i class="fa fa-facebook"></i></a></li>
          <li class="twitter"><a href="https://twitter.com/UHispanaPuebla" target="_blank"><i class="fa fa-twitter"></i></a></li>
          <li class="linkedin"><a href="https://www.instagram.com/uhispana/" target="_blank"><i class="fa fa-linkedin"></i></a></li>
          <li class="Whatsapp"><a href="https://wa.me/522225358899?text=Me+puedes+dar+mas+informaci%C3%B3n" target="_blank"><i class="fa fa-whatsapp"></i></a></li>
          <li class="google-plus"><a href="#####" target="_blank"><i class="fa fa-google-plus"></i></a></li>
          <li class="youtube"><a href="https://www.youtube.com/@HispanaDifusion" target="_blank"><i class="fa fa-youtube"></i></a></li>
          <li class="dribbble"><a href="#####" target="_blank"><i class="fa fa-dribbble"></i></a></li>
        </ul>
      </div>
      
      
      <div class="col-md-7 col-sm-6">
		<!--ul class="top-center  center-block">
		    	<li> <a href="http://wa.me/522225358899?text=Me+puedes+dar+mas+informaci%C3%B3n" >
					</i><FONT FACE="Arial Black" SIZE=5 COLOR="red">
					"Da clic para informes por via  whatsapp"</FONT>
				</a></li>
			
			<li></li>
		</ul-->

		
        	  </div>
	  	<div class="col-md-2 col-sm-6 ">
    <ul class="top-right pull-right">
      <li class="login">
        <a href="http://controlescolar.uhispana.edu.mx" style="font-weight: bold;">
          <i class="fa fa-user"></i>
          Control Escolar
        </a>
      </li>
    
      <li></li>
    </ul>
  </div>
    </div>
  </div>
  
  <div class="logo-bar hidden-xs">
    <div class="container"> 
      <!-- Logo  (222)266-30-12 hasta el 13 -->
      <div class="row">
        <div class="col-sm-5"><a href="index.php"> <img src="images/SfonLoNU.png" width="140 px " height="140 px"  alt="Universidad Hispana de Puebla"></a> </div>
        
        <div class="col-sm-1"><a href="http://wa.me/522225358899?text=Me+puedes+dar+mas+informaci%C3%B3n"> <img src="images/Whatsapp3-SFon.png
"width="80 px " height="80 px"></a> </div>
        
         <!--div class="col-sm-2"><a href="index.php"> <img src="images/21.jpg" alt="Universidad Hispana de Puebla"></a> </div-->
         
        <div class="col-sm-6">
          <ul class="contact-info pull-right">
            <li><i class="fa fa-phone"  img src="assets/whatsapp/whatsapp.png"></i>
              <p> <span style="color:#0707E1;">Comunicate con nosotros<br> Teléfonos 222-266-30-10 <br> 222-266-30-11;  222-266-30-12 </p></span>
            </li> 
            <li><i class="fa fa-envelope"></i>
              <p><span style="color:#0707E1;">Email<br></span>
                <a href="mailto:informes@uhispana.edu.mx">informes@uhispana.edu.mx  </a></p>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  
  <div class="wow fadeInDown navigation" data-offset-top="197" data-spy="affix">
    <div class="container">
      <nav class="navbar navbar-default">
        <div class="row"> 
          <!-- Brand and toggle get grouped for better mobile display -->
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> 
				<span class="sr-only">Toggle navigation</span> 
				<span class="icon-bar"></span> 
				<span class="icon-bar"></span> 
				<span class="icon-bar"></span> 
			</button>
            <a class="navbar-brand" href="index.php"><img src="images/logo.jpg" alt="Universidad Hispana de Puebla"/></a> </div>
          <!-- Collect the nav links, forms, and other content for toggling -->
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
              <li class=""><a href="index.php">Home</a></li>
              <li class="dropdown "><a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Plantel <i class="fa fa-angle-down"></i></a>
                <ul class="dropdown-menu">
                  <li><a href="Historia.php">Historia</a></li>
                  <li><a href="directorio.php">Directorio</a></li>
                                   <li><a href="filosofia.php">Filosofía</a></li>
                  <li><a href="reglamento_interno.php">Reglamento</a></li>
                  <li><a href="Aviso_privacidad.php">Aviso de Privacidad</a></li>
                </ul>
              </li>
			  
			  <li class="dropdown mega-menu "> <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Oferta académica <i class="fa fa-angle-down"></i></a>
                <ul class="dropdown-menu">
                  <li>
                    <div class="row">
                      <div class="col-md-2 col-md-offset-1">
                        <ul class="list-unstyled">
                          <li><span>Licenciaturas</span></li>
                          <li><a href="administracion_empresas.php"><span class="fa fa-angle-right menu-icon"></span>ADMINISTRACIÓN DE EMPRESAS</a></li>
                          <li><a href="arquitectura.php"><span class="fa fa-angle-right menu-icon"></span>ARQUITECTURA</a></li>
                          <li><a href="comunicacion_grafica_publicidad.php"><span class="fa fa-angle-right menu-icon"></span>COMUNICACIÓN GRÁFICA Y PUBLICIDAD</a></li>
                          <li><a href="contaduria.php"><span class="fa fa-angle-right menu-icon"></span>CONTADURÍA PÚBLICA</a></li>
                          <li><a href="derecho.php"><span class="fa fa-angle-right menu-icon"></span>DERECHO</a></li>
                          <li><a href="diseño_grafico.php"><span class="fa fa-angle-right menu-icon"></span>DISEÑO GRÁFICO</a></li>
                           <li><a href="educacion.php"><span class="fa fa-angle-right menu-icon"></span>EDUCACIÓN</a></li>
                           <li><a href="Mercadotecnia.php"><span class="fa fa-angle-right menu-icon"></span>MERCADOTECNIA Y PUBLICIDAD</a></li>
                          <li><a href="psicologia.php"><span class="fa fa-angle-right menu-icon"></span>PSICOLOGÍA</a></li>
                          <li><a href="sistemas_computacionales.php"><span class="fa fa-angle-right menu-icon"></span>SISTEMAS COMPUTACIONALES</a></li>
                         
                        </ul>
                      </div>
                      <div class="col-md-2">
                        <!--ul class="list-unstyled">
                          <li><span>Ingenierías</span></li>
                          <li><a href="ingenieria_computacion.php"><span class="fa fa-angle-right menu-icon"></span>COMPUTACIÓN</a></li>
                          <li><a href="electronica_comunicaciones.php"><span class="fa fa-angle-right menu-icon"></span>ELECTRÓNICA Y COMUNICACIONES</a></li>
                          
                        </ul-->
                      </div-->
                      <div class="col-md-2">
                        <ul class="list-unstyled">
                          <li><span>Especialidades</span></li>
                          <li><a href="especialidad_psicologia_clinica.php"><span class="fa fa-angle-right menu-icon"></span>PSICOLOGÍA CLÍNICA INFANTO-JUVENIL</a></li>
                          <!--li><a href="especialidad_comercio_internacional.php"><span class="fa fa-angle-right menu-icon"></span>COMERCIO INTERNACIONAL</a></li-->
                        </ul>
                      </div>
                      <div class="col-md-2">
                        <ul class="list-unstyled">
                          <li><span>Maestrías</span></li>
                          <li><a href="alta_direccion.php"><span class="fa fa-angle-right menu-icon"></span>Alta Dirección</a></li>
                          <li><a href="derecho_penal.php"><span class="fa fa-angle-right menu-icon"></span>DERECHO PENAL</a></li>
                          <li><a href="ma-educacion.php"><span class="fa fa-angle-right menu-icon"></span>EDUCACIÓN</a></li>
                          <li><a href="psicopedagogia.php"><span class="fa fa-angle-right menu-icon"></span>PSICOPEDAGOGÍA</a></li>
                          
                        </ul>
                      </div>
                    </div>
                  </li>
                </ul>
              </li>

            
              <li class="dropdown "> <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Servicios <i class="fa fa-angle-down"></i></a>
                <ul class="dropdown-menu">
                  <li><a href="http://controlescolar.uhispana.edu.mx" target="_blank">Sistema Escolar</a></li>
                  <li><a href="http://chamilo.uhispana.edu.mx/moodle30/" target="_blank">Ingreso a Moodle</a></li>
                  <li><a href="http://moodle.uhispana.edu.mx/chamilo/" target="_blank">Ingreso a Chamilo</a></li>
                  <li><a href="actividades.php">Calendario de Actividades</a></li>
                 <!-- <li><a href="news-post-page.html">News Post Page</a></li>-->
                </ul>
              </li>
              
              <li class="dropdown "> <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Egresados <i class="fa fa-angle-down"></i></a>
                <ul class="dropdown-menu">
                  <li><a href="titulacion.php">Titulación</a></li>
                  <li><a href="construccion_hispana.php">Bolsa de trabajo</a></li>
                </ul>
              </li>
              
			  
			  <!--<li class="dropdown"> <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Instalaciones <i class="fa fa-angle-down"></i></a>
                <ul class="dropdown-menu">
                  <li><a href="grid-gallery.html">Galeria de Instalaciones</a></li>
                  <li><a href="full-gallery.html">Areas administrativas</a></li>
                  <li><a href="masonry-gallery.html">Salones de eventos</a></li>
                  <li><a href="modern-gallery.html">Laboratorios</a></li>
                </ul>
              </li>-->
			  
              <li><a href="galeria.php" class="">Galería</a></li>
              <li><a href="contacto.php" class="active">Contacto</a></li>
              <!--li class="dropdown "> <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Lineamientos Covid <i class="fa fa-angle-down"></i></a-->
                <ul class="dropdown-menu">
                  <li><a href="covid19.php">MANUAL-COVID19</a></li>
                  
                </ul>
              </li>
             
              <li><a href="http://controlescolar.uhispana.edu.mx"  class="hidden-xs">Control escolar&nbsp;</a></li>
              <li><a href="convocatoria.php" class="">Convocatoria Beca 2024-2025</a></li>
              
              <li class="dropdown "> <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Evaluaciones-Docentes <i class="fa fa-angle-down"></i></a-->
                <ul class="dropdown-menu">
                    <li><a href="https://evaluacion.uhispana.edu.mx/">Sistema Semi-Escolarizado</a></li>
                  <!--li><a href="EXAMENES-semi.php">Sistema Semi-Escolarizado</a></li-->
                  
                </ul>
              </li>
              
            </ul>
          </div>
          <!-- /.navbar-collapse --> 
        </div>
      </nav>
    </div>
  </div>

	</header>

	<!-- Header End -->

	<!-- Inner Banner Wrapper Start -->

	<div class="inner-banner">

	  <div class="container">

		<div class="col-sm-12">

		  <h2>Contacto</h2>

		</div>

	  </div>

	</div>

	<!-- Inner Banner Wrapper End -->

	

	

	<!-- Inner Banner Wrapper End -->

	<section class="inner-wrapper contact-wrapper">

	  <div class="container">

		<div class="row">

		  <div class="inner-wrapper-main">

			<div class="contact-address">

			  <div class="col-sm-12 col-md-6 no-space-right">

				<div class="col-sm-6 contact"> <i class="fa fa-map-marker"></i>

				  <p><span>Ubicación</span><br>

					31 Poniente No. 118 Zona dorada, Puebla, Pue.

				  </p>

				</div>

				<div class="col-sm-6 contact white"> <i class="fa fa-phone"></i>

				  <p><span>teléfono</span><br>

					222 266-30-10 <br>222- 266-30-11 <br> 222 266-30-12 </p>

				</div>

				

				<div class="col-sm-6 contact white"> <i class="fa fa-envelope"></i>

				  <p><span>Email</span><br>

					<a href="mailto:informes@uhispana.edu.mx">informes@uhispana.edu.mx</a></p>

				</div>

				<div class="col-sm-6 contact"> <i class= "fa fa-whatsapp"></i>

					

				  <p><span>WhatsApp</span><br>

					222 133 8753</p>

				</div>

			  </div>

			  <div class="col-sm-12 col-md-6 no-space-left">


				</div>

			  </div>

			</div>

		  </div>

		</div>

	  </div>



	</section>

	<!-- Call to Action start -->







	<!-- Gallery End --> 

	

	

	<!-- Footer Links Start-->

		<footer>
	  <div class="container">
		<div class="col-sm-6">
		<a href="https://goo.gl/maps/YaKZSoF9r762" target="_blank"></a>
			<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3771.6867095344755!2d-98.20864878581585!3d19.033521987112284!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x85cfc0c6eea45a89%3A0xc9bd0106f424a504!2sUniversidad+Hispana!5e0!3m2!1ses!2smx!4v1543524892950" width="550" height="190" frameborder="0" style="border:0" allowfullscreen></iframe>
		
		</div>
		<div class="col-sm-6">
		  <div class="contactus">
			<h2>UBICACIÓN</h2>
			<ul class="list-ul">
			  <li><i class="fa fa-map-marker"></i>Dirección: 31 Poniente No. 118 Zona dorada, C.P. 72420 Puebla, Pue.</li>
			  <li><i class="fa fa-phone"></i> 222 266-30-10 ; 222 266-30-11 ; 222 266-30-12</li>
			  <li><i class="fa fa-envelope"></i><a href="mailto:informes@uhispana.edu.mx">informes@uhispana.edu.mx</a></li>
			</ul>
		  </div>
		</div>
		<!--div class="col-sm-4 subscirbe pull-right">
		  <h2>SUSCRÍBETE A NUESTRO BOLETÍN INFORMATIVO</h2>
		  <p class="sub"><span></span>Únete a nuestra lista de correos para mantenerte informado de eventos y promociones.<br>
		  Universidad Hispana </p>
		  <div class="form">
			<input type="text" placeholder="Ingresa tu correo electronico" id="exampleInputName" class="form-control first">
			<input type="text" class="bttn" value="Enviar">
		  </div>
		</div-->
	  </div>
	</footer>
	
	<div class="footer-wrapper">
		<div class="container">
			<p>&copy; Copyright 
			<script type="text/javascript">
				var d=new Date();
				document.write(d.getFullYear());
			</script> 
			Ingeniería en Computación | Derechos Reservados.</p>
		</div>
		<a id="scrool-top" href="javascript:void(0)"><i class="fa fa-long-arrow-up" aria-hidden="true"></i></a> 
	</div>
	
	<!-- Copy Rights End --> 

	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 

	<script src="assets/jquery/jquery-3.1.1.min.js"></script> 

	<script src="assets/jquery/jquery.animateNumber.min.js"></script> 

	<!-- Include all compiled plugins (below), or include individual files as needed --> 

	<script src="assets/easing/jquery.easing.min.js"></script> 

	<script src="assets/bootstrap/js/bootstrap.min.js"></script> 

	<script src="assets/wow/wow.min.js"></script> 

	<script src="assets/owl-carousel/js/owl.carousel.js"></script> 

	<script src="js/custom.js"></script>

	<script src="js/expander/jquery.expander.js"></script>

	<script type="text/javascript" src="assets/whatsapp/floating-wpp.js"></script>

	<script src="assets/whatsapp/whatsapp.js"></script>

	

	<script>

		$(document).ready(function() {

			var opts = {

				collapseTimer: 4000,

				expandEffect: 'fadeIn',

				collapseEffect: 'fadeOut',

			};



		//$('.expander p').expander();

			$('.expander p').expander({

				slicePoint:       1300,  // default is 100

				expandPrefix:     ' ', // default is '... '

				expandText:       '[...]', // default is 'read more'

				collapseTimer:    5000, // re-collapses after 5 seconds; default is 0, so no re-collapsing

				userCollapseText: '[Ver menos]'  // default is 'read less'

			});

		});

	</script>

	

	

	</body>

</html>