AcotaCocinas/AlonsoYSal_Web
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Subida version para colgar en web a falta de aprobación y php envio correo

Browse Source 
git-svn-id: https://192.168.0.254/svn/Proyectos.AlonsoYSal_Web/trunk@3 4d6e3d7e-063e-4044-a2d3-903626ba9061
This commit is contained in:
roberto 2011-11-30 13:12:06 +00:00
parent 5a770ec175
commit bb9084967a
104 changed files with 418 additions and 1308 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/about.html → src/acerca-de.html
View File

@ -53,11 +53,9 @@
<div class="panel" id="panel-1">
<section class="panelinfo2">
<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
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Aenean ultricies mi vitae est. Mauris placerat eleifend leo. </p>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. </p>
<p>Nuestra empresa familiar y dinámica, desde 1980 es especialista en el diseño e instalación de su cocina y baño. Ofreciendo un servicio integral y desarrollando los proyectos para que se conviertan en espacios exclusivos y funcionales. </p>
<p>Miles de clientes satisfechos, son nuestra mejor referencia.</p>
<p>Calidad y servicio al mejor precio.</p>
</section>
<div class="divider"></div>
<!--section class="panelinfo2">
@ -153,7 +151,7 @@
<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="gallery.html">Gallery Of Images</a>.</p>
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>
@ -193,18 +191,22 @@
<nav id="side">
<a href="index.html">Inicio</a>
<a href="#" class="current">Quienes somos </a>
<a href="gallery.html">Galería</a>
<a href="menu.html">Ofertas</a>
<a href="location.html">Localización</a>
<a href="contact.html">Contacto</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/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><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-->

142
src/additional.html
View File

@ -1,142 +0,0 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<meta name="description" content="place your description here" />
<meta name = "viewport" content = "width = device-width;" />
<!-- define the width of the page as no wider than the width of the viewport -->
<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="css/main.css"/>
<link rel="stylesheet" href="css/_print/main.css" media="print"/>
<!--[if IE]><link rel="stylesheet" href="_/css/_patches/win-ie-all.css" media="all" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie7.css" media="all" /><![endif]-->
<!--[if lt IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie-old.css" media="all" /><![endif]-->
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<link href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" />
<link rel="icon" href="favicon.png" />
<!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]-->
<title>Alonso y Sal</title>
</head>
<body class="index">
<div id="inner-wrap">
<header>
<section id="logo">
<h1><a href="index.html">Arribas</a></h1>
<p><span class="coloured-1">«</span> desde 1980 <span class="coloured-1">»</span></p>
</section><!--logo ends here-->
</header>
<div id="main-content-index-additional">
<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="normal">
<div id="additional-nav">
<ul>
<li><a href="#" class="active">Interview with the chief</a></li>
<li><a href="#">Interview with the founder</a></li>
</ul>
</div><!--additional-nav ends here-->
<div class="panel">
<section class="panelinfo">
<h2>Interview with the Chief</h2>
<figure class="right"><img src="images/chief.jpg" width="289" height="358" alt="chief"/></figure>
<strong>Pellentesque habitant morbi tristique senectus malesuada fames?</strong>
<p>&mdash;Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Aenean ultricies mi vitae est. Mauris placerat eleifend leo. </p>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.
Vestibulum tortor quam, feugiat vitae, ultricies
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. </p>
<strong>Pellentesque habitant morbi tristique senectus malesuada fames?</strong>
<p>&mdash;Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Aenean ultricies mi vitae est. Mauris placerat eleifend leo. </p>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.
Vestibulum tortor quam, feugiat vitae, ultricies
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. </p>
<figure class="left"><img src="images/chief2.jpg" width="289" height="358" alt="chief"/></figure>
<strong>Pellentesque habitant morbi tristique senectus malesuada fames?</strong>
<p>&mdash;Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Aenean ultricies mi vitae est. Mauris placerat eleifend leo. </p>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.
Vestibulum tortor quam, feugiat vitae, ultricies
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. </p>
</section>
</div><!--panel ends here-->
<div id="empty-block"></div>
</div> <!-- #normal ends here -->
<nav id="side">
<a href="index.html">Inicio</a>
<a href="about.html">Quienes somos</a>
<!--a href="service.html">services</a-->
<a href="gallery.html">Galería</a>
<a href="menu.html">Ofertas</a>
<a href="location.html">Localización</a>
<a href="contact.html">Contacto </a>
</nav>
<section id="social">
<figure><a href="#"><img src="images/facebook.png" alt="facebook"/></a></figure>
<figure><a href="#"><img src="images/skype.png" alt="facebook"/></a></figure>
<figure><a href="#"><img src="images/gmail.png" alt="facebook"/></a></figure>
<figure><a href="#"><img src="images/favorites.png" alt="facebook"/></a></figure>
</section>
</div><!--main-content-index ends here-->
<section id="hours">
<div id="panel-hours">
<div class="panelblock">
<article id="opening-hours">
<p>Lunes&mdash;Viernes: 10:00&mdash;14:00 y 17:00&mdash;20:00 | Sábados: 10:00&mdash;14:00</p>
</article>
</div><!--panelblock ends here-->
</div><!--panel-hours ends here-->
<div id="bottom-nav"><a class="btn-slide" href="#">
<div id="triangle-down"></div>
Horario</a></div>
</section><!--section hours ends here-->
</div><!--inner-wrap ends here-->
<div id="body-background"><img src="images/bg1.jpg" alt="interior full-size photo"/></div>
<!--scripts-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="js/jquery.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>
$(document).ready(function(){
$(".btn-slide").click(function(){
$("#panel-hours").slideToggle("slow");
$(this).toggleClass("active"); return false;
});
});
</script>
</body>
</html>

