Todo hecho. Falta:

- Fotos de la galería
- Meta-tags: description y keywords
- Javasccript de Google Analytics


git-svn-id: https://192.168.0.254/svn/Proyectos.RestauranteLaCasetta_Web/trunk@4 14aa5821-ff30-1246-b11a-d9afb1c61232
This commit is contained in:
David Arranz 2012-06-01 19:34:07 +00:00
parent 0d6773daa8
commit c09b1cb64b
66 changed files with 946 additions and 0 deletions

62
src/bodega.html Normal file
View File

@ -0,0 +1,62 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="es"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bodega | Restaurante italiano La Casetta - Getxo</title>
<link href="css/reset.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/estilos.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/menu.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/paginas.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/js.js"></script>
<link rel="shortcut icon" href="favicon.ico"/>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
</head>
<body>
<div id="layout">
<div id="cabecera">
<h1>Restaurante italiano La Casetta</h1>
<ul id="menu">
<li class="filosofia"><a href="filosofia.html" class="filosofia">Filosofía</a></li>
<li class="restaurante"><a href="restaurante.html" class="restaurante">Restaurante</a></li>
<li class="la-carta"><a href="la-carta.html" class="la-carta">La carta</a></li>
<li class="bodega">Bodega</li>
<li class="eventos"><a href="eventos.html" class="eventos">Eventos</a></li>
<li class="para-llevar"><a href="para-llevar.html" class="para-llevar">Para llevar</a></li>
<li class="galeria"><a href="galeria.html" class="galeria">Galería</a></li>
</ul>
</div>
<div id="cuerpo" class="bodega">
<div class="columna derecha">
<span>Cada vino de La Casetta está por alguna razón, nos gusta cuidar estos detalles ya que alrededor de una buena mesa habitualmente siempre hay un buen vino!!</span>
<span>Además disponemos de unas bolsas especiales para llevarte a casa el vino que no hayas terminado.</span>
</div>
<div class="columna izquierda">
<div id="slideshow">
<img src="imagenes/paginas/bodega1.jpg" alt="" class="active" />
<img src="imagenes/paginas/bodega2.jpg" alt="" />
<img src="imagenes/paginas/bodega3.jpg" alt=""/>
</div>
</div>
</div>
<div id="pie">
<div class="columna izquierda">
<a class="icono" id="facebook" href="" title="Restaurante La Casetta en Facebook"><img src="imagenes/iconos/facebook_32.png" width="32" height="32" alt="Restaurante La Casetta en Facebook" /></a>
<a class="icono" id="twitter" href="" title="Restaurante La Casetta en Twitter"><img src="imagenes/iconos/twitter_32.png" width="32" height="32" alt="Restaurante La Casetta en Twitter" /></a>
<a class="icono" id="flickr" href="" title="Restaurante La Casetta en Flickr"><img src="imagenes/iconos/flickr_32.png" width="32" height="32" alt="Restaurante La Casetta en Flickr" /></a>
</div>
<div class="columna derecha">
<p>
<a href="https://maps.google.es/maps?ie=UTF8&f=d&daddr=Barrio+de+Teller%C3%ADa,+7,+48940+Teller%C3%ADa+%28Trattoria+la+Cassetta+S.L.%29&geocode=CYz2nf5lWrQfFfVElQIdv0TS_yGLi8BLxBTNIg&gl=ES&hl=es" target="_blank">Cómo llegar</a>
/ <span>Trabaja con nosotros</span>
Telleria Auzoa, 7 Zona Artaza. LEIOA. VIZCAYA. TLF.: 94 491 20 30</p>
<div id="email">
<a class="icono" href="mailto:" title="Contacta con nosotros"><img src="imagenes/iconos/sobre.gif" width="55" height="34" alt="Contacta con nosotros" /></a>
</div>
</div>
</div>
</div>
</body>
</html>

149
src/css/estilos.css Normal file
View File

