Código Html actualizado.

<!DOCTYPE html>
<html lang="es">
<head>
<title>Complejo Tras las Sierras - Córdoba - Argentina</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="NotePad++" />
<meta name="author"   content="Adriana Loretán" />
<meta name="copyright" content="ESC-División Autores" />
<meta name="robots" content="index, follow /">
<meta name="description" content="Sitio dedicado al alquiler temporario de cabañas en la provincia de Córdoba, Argentina" />
<meta name="keywords" content="cabaña, cabañas, bungaló, bungalow, hospedaje, alojamiento, alquiler, temporario, verano, vacaciones" />
<meta name="keywords" content="invierno, semana santa, pascua, otoño, económico, barato, exclusivo, centro, rio, arroyito" />

<style type="text/css">
/* Ver hojas de estilos: maqueta.css, cuerpozona2.css, etc. */
</style>

<!-- Estilos -->

<!-- Definiciones  generales / maqueta ------------ -->
<link rel="stylesheet" type="text/css" href="C:/Escuela2013/Css/Maqueta.css" media="screen"/>

<!-- Definiciones del menú principal ------------ -->
<link type="text/css" href="C:/Escuela2013/Css/Menu.css" media="screen" rel="stylesheet" />

<!-- Definiciones del cuerpo ------------ -->
<link type="text/css" href="C:/Escuela2013/Css/CuerpoZona2.css" media="screen" rel="stylesheet" />


<!-- Definiciones del cuerpo ------------ -->
<link type="text/css" href="C:/Escuela2013/Css/CuerpoZona3.css" media="screen" rel="stylesheet" />

<!-- Definiciones del cuerpo ------------ -->
<link type="text/css" href="C:/Escuela2013/Css/CuerpoZona4.css" media="screen" rel="stylesheet" />


<!-- Definiciones del pie ------------ -->
<link type="text/css" href="C:/Escuela2013/Css/PiePagina.css" media="screen" rel="stylesheet" />

<!-- Definiciones visor Jquery -->

<link rel="stylesheet" href="../Jquery/coin-slider-styles.css" type="text/css" /> <!-- Css visor Jquery + definición de zona en la maqueta. Recordar que se encuentra guardado en la carpeta ../JQuery/coin-slider-styles.css -->

<script type="text/javascript" src="../Jquery/jquery-1.4.2.min.js"></script>

<script type="text/javascript" src="../Jquery/coin-slider.js"></script>

<script type="text/javascript"> <!--Activar el plug in -->
$(document).ready(function() {
$('#coin-slider').coinslider({ width: 900, navigation: false, delay: 5000 });

});

</script>


<!-- Fin Jquery -->

<script type="text/javascript">

function ver(){
var elementomenu = document.getElementById("elementomenu2");
elementomenu.style.visibility ="visible";
}

function ocultar(){
var elementomenu = document.getElementById("elementomenu2");
elementomenu.style.visibility ="hidden";
}

function saltar(evento,objeto) { 

/*   var tecla = (document.all) ? evento.keyCode : evento.which; document.all / sólo para IE - sentencia abreviada de if */

  var tecla = evento.which; /* Retorna el código numérico en ascii de la tecla presionada - event.which */
  if(tecla!=13) return; 
  var formulario = objeto.form; 
  var i;

  for (i=0; i<formulario.elements.length; i++) 

    if(formulario.elements[i]==objeto) { 
      if (i == formulario.elements.length - 1) i= -1; 
      break } 
  formulario.elements[i+1].focus(); 
  return false; 
}

function enconstruccion(){
window.alert("Elemento en construcción!");
}

/* Seleccionar datos */
function seleccionar(objeto){
objeto.select();
}/* fin función selecionar datos al hacer click */ 
</script>

<body>
<div id="contenedor">
<header> <!-- Cabecera de la página: logo de la empresa -->
<figure>
<a href="#" title="Complejo Tras las Sierras - Córdoba - Argentina">
<img  src="file:///C:/Escuela2013/Imagenes/logocabecera.JPG" alt="Complejo Tras las Sierras - Córdoba - Argentina">
</a>
</figure>
            
<audio autoplay loop src="../Sonidos/aves_23.mp3" preload="auto"> </audio>
</header>

<nav> <!-- Barra de navegacion: menu -->
<ul>  <!-- Menu -->
   
    <li style="width: 105px;"  onMouseOver="javascript: ocultar();"><a href="#">PRINCIPAL</a></li>
   
    <li style="width: 145px;"><a href="#"  onClick="javascript: ver();">Instalaciones</a> 
      <ul id="elementomenu2" onClick="javascript: ocultar();"> <!-- Submenu -->

        <li><a href="#" class="submenu" onClick="javascript: enconstruccion();">Pileta 
          Climatizada</a></li>

        <li><a href="#" class="submenu" onClick="javascript: enconstruccion();">Canchas 
          de Tenis</a></li>

        <li><a href="#" class="submenu" onClick="javascript: enconstruccion();">Deck 
          y Bar</a></li>                            
