LaForjaWebOne/HTML/Servicios.html

179 lines
7.8 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">
<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>
<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>
</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>
<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>