Compare commits
No commits in common. "799d0faeb691e27ea104ecdd6ea9ce746b529f5a" and "1c17cd8924276a39bf45378ebd31d72880cc7662" have entirely different histories.
799d0faeb6
...
1c17cd8924
Binary file not shown.
|
Before Width: | Height: | Size: 2.4 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 64 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 MiB After Width: | Height: | Size: 977 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 32 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.7 KiB After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 78 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 84 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 115 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 63 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 70 KiB After Width: | Height: | Size: 164 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 64 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 59 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 71 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 80 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.7 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.0 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.0 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.6 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 140 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 33 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.6 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.8 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.9 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.3 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.7 MiB |
Binary file not shown.
@ -1,135 +1,272 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="es">
|
<html lang="es">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="viewport" content="width=device-width;" />
|
<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="styles.css" />
|
||||||
<link rel="stylesheet" href="css/main.css"/>
|
<link rel="stylesheet" href="css/main.css"/>
|
||||||
<link rel="stylesheet" href="css/_print/main.css" media="print"/>
|
<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]><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 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 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]-->
|
<!--[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=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=Mako:regular" rel="stylesheet" type="text/css" />
|
||||||
|
|
||||||
<link rel="icon" href="favicon.png" />
|
<link rel="icon" href="favicon.png" />
|
||||||
<!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]-->
|
<!--[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>
|
<title>Alonso y Sal</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">
|
||||||
</head>
|
|
||||||
<body class="index">
|
|
||||||
|
|
||||||
<div id="inner-wrap">
|
<div id="inner-wrap">
|
||||||
<header>
|
<header>
|
||||||
<section id="logo">
|
<section id="logo">
|
||||||
<h1><a href="index.html">Arribas</a></h1>
|
<h1><a href="index.html">Arribas</a></h1>
|
||||||
<p><span class="coloured-1">«</span> cocina y baños <span class="coloured-1">»</span></p>
|
<p><span class="coloured-1">«</span> desde 1980 <span class="coloured-1">»</span></p>
|
||||||
</section><!--logo ends here-->
|
</section><!--logo ends here-->
|
||||||
</header>
|
</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="main-content">
|
<div id="hero-slider">
|
||||||
<div id="panel">
|
<!--ul>
|
||||||
<div class="panelblock">
|
<li><a href="#" rel="#panel-1" class="active">The story of cuppyBar</a></li>
|
||||||
<nav id="slide-nav">
|
<li><a href="#" rel="#panel-2" class="active">The philosophy</a></li>
|
||||||
<a href="#" class="current">Empresa</a><span class="coloured-3"> | </span>
|
<li><a href="#" rel="#panel-3" class="active">Our staff</a></li>
|
||||||
<a href="galeria-exposiciones.html">Exposiciones</a><span class="coloured-3"> | </span>
|
<li><a href="#" rel="#panel-4" class="active">CuppyBar Interior</a></li>
|
||||||
<a href="galeria-montajes.html">Montajes</a><span class="coloured-3"> | </span>
|
<li><a href="#" rel="#panel-5" class="active">Testimonials</a></li>
|
||||||
<a href="ofertas.html">Ofertas</a><span class="coloured-3"> | </span>
|
</ul-->
|
||||||
<a href="localizacion.html">Tienda</a><span class="coloured-3"> | </span>
|
<div class="mask">
|
||||||
<a href="contacto.php">Contacto</a>
|
<div class="slider-body">
|
||||||
</nav>
|
<div class="panel" id="panel-1">
|
||||||
</div><!--panelblock ends here-->
|
<section class="panelinfo2">
|
||||||
</div><!--panel ends here-->
|
<h2>Quiénes somos</h2>
|
||||||
</div><!--main-content ends here-->
|
<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>
|
||||||
<div id="main-content-index">
|
<p>Calidad y servicio al mejor precio.</p>
|
||||||
<div id="colours">
|
</section>
|
||||||
<span class="color color-1"></span>
|
<div class="divider"></div>
|
||||||
<span class="color color-2"></span>
|
<!--section class="panelinfo2">
|
||||||
<span class="color color-3"></span>
|
<h3>Want to know how did we grow? See history in pictures!</h3>
|
||||||
<span class="color color-4"></span>
|
<p>Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||||
<span class="color color-5"></span>
|
Donec eu libero sit amet quam egestas semper. Vestibulum tortor quam, feugiat vitae, ultricies
|
||||||
</div><!--colours ends here-->
|
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="hero-slider">
|
|
||||||
<!--div class="mask"-->
|
<!--
|
||||||
<div class="slider-body">
|
<div class="panel" id="panel-2">
|
||||||
<div class="panel" id="panel-1">
|
<section class="panelinfo">
|
||||||
<section class="panelinfo">
|
<h2>Our philosophy and principles</h2>
|
||||||
<h2>Quiénes somos</h2>
|
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies
|
||||||
<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>
|
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||||
<a href="localizacion.html"><figure><img src="images/tiendas.jpg" width="710" height="290" alt="Tiendas"/></figure></a>
|
Aenean ultricies mi vitae est. Mauris placerat eleifend leo. </p>
|
||||||
</section>
|
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies
|
||||||
</div>
|
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.
|
||||||
</div>
|
Vestibulum tortor quam, feugiat vitae, ultricies
|
||||||
<!--/div--> <!-- .mask -->
|
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. </p>
|
||||||
<div class="clear"></div>
|
</section>
|
||||||
</div> <!-- #hero-slider -->
|
</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—Chief</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
<nav id="side">
|
<div class="slideOutContent">
|
||||||
<a href="index.html">Inicio</a>
|
<p>
|
||||||
<a href="#" class="current">Empresa </a>
|
<a href="additional.html">
|
||||||
<a href="galeria-exposiciones.html">Exposiciones</a>
|
<img class="spaceBottom" src="images/1.jpg" width="400" height="200" alt="name and role" /></a>
|
||||||
<a href="galeria-montajes.html">Montajes</a>
|
Vestibulum tortor quam, feugiat vitae, ultricies
|
||||||
<a href="ofertas.html">Ofertas</a>
|
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <br/>
|
||||||
<a href="localizacion.html">Tienda</a>
|
Read interview with Mary <a href="additional.html">here</a>.
|
||||||
<a href="contacto.php">Contacto</a>
|
</p>
|
||||||
</nav>
|
</div>
|
||||||
<section id="social">
|
</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-->
|
|
||||||
|
|
||||||
<section id="hours">
|
|
||||||
<div id="panel-hours">
|
|
||||||
<div class="panelblock">
|
|
||||||
<article id="opening-hours">
|
|
||||||
<p><span class="coloured-1">Horario:</span> Lunes—Viernes: 9:30—13:30 y 16:30—20:00 | Sábados: 9:30—13:30</p>
|
|
||||||
</article>
|
|
||||||
</div><!--panelblock ends here-->
|
|
||||||
</div><!--panel-hours ends here-->
|
|
||||||
</section><!--section hours ends here-->
|
|
||||||
|
|
||||||
</div><!--inner-wrap ends here-->
|
<div class="slideOutTip openLeft green" style="left:160px;top:120px">
|
||||||
<div id="body-background"><img src="images/bg1.jpg" alt="interior full-size photo"/></div>
|
<div class="tipVisible">
|
||||||
|
<div class="tipIcon">
|
||||||
|
<div class="plusIcon"></div>
|
||||||
|
</div>
|
||||||
|
<p class="tipTitle">Mary Smith—Chief</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!--scripts-->
|
<div class="slideOutContent">
|
||||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
|
<p>
|
||||||
<script src="js/jquery.scrollTo-1.4.2-min.js"></script>
|
<a href="additional.html">
|
||||||
<script src="js/jquery.ez-bg-resize.js" charset="utf-8"></script>
|
<img class="spaceBottom" src="images/2.jpg" width="300" height="80" alt="name and role" /></a>
|
||||||
<script src="js/lib.js" charset="utf-8"></script>
|
Vestibulum tortor quam, feugiat vitae, ultricies
|
||||||
<script src="js/scriptslideout.js"></script>
|
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <br/>
|
||||||
<script>
|
Read interview with Mary <a href="additional.html">here</a>.</p>
|
||||||
$(document).ready(function() {
|
</div>
|
||||||
$("#body-background").ezBgResize();
|
</div>
|
||||||
});
|
|
||||||
|
|
||||||
$(window).bind("resize", function(){
|
<div class="slideOutTip openLeft green" style="left:440px;top:66px">
|
||||||
$("#body-background").ezBgResize();
|
<div class="tipVisible">
|
||||||
});
|
<div class="tipIcon">
|
||||||
</script>
|
<div class="plusIcon"></div>
|
||||||
<script>
|
</div>
|
||||||
//append click event to the UL list anchor tag
|
<p class="tipTitle">Mary Smith—Chief</p>
|
||||||
$('#hero-slider ul a').click(function () {
|
</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. ”<span class="name">—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. ” <span class="name">—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. ”<span class="name">—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—Viernes: 10:00—14:00 y 17:00—20:00 | Sábados: 10:00—14:00</p>
|
||||||
|
</article>
|
||||||
|
</div><!--panelblock ends here-->
|
||||||
|
</div><!--panel-hours ends here-->
|
||||||
|
<div id="bottom-nav"><a class="btn-slide" href="#">
|
||||||
|
<div id="triangle-down"></div>
|
||||||
|
Horario</a></div>
|
||||||
|
</section><!--section hours ends here-->
|
||||||
|
|
||||||
|
</div><!--inner-wrap ends here-->
|
||||||
|
<div id="body-background"><img src="images/bg1.jpg" alt="interior full-size photo"/></div>
|
||||||
|
|
||||||
|
<!--scripts-->
|
||||||
|
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
|
||||||
|
<script src="js/jquery.scrollTo-1.4.2-min.js"></script>
|
||||||
|
<script src="js/jquery.ez-bg-resize.js" charset="utf-8"></script>
|
||||||
|
<script src="js/lib.js" charset="utf-8"></script>
|
||||||
|
<script src="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 () {
|
||||||
|
|
||||||
//reset all the items
|
//reset all the items
|
||||||
$('#hero-slider ul a').removeClass('active');
|
$('#hero-slider ul a').removeClass('active');
|
||||||
|
|
||||||
//set current item as active
|
//set current item as active
|
||||||
$(this).addClass('active');
|
$(this).addClass('active');
|
||||||
|
|
||||||
//scroll it to the right position
|
//scroll it to the right position
|
||||||
$('.mask').scrollTo($(this).attr('rel'), 300);
|
$('.mask').scrollTo($(this).attr('rel'), 300);
|
||||||
|
|
||||||
//disable click event
|
//disable click event
|
||||||
return false;
|
return false;
|
||||||
|
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</body>
|
<script>
|
||||||
|
$(document).ready(function(){
|
||||||
|
$(".btn-slide").click(function(){
|
||||||
|
$("#panel-hours").slideToggle("slow");
|
||||||
|
$(this).toggleClass("active"); return false;
|
||||||
|
});
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
225
src/contacto.html
Normal file
225
src/contacto.html
Normal file
@ -0,0 +1,225 @@
|
|||||||
|
<!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">✪ 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—Viernes: 10:00—14:00 y 17:00—20:00 | Sábados: 10:00—14:00</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
</div><!--panelblock ends here-->
|
||||||
|
</div><!--panel-hours ends here-->
|
||||||
|
<div id="bottom-nav"><a class="btn-slide" href="#">
|
||||||
|
<div id="triangle-down"></div>
|
||||||
|
Horario</a></div>
|
||||||
|
</section><!--section hours ends here-->
|
||||||
|
|
||||||
|
</div><!--inner-wrap ends here-->
|
||||||
|
<div id="body-background"><img src="images/bg1.jpg" alt="interior full-size photo"/></div>
|
||||||
|
|
||||||
|
<!--scripts-->
|
||||||
|
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
|
||||||
|
<script src="js/jquery.scrollTo-1.4.2-min.js"></script>
|
||||||
|
<script src="js/jquery.ez-bg-resize.js" charset="utf-8"></script>
|
||||||
|
<script src="js/lib.js" charset="utf-8"></script>
|
||||||
|
<script>
|
||||||
|
$(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
226
src/contacto.php
@ -1,226 +0,0 @@
|
|||||||
<!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"> | </span>
|
|
||||||
<a href="tienda-muebles-cocinas-electrodomesticos.html">Cocinas</a><span class="coloured-3"> | </span>
|
|
||||||
<a href="tienda-banos-mamparas.html">Baños</a><span class="coloured-3"> | </span>
|
|
||||||
<a href="servicios-tienda-cocinas-banos.html">Servicios</a><span class="coloured-3"> | </span>
|
|
||||||
<a href="galeria-exposiciones.html">Galería</a><span class="coloured-3"> | </span>
|
|
||||||
<a href="localizacion.html">Tiendas</a><span class="coloured-3"> | </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">
|
|
||||||
✪ 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—Viernes: 9:30—13:30 y 16:30—20:00 | Sábados: 9:30—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>
|
|
||||||
|
|
||||||
|
|
||||||
@ -1,5 +1,5 @@
|
|||||||
/*- SELF-CLEARING FLOATS
|
/*- SELF-CLEARING FLOATS
|
||||||
----------------------------------------------------------------------*/
|
----------------------------------------------------------------------*/
|
||||||
.mod {
|
.mod {
|
||||||
display: inline-table;
|
display: inline-table;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
/*- SELF-CLEARING FLOATS
|
/*- SELF-CLEARING FLOATS
|
||||||
----------------------------------------------------------------------*/
|
----------------------------------------------------------------------*/
|
||||||
.mod {zoom: 1;}
|
.mod {zoom: 1;}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -1,9 +1,9 @@
|
|||||||
/*- self-clearing floats ----------*/
|
/*- self-clearing floats ----------*/
|
||||||
|
|
||||||
.mod:after {
|
.mod:after {
|
||||||
content: ".";
|
content: ".";
|
||||||
display: block;
|
display: block;
|
||||||
height: 0;
|
height: 0;
|
||||||
clear: both;
|
clear: both;
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,101 +1,101 @@
|
|||||||
/*
|
/*
|
||||||
html5doctor.com Reset Stylesheet
|
html5doctor.com Reset Stylesheet
|
||||||
v1.6.1
|
v1.6.1
|
||||||
Last Updated: 2010-09-17
|
Last Updated: 2010-09-17
|
||||||
Author: Richard Clark - http://richclarkdesign.com
|
Author: Richard Clark - http://richclarkdesign.com
|
||||||
Twitter: @rich_clark
|
Twitter: @rich_clark
|
||||||
*/
|
*/
|
||||||
|
|
||||||
html, body, div, span, object, iframe,
|
html, body, div, span, object, iframe,
|
||||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||||
abbr, address, cite, code,
|
abbr, address, cite, code,
|
||||||
del, dfn, em, img, ins, kbd, q, samp,
|
del, dfn, em, img, ins, kbd, q, samp,
|
||||||
small, strong, sub, sup, var,
|
small, strong, sub, sup, var,
|
||||||
b, i,
|
b, i,
|
||||||
dl, dt, dd, ol, ul, li,
|
dl, dt, dd, ol, ul, li,
|
||||||
fieldset, form, label, legend,
|
fieldset, form, label, legend,
|
||||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||||
article, aside, canvas, details, figcaption, figure,
|
article, aside, canvas, details, figcaption, figure,
|
||||||
footer, header, hgroup, menu, nav, section, summary,
|
footer, header, hgroup, menu, nav, section, summary,
|
||||||
time, mark, audio, video {
|
time, mark, audio, video {
|
||||||
margin:0;
|
margin:0;
|
||||||
padding:0;
|
padding:0;
|
||||||
border:0;
|
border:0;
|
||||||
outline:0;
|
outline:0;
|
||||||
font-size:100%;
|
font-size:100%;
|
||||||
vertical-align:baseline;
|
vertical-align:baseline;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
line-height:1;
|
line-height:1;
|
||||||
}
|
}
|
||||||
|
|
||||||
article,aside,details,figcaption,figure,
|
article,aside,details,figcaption,figure,
|
||||||
footer,header,hgroup,menu,nav,section {
|
footer,header,hgroup,menu,nav,section {
|
||||||
display:block;
|
display:block;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav ul {
|
nav ul {
|
||||||
list-style:none;
|
list-style:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
blockquote, q {
|
blockquote, q {
|
||||||
quotes:none;
|
quotes:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
blockquote:before, blockquote:after,
|
blockquote:before, blockquote:after,
|
||||||
q:before, q:after {
|
q:before, q:after {
|
||||||
content:'';
|
content:'';
|
||||||
content:none;
|
content:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
margin:0;
|
margin:0;
|
||||||
padding:0;
|
padding:0;
|
||||||
font-size:100%;
|
font-size:100%;
|
||||||
vertical-align:baseline;
|
vertical-align:baseline;
|
||||||
background:transparent;
|
background:transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* change colours to suit your needs */
|
/* change colours to suit your needs */
|
||||||
ins {
|
ins {
|
||||||
background-color:#ff9;
|
background-color:#ff9;
|
||||||
color:#000;
|
color:#000;
|
||||||
text-decoration:none;
|
text-decoration:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* change colours to suit your needs */
|
/* change colours to suit your needs */
|
||||||
mark {
|
mark {
|
||||||
background-color:#ff9;
|
background-color:#ff9;
|
||||||
color:#000;
|
color:#000;
|
||||||
font-style:italic;
|
font-style:italic;
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
del {
|
del {
|
||||||
text-decoration: line-through;
|
text-decoration: line-through;
|
||||||
}
|
}
|
||||||
|
|
||||||
abbr[title], dfn[title] {
|
abbr[title], dfn[title] {
|
||||||
border-bottom:1px dotted;
|
border-bottom:1px dotted;
|
||||||
cursor:help;
|
cursor:help;
|
||||||
}
|
}
|
||||||
|
|
||||||
table {
|
table {
|
||||||
border-collapse:collapse;
|
border-collapse:collapse;
|
||||||
border-spacing:0;
|
border-spacing:0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* change border colour to suit your needs */
|
/* change border colour to suit your needs */
|
||||||
hr {
|
hr {
|
||||||
display:block;
|
display:block;
|
||||||
height:1px;
|
height:1px;
|
||||||
border:0;
|
border:0;
|
||||||
border-top:1px solid #cccccc;
|
border-top:1px solid #cccccc;
|
||||||
margin:1em 0;
|
margin:1em 0;
|
||||||
padding:0;
|
padding:0;
|
||||||
}
|
}
|
||||||
|
|
||||||
input, select {
|
input, select {
|
||||||
vertical-align:middle;
|
vertical-align:middle;
|
||||||
}
|
}
|
||||||
@ -1,169 +0,0 @@
|
|||||||
<!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"> | </span>
|
|
||||||
<a class="current" href="tienda-muebles-cocinas-electrodomesticos.html">Cocinas</a><span class="coloured-3"> | </span>
|
|
||||||
<a href="tienda-banos-mamparas.html">Baños</a><span class="coloured-3"> | </span>
|
|
||||||
<a href="servicios-tienda-cocinas-banos.html">Servicios</a><span class="coloured-3"> | </span>
|
|
||||||
<a href="galeria-exposiciones.html">Galería</a><span class="coloured-3"> | </span>
|
|
||||||
<a href="localizacion.html">Tiendas</a><span class="coloured-3"> | </span>
|
|
||||||
<a href="contacto.php">Contacto</a>
|
|
||||||
</nav>
|
|
||||||
</div><!--panelblock ends here-->
|
|
||||||
</div><!--panel ends here-->
|
|
||||||
</div><!--main-content ends here-->
|
|
||||||
|
|
||||||
<div id="main-content-index">
|
|
||||||
|
|
||||||
<div id="colours">
|
|
||||||
<span class="color color-1"></span>
|
|
||||||
<span class="color color-2"></span>
|
|
||||||
<span class="color color-3"></span>
|
|
||||||
<span class="color color-4"></span>
|
|
||||||
<span class="color color-5"></span>
|
|
||||||
</div><!--colours ends here-->
|
|
||||||
<div id="hero-slider">
|
|
||||||
<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—Viernes: 9:30—13:30 y 16:30—20:00 | Sábados: 9:30—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>
|
|
||||||
363
src/fancybox/jquery.fancybox-1.3.1.css
Normal file
363
src/fancybox/jquery.fancybox-1.3.1.css
Normal file
@ -0,0 +1,363 @@
|
|||||||
|
/*
|
||||||
|
* 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'); }
|
||||||
44
src/fancybox/jquery.fancybox-1.3.1.pack.js
Normal file
44
src/fancybox/jquery.fancybox-1.3.1.pack.js
Normal file
@ -0,0 +1,44 @@
|
|||||||
|
/*
|
||||||
|
* 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);
|
||||||
@ -1,359 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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'); }
|
|
||||||
@ -1,46 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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
BIN
src/favicon.png
Binary file not shown.
|
Before Width: | Height: | Size: 925 B |
@ -1,206 +1,176 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="es">
|
<html lang="es">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="viewport" content="width=device-width;" />
|
<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="styles.css" />
|
||||||
<link rel="stylesheet" href="css/main.css"/>
|
<link rel="stylesheet" href="css/main.css"/>
|
||||||
<link rel="stylesheet" href="css/_print/main.css" media="print"/>
|
<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]><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 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 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]-->
|
<!--[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 rel="stylesheet" href="fancybox/jquery.fancybox-1.3.1.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=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=Mako:regular" rel="stylesheet" type="text/css" />
|
||||||
|
|
||||||
<link rel="icon" href="favicon.png" />
|
<link rel="icon" href="favicon.png" />
|
||||||
<!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]-->
|
<!--[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>
|
<title>Alonso y Sal</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>
|
||||||
</head>
|
<body class="index">
|
||||||
<body class="index">
|
|
||||||
|
|
||||||
<div id="inner-wrap">
|
<div id="inner-wrap">
|
||||||
<header>
|
<header>
|
||||||
<section id="logo">
|
<section id="logo">
|
||||||
<h1><a href="index.html">Arribas</a></h1>
|
<h1><a href="index.html">Arribas</a></h1>
|
||||||
<p><span class="coloured-1">«</span> cocina y baños <span class="coloured-1">»</span></p>
|
<p><span class="coloured-1">«</span> desde 1980 <span class="coloured-1">»</span></p>
|
||||||
</section><!--logo ends here-->
|
</section><!--logo ends here-->
|
||||||
</header>
|
</header>
|
||||||
<div id="main-content">
|
|
||||||
<div id="panel">
|
<div id="main-content-index">
|
||||||
<div class="panelblock">
|
|
||||||
<nav id="slide-nav">
|
<div id="colours">
|
||||||
<a href="index.html">Inicio</a><span class="coloured-3"> | </span>
|
<span class="color color-1"></span>
|
||||||
<a href="tienda-muebles-cocinas-electrodomesticos.html">Cocinas</a><span class="coloured-3"> | </span>
|
<span class="color color-2"></span>
|
||||||
<a href="tienda-banos-mamparas.html">Baños</a><span class="coloured-3"> | </span>
|
<span class="color color-3"></span>
|
||||||
<a href="servicios-tienda-cocinas-banos.html">Servicios</a><span class="coloured-3"> | </span>
|
<span class="color color-4"></span>
|
||||||
<a class="current" href="galeria-exposiciones.html">Galería</a><span class="coloured-3"> | </span>
|
<span class="color color-5"></span>
|
||||||
<a href="localizacion.html">Tiendas</a><span class="coloured-3"> | </span>
|
</div><!--colours ends here-->
|
||||||
<a href="contacto.php">Contacto</a>
|
<div id="hero-slider">
|
||||||
</nav>
|
<ul>
|
||||||
</div><!--panelblock ends here-->
|
<li><a href="#" rel="#panel-2">Baños</a></li>
|
||||||
</div><!--panel ends here-->
|
<li><a href="#" rel="#panel-1" class="active">Cocinas</a></li>
|
||||||
</div><!--main-content ends here-->
|
</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="main-content-index">
|
<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="colours">
|
<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>
|
||||||
<span class="color color-1"></span>
|
<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>
|
||||||
<span class="color color-2"></span>
|
</div>
|
||||||
<span class="color color-3"></span>
|
|
||||||
<span class="color color-4"></span>
|
</div>
|
||||||
<span class="color color-5"></span>
|
</div> <!-- .mask -->
|
||||||
</div><!--colours ends here-->
|
<div class="clear"></div>
|
||||||
<div id="hero-slider">
|
</div> <!-- #hero-slider -->
|
||||||
<ul>
|
|
||||||
<li><a href="#" rel="#panel-3">Mamparas</a></li>
|
|
||||||
<li><a href="#" rel="#panel-2">Baños</a></li>
|
|
||||||
<li><a href="#" rel="#panel-1" class="active">Cocinas</a></li>
|
|
||||||
</ul>
|
|
||||||
<div class="mask">
|
|
||||||
<div class="slider-body">
|
|
||||||
|
|
||||||
<div class="panel" id="panel-1">
|
<nav id="side">
|
||||||
<section class="panelinfo">
|
<a href="index.html">Inicio</a>
|
||||||
<h2>Exposición de muebles de cocinas</h2>
|
<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>
|
||||||
|
|
||||||
<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>
|
<section id="social">
|
||||||
|
<!--figure><a href="#"><img src="images/facebook.png" alt="facebook"/></a></figure>
|
||||||
<div class="clear"></div>
|
<figure><a href="#"><img src="images/skype.png" alt="facebook"/></a></figure>
|
||||||
<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>
|
<figure><a href="#"><img src="images/gmail.png" alt="facebook"/></a></figure>
|
||||||
<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>
|
<figure><a href="#"><img src="images/favorites.png" alt="facebook"/></a></figure-->
|
||||||
<a class="grouped_elements" rel="group1" href="images/cocina_exposicion_2_b.jpg"><img src="images/cocina_exposicion_2_s.jpg" width="139" height="120" alt=""/></a>
|
|
||||||
<a class="grouped_elements" rel="group1" href="images/cocina_exposicion_3_b.jpg"><img src="images/cocina_exposicion_3_s.jpg" width="139" height="120" alt=""/></a>
|
|
||||||
|
|
||||||
<a class="grouped_elements" rel="group1" href="images/cocina_exposicion_4_b.jpg"><img src="images/cocina_exposicion_4_s.jpg" width="139" height="120" alt=""/></a>
|
<figure><p>Distribuidores de:</p></figure><br/><br/>
|
||||||
<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>
|
<figure><a href="http://www.infercocinas.es/" target="new"><img src="images/logo_infer_cocinas.gif" alt="Infer Cocinas"/></a></figure>
|
||||||
<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><!--main-content-index ends here-->
|
||||||
|
|
||||||
<a class="grouped_elements" rel="group1" href="images/cocina-exposicion-7-b.jpg"><img src="images/cocina-exposicion-7-s.jpg" width="139" height="120" alt=""/></a>
|
<section id="hours">
|
||||||
|
<div id="panel-hours">
|
||||||
|
<div class="panelblock">
|
||||||
|
<article id="opening-hours">
|
||||||
|
<p>Lunes—Viernes: 10:00—14:00 y 17:00—20:00 | Sábados: 10:00—14:00</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
</section>
|
</div><!--panelblock ends here-->
|
||||||
</div>
|
</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>
|
||||||
|
|
||||||
<div class="panel" id="panel-2">
|
<script>
|
||||||
<section class="panelinfo">
|
|
||||||
<h2>Exposición de muebles de baño</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>
|
$(document).ready(function() {
|
||||||
|
$("#body-background").ezBgResize();
|
||||||
<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>
|
|
||||||
|
|
||||||
</section>
|
$(window).bind("resize", function(){
|
||||||
</div>
|
$("#body-background").ezBgResize();
|
||||||
|
});
|
||||||
<div class="panel" id="panel-3">
|
</script>
|
||||||
<section class="panelinfo">
|
<script>
|
||||||
<h2>Exposición de mamparas </h2>
|
//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.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—Viernes: 9:30—13:30 y 16:30—20:00 | Sábados: 9:30—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
|
//reset all the items
|
||||||
$('#hero-slider ul a').removeClass('active');
|
$('#hero-slider ul a').removeClass('active');
|
||||||
|
|
||||||
//set current item as active
|
//set current item as active
|
||||||
$(this).addClass('active');
|
$(this).addClass('active');
|
||||||
|
|
||||||
//scroll it to the right position
|
//scroll it to the right position
|
||||||
$('.mask').scrollTo($(this).attr('rel'), 300);
|
$('.mask').scrollTo($(this).attr('rel'), 300);
|
||||||
|
|
||||||
//disable click event
|
//disable click event
|
||||||
return false;
|
return false;
|
||||||
|
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
<!--fancybox-->
|
<!--fancybox-->
|
||||||
<script>
|
<script>
|
||||||
$(document).ready(function() {
|
$(document).ready(function() {
|
||||||
$("a.grouped_elements").fancybox({
|
$("a.grouped_elements").fancybox({
|
||||||
'transitionIn' : 'elastic',
|
'transitionIn' : 'elastic',
|
||||||
'transitionOut' : 'elastic',
|
'transitionOut' : 'elastic',
|
||||||
'speedIn' : 600,
|
'speedIn' : 600,
|
||||||
'speedOut' : 200,
|
'speedOut' : 200,
|
||||||
'overlayShow' : false
|
'overlayShow' : false
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
<script>
|
<script>
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
$(".btn-slide").click(function(){
|
$(".btn-slide").click(function(){
|
||||||
$("#panel-hours").slideToggle("slow");
|
$("#panel-hours").slideToggle("slow");
|
||||||
$(this).toggleClass("active"); return false;
|
$(this).toggleClass("active"); return false;
|
||||||
});
|
});
|
||||||
|
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@ -1,332 +1,224 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="es">
|
<html lang="es">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="viewport" content="width=device-width;" />
|
<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="styles.css" />
|
||||||
<link rel="stylesheet" href="css/main.css"/>
|
<link rel="stylesheet" href="css/main.css"/>
|
||||||
<link rel="stylesheet" href="css/_print/main.css" media="print"/>
|
<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]><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 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 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]-->
|
<!--[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 rel="stylesheet" href="fancybox/jquery.fancybox-1.3.1.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=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=Mako:regular" rel="stylesheet" type="text/css" />
|
||||||
|
|
||||||
<link rel="icon" href="favicon.png" />
|
<link rel="icon" href="favicon.png" />
|
||||||
<!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]-->
|
<!--[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>
|
<title>Alonso y Sal</title>
|
||||||
<meta name="description" content="Galería de algunos de nuestros montajes de muebles de cocinas y baños en Madrid." />
|
</head>
|
||||||
</head>
|
<body class="index">
|
||||||
<body class="index">
|
|
||||||
|
|
||||||
<div id="inner-wrap">
|
<div id="inner-wrap">
|
||||||
<header>
|
<header>
|
||||||
<section id="logo">
|
<section id="logo">
|
||||||
<h1><a href="index.html">Arribas</a></h1>
|
<h1><a href="index.html">Arribas</a></h1>
|
||||||
<p><span class="coloured-1">«</span> cocina y baños <span class="coloured-1">»</span></p>
|
<p><span class="coloured-1">«</span> desde 1980 <span class="coloured-1">»</span></p>
|
||||||
</section><!--logo ends here-->
|
</section><!--logo ends here-->
|
||||||
</header>
|
</header>
|
||||||
<div id="main-content">
|
|
||||||
<div id="panel">
|
<div id="main-content-index">
|
||||||
<div class="panelblock">
|
|
||||||
<nav id="slide-nav">
|
<div id="colours">
|
||||||
<a href="index.html">Inicio</a><span class="coloured-3"> | </span>
|
<span class="color color-1"></span>
|
||||||
<a href="tienda-muebles-cocinas-electrodomesticos.html">Cocinas</a><span class="coloured-3"> | </span>
|
<span class="color color-2"></span>
|
||||||
<a href="tienda-banos-mamparas.html">Baños</a><span class="coloured-3"> | </span>
|
<span class="color color-3"></span>
|
||||||
<a href="servicios-tienda-cocinas-banos.html">Servicios</a><span class="coloured-3"> | </span>
|
<span class="color color-4"></span>
|
||||||
<a class="current" href="galeria-exposiciones.html">Galería</a><span class="coloured-3"> | </span>
|
<span class="color color-5"></span>
|
||||||
<a href="localizacion.html">Tiendas</a><span class="coloured-3"> | </span>
|
</div><!--colours ends here-->
|
||||||
<a href="contacto.php">Contacto</a>
|
<div id="hero-slider">
|
||||||
</nav>
|
<ul>
|
||||||
</div><!--panelblock ends here-->
|
<li><a href="#" rel="#panel-7">Baño 3</a></li>
|
||||||
</div><!--panel ends here-->
|
<li><a href="#" rel="#panel-6">Baño 2</a></li>
|
||||||
</div><!--main-content ends here-->
|
<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="main-content-index">
|
<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="colours">
|
<div class="panel" id="panel-3">
|
||||||
<span class="color color-1"></span>
|
<section class="panelinfo">
|
||||||
<span class="color color-2"></span>
|
<h2>Montaje de cocina modelo 3</h2>
|
||||||
<span class="color color-3"></span>
|
<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>
|
||||||
<span class="color color-4"></span>
|
<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>
|
||||||
<span class="color color-5"></span>
|
<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>
|
||||||
</div><!--colours ends here-->
|
</section>
|
||||||
<div id="hero-slider">
|
</div>
|
||||||
<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-1">
|
<div class="panel" id="panel-4">
|
||||||
<section class="panelinfo">
|
<section class="panelinfo">
|
||||||
<h2>Montajes cocinas 1</h2>
|
<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="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>
|
<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="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="group1" href="images/cocina-201b.jpg"><img src="images/cocina-201s.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="group1" href="images/cocina-202b.jpg"><img src="images/cocina-202s.jpg" width="139" height="120" alt=""/></a>
|
</section>
|
||||||
<a class="grouped_elements" rel="group1" href="images/cocina-1301b.jpg"><img src="images/cocina-1301s.jpg" width="139" height="120" alt=""/></a>
|
</div>
|
||||||
<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-2">
|
<div class="panel" id="panel-5">
|
||||||
<section class="panelinfo">
|
<section class="panelinfo">
|
||||||
<h2>Montaje cocinas 2</h2>
|
<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="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>
|
<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="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="group2" href="images/cocina-901b.jpg"><img src="images/cocina-901s.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>
|
||||||
<a class="grouped_elements" rel="group2" href="images/cocina-902b.jpg"><img src="images/cocina-902s.jpg" width="139" height="120" alt=""/></a>
|
</section>
|
||||||
<a class="grouped_elements" rel="group2" href="images/cocina-903b.jpg"><img src="images/cocina-903s.jpg" width="139" height="120" alt=""/></a>
|
</div>
|
||||||
<a class="grouped_elements" rel="group2" href="images/cocina-1601b.jpg"><img src="images/cocina-1601s.jpg" width="139" height="120" alt=""/></a>
|
|
||||||
|
|
||||||
</section>
|
<div class="panel" id="panel-6">
|
||||||
</div>
|
<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>
|
||||||
|
|
||||||
<div class="panel" id="panel-3">
|
<div class="panel" id="panel-7">
|
||||||
<section class="panelinfo">
|
<section class="panelinfo">
|
||||||
<h2>Montaje cocinas 3</h2>
|
<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="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>
|
<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 class="clear"></div>
|
</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>
|
</div>
|
||||||
<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>
|
</div> <!-- .mask -->
|
||||||
<a class="grouped_elements" rel="group3" href="images/cocina-701b.jpg"><img src="images/cocina-701s.jpg" width="139" height="120" alt=""/></a>
|
<div class="clear"></div>
|
||||||
|
</div> <!-- #hero-slider -->
|
||||||
<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>
|
|
||||||
|
|
||||||
</section>
|
<nav id="side">
|
||||||
</div>
|
<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>
|
||||||
|
|
||||||
<div class="panel" id="panel-4">
|
<section id="social">
|
||||||
<section class="panelinfo">
|
<!--figure><a href="#"><img src="images/facebook.png" alt="facebook"/></a></figure>
|
||||||
<h2>Montaje cocinas 4</h2>
|
<figure><a href="#"><img src="images/skype.png" alt="facebook"/></a></figure>
|
||||||
|
<figure><a href="#"><img src="images/gmail.png" alt="facebook"/></a></figure>
|
||||||
<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>
|
<figure><a href="#"><img src="images/favorites.png" alt="facebook"/></a></figure-->
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
<div class="panel" id="panel-5">
|
<figure><p>Distribuidores de:</p></figure></br></br>
|
||||||
<section class="panelinfo">
|
<figure><a href="http://www.infercocinas.es/" target="new"><img src="images/logo_infer_cocinas.gif" alt="Infer Cocinas"/></a></figure>
|
||||||
<h2>Montaje cocinas 5</h2>
|
</section>
|
||||||
|
</div><!--main-content-index ends here-->
|
||||||
<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>
|
|
||||||
|
|
||||||
<div class="panel" id="panel-6">
|
<section id="hours">
|
||||||
<section class="panelinfo">
|
<div id="panel-hours">
|
||||||
<h2>Montaje cocinas 6</h2>
|
<div class="panelblock">
|
||||||
|
<article id="opening-hours">
|
||||||
|
<p>Lunes—Viernes: 10:00—14:00 y 17:00—20:00 | Sábados: 10:00—14:00</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
<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><!--panelblock ends here-->
|
||||||
|
</div><!--panel-hours ends here-->
|
||||||
<div class="clear"></div>
|
<div id="bottom-nav"><a class="btn-slide" href="#">
|
||||||
<a class="grouped_elements" rel="group6" href="images/cocina-1001b.jpg"><img src="images/cocina-1001s.jpg" width="139" height="120" alt=""/></a>
|
<div id="triangle-down"></div>
|
||||||
<a class="grouped_elements" rel="group6" href="images/cocina-1002b.jpg"><img src="images/cocina-1002s.jpg" width="139" height="120" alt=""/></a>
|
Horario</a></div>
|
||||||
<a class="grouped_elements" rel="group6" href="images/cocina-1003b.jpg"><img src="images/cocina-1003s.jpg" width="139" height="120" alt=""/></a>
|
</section><!--section hours ends here-->
|
||||||
<a class="grouped_elements" rel="group6" href="images/cocina-1004b.jpg"><img src="images/cocina-1004s.jpg" width="139" height="120" alt=""/></a>
|
</div><!--inner-wrap ends here-->
|
||||||
|
<div id="body-background"><img src="images/bg1.jpg" alt="interior full-size photo"/></div>
|
||||||
<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>
|
<!--scripts-->
|
||||||
<a class="grouped_elements" rel="group6" href="images/cocina-1401b.jpg"><img src="images/cocina-1401s.jpg" width="139" height="120" alt=""/></a>
|
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
|
||||||
<a class="grouped_elements" rel="group6" href="images/cocina-1402b.jpg"><img src="images/cocina-1402s.jpg" width="139" height="120" alt=""/></a>
|
<script src="js/jquery.scrollTo-1.4.2-min.js"></script>
|
||||||
</section>
|
<script src="js/jquery.ez-bg-resize.js" charset="utf-8"></script>
|
||||||
</div>
|
<script src="js/lib.js" charset="utf-8"></script>
|
||||||
|
<script src="fancybox/jquery.fancybox-1.3.1.pack.js"></script>
|
||||||
|
|
||||||
<div class="panel" id="panel-7">
|
<script>
|
||||||
<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>
|
|
||||||
|
|
||||||
<div class="panel" id="panel-8">
|
$(document).ready(function() {
|
||||||
<section class="panelinfo">
|
$("#body-background").ezBgResize();
|
||||||
<h2>Montaje baños 2</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>
|
$(window).bind("resize", function(){
|
||||||
|
$("#body-background").ezBgResize();
|
||||||
<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>
|
</script>
|
||||||
<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>
|
<script>
|
||||||
<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>
|
//append click event to the UL list anchor tag
|
||||||
<a class="grouped_elements" rel="group8" href="images/bano-401b.jpg"><img src="images/bano-401s.jpg" width="139" height="120" alt=""/></a>
|
$('#hero-slider ul a').click(function () {
|
||||||
|
|
||||||
<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—Viernes: 9:30—13:30 y 16:30—20:00 | Sábados: 9:30—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
|
//reset all the items
|
||||||
$('#hero-slider ul a').removeClass('active');
|
$('#hero-slider ul a').removeClass('active');
|
||||||
|
|
||||||
//set current item as active
|
//set current item as active
|
||||||
$(this).addClass('active');
|
$(this).addClass('active');
|
||||||
|
|
||||||
//scroll it to the right position
|
//scroll it to the right position
|
||||||
$('.mask').scrollTo($(this).attr('rel'), 300);
|
$('.mask').scrollTo($(this).attr('rel'), 300);
|
||||||
|
|
||||||
//disable click event
|
//disable click event
|
||||||
return false;
|
return false;
|
||||||
|
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
<!--fancybox-->
|
<!--fancybox-->
|
||||||
<script>
|
<script>
|
||||||
$(document).ready(function() {
|
$(document).ready(function() {
|
||||||
$("a.grouped_elements").fancybox({
|
$("a.grouped_elements").fancybox({
|
||||||
'transitionIn' : 'elastic',
|
'transitionIn' : 'elastic',
|
||||||
'transitionOut' : 'elastic',
|
'transitionOut' : 'elastic',
|
||||||
'speedIn' : 600,
|
'speedIn' : 600,
|
||||||
'speedOut' : 200,
|
'speedOut' : 200,
|
||||||
'overlayShow' : false
|
'overlayShow' : false
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
<script>
|
<script>
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
$(".btn-slide").click(function(){
|
$(".btn-slide").click(function(){
|
||||||
$("#panel-hours").slideToggle("slow");
|
$("#panel-hours").slideToggle("slow");
|
||||||
$(this).toggleClass("active"); return false;
|
$(this).toggleClass("active"); return false;
|
||||||
});
|
});
|
||||||
|
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@ -1 +0,0 @@
|
|||||||
google-site-verification: googlef81d58ff3867b09c.html
|
|
||||||
BIN
src/images/LetreroMapa.psd
Normal file
BIN
src/images/LetreroMapa.psd
Normal file
Binary file not shown.
BIN
src/images/Thumbs.db
Normal file
BIN
src/images/Thumbs.db
Normal file
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 56 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 81 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 63 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 74 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 104 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 92 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 49 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 47 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 71 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 53 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 65 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 70 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 59 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 72 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 79 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 66 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user