@ -0,0 +1,149 @@
@charset "utf-8";
* {
margin: 0;
padding: 0;
}
html {
background-color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #08385d;
}
h1, h2, h3, h4, h5, h6 {
color: #08385d;
}
a {
color: #FFFF00;
text-decoration: none;
text-transform:uppercase;
}
a:hover {
color: #FF9900;
}
.clear {
clear:both;
}
.columna {
width: 512px;
height: 100%;
}
.izquierda {
float: left;
}
.derecha {
float: right;
}
#layout {
margin: 8px auto 0 auto;
width: 1024px;
}
#cabecera {
width: 100%;
margin: 0 auto;
background-color: #08385d;
}
#cabecera h1 {
float: left;
width: 275px;
height: 0;
padding: 92px 0 0 0;
overflow: hidden;
background: url(../imagenes/logo.gif) no-repeat;
}
#cuerpo {
width: 100%;
clear: both;
position: relative;
height: 426px;
}
#cuerpo span {
display: block;
width: 0;
height: 0;
overflow: hidden;
}
#pie {
clear: both;
width: 100%;
height: 34px;
background: #08385d;
color: #fff;
font-weight:bold;
position: relative;
}
#pie .izquierda {
width: 256px;
}
#pie .derecha {
width: 768px;
}
#pie p {
line-height: 32px;
}
#pie .icono {
float: left;
width: 32px;
height: 32px;
margin-top: 2px;
}
#pie #facebook {
margin-left: 50px;
}
#pie #twitter, #pie #flickr {
margin-left: 5px;
}
#pie #email {
float:right;
position: absolute;
right: 23px;
top: -2px;
}
.slider-wrapper {
position: absolute;
width: 100%;
}
#slideshow {
position:relative;
height:426px;
}
#slideshow img {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
}
#slideshow img.active {
z-index:10;
opacity:1.0;
}
#slideshow img.last-active {
z-index:9;
}

78
src/css/menu.css Normal file
View File

@ -0,0 +1,78 @@
@charset "utf-8";
#menu {
list-style: none;
padding: 0;
margin: 0;
width: 749px;
height: 92px;
background: #08385d;
float: right;
}
#menu li, #menu a {
outline: none;
display: block;
text-indent: -9000%;
float: left;
}
#menu a:hover {
background: none;
}
#menu .filosofia {
width: 101px;
height: 92px;
background: url(../imagenes/menu/filosofia-off.gif) no-repeat;
}
#menu li.filosofia {background: url(../imagenes/menu/filosofia-on.gif) no-repeat;}
#menu .restaurante {
width: 133px;
height: 92px;
background: url(../imagenes/menu/restaurante-off.gif) no-repeat;
}
#menu li.restaurante {background: url(../imagenes/menu/restaurante-on.gif) no-repeat;}
#menu .la-carta {
width: 102px;
height: 92px;
background: url(../imagenes/menu/la-carta-off.gif) no-repeat;
}
#menu li.la-carta {background: url(../imagenes/menu/la-carta-on.gif) no-repeat;}
#menu .bodega {
width: 93px;
height: 92px;
background: url(../imagenes/menu/bodega-off.gif) no-repeat;
}
#menu li.bodega {background: url(../imagenes/menu/bodega-on.gif) no-repeat;}
#menu .eventos {
width: 89px;
height: 92px;
background: url(../imagenes/menu/eventos-off.gif) no-repeat;
}
#menu li.eventos {background: url(../imagenes/menu/eventos-on.gif) no-repeat;}
#menu .para-llevar {
width: 121px;
height: 92px;
background: url(../imagenes/menu/para-llevar-off.gif) no-repeat;
}
#menu li.para-llevar {background: url(../imagenes/menu/para-llevar-on.gif) no-repeat;}
#menu .galeria {
width: 107px;
height: 92px;
background: url(../imagenes/menu/galeria-off.gif) no-repeat;
}
#menu li.galeria {background: url(../imagenes/menu/galeria-on.gif) no-repeat;}

109
src/css/nivo-slider.css Normal file
View File

@ -0,0 +1,109 @@
/*
* jQuery Nivo Slider v3.0.1
* http://nivo.dev7studios.com
*
* Copyright 2012, Dev7studios
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
/* The Nivo Slider styles */
.nivoSlider {
position:relative;
width:100%;
height:auto;
overflow: hidden;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
.nivo-main-image {
display: block !important;
position: relative !important;
width: 100% !important;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
top:0;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
overflow:hidden;
}
.nivo-box img { display:block; }
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
width:100%;
z-index:8;
padding: 5px 10px;
opacity: 0.8;
overflow: hidden;
display: none;
-moz-opacity: 0.8;
filter:alpha(opacity=8);
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
text-align:center;
padding: 15px 0;
}
.nivo-controlNav a {
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}

