Compare commits

...

10 Commits

Author SHA1 Message Date
799d0faeb6 Código de Google Analytics.
git-svn-id: https://192.168.0.254/svn/Proyectos.AlonsoYSal_Web/trunk@18 4d6e3d7e-063e-4044-a2d3-903626ba9061
2013-07-12 16:33:53 +00:00
742ee344dc Limpieza de ficheros
git-svn-id: https://192.168.0.254/svn/Proyectos.AlonsoYSal_Web/trunk@17 4d6e3d7e-063e-4044-a2d3-903626ba9061
2013-07-12 15:07:00 +00:00
5270105ca1 Cambios terminados
git-svn-id: https://192.168.0.254/svn/Proyectos.AlonsoYSal_Web/trunk@16 4d6e3d7e-063e-4044-a2d3-903626ba9061
2013-07-12 15:04:51 +00:00
d585163507 - Colocar el menú superior en todas las páginas y colocarlo en la parte de arriba para que sea más visible
- 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
2013-05-30 17:18:32 +00:00
410961acba Cambios solicitados por correo electronico
git-svn-id: https://192.168.0.254/svn/Proyectos.AlonsoYSal_Web/trunk@14 4d6e3d7e-063e-4044-a2d3-903626ba9061
2013-03-20 18:03:42 +00:00
f3617e5c19 Corregido e-mail de destino en el PHP de contacto.
git-svn-id: https://192.168.0.254/svn/Proyectos.AlonsoYSal_Web/trunk@13 4d6e3d7e-063e-4044-a2d3-903626ba9061
2011-12-07 09:52:24 +00:00
3fec3c4731 Se añade cocina y baño de exposicion
git-svn-id: https://192.168.0.254/svn/Proyectos.AlonsoYSal_Web/trunk@12 4d6e3d7e-063e-4044-a2d3-903626ba9061
2011-12-05 11:58:31 +00:00
5546bb4f71 Se añade imagenes de las tiendas
git-svn-id: https://192.168.0.254/svn/Proyectos.AlonsoYSal_Web/trunk@11 4d6e3d7e-063e-4044-a2d3-903626ba9061
2011-12-05 11:31:27 +00:00
f006b0e768 Se añade imagenes de las tiendas
git-svn-id: https://192.168.0.254/svn/Proyectos.AlonsoYSal_Web/trunk@10 4d6e3d7e-063e-4044-a2d3-903626ba9061
2011-12-05 11:31:06 +00:00
48a56355be - Programación PHP para el formulario de contacto.
- Validaciones HTML5 (algunos errores no se pueden quitar por la librería FancyBox)
- Actualización de FancyBox a v1.3.4
- Limpieza de ficheros

git-svn-id: https://192.168.0.254/svn/Proyectos.AlonsoYSal_Web/trunk@9 4d6e3d7e-063e-4044-a2d3-903626ba9061
2011-11-30 18:49:13 +00:00
286 changed files with 3184 additions and 1985 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 977 KiB

After

Width:  |  Height:  |  Size: 1.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 28 KiB

After

Width:  |  Height:  |  Size: 7.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 115 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 164 KiB

After

Width:  |  Height:  |  Size: 70 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 71 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 80 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 140 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 MiB

BIN
informacion/Tiendas.psd Normal file

Binary file not shown.

View File

@ -1,272 +1,135 @@
<!DOCTYPE html>
<html lang="es">
<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 -->
<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="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 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=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>Alonso y Sal</title>
</head>
<body class="index">
<link rel="icon" href="favicon.png" />
<!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]-->
<title>Mobiliario de cocina y baños en Madrid - Alonso y Sal Cocinas</title>
<meta name="description" content="Estamos especizalidad en el diseño e instalación de cocina y baño en Madrid. Más de 30 años creando ambientes." />
</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-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="inner-wrap">
<header>
<section id="logo">
<h1><a href="index.html">Arribas</a></h1>
<p><span class="coloured-1">«</span> cocina y baños <span class="coloured-1">»</span></p>
</section><!--logo ends here-->
</header>
<div id="hero-slider">
<!--ul>
<li><a href="#" rel="#panel-1" class="active">The story of cuppyBar</a></li>
<li><a href="#" rel="#panel-2" class="active">The philosophy</a></li>
<li><a href="#" rel="#panel-3" class="active">Our staff</a></li>
<li><a href="#" rel="#panel-4" class="active">CuppyBar Interior</a></li>
<li><a href="#" rel="#panel-5" class="active">Testimonials</a></li>
</ul-->
<div class="mask">
<div class="slider-body">
<div class="panel" id="panel-1">
<section class="panelinfo2">
<h2>Quiénes somos</h2>
<p>Nuestra empresa familiar y dinámica, desde 1980 es especialista en el diseño e instalación de su cocina y baño. Ofreciendo un servicio integral y desarrollando los proyectos para que se conviertan en espacios exclusivos y funcionales. </p>
<p>Miles de clientes satisfechos, son nuestra mejor referencia.</p>
<p>Calidad y servicio al mejor precio.</p>
</section>
<div class="divider"></div>
<!--section class="panelinfo2">
<h3>Want to know how did we grow? See history in pictures!</h3>
<p>Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Donec eu libero sit amet quam egestas semper. Vestibulum tortor quam, feugiat vitae, ultricies
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. </p>
<a href="additional3.html" class="button">View Photo story</a>
</section -->
</div>
<div id="main-content">
<div id="panel">
<div class="panelblock">
<nav id="slide-nav">
<a href="#" class="current">Empresa</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="galeria-exposiciones.html">Exposiciones</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="galeria-montajes.html">Montajes</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="ofertas.html">Ofertas</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="localizacion.html">Tienda</a><span class="coloured-3">&nbsp;|&nbsp;</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 class="panel" id="panel-2">
<section class="panelinfo">
<h2>Our philosophy and principles</h2>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Aenean ultricies mi vitae est. Mauris placerat eleifend leo. </p>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.
Vestibulum tortor quam, feugiat vitae, ultricies
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. </p>
</section>
</div>
<div class="panel" id="panel-3">
<section class="panelinfo">
<h2>Our staff</h2>
</section>
<section class="panel-image">
<div class="slideOutTip openLeft green" style="left:260px;top:16px">
<div class="tipVisible">
<div class="tipIcon">
<div class="plusIcon"></div>
</div>
<p class="tipTitle">Mary Smith&mdash;Chief</p>
</div>
<div id="hero-slider">
<!--div class="mask"-->
<div class="slider-body">
<div class="panel" id="panel-1">
<section class="panelinfo">
<h2>Quiénes somos</h2>
<p>Nuestra empresa familiar y dinámica, desde 1980 es especialista en el diseño e instalación de su cocina y baño. Ofreciendo un servicio integral y desarrollando los proyectos para que se conviertan en espacios exclusivos y funcionales. Miles de clientes satisfechos, son nuestra mejor referencia. Calidad y servicio al mejor precio.</p>
<a href="localizacion.html"><figure><img src="images/tiendas.jpg" width="710" height="290" alt="Tiendas"/></figure></a>
</section>
</div>
</div>
<!--/div--> <!-- .mask -->
<div class="clear"></div>
</div> <!-- #hero-slider -->
<div class="slideOutContent">
<p>
<a href="additional.html">
<img class="spaceBottom" src="images/1.jpg" width="400" height="200" alt="name and role" /></a>
Vestibulum tortor quam, feugiat vitae, ultricies
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <br/>
Read interview with Mary <a href="additional.html">here</a>.
</p>
</div>
</div>
<nav id="side">
<a href="index.html">Inicio</a>
<a href="#" class="current">Empresa </a>
<a href="galeria-exposiciones.html">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><span class="coloured-1">Horario:</span> Lunes&mdash;Viernes: 9:30&mdash;13:30 y 16:30&mdash;20:00 | Sábados: 9:30&mdash;13:30</p>
</article>
</div><!--panelblock ends here-->
</div><!--panel-hours ends here-->
</section><!--section hours ends here-->
<div class="slideOutTip openLeft green" style="left:160px;top:120px">
<div class="tipVisible">
<div class="tipIcon">
<div class="plusIcon"></div>
</div>
<p class="tipTitle">Mary Smith&mdash;Chief</p>
</div>
</div><!--inner-wrap ends here-->
<div id="body-background"><img src="images/bg1.jpg" alt="interior full-size photo"/></div>
<div class="slideOutContent">
<p>
<a href="additional.html">
<img class="spaceBottom" src="images/2.jpg" width="300" height="80" alt="name and role" /></a>
Vestibulum tortor quam, feugiat vitae, ultricies
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <br/>
Read interview with Mary <a href="additional.html">here</a>.</p>
</div>
</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="js/scriptslideout.js"></script>
<script>
$(document).ready(function() {
$("#body-background").ezBgResize();
});
<div class="slideOutTip openLeft green" style="left:440px;top:66px">
<div class="tipVisible">
<div class="tipIcon">
<div class="plusIcon"></div>
</div>
<p class="tipTitle">Mary Smith&mdash;Chief</p>
</div>
<div class="slideOutContent">
<p>
<a href="additional.html">
<img class="spaceBottom" src="images/3.jpg" width="400" height="140" alt="name and role" /></a>
Vestibulum tortor quam, feugiat vitae, ultricies
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <br/>
Read interview with Mary <a href="additional.html">here</a>.</p>
</div>
</div>
</section>
</div>
<div class="panel" id="panel-4">
<section class="panelinfo">
<h2>Our interior</h2>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Read <a href="#">more about the interior</a> and view <a href="galeria-exposiciones.html">Gallery Of Images</a>.</p>
<figure><img src="images/interior.jpg" width="710" height="240" alt="interior"/></figure>
</section>
</div>
<div class="panel" id="panel-5">
<section class="panelinfo">
<h2>Our clients say...</h2>
<section id="quotes-wrap">
<div class="quotes">
<blockquote><figure><img src="images/left-quotes.png" alt="left quotes"/></figure>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam varius sapien at dolor sagittis vel
suscipit arcu auctor. Mauris ullamcorper commodo libero, eget rutrum est tincidunt sit amet.
Lorem ipsum dolor sit amet, consectetur elit. &#8221;<span class="name">&mdash;John Smith</span></p></blockquote>
</div>
<div class="quotes">
<blockquote><figure><img src="images/left-quotes.png" alt="left quotes"/></figure>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam varius sapien at dolor sagittis vel
suscipit arcu auctor. Mauris ullamcorper commodo libero, eget rutrum est tincidunt sit amet.
Lorem ipsum dolor sit amet, consectetur elit. &#8221; <span class="name">&mdash;John Smith</span></p></blockquote>
</div>
<div class="quotes">
<blockquote><figure><img src="images/left-quotes.png" alt="left quotes"/></figure>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam varius sapien at dolor sagittis vel
suscipit arcu auctor. Mauris ullamcorper commodo libero, eget rutrum est tincidunt sit amet.
Lorem ipsum dolor sit amet, consectetur elit. &#8221;<span class="name">&mdash;John Smith</span></p></blockquote>
</div>
</section>
</section>
</div>-->
</div>
</div> <!-- .mask -->
<div class="clear"></div>
</div> <!-- #hero-slider -->
<nav id="side">
<a href="index.html">Inicio</a>
<a href="#" class="current">Empresa </a>
<a href="galeria-exposiciones.html">Exposiciones</a>
<a href="galeria-montajes.html">Montajes</a>
<a href="ofertas.html">Ofertas</a>
<a href="localizacion.html">Tienda</a>
<a href="contacto.html">Contacto</a>
<!--a href="service.html">services</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-->
<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&mdash;Viernes: 10:00&mdash;14:00 y 17:00&mdash;20:00 | Sábados: 10:00&mdash;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="js/scriptslideout.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 () {
$(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');
//reset all the items
$('#hero-slider ul a').removeClass('active');
//set current item as active
$(this).addClass('active');
//set current item as active
$(this).addClass('active');
//scroll it to the right position
$('.mask').scrollTo($(this).attr('rel'), 300);
//scroll it to the right position
$('.mask').scrollTo($(this).attr('rel'), 300);
//disable click event
return false;
//disable click event
return false;
});
</script>
<script>
$(document).ready(function(){
$(".btn-slide").click(function(){
$("#panel-hours").slideToggle("slow");
$(this).toggleClass("active"); return false;
});
});
</script>
</body>
});
</script>
</body>
</html>

