david
0191485de1
git-svn-id: https://192.168.0.254/svn/Proyectos.Surfagua_Web/trunk@9 7b1a0c54-578e-1249-b6f1-9f437cf0f32b
195 lines
13 KiB
HTML
195 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
|
|
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
|
|
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
|
|
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<title>Galería | AWA Escuela de Surf y Sup</title>
|
|
<meta name="description" content="">
|
|
<meta name="viewport" content="width=1044">
|
|
|
|
<link rel="icon" href="favicon.ico" type="image/x-icon">
|
|
|
|
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57.png">
|
|
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114.png">
|
|
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72.png">
|
|
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144.png">
|
|
|
|
<link rel="stylesheet" href="css/normalize.min.css">
|
|
<link rel="stylesheet" href="css/fonts.css">
|
|
<link rel="stylesheet" href="css/main.css">
|
|
<link rel="stylesheet" href="js/vendor/nivo/nivo-slider.css">
|
|
<link rel="stylesheet" href="js/vendor/nivo/themes/default/default.css">
|
|
<link rel="stylesheet" href="js/vendor/prettyphoto/css/prettyPhoto.css">
|
|
|
|
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
|
|
</head>
|
|
<body class="galeria">
|
|
<div id="fb-root"></div>
|
|
<div class="general-container">
|
|
<div class="main-container">
|
|
<aside>
|
|
<header class="wrapper clearfix">
|
|
<h1 class="title"><a href="index.html">Agua Surf y Cosas</a></h1>
|
|
<nav>
|
|
<ul>
|
|
<li><a href="filosofia.html">Filosofia</a></li>
|
|
<li><a href="tarifas.html">Tarifas</a></li>
|
|
<li><a href="la-escuela.html">La escuela</a></li>
|
|
<li><a href="monitores.html">Monitores</a></li>
|
|
<li><a href="la-tienda.html">La tienda</a></li>
|
|
<li><a href="galeria.html">Galeria</a></li>
|
|
<li><a class="current" href="links-amigos.html">Links amigos</a></li>
|
|
</ul>
|
|
</nav>
|
|
<div class="links clearfix">
|
|
<a href="" class="escuela">Surfawa - Escuela de surf</a>
|
|
<div class="fb-like" data-href="https://www.facebook.com/AguaSurfYCosas" data-send="false" data-layout="button_count" data-width="160" data-show-faces="false" data-font="verdana"></div>
|
|
<a href="https://www.facebook.com/AguaSurfYCosas" class="icon oculto facebook" title="Síguenos en Facebook">Síguenos en Facebook</a>
|
|
<a href="" class="icon oculto twitter" title="Síguenos en Twitter">Síguenos en Twitter</a>
|
|
<a href="" class="icon oculto flickr" title="Estamos en Flickr">Estamos en Flickr</a>
|
|
</div>
|
|
</header>
|
|
</aside>
|
|
|
|
<div class="main wrapper clearfix">
|
|
<h4 class="rotar-izquierda">Fotos tienda</h4>
|
|
<div id="grande" class="slider-wrapper rotar-izquierda theme-default">
|
|
<div id="slider" class="tienda nivoSlider">
|
|
<a href="fotos/tienda/alpargatas.jpg" rel="awa[galeria]"><img src="fotos/tienda/alpargatas_small.jpg" data-thumb="fotos/tienda/alpargatas_small.jpg" alt="Alpargatas" /></a>
|
|
<a href="fotos/tienda/alpargatas1.jpg" rel="awa[galeria]"><img src="fotos/tienda/alpargatas1_small.jpg" data-thumb="fotos/tienda/alpargatas1_small.jpg" alt="Alpargatas" /></a>
|
|
<a href="fotos/tienda/alpargatas2.jpg" rel="awa[galeria]"><img src="fotos/tienda/alpargatas2_small.jpg" data-thumb="fotos/tienda/alpargatas2_small.jpg" alt="Alpargatas" /></a>
|
|
<a href="fotos/tienda/awa-blancas.jpg" rel="awa[galeria]"><img src="fotos/tienda/awa-blancas_small.jpg" data-thumb="fotos/tienda/awa-blancas_small.jpg" alt="AWA blancas" /></a>
|
|
<a href="fotos/tienda/awa-gris.jpg" rel="awa[galeria]"><img src="fotos/tienda/awa-gris_small.jpg" data-thumb="fotos/tienda/awa-gris_small.jpg" alt="AWA grises" /></a>
|
|
<a href="fotos/tienda/awa-negra.jpg" rel="awa[galeria]"><img src="fotos/tienda/awa-negra_small.jpg" data-thumb="fotos/tienda/awa-negra_small.jpg" alt="AWA negras" /></a>
|
|
<a href="fotos/tienda/bolsos.jpg" rel="awa[galeria]"><img src="fotos/tienda/bolsos_small.jpg" data-thumb="fotos/tienda/bolsos_small.jpg" alt="Bolsos" /></a>
|
|
<a href="fotos/tienda/famous.jpg" rel="awa[galeria]"><img src="fotos/tienda/famous_small.jpg" data-thumb="fotos/tienda/famous_small.jpg" alt="Famous" /></a>
|
|
<a href="fotos/tienda/havaianas1.jpg" rel="awa[galeria]"><img src="fotos/tienda/havaianas1_small.jpg" data-thumb="fotos/tienda/havaianas1_small.jpg" alt="Havaianas" /></a>
|
|
<a href="fotos/tienda/inaguracion.jpg" rel="awa[galeria]"><img src="fotos/tienda/inaguracion_small.jpg" data-thumb="fotos/tienda/inaguracion_small.jpg" alt="Inaguración" /></a>
|
|
<a href="fotos/tienda/inventos.jpg" rel="awa[galeria]"><img src="fotos/tienda/inventos_small.jpg" data-thumb="fotos/tienda/inventos_small.jpg" alt="Inventos" /></a>
|
|
<a href="fotos/tienda/nixon.jpg" rel="awa[galeria]"><img src="fotos/tienda/nixon_small.jpg" data-thumb="fotos/tienda/nixon_small.jpg" alt="Nixon" /></a>
|
|
<a href="fotos/tienda/tabla.jpg" rel="awa[galeria]"><img src="fotos/tienda/tabla_small.jpg" data-thumb="fotos/tienda/tabla_small.jpg" alt="Tablas" /></a>
|
|
<a href="fotos/tienda/tienda-entrada.jpg" rel="awa[galeria]"><img src="fotos/tienda/tienda-entrada_small.jpg" data-thumb="fotos/tienda/tienda-entrada_small.jpg" alt="Entrada" /></a>
|
|
<a href="fotos/tienda/tienda-noche.jpg" rel="awa[galeria]"><img src="fotos/tienda/tienda-noche_small.jpg" data-thumb="fotos/tienda/tienda-noche_small.jpg" alt="La tienda" /></a>
|
|
</div>
|
|
|
|
<div class="escuela visuallyhidden">
|
|
<a href="fotos/escuela/1.jpg" rel="awa[galeria2]"><img src="fotos/escuela/1_small.jpg" data-thumb="fotos/escuela/1_small.jpg" alt="" /></a>
|
|
<a href="fotos/escuela/2.jpg" rel="awa[galeria2]"><img src="fotos/escuela/2_small.jpg" data-thumb="fotos/escuela/2_small.jpg" alt="" /></a>
|
|
<a href="fotos/escuela/3.jpg" rel="awa[galeria2]"><img src="fotos/escuela/3_small.jpg" data-thumb="fotos/escuela/3_small.jpg" alt="" /></a>
|
|
<a href="fotos/escuela/4.jpg" rel="awa[galeria2]"><img src="fotos/escuela/4_small.jpg" data-thumb="fotos/escuela/4_small.jpg" alt="" /></a>
|
|
<a href="fotos/escuela/5.jpg" rel="awa[galeria2]"><img src="fotos/escuela/5_small.jpg" data-thumb="fotos/escuela/5_small.jpg" alt="" /></a>
|
|
<a href="fotos/escuela/6.jpg" rel="awa[galeria2]"><img src="fotos/escuela/6_small.jpg" data-thumb="fotos/escuela/6_small.jpg" alt="" /></a>
|
|
<a href="fotos/escuela/7.jpg" rel="awa[galeria2]"><img src="fotos/escuela/7_small.jpg" data-thumb="fotos/escuela/7_small.jpg" alt="" /></a>
|
|
<a href="fotos/escuela/8.jpg" rel="awa[galeria2]"><img src="fotos/escuela/8_small.jpg" data-thumb="fotos/escuela/8_small.jpg" alt="" /></a>
|
|
<a href="fotos/escuela/9.jpg" rel="awa[galeria2]"><img src="fotos/escuela/9_small.jpg" data-thumb="fotos/escuela/9_small.jpg" alt="" /></a>
|
|
<a href="fotos/escuela/10.jpg" rel="awa[galeria2]"><img src="fotos/escuela/10_small.jpg" data-thumb="fotos/escuela/10_small.jpg" alt="" /></a>
|
|
<a href="fotos/escuela/11.jpg" rel="awa[galeria2]"><img src="fotos/escuela/11_small.jpg" data-thumb="fotos/escuela/11_small.jpg" alt="" /></a>
|
|
</div>
|
|
|
|
<div id="htmlcaption" class="nivo-html-caption">
|
|
</div>
|
|
</div>
|
|
<h5 class="rotar-derecha">Fotos escuela</h5>
|
|
<div id="pequeno" class="slider-wrapper rotar-derecha">
|
|
<a class="cambiar" href="#"><img class="escuela" src="img/foto-escuela.jpg"/><img class="tienda visuallyhidden" src="img/foto-tienda.jpg"/></a>
|
|
</div>
|
|
<div class="footer-container">
|
|
<footer class="wrapper">
|
|
<p>Calle Calabazas 26 <span>></span> Suesa <span>></span> Cantabria (Junto al Cementerio)<br/>tlfs: 607 382 604 <span>></span> 661 962 924 Mail: <a href="mailto:info@surfagua.com">info@surfagua.com</a></p>
|
|
</footer>
|
|
</div>
|
|
</div> <!-- #main -->
|
|
</div> <!-- #main-container -->
|
|
</div>
|
|
|
|
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
|
|
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>');</script>
|
|
<script type="text/javascript" src="js/vendor/nivo/jquery.nivo.slider.pack.js"></script>
|
|
<script type="text/javascript" src="js/vendor/prettyphoto/js/jquery.prettyPhoto.js"></script>
|
|
|
|
<script src="js/plugins.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
function empezar() {
|
|
$('#slider').nivoSlider({
|
|
effect: 'random',
|
|
prevText: '<',
|
|
nextText: '>',
|
|
pauseTime: 5000,
|
|
pauseOnHover: false,
|
|
controlNav: false,
|
|
});
|
|
|
|
}
|
|
|
|
$(window).load(function() {
|
|
$("a[rel^='awa']").prettyPhoto({
|
|
social_tools: '',
|
|
show_title: false,
|
|
opacity: 0.6,
|
|
autoplay_slideshow: true
|
|
});
|
|
|
|
empezar();
|
|
});
|
|
|
|
$('#pequeno a.cambiar').click(function() {
|
|
|
|
if ($('#slider').data('nivoslider')) {
|
|
$('#slider').data('nivoslider').stop();
|
|
}
|
|
|
|
var titulo = $('.main.wrapper h4').text();
|
|
$('.main.wrapper h4').text($('.main.wrapper h5').text());
|
|
$('.main.wrapper h5').text(titulo);
|
|
|
|
if ($('#slider').hasClass('tienda')) {
|
|
// Cambiar a escuela
|
|
$('#pequeno a.cambiar img.escuela').addClass('visuallyhidden');
|
|
$('#pequeno a.cambiar img.tienda').removeClass('visuallyhidden');
|
|
|
|
$('div.tienda').insertAfter('div.escuela');
|
|
|
|
$('div.tienda').removeAttr('id');
|
|
$('div.tienda').removeClass('nivoSlider');
|
|
$('div.tienda').addClass('visuallyhidden');
|
|
|
|
$('div.escuela').attr('id', 'slider');
|
|
$('div.escuela').removeClass('visuallyhidden');
|
|
$('div.escuela').addClass('nivoSlider');
|
|
} else {
|
|
$('#pequeno a.cambiar img.escuela').removeClass('visuallyhidden');
|
|
$('#pequeno a.cambiar img.tienda').addClass('visuallyhidden');
|
|
|
|
$('div.escuela').insertAfter('div.tienda');
|
|
$('div.escuela').removeAttr('id');
|
|
$('div.escuela').removeClass('nivoSlider');
|
|
$('div.escuela').addClass('visuallyhidden');
|
|
|
|
$('div.tienda').attr('id', 'slider');
|
|
$('div.tienda').removeClass('visuallyhidden');
|
|
$('div.tienda').addClass('nivoSlider');
|
|
}
|
|
empezar();
|
|
return false;
|
|
});
|
|
</script>
|
|
|
|
<script>
|
|
(function(d, s, id) {
|
|
var js, fjs = d.getElementsByTagName(s)[0];
|
|
if (d.getElementById(id))
|
|
return;
|
|
js = d.createElement(s);
|
|
js.id = id;
|
|
js.src = "http://connect.facebook.net/es_ES/all.js#xfbml=1";
|
|
fjs.parentNode.insertBefore(js, fjs);
|
|
}(document, 'script', 'facebook-jssdk'));
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|