163
src/additional3.html
View File

@ -1,163 +0,0 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<meta name="description" content="place your description here" />
<meta name = "viewport" content = "width = device-width;" />
<!-- define the width of the page as no wider than the width of the viewport -->
<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="css/main.css"/>
<link rel="stylesheet" href="css/_print/main.css" media="print"/>
<!--[if IE]><link rel="stylesheet" href="_/css/_patches/win-ie-all.css" media="all" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie7.css" media="all" /><![endif]-->
<!--[if lt IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie-old.css" media="all" /><![endif]-->
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<link href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" />
<link rel="icon" href="favicon.png" />
<!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]-->
<title>Alonso y Sal</title>
</head>
<body class="index">
<div id="inner-wrap">
<header>
<section id="logo">
<h1><a href="index.html">Arribas</a></h1>
<p><span class="coloured-1">«</span> desde 1980 <span class="coloured-1">»</span></p>
</section><!--logo ends here-->
</header>
<div id="main-content-index-additional">
<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="normal">
<div id="additional-nav">
<ul>
<li><a href="#" class="active">History in photos</a></li>
<li><a href="#">any link</a></li>
<li><a href="#">any link</a></li>
<li><a href="#">any link</a></li>
</ul>
</div><!--additional-nav ends here-->
<div class="panel">
<section class="panelinfo">
<h2>Our history year by year...</h2>
<div id="gallery-wrapper">
<section id="timeline" class="spacegallery">
<img src="images/timeline1.jpg" width="600" height="420" alt="photo" />
<img src="images/timeline2.jpg" width="600" height="420" alt="photo" />
<img src="images/timeline3.jpg" width="600" height="420" alt="photo" />
<img src="images/timeline1.jpg" width="600" height="420" alt="photo" />
<img src="images/timeline2.jpg" width="600" height="420" alt="photo" />
<img src="images/timeline3.jpg" width="600" height="420" alt="photo" />
</section>
</div><!--gallery-wrapper ends here-->
<ol class="history">
<li>
<strong>1958</strong> <p class="small">Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Donec eu libero sit amet quam egestas semper. Vestibulum tortor quam, feugiat vitae, ultricies
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. </p></li>
<li>
<strong>1969</strong><p class="small">Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Donec eu libero sit amet quam egestas semper. Vestibulum tortor quam, feugiat vitae, ultricies
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. </p></li>
<li>
<strong>1974</strong><p class="small">Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Donec eu libero sit amet quam egestas semper. Vestibulum tortor quam, feugiat vitae, ultricies
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. </p></li>
</ol>
<ol class="history">
<li>
<strong>1979</strong> <p class="small">Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Donec eu libero sit amet quam egestas semper. Vestibulum tortor quam, feugiat vitae, ultricies
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. </p></li>
<li>
<strong>1982</strong><p class="small">Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Donec eu libero sit amet quam egestas semper. Vestibulum tortor quam, feugiat vitae, ultricies
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. </p></li>
<li>
<strong>1994</strong><p class="small">Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Donec eu libero sit amet quam egestas semper. Vestibulum tortor quam, feugiat vitae, ultricies
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. </p></li>
</ol>
</section>
</div><!--panel ends here-->
<div id="empty-block"></div>
</div> <!-- #normal ends here -->
<nav id="side">
<a href="index.html">Inicio</a>
<a href="about.html">Quienes somos</a>
<!--a href="service.html">services</a-->
<a href="gallery.html">Galería</a>
<a href="menu.html">Ofertas</a>
<a href="location.html">Localización</a>
<a href="contact.html">Contacto </a>
</nav>
<section id="social">
<figure><a href="#"><img src="images/facebook.png" alt="facebook"/></a></figure>
<figure><a href="#"><img src="images/skype.png" alt="facebook"/></a></figure>
<figure><a href="#"><img src="images/gmail.png" alt="facebook"/></a></figure>
<figure><a href="#"><img src="images/favorites.png" alt="facebook"/></a></figure>
</section>
</div><!--main-content-index ends here-->
<section id="hours">
<div id="panel-hours">
<div class="panelblock">
<article id="opening-hours">
<p>Lunes&mdash;Viernes: 10:00&mdash;14:00 y 17:00&mdash;20:00 | Sábados: 10:00&mdash;14:00</p>
</article>
</div><!--panelblock ends here-->
</div><!--panel-hours ends here-->
<div id="bottom-nav"><a class="btn-slide" href="#">
<div id="triangle-down"></div>
Horario</a></div>
</section><!--section hours ends here-->
</div><!--inner-wrap ends here-->
<div id="body-background"><img src="images/bg1.jpg" alt="interior full-size photo"/></div>
<!--scripts-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="js/jquery.ez-bg-resize.js" charset="utf-8"></script>
<script src="js/lib.js" charset="utf-8"></script>
<script src="js/eye.js"></script>
<script src="js/utils.js"></script>
<script src="js/spacegallery.js"></script>
<script>
$(document).ready(function() {
$("#body-background").ezBgResize();
});
$(window).bind("resize", function(){
$("#body-background").ezBgResize();
});
</script>
<script>
$('#timeline').spacegallery({loadingClass: 'loading'});
</script>
<script>
$(document).ready(function(){
$(".btn-slide").click(function(){
$("#panel-hours").slideToggle("slow");
$(this).toggleClass("active"); return false;
});
});
</script>
</body>
</html>

18
src/contact.html → src/contacto.html
View File

