LaForjaWebOne/HTML/Servicios.html

205 lines
9.1 KiB
HTML
Raw Permalink 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">
2024-02-09 14:43:19 +01:00
<link rel="shortcut icon" href="../RECURSOS/Logo/ForjaLogo.ico">
2024-01-20 09:32:00 +01:00
<script src="../JS/index.js"></script>
<title>La Forja Dorada</title>
</head>
2024-02-01 15:30:22 +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>
<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()">&#12296</button>
<button type="button" class="btn-right" onclick="moveToRight()">&#12297</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>
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
<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>