david
d585163507
- Hacer el horario más visible git-svn-id: https://192.168.0.254/svn/Proyectos.AlonsoYSal_Web/trunk@15 4d6e3d7e-063e-4044-a2d3-903626ba9061
199 lines
12 KiB
HTML
199 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width;" />
|
|
|
|
<link rel="stylesheet" href="styles.css" />
|
|
<link rel="stylesheet" href="css/main.css"/>
|
|
<link rel="stylesheet" href="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 rel="stylesheet" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />
|
|
|
|
<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 rel="icon" href="favicon.png" />
|
|
<!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]-->
|
|
<title>Exposición de mobiliario de cocinas y baños en Madrid. Arribas</title>
|
|
<meta name="description" content="Tu tienda de muebles y cocinas en Madrid. Exposición en tienda de muebles de cocina y baños." />
|
|
</head>
|
|
<body class="index">
|
|
|
|
<div id="inner-wrap">
|
|
<header>
|
|
<section id="logo">
|
|
<h1><a href="index.html">Arribas</a></h1>
|
|
<p><span class="coloured-1">«</span> desde 1980 <span class="coloured-1">»</span></p>
|
|
</section><!--logo ends here-->
|
|
</header>
|
|
<div id="main-content">
|
|
<div id="panel">
|
|
<div class="panelblock">
|
|
<nav id="slide-nav">
|
|
<a href="acerca-de.html">Empresa</a><span class="coloured-3"> | </span>
|
|
<a href="#" class="current">Exposiciones</a><span class="coloured-3"> | </span>
|
|
<a href="galeria-montajes.html">Montajes</a><span class="coloured-3"> | </span>
|
|
<a href="ofertas.html">Ofertas</a><span class="coloured-3"> | </span>
|
|
<a href="localizacion.html">Tienda</a><span class="coloured-3"> | </span>
|
|
<a href="contacto.php">Contacto</a>
|
|
</nav>
|
|
</div><!--panelblock ends here-->
|
|
</div><!--panel ends here-->
|
|
</div><!--main-content ends here-->
|
|
|
|
<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>
|
|
<li><a href="#" rel="#panel-3">Mamparas</a></li>
|
|
<li><a href="#" rel="#panel-2">Baños</a></li>
|
|
<li><a href="#" rel="#panel-1" class="active">Cocinas</a></li>
|
|
</ul>
|
|
<div class="mask">
|
|
<div class="slider-body">
|
|
|
|
<div class="panel" id="panel-1">
|
|
<section class="panelinfo">
|
|
<h2>Exposición de muebles de cocinas</h2>
|
|
<a class="grouped_elements" rel="group1" href="images/cocina_exposicion_0_b.jpg"><img src="images/cocina_exposicion_0_s.jpg" width="139" height="120" alt=""/></a>
|
|
<a class="grouped_elements" rel="group1" href="images/cocina_exposicion_1_b.jpg"><img src="images/cocina_exposicion_1_s.jpg" width="139" height="120" alt=""/></a>
|
|
<a class="grouped_elements" rel="group1" href="images/cocina_exposicion_2_b.jpg"><img src="images/cocina_exposicion_2_s.jpg" width="139" height="120" alt=""/></a>
|
|
<a class="grouped_elements" rel="group1" href="images/cocina_exposicion_3_b.jpg"><img src="images/cocina_exposicion_3_s.jpg" width="139" height="120" alt=""/></a>
|
|
|
|
<a class="grouped_elements" rel="group1" href="images/cocina_exposicion_4_b.jpg"><img src="images/cocina_exposicion_4_s.jpg" width="139" height="120" alt=""/></a>
|
|
<a class="grouped_elements" rel="group1" href="images/cocina_exposicion_5_b.jpg"><img src="images/cocina_exposicion_5_s.jpg" width="139" height="120" alt=""/></a>
|
|
<a class="grouped_elements" rel="group1" href="images/cocina_exposicion_6_b.jpg"><img src="images/cocina_exposicion_6_s.jpg" width="139" height="120" alt=""/></a>
|
|
|
|
<a class="grouped_elements" rel="group1" href="images/cocina-exposicion-7-b.jpg"><img src="images/cocina-exposicion-7-s.jpg" width="139" height="120" alt=""/></a>
|
|
|
|
</section>
|
|
</div>
|
|
|
|
<div class="panel" id="panel-2">
|
|
<section class="panelinfo">
|
|
<h2>Exposición de muebles de baño</h2>
|
|
<a class="grouped_elements" rel="group2" href="images/bano_exposicion_1_b.jpg"><img src="images/bano_exposicion_1_s.jpg" width="139" height="120" alt=""/></a>
|
|
<a class="grouped_elements" rel="group2" href="images/bano_exposicion_2_b.jpg"><img src="images/bano_exposicion_2_s.jpg" width="139" height="120" alt=""/></a>
|
|
<a class="grouped_elements" rel="group2" href="images/bano-exposicion-4-b.jpg"><img src="images/bano-exposicion-4-s.jpg" width="139" height="120" alt=""/></a>
|
|
<a class="grouped_elements" rel="group2" href="images/bano-exposicion-5-b.jpg"><img src="images/bano-exposicion-5-s.jpg" width="139" height="120" alt=""/></a>
|
|
<a class="grouped_elements" rel="group2" href="images/bano-exposicion-6-b.jpg"><img src="images/bano-exposicion-6-s.jpg" width="139" height="120" alt=""/></a>
|
|
<a class="grouped_elements" rel="group2" href="images/bano-exposicion-7-b.jpg"><img src="images/bano-exposicion-7-s.jpg" width="139" height="120" alt=""/></a>
|
|
<a class="grouped_elements" rel="group2" href="images/bano-exposicion-8-b.jpg"><img src="images/bano-exposicion-8-s.jpg" width="139" height="120" alt=""/></a>
|
|
|
|
</section>
|
|
</div>
|
|
|
|
<div class="panel" id="panel-3">
|
|
<section class="panelinfo">
|
|
<h2>Exposición de mamparas </h2>
|
|
<a class="grouped_elements" rel="group3" href="images/bano_mamparas_exposicion_0_b.jpg"><img src="images/bano_mamparas_exposicion_0_s.jpg" width="139" height="120" alt=""/></a>
|
|
<a class="grouped_elements" rel="group3" href="images/bano_mamparas_exposicion_1_b.jpg"><img src="images/bano_mamparas_exposicion_1_s.jpg" width="139" height="120" alt=""/></a> </section>
|
|
</div>
|
|
|
|
</div>
|
|
</div> <!-- .mask -->
|
|
<div class="clear"></div>
|
|
</div> <!-- #hero-slider -->
|
|
|
|
<nav id="side">
|
|
<a href="index.html">Inicio</a>
|
|
<a href="acerca-de.html">Empresa</a>
|
|
<a href="#" class="current">Exposiciones</a>
|
|
<a href="galeria-montajes.html">Montajes</a>
|
|
<a href="ofertas.html">Ofertas</a>
|
|
<a href="localizacion.html">Tienda</a>
|
|
<a href="contacto.php">Contacto </a>
|
|
</nav>
|
|
|
|
<section id="social">
|
|
<figure><p>Distribuidores de:</p></figure><br/><br/>
|
|
<figure><a href="http://www.infercocinas.es/" target="new"><img src="images/logo_infer_cocinas.gif" alt="Infer Cocinas"/></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.4.pack.js"></script>
|
|
|
|
<script>
|
|
|
|
$(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>
|