From b198dd1ca90bc250a6fcd2bf295c7b1c09ddd205 Mon Sep 17 00:00:00 2001
From: dapw902 <166642704+dapw902@users.noreply.github.com>
Date: Mon, 6 May 2024 00:10:53 +0100
Subject: [PATCH] Update reservas.html

---
 reservas.html | 72 ++++++++++++++++++++++++++-------------------------
 1 file changed, 37 insertions(+), 35 deletions(-)

diff --git a/reservas.html b/reservas.html
index efe635c..67350a6 100644
--- a/reservas.html
+++ b/reservas.html
@@ -45,9 +45,9 @@ <h1 class="titulo">CAN REST</h1>
         <li><a href="reservas.html">SERVICIOS</a></li>
         <li><a href="reservas.html">RESERVAS</a></li>
         <li><a href="home.html"><img src="img/dog_up.svg" alt="Ir arriba" /></a></li>
-        <li><a href=#galeria >GALERÍA</a></li>
-        <li><a href=#nosotros>NOSOTROS</a></li>
-        <li><a href=#reseñas>RESEÑAS</a></li>
+        <li><a href="home.html#galeria" >GALERÍA</a></li>
+        <li><a href="home.html#nosotros">NOSOTROS</a></li>
+        <li><a href="home.html#reseñas">RESEÑAS</a></li>
       </ul>
     </nav>
     
@@ -60,17 +60,17 @@ <h3 class="titulo-form">Descripción de los Servicios</h3>
             <li>
               <img src="img/icono-hotel-perros.svg" alt="Caseta para mascotas como hotel para ilustrar los servicios de hotel" title="Icono servicios de hotel"/>
               <h4>Servicios de Hotel:</h4>
-              <p id="parrafo-hotel" class="parrafo-servicio">El hotel de mascotas ofrece cómodas instalaciones diseñadas específicamente para el bienestar y la seguridad de tus mascotas. Estas instalaciones pueden incluir habitaciones individuales o compartidas, equipadas con camas confortables, juguetes y áreas de juego.</p>
+              <p>El hotel de mascotas ofrece cómodas instalaciones diseñadas específicamente para el bienestar y la seguridad de tus mascotas. Estas instalaciones pueden incluir habitaciones individuales o compartidas, equipadas con camas confortables, juguetes y áreas de juego.</p>
             </li>
             <li>
               <img src="img/icono-peluquería.svg" alt="Unas tijeras y un peine cruzados para ilustrar los servicios de peluquería" title="Icono servicios de peluquería"/>
               <h4>Peluquería:</h4>
-              <p id="parrafo-peluqueria" class="parrafo-servicio">Para que tus mascotas se vean y se sientan lo mejor posible, el hotel ofrece servicios de peluquería. Esto incluye baños relajantes, cepillado y peinado, corte de uñas, y tratamientos especiales como hidratación para la piel y el pelaje.</p>
+              <p>Para que tus mascotas se vean y se sientan lo mejor posible, el hotel ofrece servicios de peluquería. Esto incluye baños relajantes, cepillado y peinado, corte de uñas, y tratamientos especiales como hidratación para la piel y el pelaje.</p>
             </li>
             <li>
-              <img id="camara" src="img/icono-camara.svg" alt="Icono con forma de cámara para ilustrar la galería de fotos" title="Icono Galería de fotos"/>
+              <img src="img/icono-camara.svg" alt="Icono con forma de cámara para ilustrar la galería de fotos" title="Icono Galería de fotos"/>
               <h4>Sesión de fotos:</h4>
-              <p id="parrafo-fotos" class="parrafo-servicio">Ofrecemos sesiones de fotos profesionales para capturar la esencia única de tu mascota en un ambiente relajado y divertido. Después de la sesión, recibirás una galería digital de imágenes editadas para que puedas atesorar los recuerdos para siempre.</p>
+              <p>Ofrecemos sesiones de fotos profesionales para capturar la esencia única de tu mascota en un ambiente relajado y divertido. Después de la sesión, recibirás una galería digital de imágenes editadas para que puedas atesorar los recuerdos para siempre.</p>
             </li>
           </ul>
         </article> 
@@ -82,46 +82,45 @@ <h3 class="titulo-form">Formulario:</h3>
         <p>Introduzca los siguientes datos para poder realizar una reserva con nosotros:</p>
 
         <form action="#" method="POST">