View File

@ -1,225 +0,0 @@
<!DOCTYPE html>
<html lang="es">
<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" />
<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 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>Alonso y Sal</title>
</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-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-1" class="active">email us</a></li>
<li><a href="#" rel="#panel-2" class="active">the address</a></li>
</ul-->
<div><!--div class="mask"-->
<div class="slider-body">
<div class="panel" id="panel-1">
<section class="panelinfo">
<h2>Contacta con nosotros</h2>
<div class="form-wrapper">
<script>var submitted=false;</script>
<iframe name="hidden_iframe" id="hidden_iframe"
style="display:none;" onload="if(submitted)
{window.location='thankyou.html';}"></iframe>
<form action="mailto:info@$rodax-software.com" ENCTYPE="text/plain"
method="post" target="hidden_iframe" id="contact" onSubmit="submitted=true;">
<fieldset>
<ol id="forma">
<li class="form-item">
<div class="errorbox-good">
<div class="ss-item ss-text">
<div class="ss-form-entry">
<label class="ss-q-title" for="entry_0">Nombre<span class="ss-required-asterisk">*</span></label>
<input type="text" name="entry.0.single" value="" class="ss-q-short" id="entry_0" required>
</div><!--ss-item ss-item ss-text ends here-->
</div><!--ss-form-entry ends here-->
</div> <!--errorbox-good ends here-->
</li>
<li class="form-item2">
<div class="errorbox-good">
<div class="ss-item ss-text">
<div class="ss-form-entry">
<label class="ss-q-title" for="entry_1">email<span class="ss-required-asterisk">*</span></label>
<input type="text" name="entry.1.single" value="" class="ss-q-short" id="entry_1" required>
</div><!--ss-item ss-item ss-text ends here-->
</div><!--ss-form-entry ends here-->
</div> <!--errorbox-good ends here-->
</li>
<li class="form-item">
<div class="errorbox-good">
<div class="ss-item ss-text">
<div class="ss-form-entry">
<label class="ss-q-title" for="entry_2">Provincia<span class="ss-required-asterisk">*</span></label>
<input type="text" name="entry.2.single" value="" class="ss-q-short" id="entry_2" required>
</div><!--ss-item ss-item ss-text ends here-->
</div><!--ss-form-entry ends here-->
</div> <!--errorbox-good ends here-->
</li>
<li class="form-item2">
<div class="errorbox-good">
<div class="ss-item ss-text">
<div class="ss-form-entry">
<label class="ss-q-title" for="entry_3">Teléfono<span class="ss-required-asterisk">*</span></label>
<input type="text" name="entry.3.single" value="" class="ss-q-short" id="entry_3" required>
</div><!--ss-item ss-item ss-text ends here-->
</div><!--ss-form-entry ends here-->
</div> <!--errorbox-good ends here-->
</li>
<li class="form-item3">
<div class="errorbox-good">
<div class="ss-item ss-paragraph-text"
><div class="ss-form-entry">
<label class="ss-q-title" for="entry_4">Mensaje<span class="ss-required-asterisk">*</span></label>
<textarea name="entry.4.single" rows="4" cols="75" class="ss-q-long" placeholder="" id="entry_4" required></textarea>
</div><!--ss-item ss-item ss-text ends here-->
</div><!--ss-form-entry ends here-->
</div> <!--errorbox-good ends here-->
</li>
<li class="form-item6">
<input type="hidden" name="pageNumber" value="0">
<input type="hidden" name="backupCache" value="">
<div class="ss-item ss-navigate">
<div class="ss-form-entry">
<fieldset>
<button type=submit id="buttonsubmit">&#10026; Enviar</button>
</fieldset>
</div><!--ss-item ss-navigate ends here-->
</div><!--ss-form entry ends here-->
</li>
</ol>
</fieldset>
</form>
</div><!--form-wrapper ends here-->
</section>
</div>
</div>
</div> <!-- .mask ends here-->
<div class="clear"></div>
</div> <!-- #hero-slider ends here-->
<nav id="side">
<a href="index.html">Inicio</a>
<a href="acerca-de.html">Empresa</a>
<!--a href="service.html">services</a-->
<a href="galeria-exposiciones.html">Exposiciones</a>
<a href="galeria-montajes.html">Montajes</a>
<a href="ofertas.html">Ofertas</a>
<a href="localizacion.html">Tienda</a>
<a href="#" class="current">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-->
<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&mdash;Viernes: 10:00&mdash;14:00 y 17:00&mdash;20:00 | Sábados: 10:00&mdash;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>
$(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>
<script>
$(document).ready(function(){
$(".btn-slide").click(function(){
$("#panel-hours").slideToggle("slow");
$(this).toggleClass("active"); return false;
});
});
</script>
</body>
</html>

226
src/contacto.php Normal file
View File

@ -0,0 +1,226 @@
<!DOCTYPE html>
<?php
$para = 'info@alonsoysal.com';
$nombre = stripslashes($_POST['nombre']);
$email = stripslashes($_POST['email']);
$asunto = "Solicitud de información a través de la web www.alonsoysal.com";
$mensaje = "";
$mensaje .= "Nombre: $nombre \r\n";
$mensaje .= "Email: $email \r\n";
$mensaje .= "Mensaje: \r\n" . stripslashes($_POST['mensaje']) . "\r\n\n";
$mensaje .= "--------------------------\r\n";
$mensaje .= "IP: " . $_SERVER["REMOTE_ADDR"] . "\r\n";
$mensaje .= "Navegador: " . $_SERVER["HTTP_USER_AGENT"];
?>
<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 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>Alonso y Sal</title>
</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="index.html">Inicio</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="tienda-muebles-cocinas-electrodomesticos.html">Cocinas</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="tienda-banos-mamparas.html">Baños</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="servicios-tienda-cocinas-banos.html">Servicios</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="galeria-exposiciones.html">Galería</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="localizacion.html">Tiendas</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a class="current" 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">
<div>
<!--div class="mask"-->
<div class="slider-body">
<div class="panel" id="panel-1">
<section class="panelinfo">
<h2>Contacta con nosotros</h2>
<div class="clear"></div>
<p>Si desea realizar alguna consulta, pedir un presupuesto o necesita más información sobre cualquiera de nuestros servicios, <strong>póngase en contacto con nosotros.</strong></p>
<div class="form-wrapper">
<?php
if (count($_POST) == 0) {
$self = $_SERVER['PHP_SELF'];
?>
<form action="<?php echo $self; ?>" method="post" id="contact">
<fieldset>
<ol id="forma">
<li class="form-item">
<div class="errorbox-good">
<div class="ss-item ss-text">
<div class="ss-form-entry">
<label class="ss-q-title" for="entry_0">Nombre<span class="ss-required-asterisk">*</span></label>
<input type="text" name="nombre" value="" class="ss-q-short" id="entry_0" required>
</div><!--ss-item ss-item ss-text ends here-->
</div><!--ss-form-entry ends here-->
</div>
<!--errorbox-good ends here-->
</li>
<li class="form-item2">
<div class="errorbox-good">
<div class="ss-item ss-text">
<div class="ss-form-entry">
<label class="ss-q-title" for="entry_1">email<span class="ss-required-asterisk">*</span></label>
<input type="text" name="email" value="" class="ss-q-short" id="entry_1" required>
</div><!--ss-item ss-item ss-text ends here-->
</div><!--ss-form-entry ends here-->
</div>
<!--errorbox-good ends here-->
</li>
<li class="form-item3">
<div class="errorbox-good">
<div class="ss-item ss-paragraph-text"
>
<div class="ss-form-entry">
<label class="ss-q-title" for="entry_4">Mensaje<span class="ss-required-asterisk">*</span></label>
<textarea name="mensaje" rows="6" cols="75" class="ss-q-long" placeholder="" id="entry_4" required></textarea>
</div><!--ss-item ss-item ss-text ends here-->
</div><!--ss-form-entry ends here-->
</div>
<!--errorbox-good ends here-->
</li>
<li class="form-item6">
<input type="hidden" name="pageNumber" value="0">
<input type="hidden" name="backupCache" value="">
<div class="ss-item ss-navigate">
<div class="ss-form-entry">
<fieldset>
<button type=submit id="buttonsubmit">
&#10026; Enviar
</button>
</fieldset>
</div><!--ss-item ss-navigate ends here-->
</div><!--ss-form entry ends here-->
</li>
</ol>
</fieldset>
</form>
</div><!--form-wrapper ends here-->
<?php
} else {
error_reporting(0);
if (mail($para, $asunto, $mensaje, "From: $email\r\nReply-To: $email\r\nReturn-Path: $email\r\n"))
echo "<p>Gracias por su interés. En breve recibirá más información.</p>";
else
echo "<p>Se ha producido algún error al enviar la información.<br/>Por favor, inténtelo más tarde.</p>";
}
?>
</section>
</div>
</div>
</div>
<!-- .mask ends here-->
<div class="clear"></div>
</div>
<!-- #hero-slider ends here-->
<p>
<span>
</span>
</p>
<section id="address">
<p class="coloured-2">
<strong class="coloured-1">Tienda de muebles de cocina y electrodomésticos</strong><br/>
Vía Carpetana, 342<br/>(Esq. Luis Feíto)<br/>
Tlf: 91 465 28 42<br/>Tlf: 91 465 27 41<br/>
Fax: 91 462 33 88
</p>
<p class="coloured-2">
<strong class="coloured-1">Tienda de muebles de baño y mamparas</strong><br/>
Vía Carpetana, 340<br/>
Tlf: 91 465 27 41<br/>
Fax: 91 462 54 55
</p>
</section>
</div><!--main-content-index ends here-->
<section id="hours">
<div id="panel-hours">
<div class="panelblock">
<article id="opening-hours">
<p><span class="coloured-1">Horario:</span> Lunes&mdash;Viernes: 9:30&mdash;13:30 y 16:30&mdash;20:00 | Sábados: 9:30&mdash;13:30</p>
</article>
</div><!--panelblock ends here-->
</div><!--panel-hours ends here-->
</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>
$(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>
</body>
</html>

View File

@ -1,5 +1,5 @@
/*- SELF-CLEARING FLOATS
----------------------------------------------------------------------*/
.mod {
display: inline-table;
}
/*- SELF-CLEARING FLOATS
----------------------------------------------------------------------*/
.mod {
display: inline-table;
}

View File

@ -1,5 +1,5 @@
/*- SELF-CLEARING FLOATS
----------------------------------------------------------------------*/
.mod {zoom: 1;}
/*- SELF-CLEARING FLOATS
----------------------------------------------------------------------*/
.mod {zoom: 1;}

View File

@ -1,9 +1,9 @@
/*- self-clearing floats ----------*/
.mod:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/*- self-clearing floats ----------*/
.mod:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

View File

@ -1,101 +1,101 @@
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}

View File

@ -0,0 +1,169 @@
<!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>Electrodomésticos de cocina - Alonso y Sal Cocinas en Madrid</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> cocina y baños <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="index.html">Inicio</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a class="current" href="tienda-muebles-cocinas-electrodomesticos.html">Cocinas</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="tienda-banos-mamparas.html">Baños</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="servicios-tienda-cocinas-banos.html">Servicios</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="galeria-exposiciones.html">Galería</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="localizacion.html">Tiendas</a><span class="coloured-3">&nbsp;|&nbsp;</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">
<div class="mask ancha">
<div class="slider-body">
<div class="panel" id="panel-1">
<section class="panelinfo">
<h2>Electrodomésticos</h2>
<div class="clear"></div>
<p>Trabajamos con todas las firmas de reconocido prestigio y más avanzada tecnología.</p>
<a class="logo_elements" href="http://www.bosch-home.es/" target="new"><img src="images/bosch.png" alt="Bosch"/></a>
<a class="logo_elements" href="http://www.siemens-home.es/" target="new"><img src="images/siemens.png" alt="Siemens"/></a>
<a class="logo_elements" href="http://www.balay.es/" target="new"><img src="images/balay.png" alt="Balay"/></a>
<a class="logo_elements" href="http://www.teka.com/" target="new"><img src="images/teka.png" alt="Teka"/></a>
<a class="logo_elements" href="http://www.fagor.com/" target="new"><img src="images/fagor.png" alt="Fagor"/></a>
<a class="logo_elements" href="http://www.de-dietrich.es/" target="new"><img src="images/logo-dedietrich.gif" alt="DeDietrich"/></a>
<a class="logo_elements" href="http://www.aeg.com.es/" target="new"><img src="images/logo-aeg.gif" alt="Aeg"/></a>
<a class="logo_elements" href="http://www.franke.com/kitchensystems/es/es/home.html" target="new"><img src="images/logo-franke.gif" alt="Franke"/></a>
<a class="logo_elements" href="http://www.miele.es/" target="new"><img src="images/logo-miele.gif" alt="Miele"/></a>
</section>
</div>
</div>
</div> <!-- .mask -->
<div class="clear"></div>
</div> <!-- #hero-slider -->
<nav id="side">
<a href="tienda-muebles-cocinas-electrodomesticos.html">Muebles de cocina</a>
<a href="electrodomesticos-cocina.html" class="current">Electrodomésticos</a>
<a href="mesas-sillas-cocina.html">Mesas y sillas</a>
</nav>
<section id="social">
<p>Distribuidores de:</p><br/>
<a href="http://www.infercocinas.es/" target="new"><img src="images/logo_infer_cocinas.gif" alt="Infer Cocinas"/></a><br/><br/>
<a href="http://www.hettich.com" target="new"><img src="images/hettich_w.png" alt="Hettich"/></a>
<p>Con garantía AENOR</p><br/>
<img src="images/aenor.png" alt="Garantía AENOR" width="45" height="85"/>
</section>
</div><!--main-content-index ends here-->
<section id="hours">
<div id="panel-hours">
<div class="panelblock">
<article id="opening-hours">
<p><span class="coloured-1">Horario:</span> Lunes&mdash;Viernes: 9:30&mdash;13:30 y 16:30&mdash;20:00 | Sábados: 9:30&mdash;13:30</p>
</article>
</div><!--panelblock ends here-->
</div><!--panel-hours ends here-->
</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>

View File

@ -1,363 +0,0 @@
/*
* FancyBox - jQuery Plugin
* Simple and fancy lightbox alternative
*
* Examples and documentation at: http://fancybox.net
*
* Copyright (c) 2008 - 2010 Janis Skarnelis
*
* Version: 1.3.1 (05/03/2010)
* Requires: jQuery v1.3+
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*/
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
height: 40px;
width: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
}
* html #fancybox-loading { /* IE6 */
position: absolute;
margin-top: 0;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url('fancybox.png');
}
#fancybox-overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #000;
z-index: 1100;
display: none;
}
* html #fancybox-overlay { /* IE6 */
position: absolute;
width: 100%;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 20px;
z-index: 1101;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #FFF;
}
#fancybox-inner {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 1px;
padding: 0;
margin: 0;
outline: none;
overflow: hidden;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
}
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background-image: url('fancybox.png');
background-position: -40px 0px;
cursor: pointer;
z-index: 1103;
display: none;
}
#fancybox_error {
color: #444;
font: normal 12px/20px Arial;
padding: 7px;
margin: 0;
}
#fancybox-content {
height: auto;
width: auto;
padding: 0;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
-ms-interpolation-mode: bicubic;
}
#fancybox-frame {
position: relative;
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-title {
position: absolute;
bottom: 0;
left: 0;
font-family: Arial;
font-size: 12px;
z-index: 1102;
}
.fancybox-title-inside {
padding: 10px 0;
text-align: center;
color: #333;
}
.fancybox-title-outside {
padding-top: 5px;
color: #FFF;
text-align: center;
font-weight: bold;
}
.fancybox-title-over {
color: #FFF;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
background-image: url('fancy_title_over.png');
display: block;
}
#fancybox-title-wrap {
display: inline-block;
}
#fancybox-title-wrap span {
height: 32px;
float: left;
}
#fancybox-title-left {
padding-left: 15px;
background-image: url('fancybox.png');
background-position: -40px -90px;
background-repeat: no-repeat;
}
#fancybox-title-main {
font-weight: bold;
line-height: 29px;
background-image: url('fancybox-x.png');
background-position: 0px -40px;
color: #FFF;
}
#fancybox-title-right {
padding-left: 15px;
background-image: url('fancybox.png');
background-position: -55px -90px;
background-repeat: no-repeat;
}
#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background-image: url('blank.gif');
z-index: 1102;
display: none;
}
#fancybox-left {
left: 0px;
}
#fancybox-right {
right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
}
#fancybox-left-ico {
background-image: url('fancybox.png');
background-position: -40px -30px;
}
#fancybox-right-ico {
background-image: url('fancybox.png');
background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
visibility: visible; /* IE6 */
}
#fancybox-left:hover span {
left: 20px;
}
#fancybox-right:hover span {
left: auto;
right: 20px;
}
.fancy-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 1001;
}
#fancy-bg-n {
top: -20px;
left: 0;
width: 100%;
background-image: url('fancybox-x.png');
}
#fancy-bg-ne {
top: -20px;
right: -20px;
background-image: url('fancybox.png');
background-position: -40px -162px;
}
#fancy-bg-e {
top: 0;
right: -20px;
height: 100%;
background-image: url('fancybox-y.png');
background-position: -20px 0px;
}
#fancy-bg-se {
bottom: -20px;
right: -20px;
background-image: url('fancybox.png');
background-position: -40px -182px;
}
#fancy-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-image: url('fancybox-x.png');
background-position: 0px -20px;
}
#fancy-bg-sw {
bottom: -20px;
left: -20px;
background-image: url('fancybox.png');
background-position: -40px -142px;
}
#fancy-bg-w {
top: 0;
left: -20px;
height: 100%;
background-image: url('fancybox-y.png');
}
#fancy-bg-nw {
top: -20px;
left: -20px;
background-image: url('fancybox.png');
background-position: -40px -122px;
}
/* IE */
#fancybox-loading.fancybox-ie div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie .fancy-bg { background: transparent !important; }
.fancybox-ie #fancy-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

