68 lines
2.0 KiB
HTML
68 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es" data-theme="light">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="">
|
|
<title>Blog - [Nombre de la agencia]</title>
|
|
<link rel="stylesheet" href="style/main.css">
|
|
<link rel="stylesheet" href="style/blog.css">
|
|
</head>
|
|
<body>
|
|
<div id="menu-container"></div>
|
|
|
|
<main>
|
|
<!-- Sección 1: Encabezado del blog -->
|
|
<section id="blog-section-1">
|
|
<h2>Blog</h2>
|
|
<p>Contenido pendiente de definir.</p>
|
|
</section>
|
|
|
|
<!-- Sección 2: Filtros dinámicos -->
|
|
<section id="blog-section-2">
|
|
<div class="blog-filters">
|
|
<label for="filter-category">Categoría:</label>
|
|
<select id="filter-category">
|
|
<option value="">Todas</option>
|
|
<!-- Las opciones se cargarán dinámicamente -->
|
|
</select>
|
|
|
|
<label for="filter-date-from">Desde:</label>
|
|
<input type="date" id="filter-date-from">
|
|
|
|
<label for="filter-date-to">Hasta:</label>
|
|
<input type="date" id="filter-date-to">
|
|
|
|
<button type="button" id="btn-apply-filters">Aplicar filtros</button>
|
|
<button type="button" id="btn-clear-filters">Limpiar</button>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Sección 3: Listado de artículos -->
|
|
<section id="blog-section-3">
|
|
<div class="blog-list" id="blog-list">
|
|
<!-- Los artículos se inyectarán aquí desde PHP/DB -->
|
|
<p>Cargando artículos...</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Sección 4: Paginación -->
|
|
<section id="blog-section-4">
|
|
<nav class="blog-pagination" id="blog-pagination" aria-label="Paginación del blog">
|
|
<!-- Controles de paginación -->
|
|
</nav>
|
|
</section>
|
|
|
|
<!-- Sección 5: CTA / Suscripción -->
|
|
<section id="blog-section-5">
|
|
<h2>Suscríbete</h2>
|
|
<p>Contenido pendiente de definir.</p>
|
|
</section>
|
|
</main>
|
|
|
|
<div id="footer-container"></div>
|
|
|
|
<script src="scripts/main.js"></script>
|
|
<script src="scripts/efecto.js"></script>
|
|
</body>
|
|
</html> |