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-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—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.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>
|