View File

@ -1,44 +0,0 @@
/*
* FancyBox - jQuery Plugin
* Simple and fancy lightbox alternative
*
* Examples and documentation at: http://fancybox.net
*
* Copyright (c) 2008 - 2010 Janis Skarnelis
*
* Version: 1.3.1 (05/03/2010)
* Requires: jQuery v1.3+
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*/
(function(b){var m,u,x,g,D,i,z,A,B,p=0,e={},q=[],n=0,c={},j=[],E=null,s=new Image,G=/\.(jpg|gif|png|bmp|jpeg)(.*)?$/i,S=/[^\.]\.(swf)\s*$/i,H,I=1,k,l,h=false,y=b.extend(b("<div/>")[0],{prop:0}),v=0,O=!b.support.opacity&&!window.XMLHttpRequest,J=function(){u.hide();s.onerror=s.onload=null;E&&E.abort();m.empty()},P=function(){b.fancybox('<p id="fancybox_error">The requested content cannot be loaded.<br />Please try again later.</p>',{scrolling:"no",padding:20,transitionIn:"none",transitionOut:"none"})},
K=function(){return[b(window).width(),b(window).height(),b(document).scrollLeft(),b(document).scrollTop()]},T=function(){var a=K(),d={},f=c.margin,o=c.autoScale,t=(20+f)*2,w=(20+f)*2,r=c.padding*2;if(c.width.toString().indexOf("%")>-1){d.width=a[0]*parseFloat(c.width)/100-40;o=false}else d.width=c.width+r;if(c.height.toString().indexOf("%")>-1){d.height=a[1]*parseFloat(c.height)/100-40;o=false}else d.height=c.height+r;if(o&&(d.width>a[0]-t||d.height>a[1]-w))if(e.type=="image"||e.type=="swf"){t+=r;
w+=r;o=Math.min(Math.min(a[0]-t,c.width)/c.width,Math.min(a[1]-w,c.height)/c.height);d.width=Math.round(o*(d.width-r))+r;d.height=Math.round(o*(d.height-r))+r}else{d.width=Math.min(d.width,a[0]-t);d.height=Math.min(d.height,a[1]-w)}d.top=a[3]+(a[1]-(d.height+40))*0.5;d.left=a[2]+(a[0]-(d.width+40))*0.5;if(c.autoScale===false){d.top=Math.max(a[3]+f,d.top);d.left=Math.max(a[2]+f,d.left)}return d},U=function(a){if(a&&a.length)switch(c.titlePosition){case "inside":return a;case "over":return'<span id="fancybox-title-over">'+
a+"</span>";default:return'<span id="fancybox-title-wrap"><span id="fancybox-title-left"></span><span id="fancybox-title-main">'+a+'</span><span id="fancybox-title-right"></span></span>'}return false},V=function(){var a=c.title,d=l.width-c.padding*2,f="fancybox-title-"+c.titlePosition;b("#fancybox-title").remove();v=0;if(c.titleShow!==false){a=b.isFunction(c.titleFormat)?c.titleFormat(a,j,n,c):U(a);if(!(!a||a==="")){b('<div id="fancybox-title" class="'+f+'" />').css({width:d,paddingLeft:c.padding,
paddingRight:c.padding}).html(a).appendTo("body");switch(c.titlePosition){case "inside":v=b("#fancybox-title").outerHeight(true)-c.padding;l.height+=v;break;case "over":b("#fancybox-title").css("bottom",c.padding);break;default:b("#fancybox-title").css("bottom",b("#fancybox-title").outerHeight(true)*-1);break}b("#fancybox-title").appendTo(D).hide()}}},W=function(){b(document).unbind("keydown.fb").bind("keydown.fb",function(a){if(a.keyCode==27&&c.enableEscapeButton){a.preventDefault();b.fancybox.close()}else if(a.keyCode==
37){a.preventDefault();b.fancybox.prev()}else if(a.keyCode==39){a.preventDefault();b.fancybox.next()}});if(b.fn.mousewheel){g.unbind("mousewheel.fb");j.length>1&&g.bind("mousewheel.fb",function(a,d){a.preventDefault();h||d===0||(d>0?b.fancybox.prev():b.fancybox.next())})}if(c.showNavArrows){if(c.cyclic&&j.length>1||n!==0)A.show();if(c.cyclic&&j.length>1||n!=j.length-1)B.show()}},X=function(){var a,d;if(j.length-1>n){a=j[n+1].href;if(typeof a!=="undefined"&&a.match(G)){d=new Image;d.src=a}}if(n>0){a=
j[n-1].href;if(typeof a!=="undefined"&&a.match(G)){d=new Image;d.src=a}}},L=function(){i.css("overflow",c.scrolling=="auto"?c.type=="image"||c.type=="iframe"||c.type=="swf"?"hidden":"auto":c.scrolling=="yes"?"auto":"visible");if(!b.support.opacity){i.get(0).style.removeAttribute("filter");g.get(0).style.removeAttribute("filter")}b("#fancybox-title").show();c.hideOnContentClick&&i.one("click",b.fancybox.close);c.hideOnOverlayClick&&x.one("click",b.fancybox.close);c.showCloseButton&&z.show();W();b(window).bind("resize.fb",
b.fancybox.center);c.centerOnScroll?b(window).bind("scroll.fb",b.fancybox.center):b(window).unbind("scroll.fb");b.isFunction(c.onComplete)&&c.onComplete(j,n,c);h=false;X()},M=function(a){var d=Math.round(k.width+(l.width-k.width)*a),f=Math.round(k.height+(l.height-k.height)*a),o=Math.round(k.top+(l.top-k.top)*a),t=Math.round(k.left+(l.left-k.left)*a);g.css({width:d+"px",height:f+"px",top:o+"px",left:t+"px"});d=Math.max(d-c.padding*2,0);f=Math.max(f-(c.padding*2+v*a),0);i.css({width:d+"px",height:f+
"px"});if(typeof l.opacity!=="undefined")g.css("opacity",a<0.5?0.5:a)},Y=function(a){var d=a.offset();d.top+=parseFloat(a.css("paddingTop"))||0;d.left+=parseFloat(a.css("paddingLeft"))||0;d.top+=parseFloat(a.css("border-top-width"))||0;d.left+=parseFloat(a.css("border-left-width"))||0;d.width=a.width();d.height=a.height();return d},Q=function(){var a=e.orig?b(e.orig):false,d={};if(a&&a.length){a=Y(a);d={width:a.width+c.padding*2,height:a.height+c.padding*2,top:a.top-c.padding-20,left:a.left-c.padding-
20}}else{a=K();d={width:1,height:1,top:a[3]+a[1]*0.5,left:a[2]+a[0]*0.5}}return d},N=function(){u.hide();if(g.is(":visible")&&b.isFunction(c.onCleanup))if(c.onCleanup(j,n,c)===false){b.event.trigger("fancybox-cancel");h=false;return}j=q;n=p;c=e;i.get(0).scrollTop=0;i.get(0).scrollLeft=0;if(c.overlayShow){O&&b("select:not(#fancybox-tmp select)").filter(function(){return this.style.visibility!=="hidden"}).css({visibility:"hidden"}).one("fancybox-cleanup",function(){this.style.visibility="inherit"});
x.css({"background-color":c.overlayColor,opacity:c.overlayOpacity}).unbind().show()}l=T();V();if(g.is(":visible")){b(z.add(A).add(B)).hide();var a=g.position(),d;k={top:a.top,left:a.left,width:g.width(),height:g.height()};d=k.width==l.width&&k.height==l.height;i.fadeOut(c.changeFade,function(){var f=function(){i.html(m.contents()).fadeIn(c.changeFade,L)};b.event.trigger("fancybox-change");i.empty().css("overflow","hidden");if(d){i.css({top:c.padding,left:c.padding,width:Math.max(l.width-c.padding*
2,1),height:Math.max(l.height-c.padding*2-v,1)});f()}else{i.css({top:c.padding,left:c.padding,width:Math.max(k.width-c.padding*2,1),height:Math.max(k.height-c.padding*2,1)});y.prop=0;b(y).animate({prop:1},{duration:c.changeSpeed,easing:c.easingChange,step:M,complete:f})}})}else{g.css("opacity",1);if(c.transitionIn=="elastic"){k=Q();i.css({top:c.padding,left:c.padding,width:Math.max(k.width-c.padding*2,1),height:Math.max(k.height-c.padding*2,1)}).html(m.contents());g.css(k).show();if(c.opacity)l.opacity=
0;y.prop=0;b(y).animate({prop:1},{duration:c.speedIn,easing:c.easingIn,step:M,complete:L})}else{i.css({top:c.padding,left:c.padding,width:Math.max(l.width-c.padding*2,1),height:Math.max(l.height-c.padding*2-v,1)}).html(m.contents());g.css(l).fadeIn(c.transitionIn=="none"?0:c.speedIn,L)}}},F=function(){m.width(e.width);m.height(e.height);if(e.width=="auto")e.width=m.width();if(e.height=="auto")e.height=m.height();N()},Z=function(){h=true;e.width=s.width;e.height=s.height;b("<img />").attr({id:"fancybox-img",
src:s.src,alt:e.title}).appendTo(m);N()},C=function(){J();var a=q[p],d,f,o,t,w;e=b.extend({},b.fn.fancybox.defaults,typeof b(a).data("fancybox")=="undefined"?e:b(a).data("fancybox"));o=a.title||b(a).title||e.title||"";if(a.nodeName&&!e.orig)e.orig=b(a).children("img:first").length?b(a).children("img:first"):b(a);if(o===""&&e.orig)o=e.orig.attr("alt");d=a.nodeName&&/^(?:javascript|#)/i.test(a.href)?e.href||null:e.href||a.href||null;if(e.type){f=e.type;if(!d)d=e.content}else if(e.content)f="html";else if(d)if(d.match(G))f=
"image";else if(d.match(S))f="swf";else if(b(a).hasClass("iframe"))f="iframe";else if(d.match(/#/)){a=d.substr(d.indexOf("#"));f=b(a).length>0?"inline":"ajax"}else f="ajax";else f="inline";e.type=f;e.href=d;e.title=o;if(e.autoDimensions&&e.type!=="iframe"&&e.type!=="swf"){e.width="auto";e.height="auto"}if(e.modal){e.overlayShow=true;e.hideOnOverlayClick=false;e.hideOnContentClick=false;e.enableEscapeButton=false;e.showCloseButton=false}if(b.isFunction(e.onStart))if(e.onStart(q,p,e)===false){h=false;
return}m.css("padding",20+e.padding+e.margin);b(".fancybox-inline-tmp").unbind("fancybox-cancel").bind("fancybox-change",function(){b(this).replaceWith(i.children())});switch(f){case "html":m.html(e.content);F();break;case "inline":b('<div class="fancybox-inline-tmp" />').hide().insertBefore(b(a)).bind("fancybox-cleanup",function(){b(this).replaceWith(i.children())}).bind("fancybox-cancel",function(){b(this).replaceWith(m.children())});b(a).appendTo(m);F();break;case "image":h=false;b.fancybox.showActivity();
s=new Image;s.onerror=function(){P()};s.onload=function(){s.onerror=null;s.onload=null;Z()};s.src=d;break;case "swf":t='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="'+e.width+'" height="'+e.height+'"><param name="movie" value="'+d+'"></param>';w="";b.each(e.swf,function(r,R){t+='<param name="'+r+'" value="'+R+'"></param>';w+=" "+r+'="'+R+'"'});t+='<embed src="'+d+'" type="application/x-shockwave-flash" width="'+e.width+'" height="'+e.height+'"'+w+"></embed></object>";m.html(t);
F();break;case "ajax":a=d.split("#",2);f=e.ajax.data||{};if(a.length>1){d=a[0];if(typeof f=="string")f+="&selector="+a[1];else f.selector=a[1]}h=false;b.fancybox.showActivity();E=b.ajax(b.extend(e.ajax,{url:d,data:f,error:P,success:function(r){if(E.status==200){m.html(r);F()}}}));break;case "iframe":b('<iframe id="fancybox-frame" name="fancybox-frame'+(new Date).getTime()+'" frameborder="0" hspace="0" scrolling="'+e.scrolling+'" src="'+e.href+'"></iframe>').appendTo(m);N();break}},$=function(){if(u.is(":visible")){b("div",
u).css("top",I*-40+"px");I=(I+1)%12}else clearInterval(H)},aa=function(){if(!b("#fancybox-wrap").length){b("body").append(m=b('<div id="fancybox-tmp"></div>'),u=b('<div id="fancybox-loading"><div></div></div>'),x=b('<div id="fancybox-overlay"></div>'),g=b('<div id="fancybox-wrap"></div>'));if(!b.support.opacity){g.addClass("fancybox-ie");u.addClass("fancybox-ie")}D=b('<div id="fancybox-outer"></div>').append('<div class="fancy-bg" id="fancy-bg-n"></div><div class="fancy-bg" id="fancy-bg-ne"></div><div class="fancy-bg" id="fancy-bg-e"></div><div class="fancy-bg" id="fancy-bg-se"></div><div class="fancy-bg" id="fancy-bg-s"></div><div class="fancy-bg" id="fancy-bg-sw"></div><div class="fancy-bg" id="fancy-bg-w"></div><div class="fancy-bg" id="fancy-bg-nw"></div>').appendTo(g);
D.append(i=b('<div id="fancybox-inner"></div>'),z=b('<a id="fancybox-close"></a>'),A=b('<a href="javascript:;" id="fancybox-left"><span class="fancy-ico" id="fancybox-left-ico"></span></a>'),B=b('<a href="javascript:;" id="fancybox-right"><span class="fancy-ico" id="fancybox-right-ico"></span></a>'));z.click(b.fancybox.close);u.click(b.fancybox.cancel);A.click(function(a){a.preventDefault();b.fancybox.prev()});B.click(function(a){a.preventDefault();b.fancybox.next()});if(O){x.get(0).style.setExpression("height",
"document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'");u.get(0).style.setExpression("top","(-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'");D.prepend('<iframe id="fancybox-hide-sel-frame" src="javascript:\'\';" scrolling="no" frameborder="0" ></iframe>')}}};
b.fn.fancybox=function(a){b(this).data("fancybox",b.extend({},a,b.metadata?b(this).metadata():{})).unbind("click.fb").bind("click.fb",function(d){d.preventDefault();if(!h){h=true;b(this).blur();q=[];p=0;d=b(this).attr("rel")||"";if(!d||d==""||d==="nofollow")q.push(this);else{q=b("a[rel="+d+"], area[rel="+d+"]");p=q.index(this)}C();return false}});return this};b.fancybox=function(a,d){if(!h){h=true;d=typeof d!=="undefined"?d:{};q=[];p=d.index||0;if(b.isArray(a)){for(var f=0,o=a.length;f<o;f++)if(typeof a[f]==
"object")b(a[f]).data("fancybox",b.extend({},d,a[f]));else a[f]=b({}).data("fancybox",b.extend({content:a[f]},d));q=jQuery.merge(q,a)}else{if(typeof a=="object")b(a).data("fancybox",b.extend({},d,a));else a=b({}).data("fancybox",b.extend({content:a},d));q.push(a)}if(p>q.length||p<0)p=0;C()}};b.fancybox.showActivity=function(){clearInterval(H);u.show();H=setInterval($,66)};b.fancybox.hideActivity=function(){u.hide()};b.fancybox.next=function(){return b.fancybox.pos(n+1)};b.fancybox.prev=function(){return b.fancybox.pos(n-
1)};b.fancybox.pos=function(a){if(!h){a=parseInt(a,10);if(a>-1&&j.length>a){p=a;C()}if(c.cyclic&&j.length>1&&a<0){p=j.length-1;C()}if(c.cyclic&&j.length>1&&a>=j.length){p=0;C()}}};b.fancybox.cancel=function(){if(!h){h=true;b.event.trigger("fancybox-cancel");J();e&&b.isFunction(e.onCancel)&&e.onCancel(q,p,e);h=false}};b.fancybox.close=function(){function a(){x.fadeOut("fast");g.hide();b.event.trigger("fancybox-cleanup");i.empty();b.isFunction(c.onClosed)&&c.onClosed(j,n,c);j=e=[];n=p=0;c=e={};h=false}
if(!(h||g.is(":hidden"))){h=true;if(c&&b.isFunction(c.onCleanup))if(c.onCleanup(j,n,c)===false){h=false;return}J();b(z.add(A).add(B)).hide();b("#fancybox-title").remove();g.add(i).add(x).unbind();b(window).unbind("resize.fb scroll.fb");b(document).unbind("keydown.fb");i.css("overflow","hidden");if(c.transitionOut=="elastic"){k=Q();var d=g.position();l={top:d.top,left:d.left,width:g.width(),height:g.height()};if(c.opacity)l.opacity=1;y.prop=1;b(y).animate({prop:0},{duration:c.speedOut,easing:c.easingOut,
step:M,complete:a})}else g.fadeOut(c.transitionOut=="none"?0:c.speedOut,a)}};b.fancybox.resize=function(){var a,d;if(!(h||g.is(":hidden"))){h=true;a=i.wrapInner("<div style='overflow:auto'></div>").children();d=a.height();g.css({height:d+c.padding*2+v});i.css({height:d});a.replaceWith(a.children());b.fancybox.center()}};b.fancybox.center=function(){h=true;var a=K(),d=c.margin,f={};f.top=a[3]+(a[1]-(g.height()-v+40))*0.5;f.left=a[2]+(a[0]-(g.width()+40))*0.5;f.top=Math.max(a[3]+d,f.top);f.left=Math.max(a[2]+
d,f.left);g.css(f);h=false};b.fn.fancybox.defaults={padding:10,margin:20,opacity:false,modal:false,cyclic:false,scrolling:"auto",width:560,height:340,autoScale:true,autoDimensions:true,centerOnScroll:false,ajax:{},swf:{wmode:"transparent"},hideOnOverlayClick:true,hideOnContentClick:false,overlayShow:true,overlayOpacity:0.3,overlayColor:"#666",titleShow:true,titlePosition:"outside",titleFormat:null,transitionIn:"fade",transitionOut:"fade",speedIn:300,speedOut:300,changeSpeed:300,changeFade:"fast",
easingIn:"swing",easingOut:"swing",showCloseButton:true,showNavArrows:true,enableEscapeButton:true,onStart:null,onCancel:null,onComplete:null,onCleanup:null,onClosed:null};b(document).ready(function(){aa()})})(jQuery);

View File

@ -0,0 +1,359 @@
/*
* FancyBox - jQuery Plugin
* Simple and fancy lightbox alternative
*
* Examples and documentation at: http://fancybox.net
*
* Copyright (c) 2008 - 2010 Janis Skarnelis
* That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
*
* Version: 1.3.4 (11/11/2010)
* Requires: jQuery v1.3+
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*/
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url('fancybox.png');
}
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1100;
display: none;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 1101;
outline: none;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #fff;
}
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 1102;
border: 0px solid #fff;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1101;
}
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background: transparent url('fancybox.png') -40px 0px;
cursor: pointer;
z-index: 1103;
display: none;
}
#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent url('blank.gif');
z-index: 1102;
display: none;
}
#fancybox-left {
left: 0px;
}
#fancybox-right {
right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
}
#fancybox-left-ico {
background-image: url('fancybox.png');
background-position: -40px -30px;
}
#fancybox-right-ico {
background-image: url('fancybox.png');
background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
visibility: visible; /* IE6 */
}
#fancybox-left:hover span {
left: 20px;
}
#fancybox-right:hover span {
left: auto;
right: 20px;
}
.fancybox-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 1001;
}
#fancybox-bg-n {
top: -20px;
left: 0;
width: 100%;
background-image: url('fancybox-x.png');
}
#fancybox-bg-ne {
top: -20px;
right: -20px;
background-image: url('fancybox.png');
background-position: -40px -162px;
}
#fancybox-bg-e {
top: 0;
right: -20px;
height: 100%;
background-image: url('fancybox-y.png');
background-position: -20px 0px;
}
#fancybox-bg-se {
bottom: -20px;
right: -20px;
background-image: url('fancybox.png');
background-position: -40px -182px;
}
#fancybox-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-image: url('fancybox-x.png');
background-position: 0px -20px;
}
#fancybox-bg-sw {
bottom: -20px;
left: -20px;
background-image: url('fancybox.png');
background-position: -40px -142px;
}
#fancybox-bg-w {
top: 0;
left: -20px;
height: 100%;
background-image: url('fancybox-y.png');
}
#fancybox-bg-nw {
top: -20px;
left: -20px;
background-image: url('fancybox.png');
background-position: -40px -122px;
}
#fancybox-title {
font-family: Helvetica;
font-size: 12px;
z-index: 1102;
}
.fancybox-title-inside {
padding-bottom: 10px;
text-align: center;
color: #333;
background: #fff;
position: relative;
}
.fancybox-title-outside {
padding-top: 10px;
color: #fff;
}
.fancybox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #FFF;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
background-image: url('fancy_title_over.png');
display: block;
}
.fancybox-title-float {
position: absolute;
left: 0;
bottom: -20px;
height: 32px;
}
#fancybox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto;
}
#fancybox-title-float-wrap td {
border: none;
white-space: nowrap;
}
#fancybox-title-float-left {
padding: 0 0 0 15px;
background: url('fancybox.png') -40px -90px no-repeat;
}
#fancybox-title-float-main {
color: #FFF;
line-height: 29px;
font-weight: bold;
padding: 0 0 3px 0;
background: url('fancybox-x.png') 0px -40px;
}
#fancybox-title-float-right {
padding: 0 0 0 15px;
background: url('fancybox.png') -55px -90px no-repeat;
}
/* IE6 */
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
height: expression(this.parentNode.clientHeight + "px");
}
#fancybox-loading.fancybox-ie6 {
position: absolute; margin-top: 0;
top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}
#fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

