103 lines
4.2 KiB
HTML
103 lines
4.2 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<meta name="description" content ="Place your description here"/>
|
||
|
|
<meta name="author" content="Virtuti-Design" />
|
||
|
|
<meta name="date" content="2011-5-16T11:00:00" />
|
||
|
|
<meta name="copyright" content="Copyright Virtuti-D 2008-2011" />
|
||
|
|
<meta name="viewport" content="initial-scale=0, user-scalable=no" />
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="css/css/main.css">
|
||
|
|
<link rel="stylesheet" href="css/css/_print/main.css" media="print">
|
||
|
|
<!--[if IE]><link rel="stylesheet" href="_/css/_patches/win-ie-all.css" media="all" /><![endif]-->
|
||
|
|
<!--[if IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie7.css" media="all" /><![endif]-->
|
||
|
|
<!--[if lt IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie-old.css" media="all" /><![endif]-->
|
||
|
|
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
||
|
|
<link href='http://fonts.googleapis.com/css?family=Michroma' rel='stylesheet' type='text/css'>
|
||
|
|
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
|
||
|
|
<link href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" >
|
||
|
|
<link href="http://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise:regular" rel="stylesheet" type="text/css" >
|
||
|
|
<link href="styles.css" rel="stylesheet" type="text/css" />
|
||
|
|
<title>Arribas localización y dirección</title>
|
||
|
|
</head>
|
||
|
|
<body id="index" onLoad="initialize()">
|
||
|
|
<div id="inner-wrap-map">
|
||
|
|
<header>
|
||
|
|
<section id="logo">
|
||
|
|
<h1><a href="#"><span class="coloured">Arribas</a></span></h1>
|
||
|
|
<p>★ desde. 1980 ★</p>
|
||
|
|
</section><!--logo ends here-->
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<nav id="top">
|
||
|
|
<a href="index.html">Inicio</a>
|
||
|
|
<a href="about.html">Quienes somos </a>
|
||
|
|
<a href="gallery.html">Galería</a>
|
||
|
|
<a href="menu.html">Ofertas</a>
|
||
|
|
<a href="#">Localización</a>
|
||
|
|
<a href="contact.html">Contacto</a>
|
||
|
|
<!--a href="service.html">services</a-->
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
</div><!--inner-wrap-map ends here-->
|
||
|
|
<div id="map_canvas"></div>
|
||
|
|
<!--scripts-->
|
||
|
|
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
|
||
|
|
<script>
|
||
|
|
function initialize() {
|
||
|
|
var latlng = new google.maps.LatLng(40.39093,-3.743423);
|
||
|
|
var settings = {
|
||
|
|
zoom: 15,
|
||
|
|
center: latlng,
|
||
|
|
mapTypeControl: true,
|
||
|
|
mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
|
||
|
|
navigationControl: true,
|
||
|
|
navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
|
||
|
|
mapTypeId: google.maps.MapTypeId.ROADMAP};
|
||
|
|
var map = new google.maps.Map(document.getElementById("map_canvas"), settings);
|
||
|
|
var contentString = '<div id="content">'+
|
||
|
|
'<div id="siteNotice">'+
|
||
|
|
'</div>'+
|
||
|
|
'<h1 id="firstHeading" class="firstHeading">Welcome to CuppyBar!</h1>'+
|
||
|
|
'<div id="bodyContent">'+
|
||
|
|
'<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>'+
|
||
|
|
'<div id="address">'+
|
||
|
|
'<p>Place your address, zip-code and telephone number right here. You may place also email address here.</p>'+
|
||
|
|
'</div>'+
|
||
|
|
'<figure><img src="images/outside.jpg" width="400" height="260" alt="bar outside"/></figure>'
|
||
|
|
'</div>'+
|
||
|
|
'</div>';
|
||
|
|
var infowindow = new google.maps.InfoWindow({
|
||
|
|
content: contentString
|
||
|
|
});
|
||
|
|
|
||
|
|
var companyImage = new google.maps.MarkerImage('images/barsign.png',
|
||
|
|
new google.maps.Size(150,90),
|
||
|
|
new google.maps.Point(0,0),
|
||
|
|
new google.maps.Point(50,50)
|
||
|
|
);
|
||
|
|
|
||
|
|
var companyShadow = new google.maps.MarkerImage('images/bar-shadow.png',
|
||
|
|
new google.maps.Size(180,110),
|
||
|
|
new google.maps.Point(0,0),
|
||
|
|
new google.maps.Point(50, 45));
|
||
|
|
|
||
|
|
var companyPos = new google.maps.LatLng(40.39093,-3.743423);
|
||
|
|
|
||
|
|
var companyMarker = new google.maps.Marker({
|
||
|
|
position: companyPos,
|
||
|
|
map: map,
|
||
|
|
icon: companyImage,
|
||
|
|
shadow: companyShadow,
|
||
|
|
title:"Arribas",
|
||
|
|
zIndex: 3});
|
||
|
|
|
||
|
|
google.maps.event.addListener(companyMarker, 'click', function() {
|
||
|
|
infowindow.open(map,companyMarker);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|