Skip to content

Commit

Permalink
Update reservas.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@dapw902
dapw902 committed May 5, 2024
1 parent 7f1415a commit b198dd1
Showing 1 changed file with 37 additions and 35 deletions.
72 changes: 37 additions & 35 deletions reservas.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>

Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>

0 comments on commit b198dd1

Please sign in to comment.