205 lines
9.1 KiB
HTML
205 lines
9.1 KiB
HTML
<!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">
|
|
<link rel="shortcut icon" href="../RECURSOS/Logo/ForjaLogo.ico">
|
|
|
|
<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>
|
|
|
|
<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>€</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>
|
|
|
|
</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>
|
|
<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>
|
|
|
|
|
|
<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> |