- Se cambia CUFON por Google Fonts - Se sustituye el slideshow de Moster Templates por Nivo Slider - Se sustituye aToolTip por LightBox, para las fotos. git-svn-id: https://192.168.0.254/svn/Proyectos.LaManoDePablo_Web/trunk@6 1f125104-cfba-1d4b-a82f-f72e3caf8177
243 lines
8.4 KiB
HTML
243 lines
8.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<title>Restaurante - La Mano de Pablo</title>
|
|
<meta charset="utf-8">
|
|
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
|
|
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
|
|
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
|
|
<script type="text/javascript" src="js/jquery-1.6.js" ></script>
|
|
<script type="text/javascript" src="js/cufon-yui.js"></script>
|
|
<script type="text/javascript" src="js/cufon-replace.js"></script>
|
|
<script type="text/javascript" src="js/Forum_400.font.js"></script>
|
|
<script type="text/javascript" src="js/atooltip.jquery.js"></script>
|
|
<!--[if lt IE 9]>
|
|
<script type="text/javascript" src="js/html5.js"></script>
|
|
<style type="text/css">
|
|
.slider_bg {behavior:url(js/PIE.htc)}
|
|
</style>
|
|
<![endif]-->
|
|
<!--[if lt IE 7]>
|
|
<div style='clear:both;text-align:center;position:relative'>
|
|
<a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" alt="" /></a>
|
|
</div>
|
|
<![endif]-->
|
|
</head>
|
|
<body id="page5">
|
|
<div class="main-layout">
|
|
<div class="header-layout">
|
|
<div class="main">
|
|
<!-- header -->
|
|
<header>
|
|
<h1><a href="index.html" id="logo">Restaurante - La Mano de Pablo</a></h1>
|
|
<nav>
|
|
<ul id="top_nav">
|
|
<li><a href="index.html"><img src="images/icon_1.gif" alt=""></a></li>
|
|
<li><a href="#"><img src="images/icon_2.gif" alt=""></a></li>
|
|
<li class="end"><a href="Contacts.html"><img src="images/icon_3.gif" alt=""></a></li>
|
|
</ul>
|
|
</nav>
|
|
<nav>
|
|
<ul id="menu">
|
|
<li><a href="index.html">Home</a></li>
|
|
<li><a href="Cuisine.html">Brasas</a></li>
|
|
<li><a href="Wine.html">Carta</a></li>
|
|
<li><a href="Contacts.html">Reservas</a></li>
|
|
<li class="active"></li>
|
|
</ul>
|
|
</nav>
|
|
</header><div class="ic"></div>
|
|
<!-- / header -->
|
|
<!-- content -->
|
|
<article id="content">
|
|
<div class="wrap">
|
|
<div class="box">
|
|
<div>
|
|
<h2 class="letter_spacing">Reserva on-line</span></h2>
|
|
<form method="post" action="enviar_mail.php">
|
|
<table style="text-align: left; width: 100%;" cellpadding="3" rules="rows">
|
|
<tbody>
|
|
<tr>
|
|
<td width="17%">Nombre:</td>
|
|
<td width="36%"><input type="text" name="nombre" id="nombre" /></td>
|
|
|
|
<td width="15%">Teléfono:</td>
|
|
<td width="32%"><input onKeypress="if (event.keyCode < 48 || event.keyCode > 57) event.returnValue = false;" maxlength="9" name="telefono" id="telefono" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Correo electrónico:</td>
|
|
<td><input type="text" name="email1" id="email1" /></td>
|
|
<td>Repite tu correo:</td>
|
|
<td><input type="text" name="email2" id="email2" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Día a reservar:</td>
|
|
<td><select name="dia" id="dia">
|
|
<option>Lunes</option>
|
|
<option>Martes</option>
|
|
<option>Miércoles</option>
|
|
<option>Jueves</option>
|
|
<option>Viernes</option>
|
|
<option>Sábado</option>
|
|
<option>Domingo</option>
|
|
</select>
|
|
<select name="d" id="d">
|
|
<option>01</option>
|
|
<option>02</option>
|
|
<option>03</option>
|
|
<option>04</option>
|
|
<option>05</option>
|
|
<option>06</option>
|
|
<option>07</option>
|
|
<option>08</option>
|
|
<option>09</option>
|
|
<option>10</option>
|
|
<option>11</option>
|
|
<option>12</option>
|
|
<option>13</option>
|
|
<option>14</option>
|
|
<option>15</option>
|
|
<option>16</option>
|
|
<option>17</option>
|
|
<option>18</option>
|
|
<option>19</option>
|
|
<option>20</option>
|
|
<option>21</option>
|
|
<option>22</option>
|
|
<option>23</option>
|
|
<option>24</option>
|
|
<option>25</option>
|
|
<option>26</option>
|
|
<option>27</option>
|
|
<option>28</option>
|
|
<option>29</option>
|
|
<option>30</option>
|
|
<option>31</option>
|
|
</select></td>
|
|
|
|
|
|
<td>Tu reserva es para:</td>
|
|
<td><label><input type="radio" name="referente" id="ref_web" value="web" />
|
|
Comida </label>
|
|
<label><input type="radio" name="referente" id="ref_fotos" value="fotos" />
|
|
Cena </label><br />
|
|
</tr>
|
|
<tr>
|
|
<td width="17%">Número de comensales:</td>
|
|
<td><select name="pax" id="pax">
|
|
<option>1</option>
|
|
<option>2</option>
|
|
<option>3</option>
|
|
<option>4</option>
|
|
<option>5</option>
|
|
<option>6</option>
|
|
<option>7</option>
|
|
<option>8</option>
|
|
<option>9</option>
|
|
<option>10</option>
|
|
<option>+10 (llamar)</option>
|
|
</select>
|
|
<td width="15%">Hora:</td>
|
|
<td><select name="hora" id="hora">
|
|
<option>13 h.</option>
|
|
<option>14 h.</option>
|
|
<option>15 h.</option>
|
|
<option>16 h.</option>
|
|
<option>-</option>
|
|
<option>20 h.</option>
|
|
<option>21 h.</option>
|
|
<option>22 h.</option>
|
|
<option>23 h.</option>
|
|
</select>
|
|
<select name="min" id="min">
|
|
<option>00 m.</option>
|
|
<option>15 m.</option>
|
|
<option>30 m.</option>
|
|
<option>45 m.</option>
|
|
</select>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2">¿Deseas hacer alguna observación para tu reserva?</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="centrado" colspan="2">
|
|
<textarea cols="50" rows="5" name="consulta"></textarea></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="centrado" colspan="2"><input type="submit" value="Enviar" />
|
|
<input type="reset" value="Borrar" /></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="content-layout">
|
|
<div class="main">
|
|
<article id="content2">
|
|
<div class="wrapper">
|
|
<section class="pad_left1">
|
|
<div class="wrapper">
|
|
<div class="cols">
|
|
<h2>Dirección</h2>
|
|
</div>
|
|
<div class="col3 pad_left1">
|
|
<h2>Otros restaurantes</h2>
|
|
</div>
|
|
</div>
|
|
<div class="line1">
|
|
<div class="wrapper line2">
|
|
<div class="cols">
|
|
<div class="wrapper pad_bot1">
|
|
<p><strong>Te estamos esperando en:</strong></p>
|
|
<p>Calle Alcalá,
|
|
309 - 28027 Madrid<br>
|
|
<span>Telefonos:</span>913 264 214 - 913 263 516<br>
|
|
<a href="mailto:">reservas-alcala@lamanodepablo.com</a>
|
|
</p>
|
|
</div>
|
|
<iframe width="275" height="150" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.es/maps?f=q&source=s_q&hl=es&geocode=&q=Calle+de+Alcal%C3%A1,+309,+28027+Madrid&aq=0&oq=Calle+Alcal%C3%A1,+309+-+28027+Madrid+&sll=40.396764,-3.713379&sspn=15.415413,16.413574&ie=UTF8&hq=&hnear=Calle+de+Alcal%C3%A1,+309,+28027+Madrid,+Comunidad+de+Madrid&ll=40.432552,-3.652263&spn=0.00352,0.006384&t=m&z=14&output=embed"></iframe><br /><small><a href="http://maps.google.es/maps?f=q&source=embed&hl=es&geocode=&q=Calle+de+Alcal%C3%A1,+309,+28027+Madrid&aq=0&oq=Calle+Alcal%C3%A1,+309+-+28027+Madrid+&sll=40.396764,-3.713379&sspn=15.415413,16.413574&ie=UTF8&hq=&hnear=Calle+de+Alcal%C3%A1,+309,+28027+Madrid,+Comunidad+de+Madrid&ll=40.432552,-3.652263&spn=0.00352,0.006384&t=m&z=14" style="color:#A80002; text-align:left">+ ampliar mapa</a></small>
|
|
</div>
|
|
<div class="col3 pad_left1">
|
|
<p> Calle Fromista,
|
|
Las Tablas - 28050 Madrid<br>
|
|
<span>Telefonos:</span> 914 270 945 - 914 276 274<br>
|
|
<a href="mailto:">reservas-lastablas@lamanodepablo.com</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</article>
|
|
<!-- / content -->
|
|
</div>
|
|
</div>
|
|
<div class="footer-layout">
|
|
<div class="body4">
|
|
<div class="main">
|
|
<!-- footer -->
|
|
<footer>
|
|
<div class="wrapper">
|
|
<section class="col1 pad_left1">
|
|
<h3>Reservas: <span>914 270 945</span></h3>
|
|
<a rel="nofollow" href="http://www.kroquis.net/" target="_blank">Website </a> by kroquis.net
|
|
</section> <section class="col2 pad_left1">
|
|
<section class="col2 pad_left1">
|
|
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
<!-- {%FOOTER_LINK} -->
|
|
</footer>
|
|
<!-- / footer -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript"> Cufon.now(); </script>
|
|
</body>
|
|
</html> |