-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathentrada.html
109 lines (101 loc) · 3.88 KB
/
entrada.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Raleway:wght@400;900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/app.css">
<title>Ecommerce | Entrada Blog</title>
</head>
<body>
<header>
<h1 class="nombre-sitio"><a href="index.html"> Tienda <span>Muebles</span></a></h1>
</header>
<div class="contenedor-navegacion">
<nav class="nav-principal contenedor">
<a href="index.html">Inicio</a>
<a href="nosotros.html">Nosotros</a>
<a href="tienda.html">Tienda</a>
<a href="blog.html">Blog</a>
<a href="galeria.html">Galería</a>
<a href="contacto.html">Contacto</a>
</nav>
</div>
<main class="contenido-principal contenedor">
<h2 class="text-center">Entrada Blog</h2>
<article class="entrada contenido-entrada-blog">
<header>
<h2>Guía de Colores</h2>
<div class="imagen">
<img src="img/nosotros.jpg" alt="Imagen Blog">
</div>
<div class="contenido-blog">
<div class="entrada-meta">
<p>Fecha: <span>22 de octubre de 2022</span></p>
<p>Escrito por: <span>Tienda Muebles</span></p>
</div>
<div class="entrada-blog">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nam fugiat repudiandae libero,
veritatis quam neque distinctio dicta porro quasi dolor eos vel nihil molestias quidem
perspiciatis nemo laboriosam ab blanditiis?</p>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nam fugiat repudiandae libero,
veritatis quam neque distinctio dicta porro quasi dolor eos vel nihil molestias quidem
perspiciatis nemo laboriosam ab blanditiis? Lorem ipsum dolor sit amet consectetur,
adipisicing elit. Nam fugiat repudiandae libero,
veritatis quam neque distinctio dicta porro quasi dolor eos vel nihil molestias quidem
perspiciatis nemo laboriosam ab blanditiis?</p>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nam fugiat repudiandae libero,
veritatis quam neque distinctio dicta porro quasi dolor eos vel nihil molestias quidem
perspiciatis nemo laboriosam ab blanditiis?</p>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nam fugiat repudiandae libero,
veritatis quam neque distinctio dicta porro quasi dolor eos vel nihil molestias quidem
perspiciatis nemo laboriosam ab blanditiis?</p>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nam fugiat repudiandae libero,
veritatis quam neque distinctio dicta porro quasi dolor eos vel nihil molestias quidem
perspiciatis nemo laboriosam ab blanditiis?</p>
</div>
</div>
</header>
</article>
</main>
<footer class="site-footer">
<div class="grid-footer contenedor">
<div>
<h3>Categorías</h3>
<nav class="footer-menu">
<a href="#">Cocina</a>
<a href="#">Oficina</a>
<a href="#">Jardín</a>
<a href="#">Cochera</a>
<a href="#">Dormitorios</a>
</nav>
</div>
<div>
<h3>Sobre Nosotros</h3>
<nav class="footer-menu">
<a href="#">Nuestra Historia</a>
<a href="#">Misión, Visión y Valores</a>
<a href="#">Carreras</a>
<a href="#">Política de Privacidad</a>
<a href="#">Términos del Servicio</a>
</nav>
</div>
<div>
<h3>Soporte</h3>
<nav class="footer-menu">
<a href="#">Preguntas Frecuentes</a>
<a href="#">Ayuda en Línea</a>
<a href="#">Confianza y Seguridad</a>
</nav>
</div>
</div>
<p class="footer-copyright">Todos los derechos Reservados</p>
</footer>
</body>
</html>