34
src/css/paginas.css Normal file
View File

@ -0,0 +1,34 @@
@charset "utf-8";
div#cuerpo.filosofia .izquierda {
background: url(../imagenes/textos/textofilo.gif) no-repeat;
}
div#cuerpo.restaurante .derecha {
background: url(../imagenes/textos/textorestaurante.gif) no-repeat;
}
div#cuerpo.la-carta .izquierda {
background: url(../imagenes/textos/textoscarta.gif) no-repeat;
}
div#cuerpo.la-carta a {
display: block; height: 25px; left: 252px; position: relative; top: 291px; width: 50px;
}
div#cuerpo.bodega .derecha {
background: url(../imagenes/textos/textovinos.gif) no-repeat;
}
div#cuerpo.eventos .derecha {
background: url(../imagenes/textos/textosevent.gif) no-repeat;
}
div#cuerpo.para-llevar .derecha {
background: url(../imagenes/textos/textollevar.gif) no-repeat;
}
div#cuerpo.para-llevar a {
display: block; height: 25px; left: 205px; position: relative; top: 326px; width: 50px;
}

2
src/css/reset.css Normal file
View File

@ -0,0 +1,2 @@
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

Binary file not shown.

After

Width:  |  Height:  |  Size: 824 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -0,0 +1,87 @@
/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider.
Version: 1.2
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
*/
.theme-default .nivoSlider {
clear:both;
position:relative;
background:#fff url(loading.gif) no-repeat 50% 50%;
margin-top:36px;
}
.theme-default .nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.theme-default .nivoSlider a {
border:0;
display:block;
}
.theme-default .nivo-controlNav {
text-align: center;
padding: 10px 0 4px 0;
position: absolute;
top:0;
width: 100%;
}
.theme-default .nivo-controlNav a {
color: #08385d;
display:inline-block;
width:22px;
height:22px;
border:0;
margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
font-weight: bold;
}
.theme-default .nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(arrows.png) no-repeat;
text-indent:-9999px;
border:0;
}
.theme-default a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
.theme-default a.nivo-prevNav {
left:15px;
}
.theme-default .nivo-caption {
font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
color:#fff;
border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
color:#fff;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled {
width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
width: auto;
height: auto;
background: none;
margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
display: block;
width: 120px;
height: auto;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

62
src/eventos.html Normal file
View File

@ -0,0 +1,62 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="es"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Eventos | Restaurante italiano La Casetta - Getxo</title>
<link href="css/reset.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/estilos.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/menu.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/paginas.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/js.js"></script>
<link rel="shortcut icon" href="favicon.ico"/>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
</head>
<body>
<div id="layout">
<div id="cabecera">
<h1>Restaurante italiano La Casetta</h1>
<ul id="menu">
<li class="filosofia"><a href="filosofia.html" class="filosofia">Filosofía</a></li>
<li class="restaurante"><a href="restaurante.html" class="restaurante">Restaurante</a></li>
<li class="la-carta"><a href="la-carta.html" class="la-carta">La carta</a></li>
<li class="bodega"><a href="bodega.html" class="bodega">Bodega</a></li>
<li class="eventos">Eventos</li>
<li class="para-llevar"><a href="para-llevar.html" class="para-llevar">Para llevar</a></li>
<li class="galeria"><a href="galeria.html" class="galeria">Galería</a></li>
</ul>
</div>
<div id="cuerpo" class="eventos">
<div class="columna derecha">
<span>Tienes a tu disposición 2 comedores para celebrar o reunirte con quien tú quieras y, si te apetece algo más reducido, aprovecha el comedor de arriba con capacidad para 35 personas. ¡¡Nadie te molestará y los invitados quedarán encantados!!</span>
<span>Reuniones de empresa, cumpleaños, reuniones familiares... todo aquello que quieras celebrar pregúntanos y te ayudaremos.</span>
</div>
<div class="columna izquierda">
<div id="slideshow">
<img src="imagenes/paginas/event1.jpg" alt="" class="active" />
<img src="imagenes/paginas/event2.jpg" alt="" />
<img src="imagenes/paginas/event3.jpg" alt=""/>
</div>
</div>
</div>
<div id="pie">
<div class="columna izquierda">
<a class="icono" id="facebook" href="" title="Restaurante La Casetta en Facebook"><img src="imagenes/iconos/facebook_32.png" width="32" height="32" alt="Restaurante La Casetta en Facebook" /></a>
<a class="icono" id="twitter" href="" title="Restaurante La Casetta en Twitter"><img src="imagenes/iconos/twitter_32.png" width="32" height="32" alt="Restaurante La Casetta en Twitter" /></a>
<a class="icono" id="flickr" href="" title="Restaurante La Casetta en Flickr"><img src="imagenes/iconos/flickr_32.png" width="32" height="32" alt="Restaurante La Casetta en Flickr" /></a>
</div>
<div class="columna derecha">
<p>
<a href="https://maps.google.es/maps?ie=UTF8&f=d&daddr=Barrio+de+Teller%C3%ADa,+7,+48940+Teller%C3%ADa+%28Trattoria+la+Cassetta+S.L.%29&geocode=CYz2nf5lWrQfFfVElQIdv0TS_yGLi8BLxBTNIg&gl=ES&hl=es" target="_blank">Cómo llegar</a>
/ <span>Trabaja con nosotros</span>
Telleria Auzoa, 7 Zona Artaza. LEIOA. VIZCAYA. TLF.: 94 491 20 30</p>
<div id="email">
<a class="icono" href="mailto:" title="Contacta con nosotros"><img src="imagenes/iconos/sobre.gif" width="55" height="34" alt="Contacta con nosotros" /></a>
</div>
</div>
</div>
</div>
</body>
</html>

BIN
src/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

61
src/filosofia.html Normal file
View File

@ -0,0 +1,61 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="es"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Filosofía | Restaurante italiano La Casetta - Getxo</title>
<link href="css/reset.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/estilos.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/menu.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/paginas.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/js.js"></script>
<link rel="shortcut icon" href="favicon.ico"/>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
</head>
<body>
<div id="layout">
<div id="cabecera">
<h1>Restaurante italiano La Casetta</h1>
<ul id="menu">
<li class="filosofia">Filosofía</li>
<li class="restaurante"><a href="restaurante.html" class="restaurante">Restaurante</a></li>
<li class="la-carta"><a href="la-carta.html" class="la-carta">La carta</a></li>
<li class="bodega"><a href="bodega.html" class="bodega">Bodega</a></li>
<li class="eventos"><a href="eventos.html" class="eventos">Eventos</a></li>
<li class="para-llevar"><a href="para-llevar.html" class="para-llevar">Para llevar</a></li>
<li class="galeria"><a href="galeria.html" class="galeria">Galería</a></li>
</ul>
</div>
<div id="cuerpo" class="filosofia">
<div class="columna izquierda">
<span>La Casetta abrió sus puertas en el año 2001 y desde entonces nuestro trabajo del día a día se ha basado en un concepto muy claro. Tener un lugar de reunión agradable y acogedor para nuestros clientes, y una cocina italiana sencilla y casera. Unida a una calidad/precio que haga que nuestros amigos y clientes guarden un buen recuerdo. ¡¡Y sea la causa para que repitan!!</span>
</div>
<div class="columna derecha">
<div id="slideshow">
<img src="imagenes/paginas/filo1.jpg" alt="" class="active" />
<img src="imagenes/paginas/filo2.jpg" alt="" />
<img src="imagenes/paginas/filo3.jpg" alt=""/>
</div>
</div>
</div>
<div id="pie">
<div class="columna izquierda">
<a class="icono" id="facebook" href="" title="Restaurante La Casetta en Facebook"><img src="imagenes/iconos/facebook_32.png" width="32" height="32" alt="Restaurante La Casetta en Facebook" /></a>
<a class="icono" id="twitter" href="" title="Restaurante La Casetta en Twitter"><img src="imagenes/iconos/twitter_32.png" width="32" height="32" alt="Restaurante La Casetta en Twitter" /></a>
<a class="icono" id="flickr" href="" title="Restaurante La Casetta en Flickr"><img src="imagenes/iconos/flickr_32.png" width="32" height="32" alt="Restaurante La Casetta en Flickr" /></a>
</div>
<div class="columna derecha">
<p>
<a href="https://maps.google.es/maps?ie=UTF8&f=d&daddr=Barrio+de+Teller%C3%ADa,+7,+48940+Teller%C3%ADa+%28Trattoria+la+Cassetta+S.L.%29&geocode=CYz2nf5lWrQfFfVElQIdv0TS_yGLi8BLxBTNIg&gl=ES&hl=es" target="_blank">Cómo llegar</a>
/ <span>Trabaja con nosotros</span>
Telleria Auzoa, 7 Zona Artaza. LEIOA. VIZCAYA. TLF.: 94 491 20 30</p>
<div id="email">
<a class="icono" href="mailto:" title="Contacta con nosotros"><img src="imagenes/iconos/sobre.gif" width="55" height="34" alt="Contacta con nosotros" /></a>
</div>
</div>
</div>
</div>
</body>
</html>

72
src/galeria.html Normal file
View File

@ -0,0 +1,72 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="es"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Galería de fotos | Restaurante italiano La Casetta - Getxo</title>
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/estilos.css" rel="stylesheet" type="text/css" />
<link href="css/menu.css" rel="stylesheet" type="text/css" />
<link href="css/paginas.css" rel="stylesheet" type="text/css" />
<link href="css/nivo-slider.css" rel="stylesheet" type="text/css" />
<link href="css/themes/default/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<link rel="shortcut icon" href="favicon.ico"/>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
</head>
<body>
<div id="layout">
<div id="cabecera">
<h1>Restaurante italiano La Casetta</h1>
<ul id="menu">
<li class="filosofia"><a href="filosofia.html" class="filosofia">Filosofía</a></li>
<li class="restaurante"><a href="restaurante.html" class="restaurante">Restaurante</a></li>
<li class="la-carta"><a href="la-carta.html" class="la-carta">La carta</a></li>
<li class="bodega"><a href="bodega.html" class="bodega">Bodega</a></li>
<li class="eventos"><a href="eventos.html" class="eventos">Eventos</a></li>
<li class="para-llevar"><a href="para-llevar.html" class="para-llevar">Para llevar</a></li>
<li class="galeria">Galería</li>
</ul>
</div>
<div id="cuerpo" class="filosofia">
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<img src="imagenes/galeria1.jpg" data-thumb="imagenes/galeria1.jpg" alt="" />
<img src="imagenes/galeria1.jpg" data-thumb="imagenes/galeria1.jpg" alt="" />
<img src="imagenes/galeria1.jpg" data-thumb="imagenes/galeria1.jpg" alt="" />
<img src="imagenes/galeria1.jpg" data-thumb="imagenes/galeria1.jpg" alt="" />
</div>
<div id="htmlcaption" class="nivo-html-caption">
</div>
</div>
</div>
<div id="pie">
<div class="columna izquierda">
<a class="icono" id="facebook" href="" title="Restaurante La Casetta en Facebook"><img src="imagenes/iconos/facebook_32.png" width="32" height="32" alt="Restaurante La Casetta en Facebook" /></a>
<a class="icono" id="twitter" href="" title="Restaurante La Casetta en Twitter"><img src="imagenes/iconos/twitter_32.png" width="32" height="32" alt="Restaurante La Casetta en Twitter" /></a>
<a class="icono" id="flickr" href="" title="Restaurante La Casetta en Flickr"><img src="imagenes/iconos/flickr_32.png" width="32" height="32" alt="Restaurante La Casetta en Flickr" /></a>
</div>
<div class="columna derecha">
<p>
<a href="https://maps.google.es/maps?ie=UTF8&f=d&daddr=Barrio+de+Teller%C3%ADa,+7,+48940+Teller%C3%ADa+%28Trattoria+la+Cassetta+S.L.%29&geocode=CYz2nf5lWrQfFfVElQIdv0TS_yGLi8BLxBTNIg&gl=ES&hl=es" target="_blank">Cómo llegar</a>
/ <span>Trabaja con nosotros</span>
Telleria Auzoa, 7 Zona Artaza. LEIOA. VIZCAYA. TLF.: 94 491 20 30</p>
<div id="email">
<a class="icono" href="mailto:" title="Contacta con nosotros"><img src="imagenes/iconos/sobre.gif" width="55" height="34" alt="Contacta con nosotros" /></a>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
prevText: '<',
nextText: '>',
pauseTime: 5000,
});
});
</script>
</body>
</html>