View File

@ -0,0 +1,46 @@
/*
* FancyBox - jQuery Plugin
* Simple and fancy lightbox alternative
*
* Examples and documentation at: http://fancybox.net
*
* Copyright (c) 2008 - 2010 Janis Skarnelis
* That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
*
* Version: 1.3.4 (11/11/2010)
* Requires: jQuery v1.3+
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*/
;(function(b){var m,t,u,f,D,j,E,n,z,A,q=0,e={},o=[],p=0,d={},l=[],G=null,v=new Image,J=/\.(jpg|gif|png|bmp|jpeg)(.*)?$/i,W=/[^\.]\.(swf)\s*$/i,K,L=1,y=0,s="",r,i,h=false,B=b.extend(b("<div/>")[0],{prop:0}),M=b.browser.msie&&b.browser.version<7&&!window.XMLHttpRequest,N=function(){t.hide();v.onerror=v.onload=null;G&&G.abort();m.empty()},O=function(){if(false===e.onError(o,q,e)){t.hide();h=false}else{e.titleShow=false;e.width="auto";e.height="auto";m.html('<p id="fancybox-error">The requested content cannot be loaded.<br />Please try again later.</p>');
F()}},I=function(){var a=o[q],c,g,k,C,P,w;N();e=b.extend({},b.fn.fancybox.defaults,typeof b(a).data("fancybox")=="undefined"?e:b(a).data("fancybox"));w=e.onStart(o,q,e);if(w===false)h=false;else{if(typeof w=="object")e=b.extend(e,w);k=e.title||(a.nodeName?b(a).attr("title"):a.title)||"";if(a.nodeName&&!e.orig)e.orig=b(a).children("img:first").length?b(a).children("img:first"):b(a);if(k===""&&e.orig&&e.titleFromAlt)k=e.orig.attr("alt");c=e.href||(a.nodeName?b(a).attr("href"):a.href)||null;if(/^(?:javascript)/i.test(c)||
c=="#")c=null;if(e.type){g=e.type;if(!c)c=e.content}else if(e.content)g="html";else if(c)g=c.match(J)?"image":c.match(W)?"swf":b(a).hasClass("iframe")?"iframe":c.indexOf("#")===0?"inline":"ajax";if(g){if(g=="inline"){a=c.substr(c.indexOf("#"));g=b(a).length>0?"inline":"ajax"}e.type=g;e.href=c;e.title=k;if(e.autoDimensions)if(e.type=="html"||e.type=="inline"||e.type=="ajax"){e.width="auto";e.height="auto"}else e.autoDimensions=false;if(e.modal){e.overlayShow=true;e.hideOnOverlayClick=false;e.hideOnContentClick=
false;e.enableEscapeButton=false;e.showCloseButton=false}e.padding=parseInt(e.padding,10);e.margin=parseInt(e.margin,10);m.css("padding",e.padding+e.margin);b(".fancybox-inline-tmp").unbind("fancybox-cancel").bind("fancybox-change",function(){b(this).replaceWith(j.children())});switch(g){case "html":m.html(e.content);F();break;case "inline":if(b(a).parent().is("#fancybox-content")===true){h=false;break}b('<div class="fancybox-inline-tmp" />').hide().insertBefore(b(a)).bind("fancybox-cleanup",function(){b(this).replaceWith(j.children())}).bind("fancybox-cancel",
function(){b(this).replaceWith(m.children())});b(a).appendTo(m);F();break;case "image":h=false;b.fancybox.showActivity();v=new Image;v.onerror=function(){O()};v.onload=function(){h=true;v.onerror=v.onload=null;e.width=v.width;e.height=v.height;b("<img />").attr({id:"fancybox-img",src:v.src,alt:e.title}).appendTo(m);Q()};v.src=c;break;case "swf":e.scrolling="no";C='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="'+e.width+'" height="'+e.height+'"><param name="movie" value="'+c+
'"></param>';P="";b.each(e.swf,function(x,H){C+='<param name="'+x+'" value="'+H+'"></param>';P+=" "+x+'="'+H+'"'});C+='<embed src="'+c+'" type="application/x-shockwave-flash" width="'+e.width+'" height="'+e.height+'"'+P+"></embed></object>";m.html(C);F();break;case "ajax":h=false;b.fancybox.showActivity();e.ajax.win=e.ajax.success;G=b.ajax(b.extend({},e.ajax,{url:c,data:e.ajax.data||{},error:function(x){x.status>0&&O()},success:function(x,H,R){if((typeof R=="object"?R:G).status==200){if(typeof e.ajax.win==
"function"){w=e.ajax.win(c,x,H,R);if(w===false){t.hide();return}else if(typeof w=="string"||typeof w=="object")x=w}m.html(x);F()}}}));break;case "iframe":Q()}}else O()}},F=function(){var a=e.width,c=e.height;a=a.toString().indexOf("%")>-1?parseInt((b(window).width()-e.margin*2)*parseFloat(a)/100,10)+"px":a=="auto"?"auto":a+"px";c=c.toString().indexOf("%")>-1?parseInt((b(window).height()-e.margin*2)*parseFloat(c)/100,10)+"px":c=="auto"?"auto":c+"px";m.wrapInner('<div style="width:'+a+";height:"+c+
";overflow: "+(e.scrolling=="auto"?"auto":e.scrolling=="yes"?"scroll":"hidden")+';position:relative;"></div>');e.width=m.width();e.height=m.height();Q()},Q=function(){var a,c;t.hide();if(f.is(":visible")&&false===d.onCleanup(l,p,d)){b.event.trigger("fancybox-cancel");h=false}else{h=true;b(j.add(u)).unbind();b(window).unbind("resize.fb scroll.fb");b(document).unbind("keydown.fb");f.is(":visible")&&d.titlePosition!=="outside"&&f.css("height",f.height());l=o;p=q;d=e;if(d.overlayShow){u.css({"background-color":d.overlayColor,
opacity:d.overlayOpacity,cursor:d.hideOnOverlayClick?"pointer":"auto",height:b(document).height()});if(!u.is(":visible")){M&&b("select:not(#fancybox-tmp select)").filter(function(){return this.style.visibility!=="hidden"}).css({visibility:"hidden"}).one("fancybox-cleanup",function(){this.style.visibility="inherit"});u.show()}}else u.hide();i=X();s=d.title||"";y=0;n.empty().removeAttr("style").removeClass();if(d.titleShow!==false){if(b.isFunction(d.titleFormat))a=d.titleFormat(s,l,p,d);else a=s&&s.length?
d.titlePosition=="float"?'<table id="fancybox-title-float-wrap" cellpadding="0" cellspacing="0"><tr><td id="fancybox-title-float-left"></td><td id="fancybox-title-float-main">'+s+'</td><td id="fancybox-title-float-right"></td></tr></table>':'<div id="fancybox-title-'+d.titlePosition+'">'+s+"</div>":false;s=a;if(!(!s||s==="")){n.addClass("fancybox-title-"+d.titlePosition).html(s).appendTo("body").show();switch(d.titlePosition){case "inside":n.css({width:i.width-d.padding*2,marginLeft:d.padding,marginRight:d.padding});
y=n.outerHeight(true);n.appendTo(D);i.height+=y;break;case "over":n.css({marginLeft:d.padding,width:i.width-d.padding*2,bottom:d.padding}).appendTo(D);break;case "float":n.css("left",parseInt((n.width()-i.width-40)/2,10)*-1).appendTo(f);break;default:n.css({width:i.width-d.padding*2,paddingLeft:d.padding,paddingRight:d.padding}).appendTo(f)}}}n.hide();if(f.is(":visible")){b(E.add(z).add(A)).hide();a=f.position();r={top:a.top,left:a.left,width:f.width(),height:f.height()};c=r.width==i.width&&r.height==
i.height;j.fadeTo(d.changeFade,0.3,function(){var g=function(){j.html(m.contents()).fadeTo(d.changeFade,1,S)};b.event.trigger("fancybox-change");j.empty().removeAttr("filter").css({"border-width":d.padding,width:i.width-d.padding*2,height:e.autoDimensions?"auto":i.height-y-d.padding*2});if(c)g();else{B.prop=0;b(B).animate({prop:1},{duration:d.changeSpeed,easing:d.easingChange,step:T,complete:g})}})}else{f.removeAttr("style");j.css("border-width",d.padding);if(d.transitionIn=="elastic"){r=V();j.html(m.contents());
f.show();if(d.opacity)i.opacity=0;B.prop=0;b(B).animate({prop:1},{duration:d.speedIn,easing:d.easingIn,step:T,complete:S})}else{d.titlePosition=="inside"&&y>0&&n.show();j.css({width:i.width-d.padding*2,height:e.autoDimensions?"auto":i.height-y-d.padding*2}).html(m.contents());f.css(i).fadeIn(d.transitionIn=="none"?0:d.speedIn,S)}}}},Y=function(){if(d.enableEscapeButton||d.enableKeyboardNav)b(document).bind("keydown.fb",function(a){if(a.keyCode==27&&d.enableEscapeButton){a.preventDefault();b.fancybox.close()}else if((a.keyCode==
37||a.keyCode==39)&&d.enableKeyboardNav&&a.target.tagName!=="INPUT"&&a.target.tagName!=="TEXTAREA"&&a.target.tagName!=="SELECT"){a.preventDefault();b.fancybox[a.keyCode==37?"prev":"next"]()}});if(d.showNavArrows){if(d.cyclic&&l.length>1||p!==0)z.show();if(d.cyclic&&l.length>1||p!=l.length-1)A.show()}else{z.hide();A.hide()}},S=function(){if(!b.support.opacity){j.get(0).style.removeAttribute("filter");f.get(0).style.removeAttribute("filter")}e.autoDimensions&&j.css("height","auto");f.css("height","auto");
s&&s.length&&n.show();d.showCloseButton&&E.show();Y();d.hideOnContentClick&&j.bind("click",b.fancybox.close);d.hideOnOverlayClick&&u.bind("click",b.fancybox.close);b(window).bind("resize.fb",b.fancybox.resize);d.centerOnScroll&&b(window).bind("scroll.fb",b.fancybox.center);if(d.type=="iframe")b('<iframe id="fancybox-frame" name="fancybox-frame'+(new Date).getTime()+'" frameborder="0" hspace="0" '+(b.browser.msie?'allowtransparency="true""':"")+' scrolling="'+e.scrolling+'" src="'+d.href+'"></iframe>').appendTo(j);
f.show();h=false;b.fancybox.center();d.onComplete(l,p,d);var a,c;if(l.length-1>p){a=l[p+1].href;if(typeof a!=="undefined"&&a.match(J)){c=new Image;c.src=a}}if(p>0){a=l[p-1].href;if(typeof a!=="undefined"&&a.match(J)){c=new Image;c.src=a}}},T=function(a){var c={width:parseInt(r.width+(i.width-r.width)*a,10),height:parseInt(r.height+(i.height-r.height)*a,10),top:parseInt(r.top+(i.top-r.top)*a,10),left:parseInt(r.left+(i.left-r.left)*a,10)};if(typeof i.opacity!=="undefined")c.opacity=a<0.5?0.5:a;f.css(c);
j.css({width:c.width-d.padding*2,height:c.height-y*a-d.padding*2})},U=function(){return[b(window).width()-d.margin*2,b(window).height()-d.margin*2,b(document).scrollLeft()+d.margin,b(document).scrollTop()+d.margin]},X=function(){var a=U(),c={},g=d.autoScale,k=d.padding*2;c.width=d.width.toString().indexOf("%")>-1?parseInt(a[0]*parseFloat(d.width)/100,10):d.width+k;c.height=d.height.toString().indexOf("%")>-1?parseInt(a[1]*parseFloat(d.height)/100,10):d.height+k;if(g&&(c.width>a[0]||c.height>a[1]))if(e.type==
"image"||e.type=="swf"){g=d.width/d.height;if(c.width>a[0]){c.width=a[0];c.height=parseInt((c.width-k)/g+k,10)}if(c.height>a[1]){c.height=a[1];c.width=parseInt((c.height-k)*g+k,10)}}else{c.width=Math.min(c.width,a[0]);c.height=Math.min(c.height,a[1])}c.top=parseInt(Math.max(a[3]-20,a[3]+(a[1]-c.height-40)*0.5),10);c.left=parseInt(Math.max(a[2]-20,a[2]+(a[0]-c.width-40)*0.5),10);return c},V=function(){var a=e.orig?b(e.orig):false,c={};if(a&&a.length){c=a.offset();c.top+=parseInt(a.css("paddingTop"),
10)||0;c.left+=parseInt(a.css("paddingLeft"),10)||0;c.top+=parseInt(a.css("border-top-width"),10)||0;c.left+=parseInt(a.css("border-left-width"),10)||0;c.width=a.width();c.height=a.height();c={width:c.width+d.padding*2,height:c.height+d.padding*2,top:c.top-d.padding-20,left:c.left-d.padding-20}}else{a=U();c={width:d.padding*2,height:d.padding*2,top:parseInt(a[3]+a[1]*0.5,10),left:parseInt(a[2]+a[0]*0.5,10)}}return c},Z=function(){if(t.is(":visible")){b("div",t).css("top",L*-40+"px");L=(L+1)%12}else clearInterval(K)};
b.fn.fancybox=function(a){if(!b(this).length)return this;b(this).data("fancybox",b.extend({},a,b.metadata?b(this).metadata():{})).unbind("click.fb").bind("click.fb",function(c){c.preventDefault();if(!h){h=true;b(this).blur();o=[];q=0;c=b(this).attr("rel")||"";if(!c||c==""||c==="nofollow")o.push(this);else{o=b("a[rel="+c+"], area[rel="+c+"]");q=o.index(this)}I()}});return this};b.fancybox=function(a,c){var g;if(!h){h=true;g=typeof c!=="undefined"?c:{};o=[];q=parseInt(g.index,10)||0;if(b.isArray(a)){for(var k=
0,C=a.length;k<C;k++)if(typeof a[k]=="object")b(a[k]).data("fancybox",b.extend({},g,a[k]));else a[k]=b({}).data("fancybox",b.extend({content:a[k]},g));o=jQuery.merge(o,a)}else{if(typeof a=="object")b(a).data("fancybox",b.extend({},g,a));else a=b({}).data("fancybox",b.extend({content:a},g));o.push(a)}if(q>o.length||q<0)q=0;I()}};b.fancybox.showActivity=function(){clearInterval(K);t.show();K=setInterval(Z,66)};b.fancybox.hideActivity=function(){t.hide()};b.fancybox.next=function(){return b.fancybox.pos(p+
1)};b.fancybox.prev=function(){return b.fancybox.pos(p-1)};b.fancybox.pos=function(a){if(!h){a=parseInt(a);o=l;if(a>-1&&a<l.length){q=a;I()}else if(d.cyclic&&l.length>1){q=a>=l.length?0:l.length-1;I()}}};b.fancybox.cancel=function(){if(!h){h=true;b.event.trigger("fancybox-cancel");N();e.onCancel(o,q,e);h=false}};b.fancybox.close=function(){function a(){u.fadeOut("fast");n.empty().hide();f.hide();b.event.trigger("fancybox-cleanup");j.empty();d.onClosed(l,p,d);l=e=[];p=q=0;d=e={};h=false}if(!(h||f.is(":hidden"))){h=
true;if(d&&false===d.onCleanup(l,p,d))h=false;else{N();b(E.add(z).add(A)).hide();b(j.add(u)).unbind();b(window).unbind("resize.fb scroll.fb");b(document).unbind("keydown.fb");j.find("iframe").attr("src",M&&/^https/i.test(window.location.href||"")?"javascript:void(false)":"about:blank");d.titlePosition!=="inside"&&n.empty();f.stop();if(d.transitionOut=="elastic"){r=V();var c=f.position();i={top:c.top,left:c.left,width:f.width(),height:f.height()};if(d.opacity)i.opacity=1;n.empty().hide();B.prop=1;
b(B).animate({prop:0},{duration:d.speedOut,easing:d.easingOut,step:T,complete:a})}else f.fadeOut(d.transitionOut=="none"?0:d.speedOut,a)}}};b.fancybox.resize=function(){u.is(":visible")&&u.css("height",b(document).height());b.fancybox.center(true)};b.fancybox.center=function(a){var c,g;if(!h){g=a===true?1:0;c=U();!g&&(f.width()>c[0]||f.height()>c[1])||f.stop().animate({top:parseInt(Math.max(c[3]-20,c[3]+(c[1]-j.height()-40)*0.5-d.padding)),left:parseInt(Math.max(c[2]-20,c[2]+(c[0]-j.width()-40)*0.5-
d.padding))},typeof a=="number"?a:200)}};b.fancybox.init=function(){if(!b("#fancybox-wrap").length){b("body").append(m=b('<div id="fancybox-tmp"></div>'),t=b('<div id="fancybox-loading"><div></div></div>'),u=b('<div id="fancybox-overlay"></div>'),f=b('<div id="fancybox-wrap"></div>'));D=b('<div id="fancybox-outer"></div>').append('<div class="fancybox-bg" id="fancybox-bg-n"></div><div class="fancybox-bg" id="fancybox-bg-ne"></div><div class="fancybox-bg" id="fancybox-bg-e"></div><div class="fancybox-bg" id="fancybox-bg-se"></div><div class="fancybox-bg" id="fancybox-bg-s"></div><div class="fancybox-bg" id="fancybox-bg-sw"></div><div class="fancybox-bg" id="fancybox-bg-w"></div><div class="fancybox-bg" id="fancybox-bg-nw"></div>').appendTo(f);
D.append(j=b('<div id="fancybox-content"></div>'),E=b('<a id="fancybox-close"></a>'),n=b('<div id="fancybox-title"></div>'),z=b('<a href="javascript:;" id="fancybox-left"><span class="fancy-ico" id="fancybox-left-ico"></span></a>'),A=b('<a href="javascript:;" id="fancybox-right"><span class="fancy-ico" id="fancybox-right-ico"></span></a>'));E.click(b.fancybox.close);t.click(b.fancybox.cancel);z.click(function(a){a.preventDefault();b.fancybox.prev()});A.click(function(a){a.preventDefault();b.fancybox.next()});
b.fn.mousewheel&&f.bind("mousewheel.fb",function(a,c){if(h)a.preventDefault();else if(b(a.target).get(0).clientHeight==0||b(a.target).get(0).scrollHeight===b(a.target).get(0).clientHeight){a.preventDefault();b.fancybox[c>0?"prev":"next"]()}});b.support.opacity||f.addClass("fancybox-ie");if(M){t.addClass("fancybox-ie6");f.addClass("fancybox-ie6");b('<iframe id="fancybox-hide-sel-frame" src="'+(/^https/i.test(window.location.href||"")?"javascript:void(false)":"about:blank")+'" scrolling="no" border="0" frameborder="0" tabindex="-1"></iframe>').prependTo(D)}}};
b.fn.fancybox.defaults={padding:10,margin:40,opacity:false,modal:false,cyclic:false,scrolling:"auto",width:560,height:340,autoScale:true,autoDimensions:true,centerOnScroll:false,ajax:{},swf:{wmode:"transparent"},hideOnOverlayClick:true,hideOnContentClick:false,overlayShow:true,overlayOpacity:0.7,overlayColor:"#777",titleShow:true,titlePosition:"float",titleFormat:null,titleFromAlt:false,transitionIn:"fade",transitionOut:"fade",speedIn:300,speedOut:300,changeSpeed:300,changeFade:"fast",easingIn:"swing",
easingOut:"swing",showCloseButton:true,showNavArrows:true,enableEscapeButton:true,enableKeyboardNav:true,onStart:function(){},onCancel:function(){},onComplete:function(){},onCleanup:function(){},onClosed:function(){},onError:function(){}};b(document).ready(function(){b.fancybox.init()})})(jQuery);

