LaForjaWebOne/HTML/Contactos.html

165 lines
6.8 KiB
HTML
Raw Normal View History

2024-01-20 09:32:00 +01:00
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../CSS/main.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<title>La Forja Dorada</title>
</head>
2024-02-03 14:57:57 +01:00
<body onload="cargado(), galletas()">
2024-01-20 09:32:00 +01:00
<header class="grid-cabeza-container">
<div class="grid-cabeza-logo">
<img src="..\RECURSOS\Logo\LogoForjaDorada200x160.png" alt="">
</div>
<ul class="barraInicio">
<li class="itemBarra">
<a href="index.html" class="enlacePaginas"><b>INICIO</b></a>
</li>
<li class="itemBarra">
<a href="Productos.html" class="enlacePaginas"><b>PRODUCTOS</b></a>
</li>
<li class="itemBarra">
<a href="Servicios.html" class="enlacePaginas"><b>SERVICIOS</b></a>
</li>
<li class="itemBarra">
<a href="Eventos.html" class="enlacePaginas"><b>EVENTOS</b></a>
</li>
<li class="itemBarra">
<a href="Contactos.html" class="enlacePaginas"><b>CONTACTO</b></a>
</li>
</ul>
<button class="btn-up" id="botonArriba">
<i class="fa-solid fa-arrow-up"></i>
</button>
2024-02-01 12:12:15 +01:00
<div class="cestaCompra" id="contenedorCesta">
<figure class="img-carrito">
<img src="../RECURSOS/Logo/fotoCarrito.png" alt="">
</figure>
<div class="desplegable-carrito">
<p class="text-right">Total: <span id="total"></span>&euro;</p>
<button id="boton-vaciar" class="botonVaciar" onclick="eliminarCesta()">Vaciar</button>
<button id="boton-tramitar" class="botonVaciar" onclick="tramitarPedido()">Tramitar</button>
<ul id="carrito" class="listaCarrito">
</ul>
</div>
</div>
2024-01-20 09:32:00 +01:00
</header>
2024-02-01 15:30:22 +01:00
<div class="aviso-galletas" id="avisoGalleta">
<img class="img-galleta" src="../RECURSOS/IntroForja/pngGalleta.png" alt="galleta">
<h3 class="titulo-galletas">Cookies</h3>
<p class="parrafo-galletas">Utilizamos cookies propias y de terceros para mejorar nuestros servicios.
</p>
<ul class="lista-galletas">
<li>
<input type="checkbox" id="galletasPubli" name="galletasPubli"/>
<label for="galletasPubli">Cookies Publicidad</label>
</li>
<li>
<input type="checkbox" id="galletasAnaliticas" name="galletasAnaliticas"/>
<label for="galletasAnaliticas">Cookies Analíticas</label>
</li>
<li><input type="checkbox" id="galletasNecesarias" name="galletasNecesarias" checked/>
<label for="galletasNecesarias">Cookies Necesarias</label>
</li>
</ul>
2024-01-20 09:32:00 +01:00
2024-02-01 15:30:22 +01:00
<button class="boton-galletas" id="botonGalleta">Aceptar</button>
<a class="enlace-galletas" href="../HTML/Galletas.html">Gestión de Cookies</a>
</div>
<div class="fondo-aviso-galletas" id="fondoAvisoGalletas"></div>
2024-01-20 09:32:00 +01:00
<div class="titulo-contacto" id="articulo-cont">
<h2 class="titulo-inicio">
CONTACTO
</h2>
</div>
<section class="cuerpo-contacto">
<article class="articulo-contacto">
<figure class="img-contacto">
<img src="..\RECURSOS\Contacto\cartacontacto300.jpg" alt="imagencontacto">
</figure>
<h3 class="titulos-h3">
<span class="titulosh3-esp">
¡Ponte en contacto con nosotros!
</span>
</h3>
<p>
Puedes contactar con nosotros solicitando más información,
para encargarnos algún producto/servicio o para enterarte
sobre el funcionamiento de los próximos eventos. Para ello,
completa y envía el formulario que encontrarás a continuación:
</p>
</article>
<div class="formulario-contacto">
<h2>Contacta con La Forja</h2>
<form action="https://formsubmit.co/7e360d9cc9ca04dfaa14e5a35e53cf18" method="POST" id="formularioContacto">
2024-02-03 14:57:57 +01:00
<label for="name">Nombre:
<span class="msgError" id="errorNombre">Introduce un nombre valido</span>
</label>
<input type="text" name="name" id="nombre" class="claseError">
<label for="mail">Correo Electrónico: <span class="msgError" id="emailErrorMailUno">Introduce un email valido</span></label>
2024-01-20 09:32:00 +01:00
2024-02-03 14:57:57 +01:00
<input type="email" name="mail" id="mail" class="claseError">
2024-01-20 09:32:00 +01:00
2024-02-03 14:57:57 +01:00
<label for="subject">Asunto:
<span class="msgError" id="errorAsunto">Introduce un asunto valido</span>
</label>
<input type="text" name="subject" id="formSubject" class="claseError">
2024-01-20 09:32:00 +01:00
<label for="comentarios">Comentarios:</label>
<textarea name="comments" id="formComment" cols="30" rows="10"></textarea>
2024-02-03 14:57:57 +01:00
<button type="button" class="boton-enviar-form" id="enviarForm" onclick="enviarFormulario()">Enviar</button>
2024-01-20 09:32:00 +01:00
</form>
</div>
</section>
2024-02-01 15:30:22 +01:00
2024-01-20 09:32:00 +01:00
<footer class="pie-forja">
<nav class="contenedor-listas-pie">
<ul class="lista-pie-forja">
<li class="cabeza-lista-pie">Redes Sociales</li>
<li class="item-lista-pie">
<a href="https://instagram.com/arkantthos?utm_source=qr" target="_blank">
Instagram
</a>
</li>
<li class="item-lista-pie">Facebook</li>
<li class="item-lista-pie">
<a href="https://www.ebay.es/usr/thegoldenforge" target="_blank">Ebay</a>
</li>
</ul>
<ul class="lista-pie-forja">
<li class="cabeza-lista-pie">Documentación de Interés</li>
<li class="item-lista-pie">
<a href="../HTML/PoliticaDatos.html">Política de Privacidad</a>
</li>
<li class="item-lista-pie">
<a href="../HTML/Galletas.html">Gestión de Cookies</a>
</li>
<li class="item-lista-pie">
<a href="../HTML/AvisosLegales.html">Avisos Legales</a>
</li>
</ul>
</nav>
</footer>
2024-02-03 14:57:57 +01:00
<script src="../JS/index.js"></script>
2024-01-20 09:32:00 +01:00
</body>
</html>