BIN
src/imagenes/galeria1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 102 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 888 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 771 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
src/imagenes/logo.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 610 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 610 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 581 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 581 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 691 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 809 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 625 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 625 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 640 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 640 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 777 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 777 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 868 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 868 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 61 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 65 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 57 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 62 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 53 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 65 KiB

BIN
src/imagenes/sociales.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

4
src/js/jquery-1.7.1.min.js vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

1
src/js/js.js Normal file
View File

@ -0,0 +1 @@
function slideSwitch(){var $active=$('#slideshow img.active');if($active.length==0)$active=$('#slideshow img:last');var $next=$active.next().length?$active.next():$('#slideshow img:first');var $sibs=$active.siblings();var rndNum=Math.floor(Math.random()*$sibs.length);var $next=$($sibs[rndNum]);$active.addClass('last-active');$next.css({opacity:0.0}).addClass('active').animate({opacity:1.0},1000,function(){$active.removeClass('active last-active')})}$(function(){setInterval("slideSwitch()",5000)});

27
src/js/js.max.js Normal file
View File

@ -0,0 +1,27 @@
function slideSwitch() {
var $active = $('#slideshow img.active');
if ( $active.length == 0 ) $active = $('#slideshow img:last');
// use this to pull the images in the order they appear in the markup
var $next = $active.next().length ? $active.next()
: $('#slideshow img:first');
// uncomment the 3 lines below to pull the images in random order
var $sibs = $active.siblings();
var rndNum = Math.floor(Math.random() * $sibs.length );
var $next = $( $sibs[ rndNum ] );
$active.addClass('last-active');
$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 1000, function() {
$active.removeClass('active last-active');
});
}
$(function() {
setInterval( "slideSwitch()", 5000 );
});