</ul> <!-- Fin submenu -->
</li>
   
    <li style="width: 108px;" onMouseOver="javascript: ocultar();"><a href="#" style="width: 88px;">Servicios</a></li>
   
    <li style="width: 125px;" onMouseOver="javascript: ocultar();"><a href="#" style="width: 100px;">Actividades</a></li>
   
    <li style="width: 113px;" onMouseOver="javascript: ocultar();"><a href="#" style="width: 93px;">Contacto</a></li>
</ul><!-- Fin enu -->
</nav> 

<div id="cuerpo" onMouseMove="javascript: ocultar();"> <!-- Cuerpo de la página-->
<div id="cuerpozona1"> <!-- Zona1: album / comenzando desde arriba - horizontal-->

        <!-- División usada por Jquery -->
            <div id="container">
                <div id="coin-slider"> 
                 <img src="../Imagenes/CordobaIII.png" alt="" />
                 <img src="../Imagenes/CordobaI.png" alt="" />
                 <img src="../Imagenes/CordobaII.png" alt="" /> 
                 <img src="../Imagenes/Cordoba.png" alt="" /> 
                 <img src="../Imagenes/CordobaIV.png" alt="" />
                 <img src="../Imagenes/CordobaV.png" alt="" />
                 <img src="../Imagenes/CordobaVI.png" alt="" /> 
                 <img src="../Imagenes/CordobaVII.png" alt="" />
                 <img src="../Imagenes/CordobaVIII.png" alt="" /> 
                 <img src="../Imagenes/CordobaIX.png" alt="" />
                </div>
            </div>
        
</div>
        
<div id="cuerpozona2"> <!-- Zona2: reserva / comenzando desde la arriba-->
<h3 class="cartel"> Apurate y alquilá tu semana. Reservá ahora! </h3>
            <div class="boton"> <a href="#" onClick="javascript: enconstruccion();"> Solicitar Reserva ></a></div>
</div>

<div id="cuerpozona3"> <!-- Zona3: publicidades /  comenzando desde la arriba ------------------------------------------>
                <div class="publicidad" style="top: 0px; left: 0px;">  
                      <div class="visor ver-primero">  
                         <img  src="../Imagenes/publicidadI.png"/>
                         
                         <div class="mascara">  
                             <h2>Complejo Torres II</h2>  
                             <p>Descuento horario 13 hs.!</p>  
                             <a href="#" class="informacion" onClick="javascript: enconstruccion();">Canjear ahora!</a>  
                         </div>
                         
                     </div>
                 </div>
        <!-- --------------------------------------  -->
        
                 <div class="publicidad">  
                      <div class="visor ver-primero">  
                         <img src="../Imagenes/publicidadII.png"/>
                         
                         <div class="mascara">  
                             <h2>Salas Seven</h2>  
                             <p>Pase libre Sala 4!</p>  
                             <a href="#" class="informacion" onClick="javascript: enconstruccion();">+ Información!</a>  
                         </div>
                         
                     </div>
                 </div>

        <!-- --------------------------------------  -->

        
                 <div class="publicidad">  
                      <div class="visor ver-primero">  
                         <img src="../Imagenes/publicidadIII.png"/>
                         
                         <div class="mascara">  
                             <h2>Shopping Paseo del Sol</h2>  
                             <p>Pop Corn GRATIS!</p>  
                             <a href="#" class="informacion" onClick="javascript: enconstruccion();">Canjear ahora!</a>  
                         </div>
                         
                     </div>
                 </div>        
</div><!-- Fin Zona3: publicidades /  comenzando desde la arriba ------------------------------------------>

        <!-- --------------------------------------  -->
<div id="cuerpozona4"> <!-- Zona4: datos / comenzando desde la arriba-->
<section class="informacion">
            <h5 class="eslogan">Google Maps</h5>
            <h4 class="titulo">Nuestra ubicación</h4> <br/>
                    
                    <iframe src="https://maps.google.com.ar/?ie=UTF8&amp;ll=-32.032145,-61.227407&amp;spn=0.01257,0.026157&amp;t=m&amp;z=16&amp;output=embed"></iframe><br /> <br />
                    <a href="https://maps.google.com.ar/?ie=UTF8&amp;ll=-32.032145,-61.227407&amp;spn=0.01257,0.026157&amp;t=m&amp;z=16&amp;source=embed"> Ver mapa más grande </a>
            <br/> <br/>
            
            <h4 class="titulo">TLS cuida de vos y tu familia</h4> <br/>
            <h5 class="nota">Vigilancia nocturna. Además para la tranquilidad de su familia contamos con  servicio medico de urgencia las 24 hs del día.</h5> <br/>
            <h4 class="titulo">Cobertura WiFi</h4> 
            <img class="flotarizq" src="../Imagenes/zonaWF.png" /><br/>
            <h5 class="nota">El complejo cuenta con cobertura WIFI, para todos los huespedes.</h5>
            
            </section>
            
            <section class="informacion">
             <h5 class="eslogan">Vacacionar en cualquier destino del mundo</h5>
             <h4 class="titulo">Interval World</h4> <br/>
             <img src="../Imagenes/intervalworld.jpg" />
             <br/> <br/>
             <h5 class="nota">El complejo Tras las Sierras (TlS) se encuentra asociado a IntervalWorld, una de las cadenas de intercambio de tiempo compartido más grande del mundo, que proporciona a sus miembros la capacidad de vacacionar en todo el mundo, con servicio de cambio global y muchas otras interesantes ventajas exclusivas. <br/><br/>
             Si Ud. ya es dueño de un tiempo compartido en TlS, ya cuenta con este beneficio.<br/>
