-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
217 lines (186 loc) · 9.33 KB
/
index.html
File metadata and controls
217 lines (186 loc) · 9.33 KB
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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
<!-- Index -->
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
content="Descubre contenido confiable sobre temas relevantes en nuestro blog. Mantente informado con nuestras publicaciones actualizadas y bien investigadas.">
<meta name="keywords"
content="blog, información confiable, temas actuales, contenido educativo, publicaciones relevantes">
<meta name="author" content="Tu nombre o nombre del blog">
<meta name="robots" content="index, follow">
<title>Página Principal del Blog | Información Confiable</title>
<!-- Favicon -->
<link rel="icon" href="multimedia/favicon.ico" type="image/x-icon"> <!-- Favicon estándar -->
<link rel="apple-touch-icon" href="multimedia/favicon-192x192.png"> <!-- Icono para dispositivos Apple -->
<link rel="manifest" href="json/manifest.json"> <!-- Archivo manifest para navegadores modernos -->
<!-- Enlace a Font Awesome para los iconos -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<!-- Enlace al archivo CSS externo -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- Subheader: Redes sociales con Font Awesome -->
<div class="subheader">
<a href="mailto:rinkyn2005@gmail.com">
<i class="fas fa-envelope"></i> rinkyn2005@gmail.com
</a>
<!-- Enlaces a las redes sociales -->
<div class="social-links">
<a href="https://www.facebook.com/rinkyn05" class="fab fa-facebook" target="_blank"></a>
<a href="https://api.whatsapp.com/send?phone=8296801061" class="fab fa-whatsapp" target="_blank"></a>
<a href="https://github.com/rinkyn05" class="fab fa-github" target="_blank"></a>
<a href="https://api.whatsapp.com/send?phone=8498835985" class="fab fa-whatsapp" target="_blank"></a>
</div>
</div>
<!-- Header -->
<header class="header">
<div class="logo">
<a href="index.html">
<img src="multimedia/logo.png" alt="Logo del blog">
</a>
<p>Tu fuente confiable de información</p>
</div>
<nav class="menu">
<!-- Menú de navegación -->
<ul>
<li><a href="index.html" class="active">Inicio</a></li>
<li><a href="paginas/nosotros.html">Nosotros</a></li>
<li><a href="paginas/contacto.html">Contacto</a></li>
<li><a href="paginas/categorias.html">Categorías</a></li>
<li>
<a href="#" class="search-icon">
<i class="fas fa-search"></i>
</a>
</li>
</ul>
</nav>
</header>
<!-- Main content -->
<main class="content">
<!-- Posts -->
<section class="posts">
<!-- Artículo 1 -->
<article class="post">
<a href="blog/entrada-muestra-8.html">
<img src="multimedia/entradas/pag1/1.jpg" alt="Imagen de la publicación">
</a>
<!-- Título de la publicación -->
<h2>Publicación de Muestra 8: Explorando la Tecnología</h2>
<!-- Metadatos de la publicación -->
<p class="meta">Por RINKYN | 11/01/2025 | Categorías: Tecnología</p>
<!-- Descripción de la publicación -->
<p class="description">
La tecnología está avanzando a un ritmo increíble, transformando nuestras vidas de maneras
inesperadas. En esta publicación, exploraremos los avances tecnológicos más recientes y cómo están
impactando en la sociedad.
</p>
<!-- Botón para leer más -->
<a href="blog/entrada-muestra-8.html">
<button class="read-more">Seguir Leyendo ➡️</button>
</a>
</article>
<!-- Artículo 2 -->
<article class="post">
<a href="blog/entrada-muestra-7.html">
<img src="multimedia/entradas/pag1/2.jpg" alt="Imagen de la publicación">
</a>
<h2>Publicación de Muestra 7: Explorando la Economía</h2>
<p class="meta">Por RINKYN | 07/01/2025 | Categorías: Economia</p>
<p class="description">La economía juega un papel crucial en nuestras vidas, afectando desde nuestras finanzas personales hasta las decisiones gubernamentales. En esta entrada, analizaremos temas clave y su impacto.</p>
<a href="blog/entrada-muestra-7.html">
<button class="read-more">Seguir Leyendo ➡️</button>
</a>
</article>
<!-- Artículo 3 -->
<article class="post">
<a href="blog/entrada-muestra-6.html">
<img src="multimedia/entradas/pag1/3.jpg" alt="Imagen de la publicación">
</a>
<h2>Publicación de Muestra 6: Tecnología y Economía</h2>
<p class="meta">Por RINKYN | 04/01/2025 | Categorías: Tecnologia - Economia</p>
<p class="description">La tecnología y la economía están profundamente entrelazadas, transformando la forma en que vivimos, trabajamos y pensamos sobre el futuro. En esta publicación, exploramos sus conexiones clave.</p>
<a href="blog/entrada-muestra-6.html">
<button class="read-more">Seguir Leyendo ➡️</button>
</a>
</article>
<!-- Artículo 4 -->
<article class="post">
<a href="blog/entrada-muestra-5.html">
<img src="multimedia/entradas/pag1/4.jpg" alt="Imagen de la publicación">
</a>
<h2>Publicación de Muestra 5: Descubre el Ocio Perfecto</h2>
<p class="meta">Por RINKYN | 01/01/2025 | Categorías: Ocio</p>
<p class="description">El ocio es esencial para nuestro bienestar. Desde actividades al aire libre hasta momentos de relajación en casa, te presentamos ideas para aprovechar al máximo tu tiempo libre.</p>
<a href="blog/entrada-muestra-5.html">
<button class="read-more">Seguir Leyendo ➡️</button>
</a>
</article>
<!-- Paginación -->
<div class="pagination">
<a href="index.html" class="page-number active">1</a>
<a href="paginas/pag2.html" class="page-number">2</a>
</div>
</section>
<!-- Sidebar -->
<aside class="sidebar">
<!-- Publicidad (1) -->
<div class="sidebar-item">
<h3>Publicidad</h3> <!-- Título de la publicidad -->
<img src="multimedia/ads/publicidad1.jpg" alt="Imagen de publicidad 1">
<button class="read-more">Ver Más ➡️</button>
</div>
<!-- Publicación destacada -->
<div class="sidebar-item">
<h3>Destacado</h3> <!-- Título del contenido destacado -->
<img src="multimedia/entradas/pag1/3.jpg" alt="Imagen lateral">
<h3>Publicación de Muestra 6</h3>
<p>Esto es una descripción corta de la Publicación de Muestra 6...</p>
<button class="read-more">Seguir Leyendo ➡️</button>
</div>
<!-- Publicidad (2) -->
<div class="sidebar-item">
<h3>Publicidad</h3> <!-- Título de la publicidad -->
<img src="multimedia/ads/publicidad2.jpeg" alt="Imagen de publicidad 2">
<button class="read-more">Ver Más ➡️</button>
</div>
</aside>
</main>
<!-- Subfooter -->
<div class="subfooter">
<!-- Subfooter Item 1: Nosotros -->
<div class="subfooter-item">
<h3>Nosotros</h3>
<img src="multimedia/logo.png" alt="Logo del sitio">
<p>
Bienvenidos a Rinkyn Codes de Ricardo Morel, este es un sitio web estilo blog de muestra,
está creado con HTML y CSS.
</p>
<button onclick="window.location.href='paginas/nosotros.html'">Ver Más</button>
</div>
<!-- Subfooter Item 2: Entradas Recientes -->
<div class="subfooter-item">
<h3>Entradas Recientes</h3>
<ul>
<li><a href="blog/entrada-muestra-8.html">Publicación de Muestra 8: Explorando la Tecnología</a></li>
<li><a href="blog/entrada-muestra-7.html">Publicación de Muestra 7: Explorando la Economía</a></li>
<li><a href="blog/entrada-muestra-6.html">Publicación de Muestra 6: Tecnología y Economía</a></li>
</ul>
</div>
<!-- Subfooter Item 3: Links Útiles -->
<div class="subfooter-item">
<h3>Links Útiles</h3>
<ul>
<li><a href="paginas/nosotros.html">Nosotros</a></li>
<li><a href="paginas/contacto.html">Contacto</a></li>
<li><a href="paginas/categorias.html">Categorías</a></li>
</ul>
</div>
</div>
<!-- Footer -->
<footer class="footer">
<p>Creado Con 💚 Por Rinkyn © 2025 Blog Demo. Todos los derechos reservados.</p>
</footer>
</body>
</html>