62
src/la-carta.html Normal file
View File

@ -0,0 +1,62 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="es"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>La carta | Restaurante italiano La Casetta - Getxo</title>
<link href="css/reset.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/estilos.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/menu.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/paginas.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/js.js"></script>
<link rel="shortcut icon" href="favicon.ico"/>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
</head>
<body>
<div id="layout">
<div id="cabecera">
<h1>Restaurante italiano La Casetta</h1>
<ul id="menu">
<li class="filosofia"><a href="filosofia.html" class="filosofia">Filosofía</a></li>
<li class="restaurante"><a href="restaurante.html" class="restaurante">Restaurante</a></li>
<li class="la-carta">La carta</li>
<li class="bodega"><a href="bodega.html" class="bodega">Bodega</a></li>
<li class="eventos"><a href="eventos.html" class="eventos">Eventos</a></li>
<li class="para-llevar"><a href="para-llevar.html" class="para-llevar">Para llevar</a></li>
<li class="galeria"><a href="galeria.html" class="galeria">Galería</a></li>
</ul>
</div>
<div id="cuerpo" class="la-carta">
<div class="columna izquierda">
<span>Cada año renovamos varios platos en función de los gustos de nuestros clientes y, si quitamos alguno que te gusta, no hay problema... ¡¡se te hace la momento!!</span>
<a href="" title="Carta del restaurante La Casetta"><span>Puedes descargarte la carta pinchando aquí.</span></a>
</div>
<div class="columna derecha">
<div id="slideshow">
<img src="imagenes/paginas/carta1.jpg" alt="" class="active" />
<img src="imagenes/paginas/carta2.jpg" alt="" />
<img src="imagenes/paginas/carta3.jpg" alt=""/>
</div>
</div>
</div>
<div id="pie">
<div class="columna izquierda">
<a class="icono" id="facebook" href="" title="Restaurante La Casetta en Facebook"><img src="imagenes/iconos/facebook_32.png" width="32" height="32" alt="Restaurante La Casetta en Facebook" /></a>
<a class="icono" id="twitter" href="" title="Restaurante La Casetta en Twitter"><img src="imagenes/iconos/twitter_32.png" width="32" height="32" alt="Restaurante La Casetta en Twitter" /></a>
<a class="icono" id="flickr" href="" title="Restaurante La Casetta en Flickr"><img src="imagenes/iconos/flickr_32.png" width="32" height="32" alt="Restaurante La Casetta en Flickr" /></a>
</div>
<div class="columna derecha">
<p>
<a href="https://maps.google.es/maps?ie=UTF8&f=d&daddr=Barrio+de+Teller%C3%ADa,+7,+48940+Teller%C3%ADa+%28Trattoria+la+Cassetta+S.L.%29&geocode=CYz2nf5lWrQfFfVElQIdv0TS_yGLi8BLxBTNIg&gl=ES&hl=es" target="_blank">Cómo llegar</a>
/ <span>Trabaja con nosotros</span>
Telleria Auzoa, 7 Zona Artaza. LEIOA. VIZCAYA. TLF.: 94 491 20 30</p>
<div id="email">
<a class="icono" href="mailto:" title="Contacta con nosotros"><img src="imagenes/iconos/sobre.gif" width="55" height="34" alt="Contacta con nosotros" /></a>
</div>
</div>
</div>
</div>
</body>
</html>