@ -56,7 +56,7 @@
<iframe name="hidden_iframe" id="hidden_iframe"
style="display:none;" onload="if(submitted)
{window.location='thankyou.html';}"></iframe>
<form action="https://spreadsheets.google.com/formResponse?formkey=placehereyourformkeyid"
<form action="mailto:info@$rodax-software.com" ENCTYPE="text/plain"
method="post" target="hidden_iframe" id="contact" onSubmit="submitted=true;">
<fieldset>
@ -143,19 +143,23 @@ method="post" target="hidden_iframe" id="contact" onSubmit="submitted=true;">
<nav id="side">
<a href="index.html">Inicio</a>
<a href="about.html">Quienes somos</a>
<a href="acerca-de.html">Empresa</a>
<!--a href="service.html">services</a-->
<a href="gallery.html">Galería</a>
<a href="menu.html">Ofertas</a>
<a href="location.html">Localización</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/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><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-->

65
src/gallery.html → src/galeria-exposiciones.html
View File

@ -43,43 +43,40 @@
</div><!--colours ends here-->
<div id="hero-slider">
<ul>
<li><a href="#" rel="#panel-3">Catálogo</a></li>
<li><a href="#" rel="#panel-2">Montajes </a></li>
<li><a href="#" rel="#panel-1" class="active">Exposición</a></li>
<!--li><a href="#" rel="#panel-3">Catálogo</a></li-->
<li><a href="#" rel="#panel-2">Baños</a></li>
<li><a href="#" rel="#panel-1" class="active">Cocinas</a></li>
</ul>
<div class="mask">
<div class="slider-body">
<div class="panel" id="panel-1">
<section class="panelinfo">
<h2>Cocinas</h2>
<a class="grouped_elements" rel="group1" href="images/galeria-exposicion-cocinas-1b.jpg" width="800" height="600" alt=""><img src="images/galeria-exposicion-cocinas-1s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/galeria-exposicion-cocinas-2b.jpg" width="800" height="600" alt=""><img src="images/galeria-exposicion-cocinas-2s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/galeria-exposicion-cocinas-3b.jpg" width="800" height="600" alt=""><img src="images/galeria-exposicion-cocinas-3s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements lastimg" rel="group1" href="images/no-foto.gif" width="800" height="600" alt=""><img src="images/no-foto.gif" width="139" height="120" alt=""/></a>
<h2>Exposición de muebles de cocinas</h2>
<a class="grouped_elements" rel="group1" href="images/cocina_exposicion_0_b.jpg" width="800" height="600" alt=""><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" width="800" height="600" alt=""><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" width="800" height="600" alt=""><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" width="800" height="600" alt=""><img src="images/cocina_exposicion_3_s.jpg" width="139" height="120" alt=""/></a>
<h2>Baños</h2>
<a class="grouped_elements" rel="group1" href="images/galeria-exposicion-banos-1b.jpg" width="800" height="600" alt=""><img src="images/galeria-exposicion-banos-1s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/galeria-exposicion-banos-2b.jpg" width="800" height="600" alt=""><img src="images/galeria-exposicion-banos-2s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/no-foto.gif" width="800" height="600" alt=""><img src="images/no-foto.gif" width="139" height="120" alt=""/></a>
<a class="grouped_elements lastimg" rel="group1" href="images/no-foto.gif" width="800" height="600" alt=""><img src="images/no-foto.gif" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/cocina_exposicion_4_b.jpg" width="800" height="600" alt=""><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" width="800" height="600" alt=""><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" width="800" height="600" alt=""><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>Cocinas</h2>
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
<a class="grouped_elements lastimg" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
<h2>Baños</h2>
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
<a class="grouped_elements lastimg" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
<h2>Exposición de muebles de baño y mamparas </h2>
<a class="grouped_elements" rel="group1" href="images/bano_exposicion_1_b.jpg" width="800" height="600" alt=""><img src="images/bano_exposicion_1_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/bano_exposicion_2_b.jpg" width="800" height="600" alt=""><img src="images/bano_exposicion_2_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/bano_exposicion_3_b.jpg" width="800" height="600" alt=""><img src="images/bano_exposicion_3_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/bano_mamparas_exposicion_0_b.jpg" width="800" height="600" alt=""><img src="images/bano_mamparas_exposicion_0_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/bano_mamparas_exposicion_1_b.jpg" width="800" height="600" alt=""><img src="images/bano_mamparas_exposicion_1_s.jpg" width="139" height="120" alt=""/></a>
</section>
</div>
<div class="panel" id="panel-3">
<!--div class="panel" id="panel-3">
<section class="panelinfo">
<h2>Cocinas</h2>
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
@ -92,7 +89,7 @@
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
<a class="grouped_elements lastimg" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
</section>
</div>
</div-->
</div>
</div> <!-- .mask -->
<div class="clear"></div>
@ -100,18 +97,22 @@
<nav id="side">
<a href="index.html">Inicio</a>
<a href="about.html">Quienes somos</a>
<a href="#" class="current">Galería</a>
<a href="menu.html">Ofertas</a>
<a href="location.html">Localización</a>
<a href="contact.html">Contacto </a>
<a href="acerca-de.html">Empresa</a>
<a href="#" class="current">Exposiciones</a>
<a href="galeria-montajes.html">Montajes</a>
<a href="ofertas.html">Ofertas</a>
<a href="localizacion.html">Tienda</a>
<a href="contacto.html">Contacto </a>
</nav>
<section id="social">
<figure><a href="#"><img src="images/facebook.png" alt="facebook"/></a></figure>
<!--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><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-->

