Tercer Commit... aver
This commit is contained in:
parent
db9812571f
commit
65c9d625f7
|
|
@ -0,0 +1,129 @@
|
|||
<!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>
|
||||
<script src="../JS/index.js"></script>
|
||||
|
||||
</head>
|
||||
<body onload="cargado()">
|
||||
<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>
|
||||
|
||||
</header>
|
||||
|
||||
<section class="art-inicio-avisos">
|
||||
<h1 class="titulo-inicio">Avisos Legales</h1>
|
||||
<p class="ultima-actualizacion">Última actualización: 19 de diciembre de 2023</p>
|
||||
<p class="texto-inicio-avisos">Esta página contiene los términos y condiciones (términos) en función de los cuales suministramos los productos (producto) listados en nuestro sitio web www.laforjadorada.com (la web). Al adquirir cualquier producto de la web aceptas estos términos y quedas sujeto a ellos.</p>
|
||||
</section>
|
||||
<main class="cuerpo-avisos-legales">
|
||||
<article>
|
||||
<h2 class="titulos-h2">Información sobre nosotros</h2>
|
||||
<p>Esta página está regida por La Forja Dorada/The Golden Forge (nosotros, o nuestra)</p>
|
||||
|
||||
<h3 class="titulos-h3">Tu situación</h3>
|
||||
<p>Al realizar un pedido a través de la web certificas que tienes la edad legal mínima necesaria para entrar en un contrato de compraventa por la adquisición de artículos y servicios en la ubicación donde resides, y que tienes la edad suficiente para adquirir todo artículo sujeto a restricción de edad que hayas incluido en tu pedido.</p>
|
||||
|
||||
<h3 class="titulos-h3">Constitución del contrato</h3>
|
||||
<p>Todo pedido necesita ser aceptado por nuestra parte. La confirmación será mediante el envío de un correo electrónico notificando que los productos se han enviado (confirmación de envío). El contrato entre nosotros y el cliente (contrato) quedará constituido tan pronto como te enviemos la confirmación de envío</p>
|
||||
<h4 class="titulos-h4">Nos reservamos el derecho de:</h4>
|
||||
<ul>
|
||||
<li>Rechazar cualquier pedido (en su totalidad o parte del mismo) en que se incluyan productos que no estén disponibles por cualquier razón;</li>
|
||||
<li>Rechazar cualquier pedido (en su totalidad o parte del mismo) en el cual la página web contuviera errores obvios o imprecisiones evidentes en relación con la descripción de alguno de los productos o el precio de los productos.</li>
|
||||
<li>Imponer restricciones a la cantidad solicitada de cualquier producto en tanto que la disponibilidad de ese producto sea limitada.</li>
|
||||
<li>Imponer restricciones a la cantidad solicitada de cualquier producto, según nuestros procedimientos habituales y de acuerdo con las leyes de tu país.</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="titulos-h3">Propiedad de los productos</h3>
|
||||
<p>Serás el propietario de los productos cuando se te hayan entregado.</p>
|
||||
<p>Una vez que se te hayan entregado, te pertenecerán bajo tu cuenta y riesgo y nosotros quedamos exentos de cualquier responsabilidad por su uso, pérdida o destrucción.</p>
|
||||
|
||||
<h3 class="titulos-h3">Precios y Pago</h3>
|
||||
<p>El precio de cualquier Producto se indica en la Página web, excepto en las circunstancias comentadas en la condición sobre el importe erróneo ofrecido en la web (más abajo). El precio de los productos se confirmará antes de finalizar tu pedido y en la confirmación de envío.</p>
|
||||
<p>Todos los precios se muestran en Euros.</p>
|
||||
<p>Los precios de los Productos pueden cambiar en cualquier momento, pero tales cambios no afectarán a los pedidos que ya hayas realizado y se hayan confirmado mediante una confirmación de envío.</p>
|
||||
<p>Los precios de los Productos no incluyen costes de envío, que se añadirán (si es el caso) al coste total de tu pedido a la hora de procesarlo. </p>
|
||||
<p>La Página web contiene un diverso número de productos y puede darse el caso, a pesar de nuestros esfuerzos, de que algunos de los productos listados en la página web tengan un precio incorrecto, en este caso, al solicitar el producto te informaremos del error y te preguntaremos si deseas continuar con el pedido.</p>
|
||||
<p>El pago de todos los productos debe realizarse mediante uno de los métodos que se te facilitarán por correo en el momento de procesar tu pedido.</p>
|
||||
|
||||
<h3 class="titulos-h3">Entrega</h3>
|
||||
<p>Los Productos se entregarán en la dirección especificada en tu pedido y según la opción de entrega que elegiste al procesar tu pedido.</p>
|
||||
<p>Aunque nosotros realicemos todos los pasos razonables para asegurarnos de que tu pedido se envía y se entrega a tiempo, por favor, sé consciente de que los tiempos de entrega son meras estimaciones y que los tiempos de envío y entrega no están sujetos a ningún contrato. Siempre que un producto sea fabricado o producido a petición tuya te especificaremos un plazo de entrega estimado en el momento de hacer tu pedido. Te indicaremos una fecha de entrega más precisa en la confirmación de envío. Al realizar el pedido de un producto fabricado o producido por encargo aceptas que el envío puede estar sujeto a un tiempo de espera sustancial.</p>
|
||||
<p>Podemos aplazar la fecha de envío o de entrega o cancelar cualquier contrato, o eliminar cualquiera de los artículos de tu pedido (sin responsabilidad alguna), si se nos impide cumplir con nuestras obligaciones o nos vemos retrasados en ello debido a acontecimientos o circunstancias ajenas a nuestro control, incluyendo, pero no limitadas a: causas de fuerza mayor, bloqueos gubernamentales, emergencias de guerra o nacionales, actos de terrorismo, motín, conmoción civil, fuego, explosión, alteraciones climáticas, inundaciones, epidemia, pandemia, cierre patronal, huelgas o cualquier otro conflicto laboral, escasez de combustible, restricciones o retrasos que afecten al transporte, o incapacidad o retraso al obtener los suministros de materiales adecuados o necesarios.</p>
|
||||
<p> En la medida de lo posible, nos aseguraremos de que la página muestre la disponibilidad correcta de los productos en venta.</p>
|
||||
|
||||
<h3 class="titulos-h3">Cancelaciones y devoluciones</h3>
|
||||
|
||||
<p>Tienes derecho a cambiar de opinión y cancelar el contrato entre las dos partes en cualquier momento y por la razón que sea dentro de un plazo de 14 días, a partir del momento en que recibes los artículos (periodo de reflexión)</p>
|
||||
<p>No tendrás derecho a cambiar de opinión ni a romper el contrato de compraventa si el artículo por el que se constituyó el contrato fuera fabricado expresamente para ti o producido por encargo tuyo.</p>
|
||||
<p>Para cancelar el contrato debemos recibir una notificación tuya por escrito durante el periodo de reflexión, mediante correo electrónico con tu nombre, dirección y todos los detalles de tu pedido (deberás incluir número de pedido, artículos que lo componen y fecha de pedido). Mientras los artículos estén en tu posesión debes conservarlos adecuadamente hasta que vuelvan a estar en nuestras manos.</p>
|
||||
<p>Si detectas un problema con los artículos de tu pedido, como por ejemplo defectos de cualquier tipo, deberás notificárnoslo por correo electrónico. Te pediremos alguna foto y te suministraremos una dirección donde mandarnos los artículos defectuosos Examinaremos los artículos devueltos por ser defectuosos, si encontramos evidencia de tal defecto, te notificaremos que tienes derecho a recibir, a tu elección, (i) un reemplazo del mismo artículo o (ii) el reembolso del importe del artículo defectuoso. En este último caso, procederemos a realizar dicho reembolso (incluyendo el reembolso de todos los gastos de envío abonados por el artículo así como el coste incurrido en la devolución), demostrado mediante recibos, con la mayor brevedad y, en cualquier caso, en un plazo máximo de 30 días a contar desde el día en que te notificamos el derecho a recibir el reembolso del artículo defectuoso.</p>
|
||||
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
<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>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,120 @@
|
|||
<!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">
|
||||
<script src="../JS/index.js"></script>
|
||||
<title>La Forja Dorada</title>
|
||||
</head>
|
||||
<body onload="cargado(), validarFormulario()">
|
||||
<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>
|
||||
|
||||
</header>
|
||||
|
||||
<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">
|
||||
<label for="name">Nombre:</label>
|
||||
<input type="text" name="name" >
|
||||
|
||||
<label for="mail">
|
||||
<span>Correo Electrónico:</span>
|
||||
<input type="email" name="mail" id="mailForm" >
|
||||
<span class="error" aria-live="polite" id="mailErrorArea"></span>
|
||||
</label>
|
||||
<label for="subject">Asunto:</label>
|
||||
<input type="text" name="subject" id="formSubject">
|
||||
|
||||
<label for="comentarios">Comentarios:</label>
|
||||
<textarea name="comments" id="formComment" cols="30" rows="10"></textarea>
|
||||
<button type="button" class="boton-enviar-form" id="enviarForm">Enviar</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<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>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,123 @@
|
|||
<!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">
|
||||
<script src="../JS/index.js"></script>
|
||||
<script async src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAY11SKZ-LijXoQ81yr6-b6IQi2ZuJ8cN0&callback=console.debug&libraries=maps,marker&v=beta">
|
||||
</script>
|
||||
|
||||
<title>La Forja Dorada</title>
|
||||
</head>
|
||||
<body onload="cargado(), cargaCalendario(), genListaEven()">
|
||||
<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>
|
||||
|
||||
</header>
|
||||
<section class="art-inicio-eventos">
|
||||
<h1 class="titulo-inicio" id="titulo-grande-eventos">EVENTOS</h1>
|
||||
<p>A continuación encontrarás un listado detallado con los próximos eventos en los que vamos a estar inmersos. <br>
|
||||
Si deseas más información o quieres apuntarte a alguno de ellos ponte en <a href="../HTML/Contactos.html">contacto</a> con nosotros.
|
||||
</p>
|
||||
</section>
|
||||
<main class="contenedor-eventos">
|
||||
|
||||
<ul class="lista-eventos" id="listadeEventos">
|
||||
</ul>
|
||||
<div class="section-eventos">
|
||||
<div class="calendario">
|
||||
<div class="info-calendario">
|
||||
<div class="btn-izq-calendar" id="mes-anterior">〈</div>
|
||||
<div class="mes-calendario" id="mes-actual"></div>
|
||||
<div class="year-calendario" id="year">2020</div>
|
||||
<div class="btn-der-calendar" id="mes-siguiente">〉</div>
|
||||
</div>
|
||||
<div class="semana-calendario">
|
||||
<div class="dia-calendario item-calendario">Lunes</div>
|
||||
<div class="dia-calendario item-calendario">Martes</div>
|
||||
<div class="dia-calendario item-calendario">Miércoles</div>
|
||||
<div class="dia-calendario item-calendario">Jueves</div>
|
||||
<div class="dia-calendario item-calendario">Viernes</div>
|
||||
<div class="dia-calendario item-calendario"><span class="dia-finde">Sábado</span></div>
|
||||
<div class="dia-calendario item-calendario"><span class="dia-finde">Domingo</span></div>
|
||||
</div>
|
||||
<div class="fechas-calendario item-calendario" id="dates-calendar">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="contenedor-mapa">
|
||||
<h3 class="titulos-h3">Aquí está La Forja:</h3>
|
||||
<div class="jaula-mapa">
|
||||
<gmp-map center="37.213218688964844,-7.403172016143799" zoom="14" map-id="DEMO_MAP_ID">
|
||||
<gmp-advanced-marker position="37.213218688964844,-7.403172016143799" title="My location">
|
||||
</gmp-advanced-marker>
|
||||
</gmp-map>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
<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>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,158 @@
|
|||
<!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">
|
||||
<script src="../JS/index.js"></script>
|
||||
|
||||
<title>La Forja Dorada</title>
|
||||
</head>
|
||||
<body onload="cargado(), galletas()">
|
||||
<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>
|
||||
|
||||
</header>
|
||||
|
||||
|
||||
|
||||
<main>
|
||||
|
||||
<section class="inicio-galletas">
|
||||
<h1 class="titulo-inicio">Política de cookies</h1>
|
||||
<article class="texto-intro-galletas">
|
||||
<p class="ultima-actualizacion">Última actualización: 16 de diciembre de 2023</p>
|
||||
<p>Esta Política de Cookies explica qué son las Cookies y cómo las utilizamos. Usted debe leer esta política para que pueda entender qué tipo de cookies utilizamos, o la información que recopilamos utilizando Cookies y cómo se utiliza esa información.</p>
|
||||
<p>Las Cookies no suelen contener información que identifique personalmente a un usuario, pero la información personal que almacenamos sobre Usted puede estar vinculada a la información almacenada y obtenida de las Cookies. Para más información sobre cómo utilizamos, almacenamos y mantenemos seguros sus datos personales, consulte nuestra Política de Privacidad.</p>
|
||||
<p>No almacenamos información personal sensible, como direcciones de correo, contraseñas de cuentas, etc. en las Cookies que utilizamos.</p>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
<section class="cuerpo-galletas">
|
||||
<h2 class="titulos-h2">Interpretación y definiciones</h2>
|
||||
<h3 class="titulos-h3">Interpretación</h3>
|
||||
<p>Las palabras cuya letra inicial va en mayúscula tienen significados definidos en las siguientes condiciones. Las siguientes definiciones tendrán el mismo significado independientemente de que aparezcan en singular o en plural.</p>
|
||||
<h3 class="titulos-h3">Definiciones</h3>
|
||||
<p>A los efectos de la presente Política de Cookies:</p>
|
||||
<ul>
|
||||
<li><strong>Empresa</strong> (referida como "la Empresa", "Nosotros", "Nos" o "Nuestro" en esta Política de Cookies) se refiere a LaForjaDorada.</li>
|
||||
<li><strong>Cookies</strong>se refiere a pequeños archivos que son colocados en Su ordenador, dispositivo móvil o cualquier otro dispositivo por un sitio web, conteniendo detalles de su historial de navegación en ese sitio web entre sus muchos usos.</li>
|
||||
<li><strong>Sitio web</strong> se refiere a LaForja, accesible desde <a href="../HTML/index.html" target="_blank">www.laforja.com</a></li>
|
||||
<li><strong>Usted</strong>se refiere a la persona física que accede o utiliza el Sitio web, o a una empresa, o a cualquier entidad jurídica en nombre de la cual dicha persona física accede o utiliza el Sitio web, según corresponda.</li>
|
||||
</ul>
|
||||
<h2 class="titulos-h2">Uso de las Cookies</h2>
|
||||
<h3 class="titulos-h3">Tipo de Cookies que Utilizamos</h3>
|
||||
<p>Las cookies pueden ser "persistentes" o de "sesión". Las Cookies persistentes permanecen en su ordenador personal o dispositivo móvil cuando Usted se desconecta, mientras que las Cookies de sesión se eliminan en cuanto Usted cierra su navegador web.</p>
|
||||
<p>Utilizamos tanto Cookies de sesión como persistentes para los fines que se indican a continuación:</p>
|
||||
<ul>
|
||||
<li>
|
||||
<p><strong>Cookies Necesarias / Esenciales</strong></p>
|
||||
<p>Tipo: Cookies de sesión</p>
|
||||
<p>Administradas por: Nosotros</p>
|
||||
<p>Finalidad: Estas Cookies son esenciales para proporcionarle los servicios disponibles a través del Sitio Web y para permitirle utilizar algunas de sus funciones. Ayudan a autenticar a los usuarios y a evitar el uso fraudulento de las cuentas de usuario. Sin estas Cookies, los servicios que Usted ha solicitado no pueden ser proporcionados, y sólo utilizamos estas Cookies para proporcionarle dichos servicios.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><strong>Cookies de Funcionalidad</strong></p>
|
||||
<p>Tipo: Cookies persistentes</p>
|
||||
<p>Administradas por: Nosotros</p>
|
||||
<p>Propósito: Estas Cookies nos permiten recordar las elecciones que Usted hace cuando utiliza el Sitio Web, como recordar sus datos de acceso o su preferencia de idioma. El objetivo de estas cookies es proporcionarle una experiencia más personal y evitar que tenga que volver a introducir sus preferencias cada vez que utilice el sitio web.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<h3 class="titulos-h3">Sus opciones con respecto a las cookies</h3>
|
||||
<p>Si prefiere evitar el uso de Cookies en el Sitio Web, primero debe desactivar el uso de Cookies en su navegador y después eliminar las Cookies guardadas en su navegador asociadas a este sitio web. Puede utilizar esta opción para evitar el uso de Cookies en cualquier momento.</p>
|
||||
<p>Si Usted no acepta nuestras Cookies, puede experimentar algunos inconvenientes en el uso del Sitio Web y algunas características pueden no funcionar correctamente.</p>
|
||||
<p>Si desea eliminar las Cookies o indicar a su navegador que las elimine o rechace, visite las páginas de ayuda de su navegador.</p>
|
||||
<ul>
|
||||
<li>
|
||||
<p>Para el navegador Chrome, visite esta página de Google: <a href="https://support.google.com/accounts/answer/32050" rel="external nofollow noopener" target="_blank">https://support.google.com/accounts/answer/32050</a></p>
|
||||
</li>
|
||||
<li>
|
||||
<p>Para el navegador Internet Explorer, visite esta página de Microsoft: <a href="http://support.microsoft.com/kb/278835" rel="external nofollow noopener" target="_blank">http://support.microsoft.com/kb/278835</a></p>
|
||||
</li>
|
||||
<li>
|
||||
<p>Para el navegador Firefox, visite esta página de Mozilla: <a href="https://support.mozilla.org/en-US/kb/delete-cookies-remove-info-websites-stored" rel="external nofollow noopener" target="_blank">https://support.mozilla.org/en-US/kb/delete-cookies-remove-info-websites-stored</a></p>
|
||||
</li>
|
||||
<li>
|
||||
<p>FPara el navegador Safari, visita esta página de Apple: <a href="https://support.apple.com/guide/safari/manage-cookies-and-website-data-sfri11471/mac" rel="external nofollow noopener" target="_blank">https://support.apple.com/guide/safari/manage-cookies-and-website-data-sfri11471/mac</a></p>
|
||||
</li>
|
||||
</ul>
|
||||
<p>Para cualquier otro navegador, visite las páginas oficiales de su navegador.</p>
|
||||
<h3 class="titulos-h3">Más información sobre las cookies</h3>
|
||||
<p>Puede obtener más información sobre las cookies: <a href="https://www.privacypolicies.com/blog/cookies/" target="_blank">¿Qué son las cookies?</a>.</p>
|
||||
<h3 class="titulos-h3">Contacte con Nosotros</h3>
|
||||
<p>Si tiene alguna pregunta sobre esta Política de Cookies, puede ponerse en <a href="../HTML/Contactos.html">contacto</a> con nosotros:</p>
|
||||
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<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>
|
||||
<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>
|
||||
|
||||
<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>
|
||||
</body>
|
||||
</html>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,265 @@
|
|||
<!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>
|
||||
<script src="../JS/index.js"></script>
|
||||
|
||||
</head>
|
||||
<body onload="cargado()">
|
||||
<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>
|
||||
|
||||
</header>
|
||||
|
||||
<section class="art-inicio-polpriv">
|
||||
<h1 class="titulo-inicio">Política de privacidad</h1>
|
||||
<p class="ultima-actualizacion">Última actualización: December 12, 2023</p>
|
||||
</section>
|
||||
<main class="cuerpo-politica-datos">
|
||||
|
||||
<div class="intro-polpriv">
|
||||
<p>Esta Política de Privacidad describe Nuestras políticas y procedimientos sobre la recopilación, uso y divulgación de Su información cuando Usted utiliza el Servicio y le informa sobre Sus derechos de privacidad y cómo le protege la ley.</p>
|
||||
<p>Utilizamos sus datos personales para proporcionar y mejorar el Servicio. Al utilizar el Servicio, Usted acepta la recopilación y el uso de la información de acuerdo con esta Política de Privacidad.</p>
|
||||
|
||||
</div>
|
||||
<article>
|
||||
<h2 class="titulos-h2">Interpretación y definiciones</h2>
|
||||
<h3 class="titulos-h3">Interpretación</h3>
|
||||
<p>Las palabras cuya letra inicial aparece en mayúscula tienen significados definidos en las siguientes condiciones. Las siguientes definiciones tendrán el mismo significado independientemente de que aparezcan en singular o en plural.
|
||||
</p>
|
||||
<h3 class="titulos-h3">Definiciones a los efectos de la presente Política de Privacidad</h3>
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<p><strong>Cuenta:</strong>significa una cuenta única creada para que Usted acceda a nuestro Servicio o a partes de nuestro Servicio.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><strong>Empresa:</strong> (denominada "la Empresa", "Nosotros", "Nos" o "Nuestro" en el presente Acuerdo) se refiere a The Golden Forge.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><strong>Cookies:</strong> son pequeños archivos que un sitio web coloca en su ordenador, dispositivo móvil o cualquier otro dispositivo y que contienen, entre otros muchos usos, los detalles de su historial de navegación en dicho sitio web.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><strong>País:</strong> se refiere a España</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><strong>Dispositivo:</strong> se refiere a cualquier dispositivo que pueda acceder al Servicio, como un ordenador, un teléfono móvil o una tableta digital.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><strong>Datos Personales:</strong> cualquier información relacionada con un individuo identificado o identificable.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><strong>Servicio</strong> se refiere al Sitio Web.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><strong>Proveedor de Servicios</strong>se refiere a cualquier persona física o jurídica que procese los datos en nombre de la Empresa. Se refiere a terceras empresas o personas contratadas por la Empresa para facilitar el Servicio, prestar el Servicio en nombre de la Empresa, realizar servicios relacionados con el Servicio o ayudar a la Empresa a analizar cómo se utiliza el Servicio.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><strong>Datos de uso</strong> se refiere a los datos recopilados automáticamente, ya sean generados por el uso del Servicio o de la propia infraestructura del Servicio (por ejemplo, la duración de la visita a una página).</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><strong>Sitio web:</strong> se refiere a The Golden Forge, accesible desde www.goldenforge.com</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><strong>Usted: </strong>se refiere a la persona física que accede o utiliza el Servicio, o a la empresa u otra entidad jurídica en nombre de la cual dicha persona física accede o utiliza el Servicio, según corresponda.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h2 class="titulos-h2">Recopilación y uso de sus datos personales</h2>
|
||||
<h3 class="titulos-h3">Tipos de datos recogidos</h3>
|
||||
<h4 class="titulos-h4">Datos personales</h4>
|
||||
<p>Al utilizar nuestro Servicio, es posible que le pidamos que nos proporcione cierta información de identificación personal que pueda utilizarse para ponernos en contacto con usted o identificarle. La información de identificación personal puede incluir, pero no se limita a:</p>
|
||||
<ul>
|
||||
<li>
|
||||
<p>Dirección de correo electrónico.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>Nombre y apellidos.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>Datos de uso.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<h4 class="titulos-h4">Datos de uso</h4>
|
||||
<p>Los Datos de Uso se recopilan automáticamente al utilizar el Servicio.</p>
|
||||
<p>Los Datos de Uso pueden incluir información como la dirección de Protocolo de Internet (por ejemplo, la dirección IP) de su dispositivo, el tipo de navegador, la versión del navegador, las páginas de nuestro Servicio que visita, la hora y la fecha de su visita, el tiempo que pasa en esas páginas, identificadores únicos de dispositivos y otros datos de diagnóstico.</p>
|
||||
<p>Cuando Usted accede al Servicio por o a través de un dispositivo móvil, podemos recopilar cierta información automáticamente, incluyendo, pero sin limitarse a, el tipo de dispositivo móvil que utiliza, el identificador único de su dispositivo móvil, la dirección IP de su dispositivo móvil, su sistema operativo móvil, el tipo de navegador de Internet móvil que utiliza, identificadores únicos de dispositivo y otros datos de diagnóstico.</p>
|
||||
<p>También podemos recopilar información que su navegador envía cada vez que visita nuestro Servicio o cuando accede al Servicio por o a través de un dispositivo móvil.</p>
|
||||
<h4 class="titulos-h4">Tecnologías de seguimiento y cookies</h4>
|
||||
<p>Utilizamos cookies y tecnologías de seguimiento similares para rastrear la actividad en nuestro Servicio y almacenar cierta información. Las tecnologías de rastreo utilizadas son balizas, etiquetas y scripts para recopilar y rastrear información y para mejorar y analizar Nuestro Servicio. Las tecnologías que utilizamos pueden incluir</p>
|
||||
<ul>
|
||||
<li><strong>Cookies o Cookies del Navegador.</strong> Una cookie es un pequeño archivo que se coloca en su dispositivo. Usted puede indicar a su navegador que rechace todas las Cookies o que le indique cuándo se está enviando una Cookie. Sin embargo, si no acepta las Cookies, es posible que no pueda utilizar algunas partes de nuestro Servicio. A menos que haya ajustado la configuración de su navegador para que rechace las Cookies, nuestro Servicio puede utilizar Cookies.</li>
|
||||
<li><strong>Balizas web.</strong> Ciertas secciones de nuestro Servicio y nuestros correos electrónicos pueden contener pequeños archivos electrónicos conocidos como web beacons (también denominados clear gifs, pixel tags y single-pixel gifs) que permiten a la Empresa, por ejemplo, contar los usuarios que han visitado esas páginas o abierto un correo electrónico y para otras estadísticas relacionadas con el sitio web (por ejemplo, registrar la popularidad de una determinada sección y verificar la integridad del sistema y del servidor).</li>
|
||||
</ul>
|
||||
<p>Las cookies pueden ser "persistentes" o "de sesión". Las Cookies persistentes permanecen en su ordenador personal o dispositivo móvil cuando se desconecta, mientras que las Cookies de sesión se eliminan en cuanto cierra su navegador web.</p>
|
||||
<p>Utilizamos tanto Cookies de Sesión como Persistentes para los fines que se indican a continuación:</p>
|
||||
<ul>
|
||||
<li>
|
||||
<p><strong>Cookies necesarias / esenciales</strong></p>
|
||||
<p>Tipo: Cookies de sesión</p>
|
||||
<p>Administradas por: Nosotros</p>
|
||||
<p>Finalidad: Estas Cookies son esenciales para proporcionarle los servicios disponibles a través del Sitio Web y para permitirle utilizar algunas de sus funciones. Ayudan a autenticar a los usuarios y a evitar el uso fraudulento de las cuentas de usuario. Sin estas Cookies, los servicios que Usted ha solicitado no pueden ser proporcionados, y sólo utilizamos estas Cookies para proporcionarle dichos servicios.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><strong>Política de Cookies / Aviso Aceptación Cookies</strong></p>
|
||||
<p>Tipo: Cookies persistentes</p>
|
||||
<p>Administradas por: Nosotros</p>
|
||||
<p>Finalidad: Estas Cookies identifican si los usuarios han aceptado el uso de cookies en el Sitio Web.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><strong>Cookies de Funcionalidad</strong></p>
|
||||
<p>Tipo: Cookies persistentes</p>
|
||||
<p>Administradas por: Nosotros</p>
|
||||
<p>Propósito: Estas Cookies nos permiten recordar las elecciones que Usted hace cuando utiliza el Sitio Web, como recordar sus datos de acceso o su preferencia de idioma. El objetivo de estas cookies es proporcionarle una experiencia más personal y evitar que tenga que volver a introducir sus preferencias cada vez que utilice el sitio web.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<p>Para obtener más información sobre las cookies que utilizamos y sus opciones en relación con las cookies, visite nuestra Política de cookies</p>
|
||||
<h3 class="titulos-h3">Uso de sus datos personales</h3>
|
||||
<p>La Empresa podrá utilizar sus Datos Personales para los siguientes fines:</p>
|
||||
<ul>
|
||||
<li>
|
||||
<p><strong>Para proporcionar y mantener nuestro Servicio</strong>, para supervisar el uso de nuestro Servicio.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><strong>Para gestionar su cuenta:</strong> para gestionar su registro como usuario del Servicio. Los Datos Personales que Usted proporcione pueden darle acceso a diferentes funcionalidades del Servicio que están disponibles para Usted como usuario registrado.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><strong>Para la ejecución de un contrato:</strong> el desarrollo, cumplimiento y realización del contrato de compra de los productos, artículos o servicios que Usted haya adquirido o de cualquier otro contrato con Nosotros a través del Servicio.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><strong>Para ponernos en contacto con Usted</strong> Para ponernos en contacto con Usted por correo electrónico, llamadas telefónicas, SMS u otras formas equivalentes de comunicación electrónica, como las notificaciones push de una aplicación móvil sobre actualizaciones o comunicaciones informativas relacionadas con las funcionalidades, productos o servicios contratados, incluidas las actualizaciones de seguridad, cuando sea necesario o razonable para su implementación.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><strong>Para proporcionarle</strong> noticias, ofertas especiales e información general sobre otros bienes, servicios y eventos que ofrezcamos y que sean similares a los que ya haya adquirido o sobre los que haya preguntado, a menos que haya optado por no recibir dicha información.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><strong>Gestionar sus solicitudes:</strong>Para atender y gestionar Sus solicitudes a Nosotros.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><strong>Para transferencias comerciales:</strong> Podemos utilizar Su información para evaluar o llevar a cabo una fusión, desinversión, reestructuración, reorganización, disolución u otro tipo de venta o transferencia de algunos o todos Nuestros activos, ya sea como empresa en funcionamiento o como parte de un procedimiento de quiebra, liquidación o similar, en el que los Datos Personales que conservamos sobre nuestros usuarios del Servicio se encuentren entre los activos transferidos.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><strong>Para otros fines:</strong>Podemos utilizar Su información para otros fines, como el análisis de datos, la identificación de tendencias de uso, la determinación de la eficacia de nuestras campañas promocionales y para evaluar y mejorar nuestro Servicio, productos, servicios, marketing y su experiencia.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<p>Podemos compartir su información personal en las siguientes situaciones:</p>
|
||||
<ul>
|
||||
<li><strong>Con Proveedores de Servicios:</strong> Podemos compartir Su información personal con Proveedores de Servicios para supervisar y analizar el uso de nuestro Servicio, para ponernos en contacto con Usted.</li>
|
||||
<li><strong>Para transferencias comerciales:</strong> Podemos compartir o transferir Su información personal en relación con, o durante las negociaciones de, cualquier fusión, venta de activos de la Empresa, financiación o adquisición de todo o parte de Nuestro negocio a otra empresa.</li>
|
||||
<li><strong>Con otros usuarios:</strong> cuando Usted comparte información personal o interactúa de otro modo en las áreas públicas con otros usuarios, dicha información puede ser vista por todos los usuarios y puede ser distribuida públicamente al exterior.</li>
|
||||
<li><strong>Con su consentimiento</strong>: Podemos divulgar Su información personal para cualquier otro propósito con Su consentimiento.</li>
|
||||
</ul>
|
||||
<h3 class="titulos-h3">Conservación de sus datos personales</h3>
|
||||
<p>La Empresa conservará Sus Datos Personales sólo durante el tiempo que sea necesario para los fines establecidos en esta Política de Privacidad. Conservaremos y utilizaremos sus Datos Personales en la medida necesaria para cumplir con nuestras obligaciones legales (por ejemplo, si estamos obligados a conservar sus datos para cumplir con la legislación aplicable), resolver conflictos y hacer cumplir nuestros acuerdos legales y políticas.</p>
|
||||
<p>La Empresa también conservará los Datos de Uso con fines de análisis interno. Por lo general, los Datos de Uso se conservan durante un período de tiempo más corto, excepto cuando estos datos se utilizan para reforzar la seguridad o para mejorar la funcionalidad de Nuestro Servicio, o estamos legalmente obligados a conservar estos datos durante períodos de tiempo más largos.</p>
|
||||
<h3 class="titulos-h3">Transferencia de sus datos personales</h3>
|
||||
<p>Su información, incluidos los Datos Personales, se procesa en las oficinas operativas de la Empresa y en cualquier otro lugar donde se encuentren las partes implicadas en el procesamiento. Esto significa que esta información puede ser transferida a - y mantenida en - ordenadores ubicados fuera de Su estado, provincia, país u otra jurisdicción gubernamental donde las leyes de protección de datos puedan diferir de las de Su jurisdicción.</p>
|
||||
<p>Su consentimiento a esta Política de Privacidad seguido de Su envío de dicha información representa Su acuerdo a dicha transferencia.</p>
|
||||
<p>La Empresa tomará todas las medidas razonablemente necesarias para garantizar que sus datos sean tratados de forma segura y de acuerdo con esta Política de Privacidad y no se realizará ninguna transferencia de sus Datos Personales a una organización o país a menos que existan controles adecuados que incluyan la seguridad de sus datos y otra información personal.</p>
|
||||
<h3 class="titulos-h3">Eliminación de sus datos personales</h3>
|
||||
<p>Usted tiene derecho a eliminar o solicitar que le ayudemos a eliminar los Datos Personales que hayamos recopilado sobre Usted.</p>
|
||||
<p>Nuestro Servicio puede ofrecerle la posibilidad de eliminar cierta información sobre Usted desde el propio Servicio.</p>
|
||||
<p>Puede actualizar, modificar o eliminar su información en cualquier momento accediendo a su cuenta, si la tiene, y visitando la sección de configuración de la cuenta que le permite gestionar su información personal. También puede ponerse en contacto con nosotros para solicitar el acceso, la corrección o la eliminación de cualquier información personal que nos haya proporcionado.</p>
|
||||
<p>No obstante, tenga en cuenta que es posible que debamos conservar determinada información cuando tengamos una obligación legal o una base jurídica para hacerlo.</p>
|
||||
<h3 class="titulos-h3">Divulgación de sus datos personales</h3>
|
||||
<h4 class="titulos-h4">Transacciones comerciales</h4>
|
||||
<p>Si la empresa participa en una fusión, adquisición o venta de activos, sus datos personales pueden ser transferidos. Le avisaremos antes de que sus Datos Personales sean transferidos y pasen a estar sujetos a una Política de Privacidad diferente.</p>
|
||||
<h4 class="titulos-h4">Cumplimiento de la ley</h4>
|
||||
<p>En determinadas circunstancias, la empresa puede verse obligada a revelar sus datos personales si así lo exige la ley o en respuesta a solicitudes válidas de las autoridades públicas (por ejemplo, un tribunal o una agencia gubernamental).</p>
|
||||
<h4 class="titulos-h4">Otros requisitos legales</h4>
|
||||
<p>La Empresa podrá revelar Sus Datos Personales si cree de buena fe que dicha acción es necesaria para:</p>
|
||||
<ul>
|
||||
<li>Cumplir con una obligación legal</li>
|
||||
<li>Proteger y defender los derechos o la propiedad de la Empresa.</li>
|
||||
<li>Prevenir o investigar posibles irregularidades en relación con el Servicio.</li>
|
||||
<li>Proteger la seguridad personal de los usuarios del Servicio o del público en general</li>
|
||||
<li>Proteger contra la responsabilidad legal</li>
|
||||
</ul>
|
||||
<h3 class="titulos-h3">Seguridad de sus datos personales</h3>
|
||||
<p>La seguridad de sus Datos Personales es importante para Nosotros, pero recuerde que ningún método de transmisión a través de Internet, o método de almacenamiento electrónico es 100% seguro. Aunque nos esforzamos por utilizar medios comercialmente aceptables para proteger sus datos personales, no podemos garantizar su seguridad absoluta.</p>
|
||||
</article>
|
||||
<article>
|
||||
<h2 class="titulos-h2">Privacidad de los niños</h2>
|
||||
<p>Nuestro Servicio no se dirige a menores de 18 años. No recopilamos conscientemente información personal identificable de menores de 18. Si usted es padre o tutor y sabe que su hijo nos ha proporcionado datos personales, póngase en contacto con nosotros. Si tenemos conocimiento de que hemos recopilado Datos Personales de cualquier persona menor de 18 años sin verificar el consentimiento paterno, tomaremos medidas para eliminar esa información de nuestros servidores.</p>
|
||||
<p>Si necesitamos basarnos en el consentimiento como base legal para procesar su información y su país requiere el consentimiento de uno de los padres, podemos requerir el consentimiento de sus padres antes de recopilar y utilizar esa información.</p>
|
||||
</article>
|
||||
<article>
|
||||
<h2 class="titulos-h2">Enlaces a otros sitios web</h2>
|
||||
<p>Nuestro Servicio puede contener enlaces a otros sitios web no gestionados por nosotros. Si hace clic en un enlace de un tercero, será dirigido al sitio de ese tercero. Le recomendamos encarecidamente que revise la Política de Privacidad de cada sitio que visite.</p>
|
||||
<p>No tenemos ningún control ni asumimos ninguna responsabilidad por el contenido, las políticas de privacidad o las prácticas de los sitios o servicios de terceros.</p>
|
||||
</article>
|
||||
<article>
|
||||
<h2 class="titulos-h2">Cambios en esta Política de Privacidad</h2>
|
||||
<p>Es posible que actualicemos nuestra Política de Privacidad de vez en cuando. Le notificaremos cualquier cambio publicando la nueva Política de Privacidad en esta página.</p>
|
||||
<p>Le recomendamos que revise periódicamente esta Política de Privacidad para comprobar si se han producido cambios. Los cambios en esta Política de Privacidad entrarán en vigor cuando se publiquen en esta página.</p>
|
||||
<h2 class="titulos-h2">Contacta con Nosotros</h2>
|
||||
<p>Si tiene alguna pregunta sobre esta Política de Privacidad, puede ponerse en
|
||||
<a href="../HTML/Contactos.html">contacto</a> con nosotros.</p>
|
||||
</article>
|
||||
</main>
|
||||
|
||||
<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>
|
||||
|
||||
|
||||
</body>
|
||||
|
|
@ -0,0 +1,90 @@
|
|||
<!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>
|
||||
<script src="../JS/index.js"></script>
|
||||
|
||||
</head>
|
||||
<body onload="cargado(),genListaProd()" class="kuerpo-prod">
|
||||
<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>
|
||||
|
||||
</header>
|
||||
<main class="cuerpo-prod">
|
||||
<section class="art-inicio-productos">
|
||||
<h1 class="titulo-inicio" >PRODUCTOS</h1>
|
||||
</section>
|
||||
|
||||
<div class="contenedor-productos">
|
||||
<ul class="lista-productos" id="contenedorProductos2"></ul>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</main>
|
||||
|
||||
<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>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,160 @@
|
|||
<!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">
|
||||
<script src="../JS/index.js"></script>
|
||||
<title>La Forja Dorada</title>
|
||||
</head>
|
||||
<body onload="cargado()">
|
||||
<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>
|
||||
|
||||
</header>
|
||||
<section class="art-inicio-servicios">
|
||||
<h1 class="titulo-inicio" id="titulo-grande-sevicios">SERVICIOS</h1>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<section class="karro-section">
|
||||
<div class="karrusel">
|
||||
<h2 class="titulos-h2">Catálogo con nuestros servicios en la Forja</h2>
|
||||
<div class="karro-grande">
|
||||
<figure class="img-karro">
|
||||
<img src="../RECURSOS/Servicios/UtensiliosBonitoUno600x450px.jpg" alt="img1">
|
||||
<article class="articulo-karro">
|
||||
<h2 class="titulos-h3">Iniciación en Juegos</h2>
|
||||
<p>Si eres nuevo en los juegos de mesa de miniaturas, has comprado un set y
|
||||
te vienen sin pintar, incluso sin montar, desde la Forja ponemos a tu
|
||||
disposición todo lo necesario para que tengas por tí mismo tus figuras listas para jugar.
|
||||
</p>
|
||||
<p>Te proporcionamos las herramientas para que ensambles y pegues las miniaturas, te orientamos
|
||||
sobre la variedad de colores disponibles para que queden completamente personalizadas.
|
||||
</p>
|
||||
<p>
|
||||
Además, si lo necesitas, te explicaremos las diversas técnicas de pintura a aplicar de nivel básico,
|
||||
perfectamente funcional y visualmente agradable que te permitirá
|
||||
empezar a jugar con tus miniaturas ya pintadas.
|
||||
</p>
|
||||
|
||||
</article>
|
||||
</figure>
|
||||
<figure class="img-karro">
|
||||
|
||||
<img src="../RECURSOS/Servicios/UtensiliosBonitoDos600x450px.jpg" alt="img2">
|
||||
<article class="articulo-karro">
|
||||
<h2 class="titulos-h3">Clases de Pintura</h2>
|
||||
<p>En la Forja nos gusta ahondar en todos los aspectos de los juegos de miniaturas
|
||||
de mesa, entendemos que el componente artístico es una pieza fundamental para el
|
||||
completo disfrute del hobbie por lo que ofrecemos numerosos seminarios de técnicas
|
||||
de pintura concretas.
|
||||
</p>
|
||||
<p>
|
||||
En estas sesiones se muestran paso a paso diversos métodos que podrás emplear en
|
||||
tus propias miniaturas y así integrarla a tu repertorio para poder usarla en casa.
|
||||
|
||||
</p>
|
||||
</article>
|
||||
</figure>
|
||||
<figure class="img-karro">
|
||||
|
||||
<div class="container-carousel">
|
||||
<div class="carruseles-servicios" >
|
||||
<figure class="slider-section">
|
||||
<img src="../RECURSOS/Zombicide/ZombisGrupoEntero450px.png" alt="uno">
|
||||
</figure>
|
||||
<figure class="slider-section">
|
||||
<img src="../RECURSOS/Zombicide/collageZombisUno450px.jpg" alt="dos">
|
||||
</figure>
|
||||
<figure class="slider-section">
|
||||
<img src="../RECURSOS/Zombicide/collageZombisDos450px.jpg" alt="tres">
|
||||
</figure>
|
||||
</div>
|
||||
<button type="button" class="btn-left" onclick="moveToLeft()">〈</button>
|
||||
<button type="button" class="btn-right" onclick="moveToRight()">〉</button>
|
||||
</div>
|
||||
<article>
|
||||
<h2 class="titulos-h3">Pedidos por Encargo</h2>
|
||||
<p>Desde nuestro taller ofrecemos una personalización total del juego que se solicite,
|
||||
con una amplísima variedad de colores y combinaciones para que incluso los grupos de miniaturas
|
||||
"monopose" parezcan todas diferentes.</p>
|
||||
<p>Cuidamos los detalles, escogemos las mejores técnicas en función del acabado deseado y
|
||||
el aspecto final solicitado. Podrás pedirnos todas las combinaciones que tengas
|
||||
en mente y lo reflejaremos de la mejor forma posible en las miniaturas.</p>
|
||||
|
||||
</article>
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
|
||||
<ul class="puntos-karro">
|
||||
<li class="punto-karro activo">1</li>
|
||||
<li class="punto-karro">2</li>
|
||||
<li class="punto-karro">3</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<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>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,519 @@
|
|||
|
||||
|
||||
/* posteriormente la información a cargar estará en una DB, la idea es más adelante hacer
|
||||
una página de backoffice desde donde el admin gestionará los cambios
|
||||
(adición, eliminación o modificación de productos, eventos...) */
|
||||
const infoProductos = [
|
||||
{
|
||||
numeroproducto: 1,
|
||||
titulo: "Primaris Invictor Tactical Warsuit",
|
||||
img1: "../RECURSOS/Productos/Invictor300px.jpg",
|
||||
img2: "../RECURSOS/Productos/InvictorLado300px.jpg",
|
||||
img3: "../RECURSOS/Productos/InvictorOtroLado300px.jpg",
|
||||
alt:"Invictor",
|
||||
textodescrip: "Armadura de combate de los Ángeles Oscuros completamente pintada con un alto grado de detalle y personalización.",
|
||||
disponibles: 1,
|
||||
precio: "150,00"
|
||||
},
|
||||
{
|
||||
numeroproducto: 2,
|
||||
titulo: "Termagantes Tiránidos",
|
||||
img1: "../RECURSOS/Productos/TermagantesFront300px.jpg",
|
||||
img2: "../RECURSOS/Productos/TermagantesLado300px.jpg",
|
||||
img3: "../RECURSOS/Productos/TermagantesBack300px.jpg",
|
||||
alt: "Termagantes",
|
||||
textodescrip: "Unidad Básica de 10 Termagantes listos para la batalla. Especialistas en cuerpo a cuerpo, pese a no ser de élite aprovechan su gran número.",
|
||||
disponibles: 1,
|
||||
precio: "139,00"
|
||||
},
|
||||
{
|
||||
numeroproducto: 3,
|
||||
titulo: "Primaris Inceptor Squad",
|
||||
img1: "../RECURSOS/Productos/Inceptor300px.jpg",
|
||||
img2: "../RECURSOS/Productos/InceptorLado300px.jpg",
|
||||
img3: "../RECURSOS/Productos/PortadaInceptores300px.png",
|
||||
alt: "Inceptores",
|
||||
textodescrip: "Unidad de 3 Primaris Inceptors Ángeles Oscuros en armadura gravis equipados con armas de plasma.",
|
||||
disponibles: 1,
|
||||
precio: "149,00"
|
||||
},
|
||||
{
|
||||
numeroproducto: 4,
|
||||
titulo: "Teniente Primaris Ángel Oscuro",
|
||||
img1: "../RECURSOS/Productos/Teniente300px.jpg",
|
||||
img2: "../RECURSOS/Productos/TenienteLadoDos300px.jpg",
|
||||
img3: "../RECURSOS/Productos/TenienteLadouUno300px.jpg",
|
||||
alt: "Teniente",
|
||||
textodescrip: "Teniente Primaris de los Ángeles Oscuros equipado con arma de energía y pistola de plasma.",
|
||||
disponibles: 1,
|
||||
precio: "85,00"
|
||||
},
|
||||
{
|
||||
numeroproducto: 5,
|
||||
titulo: "Guerreros Tiránidos",
|
||||
img1: "../RECURSOS/Productos/TyranidWarriorUnoFront300px.jpg",
|
||||
img2: "../RECURSOS/Productos/TyranidWarriorUno300px.jpg",
|
||||
img3: "../RECURSOS/Productos/TyranidWarriorUnoBack300px.jpg",
|
||||
alt: "Guerrero Tiranido",
|
||||
textodescrip: "Versátil unidad de 2 guerreros y 1 primus. Bio-armas de disparo a distancicia y garras y látigo para el cuerpo a cuerpo.",
|
||||
disponibles: 1,
|
||||
precio: "129,00"
|
||||
}
|
||||
]
|
||||
|
||||
const listaEventos = [
|
||||
{
|
||||
numeroEvento: 1,
|
||||
titulo: "PARTIDA ZOMBICIDE 2ND EDITION",
|
||||
texto: " Clásica partida de zombis, mínimo 4 jugadores para disfrutar de una experiencia aterradora.",
|
||||
fecha: new Date(2023, 11, 27),
|
||||
img: "../RECURSOS/Eventos/logozombicide150px.jpg"
|
||||
},
|
||||
{
|
||||
numeroEvento: 2,
|
||||
titulo: "TORNEO PATRULLAS WARHAMMER 40K",
|
||||
texto: "Torneito de toma de contacto para los recién iniciados al hobbie. Desde la Forja ponemos a vuestra disposición mesas, escenografía, ejército(en caso de que sea tu primera vez) y personal de apoyo.",
|
||||
fecha: new Date(2023, 11, 30),
|
||||
img: "../RECURSOS/Eventos/AquilaImperial150px.png"
|
||||
},
|
||||
{
|
||||
numeroEvento: 3,
|
||||
titulo: "TORNEO 1000PTS WARHAMMER 40K",
|
||||
texto: "Torneo para foguearse, la mitad de puntos que una partida competitiva. Desde la Forja ponemos a vuestra disposición mesas, escenografía y árbitro.",
|
||||
fecha: new Date(2024, 0, 3),
|
||||
img: "../RECURSOS/Eventos/AquilaImperial150px.png"
|
||||
}
|
||||
|
||||
]
|
||||
|
||||
|
||||
/*---------------------------- CONFIGURACION COOKIES------------------- */
|
||||
|
||||
function galletas() {
|
||||
const aceptarGalletas = document.getElementById("botonGalleta");
|
||||
const avisoGalleta = document.getElementById("avisoGalleta");
|
||||
const fondoAvisoGalleta = document.getElementById("fondoAvisoGalletas");
|
||||
const galletasNecesarias = document.getElementById("galletasNecesarias");
|
||||
const galletasAnalisis = document.getElementById("galletasAnaliticas");
|
||||
const galletasPublicidad = document.getElementById("galletasPubli");
|
||||
|
||||
/** if(!localStorage.getItem('galletas-aceptadas')){
|
||||
avisoGalleta.classList.add('active');
|
||||
fondoAvisoGalleta.classList.add('active')
|
||||
}
|
||||
*/
|
||||
if(!getCookieExistance("cookieNecesaria")){
|
||||
avisoGalleta.classList.add('active');
|
||||
fondoAvisoGalleta.classList.add('active')
|
||||
}
|
||||
|
||||
aceptarGalletas.addEventListener('click', () => {
|
||||
if (galletasAnalisis.checked){
|
||||
document.cookie = "cookieAnalisis=true; max-age=2628000; path=/;";
|
||||
}
|
||||
if (galletasPublicidad.checked){
|
||||
document.cookie = "cookiepubli=true; max-age=2628000; path=/;";
|
||||
}
|
||||
if (galletasNecesarias.checked){
|
||||
document.cookie = "cookieNecesaria=true; max-age=2628000; path=/;";
|
||||
avisoGalleta.classList.remove('active');
|
||||
fondoAvisoGalleta.classList.remove('active');
|
||||
location.reload();
|
||||
}
|
||||
})
|
||||
|
||||
function getCookieExistance(nombre) {
|
||||
var cookies = document.cookie.split(";");
|
||||
for (var i = 0; i < cookies.length; i++) {
|
||||
var cookie = cookies[i].trim();
|
||||
if (cookie.startsWith(nombre + "=")) {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
return false; // Si no se encuentra la cookie, retorna false
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
const cargado = () => {
|
||||
|
||||
|
||||
// ---------------------- CONFIGURACIÓN BOTON SUBIR ARRIBA -----------------------------
|
||||
|
||||
|
||||
|
||||
const $btnUp = document.getElementById("botonArriba");
|
||||
|
||||
document.addEventListener("click", (e) =>{
|
||||
if(e.target === $btnUp || e.target.matches(".fa-arrow-up")){
|
||||
window.scrollTo({
|
||||
behaviour: "smooth",
|
||||
top: 0
|
||||
})
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
//--------------------- CONFIGURACIÓN CARRITO COMPRA -------------------------------------
|
||||
|
||||
|
||||
|
||||
|
||||
//--------------------- CONFIGURACIÓN CONTENEDOR SERVICIOS -------------------------------------
|
||||
|
||||
const karroGrande = document.querySelector('.karro-grande');
|
||||
const puntoKarro = document.querySelectorAll('.punto-karro');
|
||||
|
||||
|
||||
puntoKarro.forEach((punto , i)=> {
|
||||
puntoKarro[i].addEventListener('click', ()=>{
|
||||
|
||||
let posicionPunto = i;
|
||||
let widthImg = 100 / puntoKarro.length
|
||||
let operacionPunto = posicionPunto * -widthImg
|
||||
console.log(operacionPunto)
|
||||
karroGrande.style.transform = `translateX(${operacionPunto}%)`
|
||||
|
||||
puntoKarro.forEach((punto, i) => {
|
||||
puntoKarro[i].classList.remove('activo')
|
||||
})
|
||||
puntoKarro[i].classList.add('activo')
|
||||
})
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
//--------------------- CONFIGURACIÓN CONTENEDOR PRODUCTOS --------------------------------
|
||||
|
||||
|
||||
|
||||
const genListaProd = () => {
|
||||
let contenedorProd = document.getElementById("contenedorProductos2");
|
||||
|
||||
for (let i = 0; i < infoProductos.length; i++){
|
||||
|
||||
|
||||
contenedorProd.innerHTML += `
|
||||
|
||||
<li class="item-lista-productos">
|
||||
<h3>${infoProductos[i].titulo}</h3>
|
||||
<div class="container-carousel">
|
||||
<div class="carruseles-prod" id="slider">
|
||||
<figure class="slider-section-prod">
|
||||
<img src="${infoProductos[i].img1}" alt="${infoProductos[i].alt}">
|
||||
</figure>
|
||||
<figure class="slider-section-prod">
|
||||
<img src="${infoProductos[i].img2}" alt="${infoProductos[i].alt}">
|
||||
</figure>
|
||||
|
||||
<figure class="slider-section-prod">
|
||||
<img src="${infoProductos[i].img3}" alt="${infoProductos[i].alt}">
|
||||
</figure>
|
||||
</div>
|
||||
<button type="button" class="btn-left" onclick="moveToLeft()"> < </button>
|
||||
<button type="button" class="btn-right" onclick="moveToRight()"> > </button>
|
||||
</div>
|
||||
<ul class="info-producto">
|
||||
<li class="descripcion-producto">
|
||||
<p class="texto-descrip-prod">${infoProductos[i].textodescrip} </p>
|
||||
<p class="productos-disponibles">Disponibles: ${infoProductos[i].disponibles}</p>
|
||||
</li>
|
||||
<li class="precio-producto">${infoProductos[i].precio}€</li>
|
||||
</ul>
|
||||
</li>
|
||||
`}
|
||||
|
||||
}
|
||||
|
||||
/** más adelante se creará un botón para añadir a un carrito y un contenedor para los articulos del carrito
|
||||
con sus correspondientes botones para quitar el producto, un espacio donde figure la suma de las cantidades, etc. */
|
||||
|
||||
|
||||
|
||||
|
||||
//--------------------- CONFIGURACIÓN SLIDERS ------------------------------///
|
||||
|
||||
let operacion = 0,
|
||||
counter = 0;
|
||||
|
||||
|
||||
function moveToRight() {
|
||||
let elementoAMover = this.event.target.parentNode.firstElementChild;
|
||||
let numeroContenedores = elementoAMover.children.length
|
||||
|
||||
let widthImg = 100 / numeroContenedores;
|
||||
|
||||
if (counter >= elementoAMover.children.length-1) {
|
||||
operacion = 0;
|
||||
counter = 0;
|
||||
elementoAMover.style.transform = `translate(-${operacion}%)`;
|
||||
return;
|
||||
}
|
||||
counter++;
|
||||
operacion = operacion + widthImg;
|
||||
|
||||
elementoAMover.style.transform = `translate(-${operacion}%)`;
|
||||
}
|
||||
|
||||
function moveToLeft() {
|
||||
let elementoAMover = this.event.target.parentNode.firstElementChild;
|
||||
|
||||
let widthImg = 100 / elementoAMover.children.length;
|
||||
|
||||
|
||||
counter --;
|
||||
if (counter < 0 ) {
|
||||
counter = elementoAMover.children.length-1;
|
||||
operacion = widthImg * (elementoAMover.children.length-1);
|
||||
elementoAMover.style.transform = `translate(-${operacion}%)`
|
||||
elementoAMover.style.transition = 'none';
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
operacion = operacion - widthImg;
|
||||
elementoAMover.style.transform = `translate(-${operacion}%)`
|
||||
|
||||
}
|
||||
|
||||
|
||||
//-------------------------- EVENTOS --------------------------------
|
||||
|
||||
|
||||
|
||||
|
||||
const genListaEven = () => {
|
||||
let contenedorEventos = document.getElementById("listadeEventos")
|
||||
|
||||
|
||||
for(let i =0; i< listaEventos.length; i++)
|
||||
contenedorEventos.innerHTML += `
|
||||
<li class="item-lista-eventos">
|
||||
<img src="${listaEventos[i].img}" class="token-evento" alt="token_evento">
|
||||
<h2 class="titulo-evento">${listaEventos[i].titulo}</h2>
|
||||
<p class="texto-evento">${listaEventos[i].texto}</p>
|
||||
<p class="fecha-evento" id="evento${listaEventos[i].numeroEvento}">${listaEventos[i].fecha.toLocaleDateString()}</p>
|
||||
</li>
|
||||
`
|
||||
}
|
||||
|
||||
|
||||
|
||||
//-------------------------- CONFIGURACIÓN CALENDARIO --------------------------------
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
const cargaCalendario = () => {
|
||||
const nombresMeses = ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio',
|
||||
'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre']
|
||||
|
||||
|
||||
let fechaActual = new Date();
|
||||
let diaActual = fechaActual.getDate();
|
||||
let numeroMes = fechaActual.getMonth();
|
||||
let yearActual = fechaActual.getFullYear();
|
||||
|
||||
|
||||
let diaEventoUno = listaEventos[0].fecha //esta fecha se traerá posteriormente desde la DB
|
||||
let diaEventoDos = listaEventos[1].fecha //esta fecha se traerá posteriormente desde la DB
|
||||
let diaEventoZero = listaEventos[2].fecha //esta fecha se traerá posteriormente desde la DB
|
||||
|
||||
|
||||
let fechas = document.getElementById("dates-calendar");
|
||||
let mes = document.getElementById("mes-actual");
|
||||
let year = document.getElementById("year");
|
||||
|
||||
let mesAnteriorDOM = document.getElementById("mes-anterior")
|
||||
let mesSiguienteDOM = document.getElementById("mes-siguiente");
|
||||
|
||||
|
||||
mes.textContent = nombresMeses[numeroMes];
|
||||
year.textContent = yearActual.toString();
|
||||
|
||||
mesAnteriorDOM.addEventListener("click", () => mesAnterior());
|
||||
mesSiguienteDOM.addEventListener("click", () => mesSiguiente())
|
||||
|
||||
|
||||
const generacionMeses = (mes) => {
|
||||
for(let i = diaComienzoSemana(); i>0; i--){
|
||||
fechas.innerHTML += `<div class= "dia-calendario item-calendario dias-ultimo-mes">
|
||||
${numeroDiasMes(numeroMes-1)-(i-1)}
|
||||
</div>`;
|
||||
}
|
||||
|
||||
for (let i = 1; i <= numeroDiasMes(mes); i++){
|
||||
let fechaActualVieja = new Date();
|
||||
let mesActual = fechaActualVieja.getMonth();
|
||||
let yearActualViejo = fechaActualVieja.getFullYear();
|
||||
|
||||
let numeroDiaEventoZero = diaEventoZero.getDate();
|
||||
let mesDiaEventoZero = diaEventoZero.getMonth();
|
||||
let yearEventoZero = diaEventoZero.getFullYear();
|
||||
|
||||
let numeroDiaEventoUno = diaEventoUno.getDate();
|
||||
let mesDiaEventoUno = diaEventoUno.getMonth();
|
||||
let yearEventoUno = diaEventoUno.getFullYear();
|
||||
|
||||
let numeroDiaEventoDos = diaEventoDos.getDate();
|
||||
let mesDiaEventoDos = diaEventoDos.getMonth();
|
||||
let yearEventoDos = diaEventoDos.getFullYear();
|
||||
|
||||
if((i === diaActual) && (mes === mesActual) && (yearActualViejo === yearActual)){
|
||||
fechas.innerHTML += `<div class= "dia-calendario item-calendario today">${i}</div>`;
|
||||
}
|
||||
else if((i === numeroDiaEventoZero) && (yearActual === yearEventoZero) && (mesDiaEventoZero === mes) && (i !== diaActual)){
|
||||
fechas.innerHTML += `<div class= "dia-calendario item-calendario dia-evento dropdown">${i}
|
||||
<ul class="desplegable-calendario">
|
||||
<li class="item-desplegable-calendario">Dia ${numeroDiaEventoZero}:</li>
|
||||
<li class="item-desplegable-calendario">
|
||||
<span class="formateo-evento-calend">Torneo 1000 PTS</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>`;
|
||||
}
|
||||
else if((i === numeroDiaEventoUno) && (yearActual === yearEventoUno) && (mesDiaEventoUno === mes) && (i !== diaActual)){
|
||||
fechas.innerHTML += `<div class= "dia-calendario item-calendario dia-evento dropdown">${i}
|
||||
<ul class="desplegable-calendario">
|
||||
<li class="item-desplegable-calendario">Dia ${numeroDiaEventoUno}:</li>
|
||||
<li class="item-desplegable-calendario">
|
||||
<span class="formateo-evento-calend">Partida Zombicide</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>`;
|
||||
}
|
||||
else if((i === numeroDiaEventoDos) && (yearActual === yearEventoDos) && (mesDiaEventoDos === mes) && (i !== diaActual)){
|
||||
fechas.innerHTML += `<div class= "dia-calendario item-calendario dia-evento dropdown">${i}
|
||||
<ul class="desplegable-calendario">
|
||||
<li class="item-desplegable-calendario">Dia ${numeroDiaEventoDos}:</li>
|
||||
<li class="item-desplegable-calendario">
|
||||
<span class="formateo-evento-calend">Torneo Patrullas</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>`;
|
||||
}
|
||||
else {
|
||||
fechas.innerHTML += `<div class="dia-calendario item-calendario">${i}</div>`;
|
||||
|
||||
}
|
||||
}}
|
||||
|
||||
|
||||
const numeroDiasMes = (mes) => {
|
||||
if(mes === -1) mes = 11;
|
||||
|
||||
if (mes === 0 || 2 || 4 || 6 || 7 || 9 || 11) {
|
||||
return 31;
|
||||
} else if (mes === 3 || 5 || 8 || 10) {
|
||||
return 30;
|
||||
} else {
|
||||
return esBisiesto() ? 29:28;
|
||||
}
|
||||
|
||||
}
|
||||
const esBisiesto = () => {
|
||||
return ((yearActual % 100 !== 0) && (yearActual % 4 === 0) || (yearActual % 400 === 0));
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
const diaComienzoSemana = () => {
|
||||
let comienzo = new Date(yearActual, numeroMes, 1);
|
||||
return ((comienzo.getDay()-1) === -1) ? 6 : comienzo.getDay()-1;
|
||||
|
||||
}
|
||||
|
||||
const mesAnterior = () => {
|
||||
if(numeroMes !== 0){
|
||||
numeroMes--;
|
||||
}else {
|
||||
numeroMes = 11;
|
||||
yearActual--;
|
||||
}
|
||||
nuevaFecha();
|
||||
}
|
||||
|
||||
const mesSiguiente = () => {
|
||||
if(numeroMes !== 11){
|
||||
numeroMes++;
|
||||
}else {
|
||||
numeroMes = 0;
|
||||
yearActual++;
|
||||
}
|
||||
|
||||
nuevaFecha();
|
||||
}
|
||||
|
||||
|
||||
const nuevaFecha = () => {
|
||||
fechaActual.setFullYear(yearActual, numeroMes, diaActual);
|
||||
mes.textContent = nombresMeses[numeroMes];
|
||||
year.textContent = yearActual.toString();
|
||||
fechas.textContent = '';
|
||||
generacionMeses(numeroMes)
|
||||
}
|
||||
|
||||
|
||||
|
||||
generacionMeses(numeroMes);
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*-------------------CONTROL FORMULARIO--------------------*/
|
||||
|
||||
|
||||
const validarFormulario = () => {
|
||||
let formulario = document.getElementById('formularioContacto');
|
||||
let botonFormulario = document.getElementById('enviarForm');
|
||||
|
||||
const emailError = document.getElementById('mailErrorArea');
|
||||
let campoEmail = document.getElementById('mailForm');
|
||||
|
||||
|
||||
campoEmail.addEventListener("input", function (event) {
|
||||
|
||||
|
||||
if (campoEmail.validity.valid) {
|
||||
emailError.innerHTML = "";
|
||||
emailError.className = "error";
|
||||
} else {
|
||||
showError();
|
||||
}
|
||||
});
|
||||
|
||||
form.addEventListener("submit", function (event) {
|
||||
|
||||
if (!campoEmail.validity.valid) {
|
||||
showError();
|
||||
event.preventDefault();
|
||||
}
|
||||
});
|
||||
|
||||
function showError() {
|
||||
if (campoEmail.validity.valueMissing) {
|
||||
|
||||
emailError.textContent = "Debe introducir una dirección de correo electrónico.";
|
||||
} else if (campoEmail.validity.typeMismatch) {
|
||||
|
||||
emailError.textContent = "El valor introducido debe ser una dirección de correo electrónico.";
|
||||
}
|
||||
emailError.className = "error active";
|
||||
}
|
||||
formulario.submit()
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 205 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 105 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 120 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 95 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 77 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 102 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 194 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 588 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 67 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
Loading…
Reference in New Issue