-          <fieldset>
-            <label for="nombre">Nombre:</label><br>
-            <input type="text" id="nombre" name="nombre" required><br><br>
+          <label for="nombre">Nombre:</label><br>
+          <input type="text" id="nombre" name="nombre" required><br><br>
           
-            <label for="nombre">Apellidos:</label><br>
-            <input type="text" id="apellidos" name="apellidos" required><br><br>
+          <label for="nombre">Apellidos:</label><br>
+          <input type="text" id="apellidos" name="apellidos" required><br><br>
 
-            <label for="email">Email:</label><br>
-            <input type="email" id="email" name="email" required><br><br>
+          <label for="email">Correo Electrónico:</label><br>
+          <input type="email" id="email" name="email" required><br><br>
           
-            <label for="telefono">Teléfono:</label><br>
-            <input type="tel" id="telefono" name="telefono" required><br><br>
+          <label for="telefono">Teléfono:</label><br>
+          <input type="tel" id="telefono" name="telefono" required><br><br>
           
-            <label for="fecha">Fecha de entrada:</label><br>
-            <input type="date" id="entrada" name="f-entrada" required><br><br>
+          <label for="fecha">Fecha de entrada:</label><br>
+          <input type="date" id="entrada" name="f-entrada" required><br><br>
 
-            <label for="fecha">Fecha de salida:</label><br>
-            <input type="date" id="salida" name="f-salida" required><br><br>
+          <label for="fecha">Fecha de salida:</label><br>
+          <input type="date" id="salida" name="f-salida" required><br><br>
 
-            <label for="servicios">Servicios que desea para su mascota:</label><br>
-            <input type="checkbox" id="hotel" name="servicios" value="hotel">
-            <label for="hotel">Servicio de Hotel</label><br>
-            <input type="checkbox" id="peluqueria" name="servicios" value="peluqueria">
-            <label for="peluqueria">Servicio de Peluquería</label><br>
-            <input type="checkbox" id="sesion_fotos" name="servicios" value="sesion_fotos">
-            <label for="sesion_fotos">Sesión de Fotos</label><br><br>
+          <label for="servicios">Servicios que desea para su mascota:</label><br>
+          <input type="checkbox" id="hotel" name="servicios" value="hotel">
+          <label for="hotel">Servicio de Hotel</label><br>
+          <input type="checkbox" id="peluqueria" name="servicios" value="peluqueria">
+          <label for="peluqueria">Servicio de Peluquería</label><br>
+          <input type="checkbox" id="sesion_fotos" name="servicios" value="sesion_fotos">
+          <label for="sesion_fotos">Sesión de Fotos</label><br><br>
 
-            <label for="nombre">Nombre de tu mascota:</label><br>
-            <input type="text" id="mascota" name="mascota" required><br><br>
+          <label for="nombre">Nombre de tu mascota:</label><br>
+          <input type="text" id="mascota" name="mascota" required><br><br>
 
-            <label for="comentarios">Comentarios adicionales de tu mascota:</label><br>
-            <textarea id="comentarios" name="comentarios" rows="4" required></textarea><br><br>
+          <label for="comentarios">Comentarios adicionales de tu mascota:</label><br>
+          <textarea id="comentarios" name="comentarios" rows="4" required></textarea><br><br>
           
-            <button type="submit">Enviar</button>
-          </fieldset>
+          <button type="submit">Enviar</button>
         </form>
       </section>
     </main>
     
     <!-- Pie de página: -->
+
     <footer>
       <section class="footer-links">
         <a href="condiciones.html">Términos y condiciones</a>
@@ -133,15 +132,18 @@ <h3 class="titulo-form">Formulario:</h3>
       </section>
 
       <section>
-        <a href="#top"><img src="img/dog_up_orange.svg" alt="Icono de perrito de color naranja mirando hacia arriba que lleva al inicio de la web" class="dog_up" title=""/></a>
+        <a href="#top"  onclick="document.getElementById('clicSound').play()">
+          <img src="img/dog_up_orange.svg" alt="Icono de perrito de color naranja mirando hacia arriba que lleva al inicio de la web" class="dog_up" title="Botón para ir arriba"/>
+        </a>
       </section>
 
+      <audio id="clicSound" src="audio/ladrido.mp3" type="audio/mpeg"></audio>
+
       <section class="footer-social">
         <a href="#"><img src="img/instagram.svg" alt="" class="redes" /></a>
         <a href="#"><img src="img/facebook.svg" alt="" class="redes" /></a>
         <a href="#"><img src="img/whatsapp.svg" alt="" class="redes" /></a>
       </section>
     </footer>
-
   </body>
 </html>