239
src/galeria-montajes.html Normal file
View File

@ -0,0 +1,239 @@
<!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 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=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-3">Catálogo</a></li-->
<li><a href="#" rel="#panel-7">Baño 3</a></li>
<li><a href="#" rel="#panel-6">Baño 2</a></li>
<li><a href="#" rel="#panel-5">Baño 1</a></li>
<li><a href="#" rel="#panel-4">Cocina 4</a></li>
<li><a href="#" rel="#panel-3">Cocina 3</a></li>
<li><a href="#" rel="#panel-2">Cocina 2</a></li>
<li><a href="#" rel="#panel-1" class="active">Cocina 1</a></li>
</ul>
<div class="mask">
<div class="slider-body">
<div class="panel" id="panel-1">
<section class="panelinfo">
<h2>Montaje de cocina modelo 1</h2>
<a class="grouped_elements" rel="group1" href="images/cocina_montaje_mod1_0_b.jpg" width="800" height="600" alt=""><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" width="800" height="600" alt=""><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" width="800" height="600" alt=""><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="group1" href="images/cocina_montaje_mod2_0_b.jpg" width="800" height="600" alt=""><img src="images/cocina_montaje_mod2_0_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/cocina_montaje_mod2_1_b.jpg" width="800" height="600" alt=""><img src="images/cocina_montaje_mod2_1_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/cocina_montaje_mod2_2_b.jpg" width="800" height="600" alt=""><img src="images/cocina_montaje_mod2_2_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/cocina_montaje_mod2_3_b.jpg" width="800" height="600" alt=""><img src="images/cocina_montaje_mod2_3_s.jpg" width="139" height="120" alt=""/></a>
</section>
</div>
<div class="panel" id="panel-3">
<section class="panelinfo">
<h2>Montaje de cocina modelo 3</h2>
<a class="grouped_elements" rel="group1" href="images/cocina_montaje_mod3_0_b.jpg" width="800" height="600" alt=""><img src="images/cocina_montaje_mod3_0_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/cocina_montaje_mod3_1_b.jpg" width="800" height="600" alt=""><img src="images/cocina_montaje_mod3_1_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/cocina_montaje_mod3_2_b.jpg" width="800" height="600" alt=""><img src="images/cocina_montaje_mod3_2_s.jpg" width="139" height="120" alt=""/></a>
</section>
</div>
<div class="panel" id="panel-4">
<section class="panelinfo">
<h2>Montaje de cocina modelo 2</h2>
<a class="grouped_elements" rel="group1" href="images/cocina_montaje_mod4_0_b.jpg" width="800" height="600" alt=""><img src="images/cocina_montaje_mod4_0_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/cocina_montaje_mod4_1_b.jpg" width="800" height="600" alt=""><img src="images/cocina_montaje_mod4_1_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/cocina_montaje_mod4_2_b.jpg" width="800" height="600" alt=""><img src="images/cocina_montaje_mod4_2_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/cocina_montaje_mod4_3_b.jpg" width="800" height="600" alt=""><img src="images/cocina_montaje_mod4_3_s.jpg" width="139" height="120" alt=""/></a>
</section>
</div>
<div class="panel" id="panel-5">
<section class="panelinfo">
<h2>Montaje de baño modelo 1</h2>
<a class="grouped_elements" rel="group1" href="images/bano_montaje_mod1_0_b.jpg" width="800" height="600" alt=""><img src="images/bano_montaje_mod1_0_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/bano_montaje_mod1_1_b.jpg" width="800" height="600" alt=""><img src="images/bano_montaje_mod1_1_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/bano_montaje_mod1_2_b.jpg" width="800" height="600" alt=""><img src="images/bano_montaje_mod1_2_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/bano_montaje_mod1_3_b.jpg" width="800" height="600" alt=""><img src="images/bano_montaje_mod1_3_s.jpg" width="139" height="120" alt=""/></a>
</section>
</div>
<div class="panel" id="panel-6">
<section class="panelinfo">
<h2>Montaje de baño modelo 2</h2>
<a class="grouped_elements" rel="group1" href="images/bano_montaje_mod2_0_b.jpg" width="800" height="600" alt=""><img src="images/bano_montaje_mod2_0_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/bano_montaje_mod2_1_b.jpg" width="800" height="600" alt=""><img src="images/bano_montaje_mod2_1_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/bano_montaje_mod2_2_b.jpg" width="800" height="600" alt=""><img src="images/bano_montaje_mod2_2_s.jpg" width="139" height="120" alt=""/></a>
</section>
</div>
<div class="panel" id="panel-7">
<section class="panelinfo">
<h2>Montaje de baño modelo 3</h2>
<a class="grouped_elements" rel="group1" href="images/bano_montaje_mod3_0_b.jpg" width="800" height="600" alt=""><img src="images/bano_montaje_mod3_0_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/bano_montaje_mod3_1_b.jpg" width="800" height="600" alt=""><img src="images/bano_montaje_mod3_1_s.jpg" width="139" height="120" alt=""/></a>
</section>
</div>
<!--div class="panel" id="panel-3">
<section class="panelinfo">
<h2>Cocinas</h2>
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
<a class="grouped_elements lastimg" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
<h2>Baños</h2>
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
<a class="grouped_elements lastimg" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
</section>
</div-->
</div>
</div> <!-- .mask -->
<div class="clear"></div>
</div> <!-- #hero-slider -->
<nav id="side">
<a href="index.html">Inicio</a>
<a href="acerca-de.html">Empresa</a>
<a href="galeria-exposiciones.html">Exposiciones</a>
<a href="#" class="current">Montajes</a>
<a href="ofertas.html">Ofertas</a>
<a href="localizacion.html">Tienda</a>
<a href="contacto.html">Contacto </a>
</nav>
<section id="social">
<!--figure><a href="#"><img src="images/facebook.png" alt="facebook"/></a></figure>
<figure><a href="#"><img src="images/skype.png" alt="facebook"/></a></figure>
<figure><a href="#"><img src="images/gmail.png" alt="facebook"/></a></figure>
<figure><a href="#"><img src="images/favorites.png" alt="facebook"/></a></figure-->
<figure><p>Distribuidores de:</p></figure></br></br>
<figure><a href="http://www.infercocinas.es/" target="new"><img src="images/logo_infer_cocinas.gif" alt="Infer Cocinas"/></a></figure>
</section>
</div><!--main-content-index ends here-->
<section id="hours">
<div id="panel-hours">
<div class="panelblock">
<article id="opening-hours">
<p>Lunes&mdash;Viernes: 10:00&mdash;14:00 y 17:00&mdash;20:00 | Sábados: 10:00&mdash;14:00</p>
</article>
</div><!--panelblock ends here-->
</div><!--panel-hours ends here-->
<div id="bottom-nav"><a class="btn-slide" href="#">
<div id="triangle-down"></div>
Horario</a></div>
</section><!--section hours ends here-->
</div><!--inner-wrap ends here-->
<div id="body-background"><img src="images/bg1.jpg" alt="interior full-size photo"/></div>
<!--scripts-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="js/jquery.scrollTo-1.4.2-min.js"></script>
<script src="js/jquery.ez-bg-resize.js" charset="utf-8"></script>
<script src="js/lib.js" charset="utf-8"></script>
<script src="fancybox/jquery.fancybox-1.3.1.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>