61
src/para-llevar.html Normal file
View File

@ -0,0 +1,61 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="es"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Comida para llevar | Restaurante italiano La Casetta - Getxo</title>
<link href="css/reset.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/estilos.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/menu.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/paginas.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/js.js"></script>
<link rel="shortcut icon" href="favicon.ico"/>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
</head>
<body>
<div id="layout">
<div id="cabecera">
<h1>Restaurante italiano La Casetta</h1>
<ul id="menu">
<li class="filosofia"><a href="filosofia.html" class="filosofia">Filosofía</a></li>
<li class="restaurante"><a href="restaurante.html" class="restaurante">Restaurante</a></li>
<li class="la-carta"><a href="la-carta.html" class="la-carta">La carta</a></li>
<li class="bodega"><a href="bodega.html" class="bodega">Bodega</a></li>
<li class="eventos"><a href="eventos.html" class="eventos">Eventos</a></li>
<li class="para-llevar">Para llevar</li>
<li class="galeria"><a href="galeria.html" class="galeria">Galería</a></li>
</ul>
</div>
<div id="cuerpo" class="para-llevar">
<div class="columna derecha">
<span>Como dice nuestro amigo amigo Pizzo. Cuantas veces... prefieres no salir y comer rico en casa. Nosotros te damos la opción. Llámanos y pídenos lo que te apetezca dentro de nuestra carta de platos "para llevar"... Encárgalo y en un rato sólo tienes que venir a buscarlo para que disfrutes de comida italiana en tu casa.</span>
<a href="" title="Comida para llevar del restaurante La Casetta"><span>Puedes descargarte la lista de platos "para llevar" pinchando aquí.</span></a> </div>
<div class="columna izquierda">
<div id="slideshow">
<img src="imagenes/paginas/llevar1.jpg" alt="" class="active" />
<img src="imagenes/paginas/llevar2.jpg" alt="" />
<img src="imagenes/paginas/llevar3.jpg" alt=""/>
</div>
</div>
</div>
<div id="pie">
<div class="columna izquierda">
<a class="icono" id="facebook" href="" title="Restaurante La Casetta en Facebook"><img src="imagenes/iconos/facebook_32.png" width="32" height="32" alt="Restaurante La Casetta en Facebook" /></a>
<a class="icono" id="twitter" href="" title="Restaurante La Casetta en Twitter"><img src="imagenes/iconos/twitter_32.png" width="32" height="32" alt="Restaurante La Casetta en Twitter" /></a>
<a class="icono" id="flickr" href="" title="Restaurante La Casetta en Flickr"><img src="imagenes/iconos/flickr_32.png" width="32" height="32" alt="Restaurante La Casetta en Flickr" /></a>
</div>
<div class="columna derecha">
<p>
<a href="https://maps.google.es/maps?ie=UTF8&f=d&daddr=Barrio+de+Teller%C3%ADa,+7,+48940+Teller%C3%ADa+%28Trattoria+la+Cassetta+S.L.%29&geocode=CYz2nf5lWrQfFfVElQIdv0TS_yGLi8BLxBTNIg&gl=ES&hl=es" target="_blank">Cómo llegar</a>
/ <span>Trabaja con nosotros</span>
Telleria Auzoa, 7 Zona Artaza. LEIOA. VIZCAYA. TLF.: 94 491 20 30</p>
<div id="email">
<a class="icono" href="mailto:" title="Contacta con nosotros"><img src="imagenes/iconos/sobre.gif" width="55" height="34" alt="Contacta con nosotros" /></a>
</div>
</div>
</div>
</div>
</body>
</html>