BIN
src/favicon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 925 B

View File

@ -1,176 +1,206 @@
<!DOCTYPE html>
<html lang="es">
<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 -->
<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.1.css" media="screen" />
<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 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>Alonso y Sal</title>
</head>
<body class="index">
<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 - Alonso y Sal Cocinas</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-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-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>
<div id="inner-wrap">
<header>
<section id="logo">
<h1><a href="index.html">Arribas</a></h1>
<p><span class="coloured-1">«</span> cocina y baños <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="index.html">Inicio</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="tienda-muebles-cocinas-electrodomesticos.html">Cocinas</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="tienda-banos-mamparas.html">Baños</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="servicios-tienda-cocinas-banos.html">Servicios</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a class="current" href="galeria-exposiciones.html">Galería</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="localizacion.html">Tiendas</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="contacto.php">Contacto</a>
</nav>
</div><!--panelblock ends here-->
</div><!--panel ends here-->
</div><!--main-content ends here-->
<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>
</section>
</div>
<div class="panel" id="panel-2">
<section class="panelinfo">
<h2>Exposición de muebles de baño y mamparas </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_3_b.jpg"><img src="images/bano_exposicion_3_s.jpg" width="139" height="120" alt=""/></a>
<div id="main-content-index">
<a class="grouped_elements" rel="group2" 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="group2" 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 -->
<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">
<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.html">Contacto </a>
</nav>
<div class="panel" id="panel-1">
<section class="panelinfo">
<h2>Exposición de muebles de cocinas</h2>
<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-->
<a class="enlace-right" href="https://www.facebook.com/media/set/?set=a.497759273638013.1073741834.436077713139503&type=3">Para ver más<br/><img src="images/siguenos-facebook.png" width="80" height="35" alt="Montajes cocina facebook"/></a>
<div class="clear"></div>
<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>
<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-->
<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>
<section id="hours">
<div id="panel-hours">
<div class="panelblock">
<article id="opening-hours">
<p>Lunes&mdash;Viernes: 10:00&mdash;14:00 y 17:00&mdash;20:00 | Sábados: 10:00&mdash;14:00</p>
</article>
<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>
</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>
</section>
</div>
<script>
<div class="panel" id="panel-2">
<section class="panelinfo">
<h2>Exposición de muebles de baño</h2>
$(document).ready(function() {
$("#body-background").ezBgResize();
});
<a class="enlace-right" href="https://www.facebook.com/media/set/?set=a.497759890304618.1073741835.436077713139503&type=3">Para ver más<br/><img src="images/siguenos-facebook.png" width="80" height="35" alt="Montajes cocina facebook"/></a>
<div class="clear"></div>
<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>
$(window).bind("resize", function(){
$("#body-background").ezBgResize();
});
</script>
<script>
//append click event to the UL list anchor tag
$('#hero-slider ul a').click(function () {
</section>
</div>
<div class="panel" id="panel-3">
<section class="panelinfo">
<h2>Exposición de mamparas </h2>
<a class="enlace-right" href="https://www.facebook.com/media/set/?set=a.497759890304618.1073741835.436077713139503&type=3">Para ver más<br/><img src="images/siguenos-facebook.png" width="80" height="35" alt="Montajes cocina facebook"/></a>
<div class="clear"></div>
<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="#" class="current">Exposiciones</a>
<a href="galeria-montajes.html">Montajes</a>
</nav>
<section id="social">
<p>Distribuidores de:</p><br/>
<a href="http://www.infercocinas.es/" target="new"><img src="images/logo_infer_cocinas.gif" alt="Infer Cocinas"/></a><br/><br/>
<a href="http://www.hettich.com" target="new"><img src="images/hettich_w.png" alt="Hettich"/></a>
<p>Con garantía AENOR</p><br/>
<img src="images/aenor.png" alt="Garantía AENOR" width="45" height="85"/>
</section>
</div><!--main-content-index ends here-->
<section id="hours">
<div id="panel-hours">
<div class="panelblock">
<article id="opening-hours">
<p><span class="coloured-1">Horario:</span> Lunes&mdash;Viernes: 9:30&mdash;13:30 y 16:30&mdash;20:00 | Sábados: 9:30&mdash;13:30</p>
</article>
</div><!--panelblock ends here-->
</div><!--panel-hours ends here-->
</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');
//reset all the items
$('#hero-slider ul a').removeClass('active');
//set current item as active
$(this).addClass('active');
//set current item as active
$(this).addClass('active');
//scroll it to the right position
$('.mask').scrollTo($(this).attr('rel'), 300);
//scroll it to the right position
$('.mask').scrollTo($(this).attr('rel'), 300);
//disable click event
return false;
//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>
<!--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>
});
</script>
</body>
</html>