10
src/images/.picasa.ini
View File

@ -1,10 +0,0 @@
[bg1.jpg]
backuphash=41630
[bg6.jpg]
backuphash=29380
[bg4.jpg]
backuphash=55094
[bg5.jpg]
backuphash=62588
[bg3.jpg]
backuphash=38857

35
src/images/.picasaoriginals/.picasa.ini
View File

@ -1,35 +0,0 @@
[bg1.jpg]
filters=enhance=1;crop64=1,2a441d1adf10d163;enhance=1;crop64=1,ac20000bcf0ffff;
crop=rect64(ac20000bcf0ffff)
moddate=0162b233c393cc01
width=2760
height=1080
textactive=0
[bg6.jpg]
filters=enhance=1;crop64=1,1639ffffd693;
crop=rect64(1639ffffd693)
moddate=cb339becc493cc01
width=1920
height=1440
textactive=0
[bg4.jpg]
filters=enhance=1;crop64=1,fd2ffffd02d;
crop=rect64(fd2ffffd02d)
moddate=f90b000ac593cc01
width=1920
height=1440
textactive=0
[bg5.jpg]
filters=enhance=1;crop64=1,1e88199af621bb32;
crop=rect64(1e88199af621bb32)
moddate=7109242fc593cc01
width=1920
height=1440
textactive=0
[bg3.jpg]
filters=enhance=1;crop64=1,4cd2d83ef54dd54;
crop=rect64(4cd2d83ef54dd54)
moddate=e68d574ec593cc01
width=1920
height=1440
textactive=0

BIN
src/images/.picasaoriginals/bg1.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 372 KiB

BIN
src/images/.picasaoriginals/bg3.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 316 KiB

BIN
src/images/.picasaoriginals/bg4.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 409 KiB

BIN
src/images/.picasaoriginals/bg5.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 366 KiB

BIN
src/images/.picasaoriginals/bg6.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 399 KiB

BIN
src/images/bano_exposicion_1_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 187 KiB

BIN
src/images/bano_exposicion_1_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

BIN
src/images/bano_exposicion_2_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 164 KiB

BIN
src/images/bano_exposicion_2_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
src/images/bano_exposicion_3_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 156 KiB

BIN
src/images/bano_exposicion_3_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
src/images/bano_mamparas_exposicion_0_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 205 KiB

BIN
src/images/bano_mamparas_exposicion_0_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 33 KiB

BIN
src/images/bano_mamparas_exposicion_1_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 172 KiB

BIN
src/images/bano_mamparas_exposicion_1_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

BIN
src/images/bano_montaje_mod1_0_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 186 KiB

BIN
src/images/bano_montaje_mod1_0_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

BIN
src/images/bano_montaje_mod1_1_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 188 KiB

BIN
src/images/bano_montaje_mod1_1_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
src/images/bano_montaje_mod1_2_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 169 KiB

BIN
src/images/bano_montaje_mod1_2_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
src/images/bano_montaje_mod1_3_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 134 KiB

BIN
src/images/bano_montaje_mod1_3_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
src/images/bano_montaje_mod2_0_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 207 KiB

BIN
src/images/bano_montaje_mod2_0_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
src/images/bano_montaje_mod2_1_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 154 KiB

BIN
src/images/bano_montaje_mod2_1_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

BIN
src/images/bano_montaje_mod2_2_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 150 KiB

BIN
src/images/bano_montaje_mod2_2_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
src/images/bano_montaje_mod3_0_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 134 KiB

BIN
src/images/bano_montaje_mod3_0_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
src/images/bano_montaje_mod3_1_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 126 KiB

BIN
src/images/bano_montaje_mod3_1_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
src/images/bg1.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 101 KiB

After

Width:  |  Height:  |  Size: 360 KiB