65
src/restaurante.html Normal file
View File

@ -0,0 +1,65 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="es"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Filosofía | Restaurante italiano La Casetta - Getxo</title>
<link href="css/reset.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/estilos.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/menu.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/paginas.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/js.js"></script>
<link rel="shortcut icon" href="favicon.ico"/>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
</head>
<body>
<div id="layout">
<div id="cabecera">
<h1>Restaurante italiano La Casetta</h1>
<ul id="menu">
<li class="filosofia"><a href="filosofia.html" class="filosofia">Filosofía</a></li>
<li class="restaurante">Restaurante</li>
<li class="la-carta"><a href="la-carta.html" class="la-carta">La carta</a></li>
<li class="bodega"><a href="bodega.html" class="bodega">Bodega</a></li>
<li class="eventos"><a href="eventos.html" class="eventos">Eventos</a></li>
<li class="para-llevar"><a href="para-llevar.html" class="para-llevar">Para llevar</a></li>
<li class="galeria"><a href="galeria.html" class="galeria">Galería</a></li>
</ul>
</div>
<div id="cuerpo" class="restaurante">
<div class="columna derecha">
<span>Después de 10 años cocinando, decidimos ampliar el espacio incorporando el piso superior al restaurante. El resultado ha sido un local mucho más amplio y agradable, donde la luz natural es protagonista y los colores blancos y cálidos son los más destacados.</span>
<span>
El restaurante dispone de parking, wifi, espacio para 85 comensales, dos comedores separados para lo que puedes necesitar...
Si quieres más información, llámanos o mándanos un email.
</span>
</div>
<div class="columna izquierda">
<div id="slideshow">
<img src="imagenes/paginas/resta1.jpg" alt="" class="active" />
<img src="imagenes/paginas/resta2.jpg" alt="" />
<img src="imagenes/paginas/resta3.jpg" alt=""/>
</div>
</div>
</div>
<div id="pie">
<div class="columna izquierda">
<a class="icono" id="facebook" href="" title="Restaurante La Casetta en Facebook"><img src="imagenes/iconos/facebook_32.png" width="32" height="32" alt="Restaurante La Casetta en Facebook" /></a>
<a class="icono" id="twitter" href="" title="Restaurante La Casetta en Twitter"><img src="imagenes/iconos/twitter_32.png" width="32" height="32" alt="Restaurante La Casetta en Twitter" /></a>
<a class="icono" id="flickr" href="" title="Restaurante La Casetta en Flickr"><img src="imagenes/iconos/flickr_32.png" width="32" height="32" alt="Restaurante La Casetta en Flickr" /></a>
</div>
<div class="columna derecha">
<p>
<a href="https://maps.google.es/maps?ie=UTF8&f=d&daddr=Barrio+de+Teller%C3%ADa,+7,+48940+Teller%C3%ADa+%28Trattoria+la+Cassetta+S.L.%29&geocode=CYz2nf5lWrQfFfVElQIdv0TS_yGLi8BLxBTNIg&gl=ES&hl=es" target="_blank">Cómo llegar</a>
/ <span>Trabaja con nosotros</span>
Telleria Auzoa, 7 Zona Artaza. LEIOA. VIZCAYA. TLF.: 94 491 20 30</p>
<div id="email">
<a class="icono" href="mailto:" title="Contacta con nosotros"><img src="imagenes/iconos/sobre.gif" width="55" height="34" alt="Contacta con nosotros" /></a>
</div>
</div>
</div>
</div>
</body>
</html>