Si Ud no lo es, puede adquirir su semana y tener la posibilidad de vacacionar en cualquier destino del mundo.<br/><br/>
Asesorese por medio de nuestro formulario de contacto o a través de nuestros teléfonos (+054)0053 4543-4339/8.<br/></h5>
             
            </section>
            
            <section class="informacion">
            <h5 class="eslogan">Descubra lo que TlS tiene para ofrecerle </h5>
            <h4 class="titulo">Bosque + Cabañas + Ríos</h4> <br/>
            <h5 class="nota">Cuenta con seis cabañas tipo dúplex, totalmente equipadas, con cocheras individuales.
            A través de sus ventanales se pueden disfrutar los colores, olores y sonidos del bosque, ya que se privilegió la preservación del entorno sin descuidar la intimidad y el confort de cada módulo habitacional. </h5> <br/> <br/>
            <h5 class="eslogan">Relájse y disfrute</h5>
            <h4 class="titulo">Infraestructura, servicio y comodidad</h4> <br/>
          <h5 class="nota">Tras las Sierras le ofrece a Ud. y su familia piscinas para niños y adultos al aire libre con un importante solarium, pileta cubierta y jacuzzi climatizados con extensos ventanales al bosque. <br/><br/> También un completo gimnasio con sauna y ducha escocesa; un gran quincho cubierto totalmente equipado con heladeras, vajilla y mantelería y espectaculares asadores criollos, parrillas y hornos de barro.</h5>
            </section>
            
</div>

</div>

<footer>  <!-- Pie de la página-->
       
    <!-- Pie zona superior reservada para menús rápidos y contacto -->   
        
 
  <div id="piezonasuperior"> 
    <div id="galeria">
      <!-- Zona 1 comenzando desde la izquierda-->
      <span style="margin-left:10px;">Galería</span> 
       <ul>
        <li><a href="#" onClick="javascript: enconstruccion();"> Galería de Imágenes </a></li>
        <li><a href="#" onClick="javascript: enconstruccion();"> Complejo </a></li>
        <li><a href="#" onClick="javascript: enconstruccion();"> Cabañas </a></li>
        <li><a href="#" onClick="javascript: enconstruccion();"> Quincho </a></li>
        <li><a href="#" onClick="javascript: enconstruccion();"> Actividades </a></li>
      </ul>
    </div>
    <!-- Zona 2 -->
    <div id="contacto"> 
        <span>Contacto rápido</span> 
        <div class="hr" style="top:12px;"> </div><br style="line-height: 8px;"/>
        <form action="mailto:all@cablenet.com.ar" enctype="text/plain" method="post" name="formulario">
        <input name="apynom" type="text" autofocus  maxlength="35" required onKeyPress="javascript: return saltar(event,this);">&nbsp; &nbsp; <label for="apynom">Nomb</label>
            <input name="email" type="email"  maxlength="35" required  onKeyPress="javascript: return saltar(event,this);">&nbsp; &nbsp; <label for="email">E-Mail</label> 
            <textarea  name="consulta" cols="30" rows="8">Ingrese su consulta, por favor!</textarea><label for="consulta"></label>
            <input type="submit" value="Enviar mensaje rápido" tabindex="3" class="boton" />

        </form>                            
    </div>

<!-- Zona 3 -->
    <div id="datos"> 

<h3 style="top: -10px;">Oficinas en Córdoba</h3>
<h2 style="top: -25px;">reservas y<br/>consultas</h2>
<div class="hr" style="top: -10px;"> </div>
<span>
9 de Julio 543 1° Piso Oficina 12 <br/>
(X5903)-Villa Nueva, Provincia de Córdoba <br/>
Argentina
</span>

<h2 style="top: 20px;">número de tel.:<br/>
(+054)0053<br/>
4543-4339/8<br/>
</h2>
<br/><br/><br/>
<span>tlsierras.com.ar</span>
    </div>
  </div>
        
        <!-- Pie zona inferior reservada datos de diseño -->          
        
 
  <div id="piezonainferior"> 
    <div class="izquierda"> 2013 DTC / Dirección de Turismo de Córdoba </div>
    <div class="derecha"> <span class="textopie">Trabajo realizado por<br/>
      ESC44 - División Diseño</span> <figure> <a href="#" title="Complejo Tras las Sierras - Córdoba - Argentina"> 
      <img  src="file:///C:/Escuela2013/Imagenes/logopie.JPG" class= "logopie" alt="Complejo Tras las Sierras - Córdoba - Argentina"> 
      </a> </figure> </div>
  </div>

</footer>
</div>
</body>
</html>

Entradas populares