2011-10-31 17:31:38 +00:00
|
|
|
<!DOCTYPE html>
|
2011-11-03 17:07:43 +00:00
|
|
|
<html lang="es">
|
2011-10-31 17:31:38 +00:00
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
<meta name="description" content="place your description here" />
|
|
|
|
|
<meta name = "viewport" content = "width = device-width;" />
|
|
|
|
|
<!-- define the width of the page as no wider than the width of the viewport -->
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="styles.css" />
|
2011-11-03 17:07:43 +00:00
|
|
|
<link rel="stylesheet" href="css/main.css"/>
|
|
|
|
|
<link rel="stylesheet" href="css/_print/main.css" media="print"/>
|
2011-10-31 17:31:38 +00:00
|
|
|
<!--[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 rel="stylesheet" href="fancybox/jquery.fancybox-1.3.1.css" media="screen" />
|
2011-11-03 17:07:43 +00:00
|
|
|
|
|
|
|
|
<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" />
|
|
|
|
|
|
2011-10-31 17:31:38 +00:00
|
|
|
<link rel="icon" href="favicon.png" />
|
|
|
|
|
<!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]-->
|
2011-11-03 17:07:43 +00:00
|
|
|
<title>Alonso y Sal</title>
|
2011-10-31 17:31:38 +00:00
|
|
|
</head>
|
|
|
|
|
<body class="index">
|
|
|
|
|
|
|
|
|
|
<div id="inner-wrap">
|
|
|
|
|
<header>
|
|
|
|
|
<section id="logo">
|
2011-11-03 17:07:43 +00:00
|
|
|
<h1><a href="index.html">Arribas</a></h1>
|
|
|
|
|
<p><span class="coloured-1">«</span> desde 1980 <span class="coloured-1">»</span></p>
|
2011-10-31 17:31:38 +00:00
|
|
|
</section><!--logo ends here-->
|
|
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
<div id="main-content-index">
|
|
|
|
|
|
|
|
|
|
<div id="colours">
|
|
|
|
|
<span class="color color-1"></span>
|
|
|
|
|
<span class="color color-2"></span>
|
|
|
|
|
<span class="color color-3"></span>
|
|
|
|
|
<span class="color color-4"></span>
|
|
|
|
|
<span class="color color-5"></span>
|
|
|
|
|
</div><!--colours ends here-->
|
|
|
|
|
<div id="hero-slider">
|
|
|
|
|
<ul>
|
2011-11-03 17:07:43 +00:00
|
|
|
<li><a href="#" rel="#panel-3">Catálogo</a></li>
|
|
|
|
|
<li><a href="#" rel="#panel-2">Montajes </a></li>
|
2011-10-31 17:31:38 +00:00
|
|
|
<li><a href="#" rel="#panel-1" class="active">Exposición</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
<div class="mask">
|
|
|
|
|
<div class="slider-body">
|
|
|
|
|
<div class="panel" id="panel-1">
|
|
|
|
|
<section class="panelinfo">
|
|
|
|
|
<h2>Cocinas</h2>
|
|
|
|
|
<a class="grouped_elements" rel="group1" href="images/galeria-exposicion-cocinas-1b.jpg" width="800" height="600" alt=""><img src="images/galeria-exposicion-cocinas-1s.jpg" width="139" height="120" alt=""/></a>
|
|
|
|
|
<a class="grouped_elements" rel="group1" href="images/galeria-exposicion-cocinas-2b.jpg" width="800" height="600" alt=""><img src="images/galeria-exposicion-cocinas-2s.jpg" width="139" height="120" alt=""/></a>
|
|
|
|
|
<a class="grouped_elements" rel="group1" href="images/galeria-exposicion-cocinas-3b.jpg" width="800" height="600" alt=""><img src="images/galeria-exposicion-cocinas-3s.jpg" width="139" height="120" alt=""/></a>
|
2011-11-03 17:07:43 +00:00
|
|
|
<a class="grouped_elements lastimg" rel="group1" href="images/no-foto.gif" width="800" height="600" alt=""><img src="images/no-foto.gif" width="139" height="120" alt=""/></a>
|
2011-10-31 17:31:38 +00:00
|
|
|
|
|
|
|
|
<h2>Baños</h2>
|
|
|
|
|
<a class="grouped_elements" rel="group1" href="images/galeria-exposicion-banos-1b.jpg" width="800" height="600" alt=""><img src="images/galeria-exposicion-banos-1s.jpg" width="139" height="120" alt=""/></a>
|
|
|
|
|
<a class="grouped_elements" rel="group1" href="images/galeria-exposicion-banos-2b.jpg" width="800" height="600" alt=""><img src="images/galeria-exposicion-banos-2s.jpg" width="139" height="120" alt=""/></a>
|
2011-11-03 17:07:43 +00:00
|
|
|
<a class="grouped_elements" rel="group1" href="images/no-foto.gif" width="800" height="600" alt=""><img src="images/no-foto.gif" width="139" height="120" alt=""/></a>
|
|
|
|
|
<a class="grouped_elements lastimg" rel="group1" href="images/no-foto.gif" width="800" height="600" alt=""><img src="images/no-foto.gif" width="139" height="120" alt=""/></a>
|
2011-10-31 17:31:38 +00:00
|
|
|
</section>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="panel" id="panel-2">
|
|
|
|
|
<section class="panelinfo">
|
|
|
|
|
<h2>Cocinas</h2>
|
2011-11-03 17:07:43 +00:00
|
|
|
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
|
|
|
|
|
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
|
|
|
|
|
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
|
|
|
|
|
<a class="grouped_elements lastimg" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
|
2011-10-31 17:31:38 +00:00
|
|
|
<h2>Baños</h2>
|
2011-11-03 17:07:43 +00:00
|
|
|
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
|
|
|
|
|
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
|
|
|
|
|
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
|
|
|
|
|
<a class="grouped_elements lastimg" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
|
2011-10-31 17:31:38 +00:00
|
|
|
</section>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="panel" id="panel-3">
|
|
|
|
|
<section class="panelinfo">
|
|
|
|
|
<h2>Cocinas</h2>
|
2011-11-03 17:07:43 +00:00
|
|
|
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
|
|
|
|
|
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
|
|
|
|
|
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
|
|
|
|
|
<a class="grouped_elements lastimg" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
|
2011-10-31 17:31:38 +00:00
|
|
|
<h2>Baños</h2>
|
2011-11-03 17:07:43 +00:00
|
|
|
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
|
|
|
|
|
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
|
|
|
|
|
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
|
|
|
|
|
<a class="grouped_elements lastimg" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
|
2011-10-31 17:31:38 +00:00
|
|
|
</section>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div> <!-- .mask -->
|
|
|
|
|
<div class="clear"></div>
|
|
|
|
|
</div> <!-- #hero-slider -->
|
|
|
|
|
|
|
|
|
|
<nav id="side">
|
|
|
|
|
<a href="index.html">Inicio</a>
|
|
|
|
|
<a href="about.html">Quienes somos</a>
|
2011-11-03 17:07:43 +00:00
|
|
|
<a href="#" class="current">Galería</a>
|
2011-10-31 17:31:38 +00:00
|
|
|
<a href="menu.html">Ofertas</a>
|
|
|
|
|
<a href="location.html">Localización</a>
|
|
|
|
|
<a href="contact.html">Contacto </a>
|
|
|
|
|
</nav>
|
|
|
|
|
|
|
|
|
|
<section id="social">
|
|
|
|
|
<figure><a href="#"><img src="images/facebook.png" alt="facebook"/></a></figure>
|
|
|
|
|
<figure><a href="#"><img src="images/skype.png" alt="facebook"/></a></figure>
|
|
|
|
|
<figure><a href="#"><img src="images/gmail.png" alt="facebook"/></a></figure>
|
|
|
|
|
<figure><a href="#"><img src="images/favorites.png" alt="facebook"/></a></figure>
|
|
|
|
|
</section>
|
|
|
|
|
</div><!--main-content-index ends here-->
|
|
|
|
|
|
|
|
|
|
<section id="hours">
|
|
|
|
|
<div id="panel-hours">
|
|
|
|
|
<div class="panelblock">
|
|
|
|
|
<article id="opening-hours">
|
|
|
|
|
<p>Lunes—Viernes: 10:00—14:00 y 17:00—20:00 | Sábados: 10:00—14:00</p>
|
|
|
|
|
</article>
|
|
|
|
|
|
|
|
|
|
</div><!--panelblock ends here-->
|
|
|
|
|
</div><!--panel-hours ends here-->
|
|
|
|
|
<div id="bottom-nav"><a class="btn-slide" href="#">
|
|
|
|
|
<div id="triangle-down"></div>
|
|
|
|
|
Horario</a></div>
|
|
|
|
|
</section><!--section hours ends here-->
|
|
|
|
|
</div><!--inner-wrap ends here-->
|
|
|
|
|
<div id="body-background"><img src="images/bg1.jpg" alt="interior full-size photo"/></div>
|
|
|
|
|
|
|
|
|
|
<!--scripts-->
|
|
|
|
|
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
|
|
|
|
|
<script src="js/jquery.scrollTo-1.4.2-min.js"></script>
|
|
|
|
|
<script src="js/jquery.ez-bg-resize.js" charset="utf-8"></script>
|
|
|
|
|
<script src="js/lib.js" charset="utf-8"></script>
|
|
|
|
|
<script src="fancybox/jquery.fancybox-1.3.1.pack.js"></script>
|
2011-11-03 17:07:43 +00:00
|
|
|
|
2011-10-31 17:31:38 +00:00
|
|
|
<script>
|
2011-11-03 17:07:43 +00:00
|
|
|
|
2011-10-31 17:31:38 +00:00
|
|
|
$(document).ready(function() {
|
|
|
|
|
$("#body-background").ezBgResize();
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$(window).bind("resize", function(){
|
|
|
|
|
$("#body-background").ezBgResize();
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
<script>
|
|
|
|
|
//append click event to the UL list anchor tag
|
|
|
|
|
$('#hero-slider ul a').click(function () {
|
|
|
|
|
|
|
|
|
|
//reset all the items
|
|
|
|
|
$('#hero-slider ul a').removeClass('active');
|
|
|
|
|
|
|
|
|
|
//set current item as active
|
|
|
|
|
$(this).addClass('active');
|
|
|
|
|
|
|
|
|
|
//scroll it to the right position
|
|
|
|
|
$('.mask').scrollTo($(this).attr('rel'), 300);
|
|
|
|
|
|
|
|
|
|
//disable click event
|
|
|
|
|
return false;
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
<!--fancybox-->
|
|
|
|
|
<script>
|
|
|
|
|
$(document).ready(function() {
|
|
|
|
|
$("a.grouped_elements").fancybox({
|
|
|
|
|
'transitionIn' : 'elastic',
|
|
|
|
|
'transitionOut' : 'elastic',
|
|
|
|
|
'speedIn' : 600,
|
|
|
|
|
'speedOut' : 200,
|
|
|
|
|
'overlayShow' : false
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
<script>
|
|
|
|
|
$(document).ready(function(){
|
|
|
|
|
$(".btn-slide").click(function(){
|
|
|
|
|
$("#panel-hours").slideToggle("slow");
|
|
|
|
|
$(this).toggleClass("active"); return false;
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
