ok este es mi index
Código HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Contacto</title>
<meta charset="utf-8">
<meta name = "format-detection" content = "telephone=no" />
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="css/grid.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css">
<link rel="stylesheet" href="css/contact-form.css">
<link href="css/styler.css" rel="stylesheet" type="text/css">
<script src="js/jquery.js"></script>
<script src="js/jquery-migrate-1.2.1.js"></script>
<script src="js/script.js"></script>
<script src='//maps.googleapis.com/maps/api/js?v=3.exp&sensor=false'></script>
<!--[if (gt IE 9)|!(IE)]><!-->
<script src="js/wow.js"></script>
<script>
$(document).ready(function () {
if ($('html').hasClass('desktop')) {
new WOW().init();
}
});
</script>
<!--<![endif]-->
<!--[if lt IE 8]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
<img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
<![endif]-->
</head>
<body class="index-4">
<!--==============================header=================================-->
<header id="header">
<div id="stuck_container">
<div class="container">
<div class="row">
<div class="grid_12">
<h1><a href="index.html">SpeedFex</a><span>Autos Importados</span></h1>
<nav>
<ul class="sf-menu">
<li><a href="index.html">Inicio</a></li>
<li><a href="index-1.html">Nosotros</a></li>
<li class="current"><a href="index-4.html">Contactanos</a></li>
<li><a href="mas.html">Mas</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</header>
<!--=======content================================-->
<section id="content">
<div class="full-width-container block-1">
<div class="container">
<div class="row">
<div class="grid_12">
<header>
<h2><span>Estamos Ubicados</span></h2>
</header>
<div class="content_map">
<div class="google-map-api">
<div id="map-canvas" class="gmap"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="full-width-container block-2">
<div class="container">
<div class="row">
<div class="grid_5">
<form id="contact-form">
<div class="contact-form-loader"></div>
<header>
<h2><span>Contacto</span></h2>
</header>
<fieldset>
<label class="name">
<span class="text">Nombre:</span>
<input type="text" name="name" placeholder="" value="" data-constraints="@Required @JustLetters" />
<span class="empty-message">*Requerido.</span>
<span class="error-message">*No es un nombre valido.</span>
</label>
<label class="email">
<span class="text">E-mail:</span>
<input type="text" name="email" placeholder="" value="" data-constraints="@Required @Email" />
<span class="empty-message">*Requerido.</span>
<span class="error-message">*No es un email valido.</span>
</label>
<label class="phone">
<span class="text">Titulo:</span>
<input type="text" name="phone" placeholder="" value="" data-constraints="@Required" />
<span class="empty-message">*Requerido.</span>
<span class="error-message">*No es un titulo valido.</span>
</label>
<label class="message">
<span class="text">Mensaje:</span>
<textarea name="Ingrese su mensaje" placeholder="" data-constraints='@Required @Length(min=20,max=999999)'></textarea>
<span class="empty-message">*Requerido.</span>
<span class="error-message">*Este mensaje es muy corto.</span>
</label>
<div class="cont_btn">
<a href="#" data-type="reset" class="btn">Limpiar</a>
<a href="#" data-type="submit" class="btn">Enviar</a>
</div>
</fieldset>
<div class="modal fade response-message">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Titulo de la empresa</h4>
</div>
<div class="modal-body">
Tu mensaje ah sido enviado con éxito, pronto no comunicaremos con usted gracias por preferirnos.
</div>
</div>
</div>
</div>
</form>
</div>
<div class="grid_6 preffix_1">
<div>
<hader>
<h2><span>Información</span></h2>
</hader>
<p class="el-1">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam consectetur orci sed Curabitur vel lorem sit amet nulla ullamcorper fermentum. In vitae varius augue, eu consectetur ligula. Etiam dui eros, laoreet sit amet est vel
</p>
<p class="el-2">
24/7 support is on for all <br><br>
will help you with customization of any chosen template. <br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam consectetur orci sed Curabitur vel lorem sit amet nulla ullamcorper fermentum. In vitae varius augue, eu consectetur ligula. Etiam dui eros, laoreet sit amet est vel, commodo venenatis eros.Lamus at magna non nunc tristique rhoncuseri tym.
</p>
</div>
<div class="grid_3 alpha">
<div class="address">
<p>The Company Name Inc. <br>9870 St Vincent Place, <br>Glasgow, DC 45 Fr 45.</p>
</div>
</div>
<div class="grid_3">
<div class="address">
<p>Telephone:+1 800 603 6035 <br>FAX:+1 800 889 9898 <br>E-mail: <a href="mailto:[email protected]" class="mail">[email protected]</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--=======footer=================================-->
<footer id="footer">
<div class="container">
<div class="row">
<div class="grid_12 copyright">
<h2><span>Siguenos</span></h2>
<div class="caja-redes">
<a href="#" class="icon-button instagram"><i class="fa fa-instagram"></i><span></span></a>
<a href="#" class="icon-button twitter"><i class="icon-twitter"></i><span></span></a>
<a href="#" class="icon-button facebook"><i class="icon-facebook"></i><span></span></a>
</div>
<pre>© <span id="copyright-year">
</span> | Politica de Privacidad</pre>
</div>
</div>
</div>
</footer>
<script type="text/javascript">
google_api_map_init();
function google_api_map_init(){
var map;
var coordData = new google.maps.LatLng(parseFloat(40.650408), parseFloat(-73.950030,12));
var markCoord1 = new google.maps.LatLng(parseFloat(40.650408), parseFloat(-73.950030));
var marker;
function initialize() {
var mapOptions = {
zoom: 14,
center: coordData,
scrollwheel: false,
}
var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
marker = new google.maps.Marker({
map:map,
position: markCoord1,
});
google.maps.event.addDomListener(window, 'resize', function() {
map.setCenter(coordData);
var center = map.getCenter();
});
}
google.maps.event.addDomListener(window, "load", initialize);
}
</script>
</body>
</html>