BIN
src/images/bg4.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 360 KiB

After

Width:  |  Height:  |  Size: 295 KiB

BIN
src/images/bg7.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 101 KiB

BIN
src/images/cocina_exposicion_0_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 200 KiB

BIN
src/images/cocina_exposicion_0_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 33 KiB

BIN
src/images/cocina_exposicion_1_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 203 KiB

BIN
src/images/cocina_exposicion_1_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

BIN
src/images/cocina_exposicion_2_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 202 KiB

BIN
src/images/cocina_exposicion_2_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

BIN
src/images/cocina_exposicion_3_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 186 KiB

BIN
src/images/cocina_exposicion_3_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
src/images/cocina_exposicion_4_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 181 KiB

BIN
src/images/cocina_exposicion_4_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
src/images/cocina_exposicion_5_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 185 KiB

BIN
src/images/cocina_exposicion_5_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

BIN
src/images/cocina_exposicion_6_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 206 KiB

BIN
src/images/cocina_exposicion_6_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

BIN
src/images/cocina_montaje_mod1_0_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 143 KiB

BIN
src/images/cocina_montaje_mod1_0_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

BIN
src/images/cocina_montaje_mod1_1_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 137 KiB

BIN
src/images/cocina_montaje_mod1_1_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
src/images/cocina_montaje_mod1_2_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 159 KiB

BIN
src/images/cocina_montaje_mod1_2_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
src/images/cocina_montaje_mod2_0_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 149 KiB

BIN
src/images/cocina_montaje_mod2_0_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
src/images/cocina_montaje_mod2_1_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 130 KiB

BIN
src/images/cocina_montaje_mod2_1_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
src/images/cocina_montaje_mod2_2_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 156 KiB

BIN
src/images/cocina_montaje_mod2_2_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
src/images/cocina_montaje_mod2_3_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 100 KiB

BIN
src/images/cocina_montaje_mod2_3_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
src/images/cocina_montaje_mod3_0_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 132 KiB

BIN
src/images/cocina_montaje_mod3_0_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
src/images/cocina_montaje_mod3_1_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 140 KiB

BIN
src/images/cocina_montaje_mod3_1_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
src/images/cocina_montaje_mod3_2_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 133 KiB

BIN
src/images/cocina_montaje_mod3_2_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
src/images/cocina_montaje_mod4_0_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 146 KiB

BIN
src/images/cocina_montaje_mod4_0_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
src/images/cocina_montaje_mod4_1_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 160 KiB

BIN
src/images/cocina_montaje_mod4_1_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
src/images/cocina_montaje_mod4_2_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 150 KiB

BIN
src/images/cocina_montaje_mod4_2_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
src/images/cocina_montaje_mod4_3_b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 149 KiB

BIN
src/images/cocina_montaje_mod4_3_s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
src/images/galeria-exposicion-banos-1b.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 303 KiB

BIN
src/images/galeria-exposicion-banos-1s.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 188 KiB

BIN
src/images/galeria-exposicion-banos-2b.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 256 KiB

BIN
src/images/galeria-exposicion-banos-2s.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 145 KiB

BIN
src/images/galeria-exposicion-cocinas-1b.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 256 KiB

BIN
src/images/galeria-exposicion-cocinas-1s.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 116 KiB

BIN
src/images/galeria-exposicion-cocinas-2b.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 353 KiB

BIN
src/images/galeria-exposicion-cocinas-2s.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 216 KiB

BIN
src/images/galeria-exposicion-cocinas-3b.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 351 KiB

BIN
src/images/galeria-exposicion-cocinas-3s.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 224 KiB

BIN
src/images/logo_infer_cocinas.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

16
src/index.html
View File

@ -37,20 +37,20 @@
<div id="main-content">
<section id="frontpage">
<article>
<h1>Más de 30 años <span class="coloured-2">diseñando y montando</span> <span class="coloured-1">cocinas y baños</span> en <span class="coloured-2">Madrid</span></h1>
<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. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. </p>
<h1>Más de 30 años <span class="coloured-2">creando ambientes</span> de <span class="coloured-1">cocina y baño</span> en <span class="coloured-2">Madrid</span></h1>
<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>
</article>
</section><!--frontpage ends here-->
<div id="panel">
<div class="panelblock">
<nav id="slide-nav">
<a href="about.html">Quienes somos</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="acerca-de.html">Empresa</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<!--a href="service.html">services | </a-->
<a href="gallery.html">Galería</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="menu.html">Ofertas</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="location.html">Localización</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="contact.html">Contacto</a>
<a href="galeria-exposiciones.html">Exposiciones</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="galeria-montajes.html">Montajes</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="ofertas.html">Ofertas</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="localizacion.html">Tienda</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="contacto.html">Contacto</a>
</nav>
</div><!--panelblock ends here-->
</div><!--panel ends here-->

13
src/location.html → src/localizacion.html
View File

@ -19,7 +19,7 @@
<link href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet" type="text/css" />
<title>Arribas localización y dirección</title>
<title>Arribas Tienda y dirección</title>
</head>
<body id="index" onLoad="initialize()">
<div id="inner-wrap-map">
@ -32,11 +32,12 @@
<nav id="top">
<a href="index.html">Inicio</a>
<a href="about.html">Quienes somos </a>
<a href="gallery.html">Galería</a>
<a href="menu.html">Ofertas</a>
<a href="#" class="current">Localización</a>
<a href="contact.html">Contacto</a>
<a href="acerca-de.html">Empresa </a>
<a href="galeria-exposiciones.html">Exposiciones</a>
<a href="galeria-montajes.html">Montajes</a>
<a href="ofertas.html">Ofertas</a>
<a href="#" class="current">Tienda</a>
<a href="contacto.html">Contacto</a>
<!--a href="service.html">services</a-->
</nav>

