2011-10-31 17:31:38 +00:00
<!DOCTYPE html>
2011-11-03 17:07:43 +00:00
< html lang = "es" >
2011-10-31 17:31:38 +00:00
< head >
< meta charset = "utf-8" / >
< meta name = "description" content = "place your description here" / >
< meta name = "viewport" content = "width = device-width;" / >
<!-- define the width of the page as no wider than the width of the viewport -->
< link rel = "stylesheet" href = "styles.css" / >
2011-11-03 17:07:43 +00:00
< link rel = "stylesheet" href = "css/main.css" / >
< link rel = "stylesheet" href = "css/_print/main.css" media = "print" / >
2011-10-31 17:31:38 +00:00
<!-- [if IE]><link rel="stylesheet" href="_/css/_patches/win - ie - all.css" media="all" /><![endif] -->
<!-- [if IE 7]><link rel="stylesheet" href="_/css/_patches/win - ie7.css" media="all" /><![endif] -->
<!-- [if lt IE 7]><link rel="stylesheet" href="_/css/_patches/win - ie - old.css" media="all" /><![endif] -->
<!-- [if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif] -->
2011-11-03 17:07:43 +00:00
< link href = 'http://fonts.googleapis.com/css?family=Oswald' rel = 'stylesheet' type = 'text/css' / >
< link href = "http://fonts.googleapis.com/css?family=Mako:regular" rel = "stylesheet" type = "text/css" / >
2011-10-31 17:31:38 +00:00
< link rel = "icon" href = "favicon.png" / >
<!-- [if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif] -->
2011-11-03 17:07:43 +00:00
< title > Alonso y Sal< / title >
2011-10-31 17:31:38 +00:00
< / head >
< body class = "index" >
< div id = "inner-wrap" >
< header >
< section id = "logo" >
2011-11-03 17:07:43 +00:00
< h1 > < a href = "index.html" > Arribas< / a > < / h1 >
< p > < span class = "coloured-1" > «< / span > desde 1980 < span class = "coloured-1" > »< / span > < / p >
2011-10-31 17:31:38 +00:00
< / section > <!-- logo ends here -->
< / header >
< div id = "main-content-index" >
< div id = "colours" >
< span class = "color color-1" > < / span >
< span class = "color color-2" > < / span >
< span class = "color color-3" > < / span >
< span class = "color color-4" > < / span >
< span class = "color color-5" > < / span >
< / div > <!-- colours ends here -->
< div id = "hero-slider" >
2011-11-03 17:07:43 +00:00
<!-- ul>
< li > < a href = "#" rel = "#panel-1" class = "active" > The story of cuppyBar< / a > < / li >
2011-10-31 17:31:38 +00:00
< li > < a href = "#" rel = "#panel-2" class = "active" > The philosophy< / a > < / li >
< li > < a href = "#" rel = "#panel-3" class = "active" > Our staff< / a > < / li >
< li > < a href = "#" rel = "#panel-4" class = "active" > CuppyBar Interior< / a > < / li >
2011-11-03 17:07:43 +00:00
< li > < a href = "#" rel = "#panel-5" class = "active" > Testimonials< / a > < / li >
< / ul-- >
2011-10-31 17:31:38 +00:00
< div class = "mask" >
< div class = "slider-body" >
< div class = "panel" id = "panel-1" >
2011-11-03 17:07:43 +00:00
< section class = "panelinfo2" >
< h2 > Quiénes somos< / h2 >
2011-11-30 13:12:06 +00:00
< 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 >
2011-10-31 17:31:38 +00:00
< / section >
< div class = "divider" > < / div >
2011-11-03 17:07:43 +00:00
<!-- section class="panelinfo2">
< h3 > Want to know how did we grow? See history in pictures!< / h3 >
< p > Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Donec eu libero sit amet quam egestas semper. Vestibulum tortor quam, feugiat vitae, ultricies
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. < / p >
< a href = "additional3.html" class = "button" > View Photo story< / a >
< /section -->
2011-10-31 17:31:38 +00:00
< / div >
2011-11-03 17:07:43 +00:00
<!--
< div class = "panel" id = "panel-2" >
2011-10-31 17:31:38 +00:00
< section class = "panelinfo" >
< h2 > Our philosophy and principles< / h2 >
< p > Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Aenean ultricies mi vitae est. Mauris placerat eleifend leo. < / p >
< p > Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.
Vestibulum tortor quam, feugiat vitae, ultricies
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. < / p >
< / section >
2011-11-03 17:07:43 +00:00
< / div >
2011-10-31 17:31:38 +00:00
< div class = "panel" id = "panel-3" >
< section class = "panelinfo" >
< h2 > Our staff< / h2 >
< / section >
< section class = "panel-image" >
2011-11-03 17:07:43 +00:00
< div class = "slideOutTip openLeft green" style = "left:260px;top:16px" >
2011-10-31 17:31:38 +00:00
< div class = "tipVisible" >
< div class = "tipIcon" >
< div class = "plusIcon" > < / div >
2011-11-03 17:07:43 +00:00
< / div >
2011-10-31 17:31:38 +00:00
< p class = "tipTitle" > Mary Smith— Chief< / p >
2011-11-03 17:07:43 +00:00
< / div >
2011-10-31 17:31:38 +00:00
< div class = "slideOutContent" >
< p >
< a href = "additional.html" >
< img class = "spaceBottom" src = "images/1.jpg" width = "400" height = "200" alt = "name and role" / > < / a >
Vestibulum tortor quam, feugiat vitae, ultricies
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. < br / >
Read interview with Mary < a href = "additional.html" > here< / a > .
< / p >
2011-11-03 17:07:43 +00:00
< / div >
< / div >
2011-10-31 17:31:38 +00:00
< div class = "slideOutTip openLeft green" style = "left:160px;top:120px" >
< div class = "tipVisible" >
< div class = "tipIcon" >
< div class = "plusIcon" > < / div >
2011-11-03 17:07:43 +00:00
< / div >
2011-10-31 17:31:38 +00:00
< p class = "tipTitle" > Mary Smith— Chief< / p >
2011-11-03 17:07:43 +00:00
< / div >
2011-10-31 17:31:38 +00:00
< div class = "slideOutContent" >
< p >
< a href = "additional.html" >
< img class = "spaceBottom" src = "images/2.jpg" width = "300" height = "80" alt = "name and role" / > < / a >
Vestibulum tortor quam, feugiat vitae, ultricies
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. < br / >
Read interview with Mary < a href = "additional.html" > here< / a > .< / p >
2011-11-03 17:07:43 +00:00
< / div >
< / div >
2011-10-31 17:31:38 +00:00
< div class = "slideOutTip openLeft green" style = "left:440px;top:66px" >
< div class = "tipVisible" >
< div class = "tipIcon" >
< div class = "plusIcon" > < / div >
2011-11-03 17:07:43 +00:00
< / div >
2011-10-31 17:31:38 +00:00
< p class = "tipTitle" > Mary Smith— Chief< / p >
2011-11-03 17:07:43 +00:00
< / div >
2011-10-31 17:31:38 +00:00
< 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 >
2011-11-03 17:07:43 +00:00
< / div >
< / div >
2011-10-31 17:31:38 +00:00
< / section >
2011-11-03 17:07:43 +00:00
< / div >
2011-10-31 17:31:38 +00:00
< 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
2011-11-30 13:12:06 +00:00
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 >
2011-10-31 17:31:38 +00:00
< 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 >
2011-11-03 17:07:43 +00:00
< / section >
2011-10-31 17:31:38 +00:00
< / section >
2011-11-03 17:07:43 +00:00
< / div > -->
2011-10-31 17:31:38 +00:00
< / div >
< / div > <!-- .mask -->
< div class = "clear" > < / div >
< / div > <!-- #hero - slider -->
< nav id = "side" >
< a href = "index.html" > Inicio< / a >
2011-11-30 13:12:06 +00:00
< 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 >
2011-10-31 17:31:38 +00:00
<!-- a href="service.html">services</a -->
< / nav >
< section id = "social" >
2011-11-30 13:12:06 +00:00
<!-- figure><a href="#"><img src="images/facebook.png" alt="facebook"/></a></figure>
2011-10-31 17:31:38 +00:00
< figure > < a href = "#" > < img src = "images/skype.png" alt = "facebook" / > < / a > < / figure >
< figure > < a href = "#" > < img src = "images/gmail.png" alt = "facebook" / > < / a > < / figure >
2011-11-30 13:12:06 +00:00
< figure > < a href = "#" > < img src = "images/favorites.png" alt = "facebook" / > < / a > < / figure-- >
2011-11-30 17:21:32 +00:00
< figure > < p > Distribuidores de:< / p > < / figure > < br / > < br / >
2011-11-30 13:12:06 +00:00
< figure > < a href = "http://www.infercocinas.es/" target = "new" > < img src = "images/logo_infer_cocinas.gif" alt = "Infer Cocinas" / > < / a > < / figure >
2011-10-31 17:31:38 +00:00
< / 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
$('#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 >