View File

@ -1,224 +1,332 @@
<!DOCTYPE html>
<html lang="es">
<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 -->
<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.1.css" media="screen" />
<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 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>Alonso y Sal</title>
</head>
<body class="index">
<link rel="icon" href="favicon.png" />
<!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]-->
<title>Montaje de mobiliario de cocinas y baños en Madrid - Alonso y Sal Cocinas</title>
<meta name="description" content="Galería de algunos de nuestros montajes de muebles de cocinas y baños en Madrid." />
</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-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-7">Baño 3</a></li>
<li><a href="#" rel="#panel-6">Baño 2</a></li>
<li><a href="#" rel="#panel-5">Baño 1</a></li>
<li><a href="#" rel="#panel-4">Cocina 4</a></li>
<li><a href="#" rel="#panel-3">Cocina 3</a></li>
<li><a href="#" rel="#panel-2">Cocina 2</a></li>
<li><a href="#" rel="#panel-1" class="active">Cocina 1</a></li>
</ul>
<div class="mask">
<div class="slider-body">
<div class="panel" id="panel-1">
<section class="panelinfo">
<h2>Montaje de cocina modelo 1</h2>
<a class="grouped_elements" rel="group1" href="images/cocina_montaje_mod1_0_b.jpg"><img src="images/cocina_montaje_mod1_0_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/cocina_montaje_mod1_1_b.jpg"><img src="images/cocina_montaje_mod1_1_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/cocina_montaje_mod1_2_b.jpg"><img src="images/cocina_montaje_mod1_2_s.jpg" width="139" height="120" alt=""/></a>
</section>
</div>
<div class="panel" id="panel-2">
<section class="panelinfo">
<h2>Montaje de cocina modelo 2</h2>
<a class="grouped_elements" rel="group2" href="images/cocina_montaje_mod2_0_b.jpg"><img src="images/cocina_montaje_mod2_0_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group2" href="images/cocina_montaje_mod2_1_b.jpg"><img src="images/cocina_montaje_mod2_1_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group2" href="images/cocina_montaje_mod2_2_b.jpg"><img src="images/cocina_montaje_mod2_2_s.jpg" width="139" height="120" alt=""/></a>
<div id="inner-wrap">
<header>
<section id="logo">
<h1><a href="index.html">Arribas</a></h1>
<p><span class="coloured-1">«</span> cocina y baños <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="index.html">Inicio</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="tienda-muebles-cocinas-electrodomesticos.html">Cocinas</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="tienda-banos-mamparas.html">Baños</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="servicios-tienda-cocinas-banos.html">Servicios</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a class="current" href="galeria-exposiciones.html">Galería</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="localizacion.html">Tiendas</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="contacto.php">Contacto</a>
</nav>
</div><!--panelblock ends here-->
</div><!--panel ends here-->
</div><!--main-content ends here-->
<a class="grouped_elements" rel="group2" href="images/cocina_montaje_mod2_3_b.jpg"><img src="images/cocina_montaje_mod2_3_s.jpg" width="139" height="120" alt=""/></a>
</section>
</div>
<div id="main-content-index">
<div class="panel" id="panel-3">
<section class="panelinfo">
<h2>Montaje de cocina modelo 3</h2>
<a class="grouped_elements" rel="group3" href="images/cocina_montaje_mod3_0_b.jpg"><img src="images/cocina_montaje_mod3_0_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group3" href="images/cocina_montaje_mod3_1_b.jpg"><img src="images/cocina_montaje_mod3_1_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group3" href="images/cocina_montaje_mod3_2_b.jpg"><img src="images/cocina_montaje_mod3_2_s.jpg" width="139" height="120" alt=""/></a>
</section>
</div>
<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-9">Planos</a></li>
<li><a href="#" rel="#panel-8">Baños 2</a></li>
<li><a href="#" rel="#panel-7">Baños 1</a></li>
<li><a href="#" rel="#panel-6">Cocinas 6</a></li>
<li><a href="#" rel="#panel-5">Cocinas 5</a></li>
<li><a href="#" rel="#panel-4">Cocinas 4</a></li>
<li><a href="#" rel="#panel-3">Cocinas 3</a></li>
<li><a href="#" rel="#panel-2">Cocinas 2</a></li>
<li><a href="#" rel="#panel-1" class="active">Cocinas 1</a></li>
</ul>
<div class="mask">
<div class="slider-body">
<div class="panel" id="panel-4">
<section class="panelinfo">
<h2>Montaje de cocina modelo 2</h2>
<a class="grouped_elements" rel="group4" href="images/cocina_montaje_mod4_0_b.jpg"><img src="images/cocina_montaje_mod4_0_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group4" href="images/cocina_montaje_mod4_1_b.jpg"><img src="images/cocina_montaje_mod4_1_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group4" href="images/cocina_montaje_mod4_2_b.jpg"><img src="images/cocina_montaje_mod4_2_s.jpg" width="139" height="120" alt=""/></a>
<div class="panel" id="panel-1">
<section class="panelinfo">
<h2>Montajes cocinas 1</h2>
<a class="enlace-right" href="https://www.facebook.com/media/set/?set=a.497739826973291.1073741833.436077713139503&type=1">Para ver más<br/><img src="images/siguenos-facebook.png" width="80" height="35" alt="Montajes cocina facebook"/></a>
<div class="clear"></div>
<a class="grouped_elements" rel="group1" href="images/cocina_montaje_mod1_0_b.jpg"><img src="images/cocina_montaje_mod1_0_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/cocina_montaje_mod1_1_b.jpg"><img src="images/cocina_montaje_mod1_1_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/cocina_montaje_mod1_2_b.jpg"><img src="images/cocina_montaje_mod1_2_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/cocina-301b.jpg"><img src="images/cocina-301s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group4" href="images/cocina_montaje_mod4_3_b.jpg"><img src="images/cocina_montaje_mod4_3_s.jpg" width="139" height="120" alt=""/></a>
</section>
</div>
<a class="grouped_elements" rel="group1" href="images/cocina-201b.jpg"><img src="images/cocina-201s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/cocina-202b.jpg"><img src="images/cocina-202s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/cocina-1301b.jpg"><img src="images/cocina-1301s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/cocina-1302b.jpg"><img src="images/cocina-1302s.jpg" width="139" height="120" alt=""/></a>
</section>
</div>
<div class="panel" id="panel-5">
<section class="panelinfo">
<h2>Montaje de baño modelo 1</h2>
<a class="grouped_elements" rel="group5" href="images/bano_montaje_mod1_0_b.jpg"><img src="images/bano_montaje_mod1_0_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group5" href="images/bano_montaje_mod1_1_b.jpg"><img src="images/bano_montaje_mod1_1_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group5" href="images/bano_montaje_mod1_2_b.jpg"><img src="images/bano_montaje_mod1_2_s.jpg" width="139" height="120" alt=""/></a>
<div class="panel" id="panel-2">
<section class="panelinfo">
<h2>Montaje cocinas 2</h2>
<a class="enlace-right" href="https://www.facebook.com/media/set/?set=a.497739826973291.1073741833.436077713139503&type=1">Para ver más<br/><img src="images/siguenos-facebook.png" width="80" height="35" alt="Montajes cocina facebook"/></a>
<div class="clear"></div>
<a class="grouped_elements" rel="group2" href="images/cocina_montaje_mod2_0_b.jpg"><img src="images/cocina_montaje_mod2_0_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group2" href="images/cocina_montaje_mod2_1_b.jpg"><img src="images/cocina_montaje_mod2_1_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group2" href="images/cocina_montaje_mod2_2_b.jpg"><img src="images/cocina_montaje_mod2_2_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group2" href="images/cocina_montaje_mod2_3_b.jpg"><img src="images/cocina_montaje_mod2_3_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group5" href="images/bano_montaje_mod1_3_b.jpg"><img src="images/bano_montaje_mod1_3_s.jpg" width="139" height="120" alt=""/></a>
</section>
</div>
<a class="grouped_elements" rel="group2" href="images/cocina-901b.jpg"><img src="images/cocina-901s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group2" href="images/cocina-902b.jpg"><img src="images/cocina-902s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group2" href="images/cocina-903b.jpg"><img src="images/cocina-903s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group2" href="images/cocina-1601b.jpg"><img src="images/cocina-1601s.jpg" width="139" height="120" alt=""/></a>
<div class="panel" id="panel-6">
<section class="panelinfo">
<h2>Montaje de baño modelo 2</h2>
<a class="grouped_elements" rel="group6" href="images/bano_montaje_mod2_0_b.jpg"><img src="images/bano_montaje_mod2_0_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group6" href="images/bano_montaje_mod2_1_b.jpg"><img src="images/bano_montaje_mod2_1_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group6" href="images/bano_montaje_mod2_2_b.jpg"><img src="images/bano_montaje_mod2_2_s.jpg" width="139" height="120" alt=""/></a>
</section>
</div>
</section>
</div>
<div class="panel" id="panel-7">
<section class="panelinfo">
<h2>Montaje de baño modelo 3</h2>
<a class="grouped_elements" rel="group7" href="images/bano_montaje_mod3_0_b.jpg"><img src="images/bano_montaje_mod3_0_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group7" href="images/bano_montaje_mod3_1_b.jpg"><img src="images/bano_montaje_mod3_1_s.jpg" width="139" height="120" alt=""/></a>
</section>
</div>
</div>
</div> <!-- .mask -->
<div class="clear"></div>
</div> <!-- #hero-slider -->
<div class="panel" id="panel-3">
<section class="panelinfo">
<h2>Montaje cocinas 3</h2>
<a class="enlace-right" href="https://www.facebook.com/media/set/?set=a.497739826973291.1073741833.436077713139503&type=1">Para ver más<br/><img src="images/siguenos-facebook.png" width="80" height="35" alt="Montajes cocina facebook"/></a>
<div class="clear"></div>
<a class="grouped_elements" rel="group3" href="images/cocina_montaje_mod3_0_b.jpg"><img src="images/cocina_montaje_mod3_0_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group3" href="images/cocina_montaje_mod3_1_b.jpg"><img src="images/cocina_montaje_mod3_1_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group3" href="images/cocina_montaje_mod3_2_b.jpg"><img src="images/cocina_montaje_mod3_2_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group3" href="images/cocina-701b.jpg"><img src="images/cocina-701s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group3" href="images/cocina-702b.jpg"><img src="images/cocina-702s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group3" href="images/cocina-703b.jpg"><img src="images/cocina-703s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group3" href="images/cocina-704b.jpg"><img src="images/cocina-704s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group3" href="images/cocina-705b.jpg"><img src="images/cocina-705s.jpg" width="139" height="120" alt=""/></a>
<nav id="side">
<a href="index.html">Inicio</a>
<a href="acerca-de.html">Empresa</a>
<a href="galeria-exposiciones.html">Exposiciones</a>
<a href="#" class="current">Montajes</a>
<a href="ofertas.html">Ofertas</a>
<a href="localizacion.html">Tienda</a>
<a href="contacto.html">Contacto </a>
</nav>
</section>
</div>
<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-->
<div class="panel" id="panel-4">
<section class="panelinfo">
<h2>Montaje cocinas 4</h2>
<a class="enlace-right" href="https://www.facebook.com/media/set/?set=a.497739826973291.1073741833.436077713139503&type=1">Para ver más<br/><img src="images/siguenos-facebook.png" width="80" height="35" alt="Montajes cocina facebook"/></a>
<div class="clear"></div>
<a class="grouped_elements" rel="group4" href="images/cocina_montaje_mod4_0_b.jpg"><img src="images/cocina_montaje_mod4_0_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group4" href="images/cocina_montaje_mod4_1_b.jpg"><img src="images/cocina_montaje_mod4_1_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group4" href="images/cocina_montaje_mod4_2_b.jpg"><img src="images/cocina_montaje_mod4_2_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group4" href="images/cocina_montaje_mod4_3_b.jpg"><img src="images/cocina_montaje_mod4_3_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group4" href="images/cocina-401b.jpg"><img src="images/cocina-401s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group4" href="images/cocina-402b.jpg"><img src="images/cocina-402s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group4" href="images/cocina-403b.jpg"><img src="images/cocina-403s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group4" href="images/cocina-404b.jpg"><img src="images/cocina-404s.jpg" width="139" height="120" alt=""/></a>
</section>
</div>
<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-->
<div class="panel" id="panel-5">
<section class="panelinfo">
<h2>Montaje cocinas 5</h2>
<a class="enlace-right" href="https://www.facebook.com/media/set/?set=a.497739826973291.1073741833.436077713139503&type=1">Para ver más<br/><img src="images/siguenos-facebook.png" width="80" height="35" alt="Montajes cocina facebook"/></a>
<div class="clear"></div>
<a class="grouped_elements" rel="group5" href="images/cocina-501b.jpg"><img src="images/cocina-501s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group5" href="images/cocina-502b.jpg"><img src="images/cocina-502s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group5" href="images/cocina-503b.jpg"><img src="images/cocina-503s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group5" href="images/cocina-504b.jpg"><img src="images/cocina-504s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group5" href="images/cocina-601b.jpg"><img src="images/cocina-601s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group5" href="images/cocina-602b.jpg"><img src="images/cocina-602s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group5" href="images/cocina-603b.jpg"><img src="images/cocina-603s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group5" href="images/cocina-604b.jpg"><img src="images/cocina-604s.jpg" width="139" height="120" alt=""/></a>
</section>
</div>
<section id="hours">
<div id="panel-hours">
<div class="panelblock">
<article id="opening-hours">
<p>Lunes&mdash;Viernes: 10:00&mdash;14:00 y 17:00&mdash;20:00 | Sábados: 10:00&mdash;14:00</p>
</article>
<div class="panel" id="panel-6">
<section class="panelinfo">
<h2>Montaje cocinas 6</h2>
</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>
<a class="enlace-right" href="https://www.facebook.com/media/set/?set=a.497739826973291.1073741833.436077713139503&type=1">Para ver más<br/><img src="images/siguenos-facebook.png" width="80" height="35" alt="Montajes cocina facebook"/></a>
<div class="clear"></div>
<a class="grouped_elements" rel="group6" href="images/cocina-1001b.jpg"><img src="images/cocina-1001s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group6" href="images/cocina-1002b.jpg"><img src="images/cocina-1002s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group6" href="images/cocina-1003b.jpg"><img src="images/cocina-1003s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group6" href="images/cocina-1004b.jpg"><img src="images/cocina-1004s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group6" href="images/cocina-1005b.jpg"><img src="images/cocina-1005s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group6" href="images/cocina-1006b.jpg"><img src="images/cocina-1006s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group6" href="images/cocina-1401b.jpg"><img src="images/cocina-1401s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group6" href="images/cocina-1402b.jpg"><img src="images/cocina-1402s.jpg" width="139" height="120" alt=""/></a>
</section>
</div>
<script>
<div class="panel" id="panel-7">
<section class="panelinfo">
<h2>Montaje baños 1</h2>
<a class="enlace-right" href="https://www.facebook.com/media/set/?set=a.497760576971216.1073741836.436077713139503&type=3">Para ver más<br/><img src="images/siguenos-facebook.png" width="80" height="35" alt="Montajes cocina facebook"/></a>
<div class="clear"></div>
<a class="grouped_elements" rel="group7" href="images/bano_montaje_mod1_0_b.jpg"><img src="images/bano_montaje_mod1_0_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group7" href="images/bano_montaje_mod1_1_b.jpg"><img src="images/bano_montaje_mod1_1_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group7" href="images/bano_montaje_mod1_2_b.jpg"><img src="images/bano_montaje_mod1_2_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group7" href="images/bano_montaje_mod1_3_b.jpg"><img src="images/bano_montaje_mod1_3_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group7" href="images/bano-101b.jpg"><img src="images/bano-101s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group7" href="images/bano-102b.jpg"><img src="images/bano-102s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group7" href="images/bano-201b.jpg"><img src="images/bano-201s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group7" href="images/bano-301b.jpg"><img src="images/bano-301s.jpg" width="139" height="120" alt=""/></a>
</section>
</div>
$(document).ready(function() {
$("#body-background").ezBgResize();
});
<div class="panel" id="panel-8">
<section class="panelinfo">
<h2>Montaje baños 2</h2>
$(window).bind("resize", function(){
$("#body-background").ezBgResize();
});
</script>
<script>
//append click event to the UL list anchor tag
$('#hero-slider ul a').click(function () {
<a class="enlace-right" href="https://www.facebook.com/media/set/?set=a.497760576971216.1073741836.436077713139503&type=3">Para ver más<br/><img src="images/siguenos-facebook.png" width="80" height="35" alt="Montajes cocina facebook"/></a>
<div class="clear"></div>
<a class="grouped_elements" rel="group8" href="images/bano_montaje_mod2_0_b.jpg"><img src="images/bano_montaje_mod2_0_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group8" href="images/bano_montaje_mod2_1_b.jpg"><img src="images/bano_montaje_mod2_1_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group8" href="images/bano_montaje_mod2_2_b.jpg"><img src="images/bano_montaje_mod2_2_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group8" href="images/bano-401b.jpg"><img src="images/bano-401s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group8" href="images/bano-501b.jpg"><img src="images/bano-501s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group8" href="images/bano-502b.jpg"><img src="images/bano-502s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group8" href="images/bano-503b.jpg"><img src="images/bano-503s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group8" href="images/bano-504b.jpg"><img src="images/bano-504s.jpg" width="139" height="120" alt=""/></a>
</section>
</div>
<div class="panel" id="panel-9">
<section class="panelinfo">
<h2>Planos</h2>
<div class="clear"></div>
<a class="grouped_elements" rel="group9" href="images/plano1b.jpg"><img src="images/plano1s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group9" href="images/plano2b.jpg"><img src="images/plano2s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group9" href="images/plano3b.jpg"><img src="images/plano3s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group9" href="images/plano4b.jpg"><img src="images/plano4s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group9" href="images/plano5b.jpg"><img src="images/plano5s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group9" href="images/plano6b.jpg"><img src="images/plano6s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group9" href="images/plano7b.jpg"><img src="images/plano7s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group9" href="images/plano8b.jpg"><img src="images/plano8s.jpg" width="139" height="120" alt=""/></a>
</section>
</div>
</div>
</div> <!-- .mask -->
<div class="clear"></div>
</div> <!-- #hero-slider -->
<nav id="side">
<a href="galeria-exposiciones.html">Exposiciones</a>
<a href="#" class="current">Montajes</a>
</nav>
<section id="social">
<p>Distribuidores de:</p><br/>
<a href="http://www.infercocinas.es/" target="new"><img src="images/logo_infer_cocinas.gif" alt="Infer Cocinas"/></a><br/><br/>
<a href="http://www.hettich.com" target="new"><img src="images/hettich_w.png" alt="Hettich"/></a>
<p>Con garantía AENOR</p><br/>
<img src="images/aenor.png" alt="Garantía AENOR" width="45" height="85"/>
</section>
</div><!--main-content-index ends here-->
<section id="hours">
<div id="panel-hours">
<div class="panelblock">
<article id="opening-hours">
<p><span class="coloured-1">Horario:</span> Lunes&mdash;Viernes: 9:30&mdash;13:30 y 16:30&mdash;20:00 | Sábados: 9:30&mdash;13:30</p>
</article>
</div><!--panelblock ends here-->
</div><!--panel-hours ends here-->
</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');
//reset all the items
$('#hero-slider ul a').removeClass('active');
//set current item as active
$(this).addClass('active');
//set current item as active
$(this).addClass('active');
//scroll it to the right position
$('.mask').scrollTo($(this).attr('rel'), 300);
//scroll it to the right position
$('.mask').scrollTo($(this).attr('rel'), 300);
//disable click event
return false;
//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>
<!--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>
});
</script>
</body>
</html>

View File

@ -0,0 +1 @@
google-site-verification: googlef81d58ff3867b09c.html

Binary file not shown.

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 81 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 74 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 104 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.9 KiB

BIN
src/images/aenor.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 KiB

BIN
src/images/balay.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
src/images/bano-101b.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

BIN
src/images/bano-101s.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.8 KiB

BIN
src/images/bano-102b.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

BIN
src/images/bano-102s.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.1 KiB

BIN
src/images/bano-1b.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 71 KiB

BIN
src/images/bano-1s.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.6 KiB

BIN
src/images/bano-201b.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

BIN
src/images/bano-201s.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.8 KiB

BIN
src/images/bano-301b.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 53 KiB

BIN
src/images/bano-301s.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.4 KiB

BIN
src/images/bano-401b.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 65 KiB

BIN
src/images/bano-401s.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.5 KiB

BIN
src/images/bano-501b.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

BIN
src/images/bano-501s.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

BIN
src/images/bano-502b.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

BIN
src/images/bano-502s.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.9 KiB

BIN
src/images/bano-503b.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 72 KiB

BIN
src/images/bano-503s.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

BIN
src/images/bano-504b.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 79 KiB

BIN
src/images/bano-504s.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

Some files were not shown because too many files have changed in this diff Show More