516
src/menu.html
View File

@ -1,516 +0,0 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<meta name="description" content="place your description here" />
<meta name = "viewport" content = "width = device-width;" />
<!-- define the width of the page as no wider than the width of the viewport -->
<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="css/main.css"/>
<link rel="stylesheet" href="css/_print/main.css" media="print"/>
<!--[if IE]><link rel="stylesheet" href="_/css/_patches/win-ie-all.css" media="all" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie7.css" media="all" /><![endif]-->
<!--[if lt IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie-old.css" media="all" /><![endif]-->
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<link 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=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">Ofertas</a></li>
<li><a href="#" rel="#panel-1" class="active">Liquidaciones</a></li>
<!--li><a href="#" rel="#panel-2" class="active">Ofertas</a></li-->
<!--li><a href="#" rel="#panel-3" class="active">Salads</a></li-->
<!--li><a href="#" rel="#panel-4" class="active">Specials</a></li-->
</ul>
<div class="mask">
<div class="slider-body">
<div class="panel" id="panel-1">
<section class="panelinfo">
<h2>Liquidación exposición de Navidades</h2>
<!--a href="additional2.html" class="button2">view full menu</a-->
<ol class="lists">
<li class="title">
<ol class="items">
<li>
<div class="item-wrapper">
Cocina Infer (mod. iur)
</div>
</li>
<!--li>
<div class="item-wrapper">
</div>
</li>
<li>
<div class="item-wrapper">
</div>
</li>
<li>
<div class="item-wrapper">
French coffee
</div>
</li-->
</ol>
</li><!--title ends here-->
<li class="dots">
<ol class="items">
<li>
<div class="item-wrapper">
<a class="single" href="images/galeria-exposicion-cocinas-2b.jpg" width="800" height="600" alt=""><figure class="no-frame"><img src="images/arrow-right.png" alt="arrow icon"/></figure>Ver estado de la cocina</a>
</div>
</li>
<!--li>
<div class="item-wrapper">
<figure class="no-frame"><img src="images/arrow-right.png" alt="photo icon"/></figure>
<a class="single" href="images/cinnamon.jpg" width="800" height="640" alt="">View how tasty it looks!</a>
</div>
</li>
<li>
<div class="item-wrapper">
<img src="images/dots.png" alt="dots"/>
</div>
</li>
<li>
<div class="item-wrapper">
<img src="images/dots.png" alt="dots"/>
</div>
</li-->
</ol>
</li><!--dots ends here-->
<li class="price">
<ol class="items">
<li>
<div class="item-wrapper">
<span class="tachado">1.999&euro;</span> 999&euro;</small>
</div>
</li>
<!--li>
<div class="item-wrapper">
$5.90 <small class="menu-small">200 ml</small>
</div>
</li>
<li>
<div class="item-wrapper">
$5.90 <small class="menu-small">200 ml</small>
</div>
</li>
<li>
<div class="item-wrapper">
$5.90 <small class="menu-small">200 ml</small>
</div>
</li-->
</ol>
</li><!--price ends here-->
</ol><!--lists ends here-->
</section>
<section class="panelinfo2">
<h3>Descarga nuestras ofertas del mes en PDF!</h3>
<p>Un 20% Dto. en muebles de cocina, y un 10% en muebles de baño.</p>
<a href="" class="button">Descargar PDF</a>
</section>
</div><!--panel ends here-->
<div class="panel" id="panel-2">
<section class="panelinfo">
<h2>Our sweets</h2>
<ol class="lists">
<li class="title">
<ol class="items">
<li>
<div class="item-wrapper">
French cake
</div>
</li>
<li>
<div class="item-wrapper">
French cake
</div>
</li>
<li>
<div class="item-wrapper">
French cake
</div>
</li>
<li>
<div class="item-wrapper">
French cake
</div>
</li>
</ol>
</li><!--title ends here-->
<li class="dots">
<ol class="items">
<li>
<div class="item-wrapper">
<a class="inline" href="#data1">fruits, creme and more...</a>
<div style="display:none">
<div id="data1">
<article class="description">
<figure><img src="images/cake.jpg" width="300" height="300" alt="cake"/></figure>
<h1>French cake</h1>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Aenean ultricies mi vitae est. Mauris placerat eleifend leo. </p>
</article>
</div><!--data1 ends here-->
</div>
</div>
</li>
<li>
<div class="item-wrapper">
<a class="inline" href="#data2">strawberries, creme and more...</a>
<div style="display:none">
<div id="data2">
<article class="description">
<figure><img src="images/cake.jpg" width="300" height="300" alt="cake"/></figure>
<h1>French cake</h1>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Aenean ultricies mi vitae est. Mauris placerat eleifend leo. </p>
</article>
</div><!--data2 ends here-->
</div>
</div>
</li>
<li>
<div class="item-wrapper">
fruits, creme, syrop, ice-cream
</div>
</li>
<li>
<div class="item-wrapper">
fruits, creme, syrop, ice-cream
</div>
</li>
</ol>
</li><!--dots ends here-->
<li class="price">
<ol class="items">
<li>
<div class="item-wrapper">
$5.90 <small class="menu-small">200 gr</small>
</div>
</li>
<li>
<div class="item-wrapper">
$5.90 <small class="menu-small">200 gr</small>
</div>
</li>
<li>
<div class="item-wrapper">
$5.90 <small class="menu-small">200 gr</small>
</div>
</li>
<li>
<div class="item-wrapper">
$5.90 <small class="menu-small">200 gr</small>
</div>
</li>
</ol>
</li><!--price ends here-->
</ol><!--lists ends here-->
</section>
<section class="panelinfo2">
<h3>Prefer to print full menu? Download PDF!</h3>
<p>Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Donec eu libero sit amet quam egestas semper. </p>
<a href="" class="button">Download menu</a>
</section>
</div><!--panel ends here-->
<div class="panel" id="panel-3">
<section class="panelinfo">
<h2>Choice of salads</h2>
<ol class="lists">
<li class="title">
<ol class="items">
<li>
<div class="item-wrapper">
Greek salad
</div>
</li>
<li>
<div class="item-wrapper">
Fresh Salad
</div>
</li>
<li>
<div class="item-wrapper">
Fresh Salad
</div>
</li>
<li>
<div class="item-wrapper">
Fresh Salad
</div>
</li>
</ol>
</li><!--title ends here-->
<li class="dots">
<ol class="items">
<li>
<div class="item-wrapper">
olives, tomatoes, tuna, cheese +
</div>
</li>
<li>
<div class="item-wrapper">
tomatos, cucumbers, eggs +
</div>
</li>
<li>
<div class="item-wrapper">
tomatos, cucumbers, eggs +
</div>
</li>
<li>
<div class="item-wrapper">
tomatos, cucumbers, eggs +
</div>
</li>
</ol>
</li><!--dots ends here-->
<li class="price">
<ol class="items">
<li>
<div class="item-wrapper">
$5.90 <small class="menu-small">200 ml</small>
</div>
</li>
<li>
<div class="item-wrapper">
$5.90 <small class="menu-small">200 ml</small>
</div>
</li>
<li>
<div class="item-wrapper">
$5.90 <small class="menu-small">200 ml</small>
</div>
</li>
<li>
<div class="item-wrapper">
$5.90 <small class="menu-small">200 ml</small>
</div>
</li>
</ol>
</li><!--price ends here-->
</ol><!--lists ends here-->
</section>
<section class="panelinfo2">
<h3>Prefer to print full menu? Download PDF!</h3>
<p>Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Donec eu libero sit amet quam egestas semper. </p>
<a href="" class="button">Download menu</a>
</section>
</div><!--panel ends here-->
<div class="panel" id="panel-4">
<section class="panelinfo2">
<h2>Specials for holidays!</h2>
<ol class="lists">
<li class="title">
<ol class="items">
<li>
<div class="item-wrapper">
Cake &#8220;Papá Noël&#8221;
</div>
</li>
<li>
<div class="item-wrapper">
Cake &#8220;Papá Noël&#8221;
</div>
</li>
<li>
<div class="item-wrapper">
Cake &#8220;Papá Noël&#8221;
</div>
</li>
<li>
<div class="item-wrapper">
Cake &#8220;Papá Noël&#8221;
</div>
</li>
</ol>
</li><!--title ends here-->
<li class="dots">
<ol class="items">
<li>
<div class="item-wrapper">
<img src="images/dots.png" alt="dots"/>
</div>
</li>
<li>
<div class="item-wrapper">
<img src="images/dots.png" alt="dots"/>
</div>
</li>
<li>
<div class="item-wrapper">
<img src="images/dots.png" alt="dots"/>
</div>
</li>
<li>
<div class="item-wrapper">
<img src="images/dots.png" alt="dots"/>
</div>
</li>
</ol>
</li><!--dots ends here-->
<li class="price">
<ol class="items">
<li>
<div class="item-wrapper">
$5.90 <small class="menu-small">200 ml</small>
</div>
</li>
<li>
<div class="item-wrapper">
$5.90 <small class="menu-small">200 ml</small>
</div>
</li>
<li>
<div class="item-wrapper">
$5.90 <small class="menu-small">200 ml</small>
</div>
</li>
<li>
<div class="item-wrapper">
$5.90 <small class="menu-small">200 ml</small>
</div>
</li>
</ol>
</li><!--price ends here-->
</ol><!--lists ends here-->
</section>
<section class="panelinfo2">
<h3>Prefer to print full menu? Download PDF!</h3>
<p>Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Donec eu libero sit amet quam egestas semper. </p>
<a href="" class="button">Download menu</a>
</section>
</div><!--panel ends here-->
</div><!--slider-body ends here-->
</div> <!-- .mask ends here-->
<div class="clear"></div>
</div> <!-- #hero-slider ends here-->
<nav id="side">
<a href="index.html">Inicio</a>
<a href="about.html">Quienes somos </a>
<a href="gallery.html">Galería</a>
<a href="#" class="current">Ofertas</a>
<a href="location.html">Localización</a>
<a href="contact.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>
</section>
</div><!--main-content-index ends here-->
<section id="hours">
<div id="panel-hours">
<div class="panelblock">
<article id="opening-hours">
<p>Lunes&mdash;Viernes: 10:00&mdash;14:00 y 17:00&mdash;20:00 | Sábados: 10:00&mdash;14:00</p>
</article>
</div><!--panelblock ends here-->
</div><!--panel-hours ends here-->
<div id="bottom-nav"><a class="btn-slide" href="#">
<div id="triangle-down"></div>
Horario</a></div>
</section><!--section hours ends here-->
</div><!--inner-wrap ends here-->
<div id="body-background"><img src="images/bg1.jpg" alt="interior full-size photo"/></div>
<!--scripts-->
<script 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>
<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.single, a.inline").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>

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