mejoras en el blog
This commit is contained in:
@@ -4,9 +4,8 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="Blog de Amor y Roma. Estrategia, branding, desarrollo web y marketing digital con esencia y solidez.">
|
||||
<title>Blog | Amor y Roma — Recursos y Estrategias</title>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.0/css/all.min.css">
|
||||
<link rel="icon" href="/assets/img/favicon.ico" type="image/x-icon">
|
||||
<title>Blog | Amor y Roma — Recursos y Estrategias</title>
|
||||
<link rel="stylesheet" href="style/main.css">
|
||||
<link rel="stylesheet" href="style/blog.css">
|
||||
</head>
|
||||
@@ -80,144 +79,29 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- DESTACADOS -->
|
||||
<section class="featured-posts" id="featured-posts">
|
||||
<!-- DESTACADOS (Se llena dinámicamente con JS) -->
|
||||
<section class="featured-posts" id="featured-posts" style="display: none;">
|
||||
<div class="section-header">
|
||||
<h2 class="section-title">Más leídos</h2>
|
||||
<p class="section-subtitle">Los artículos que más están ayudando a marcas como la tuya.</p>
|
||||
</div>
|
||||
|
||||
<div class="featured-grid">
|
||||
<!-- Artículo Destacado 1 -->
|
||||
<article class="featured-card" data-categories="branding" data-featured="true">
|
||||
<div class="featured-image">
|
||||
<img src="assets/blog/logo-marca.jpg" alt="Tu logo no es tu marca">
|
||||
<span class="featured-badge">Destacado</span>
|
||||
</div>
|
||||
<div class="featured-content">
|
||||
<div class="featured-meta">
|
||||
<span class="category-tag branding">Branding</span>
|
||||
<time datetime="2024-01-18">10 Jun 2026</time>
|
||||
</div>
|
||||
<h3 class="featured-title">Tu logo no es tu marca (y por qué importa)</h3>
|
||||
<p class="featured-excerpt">
|
||||
Muchos emprendedores confunden el símbolo con la sustancia. Tener un logo bonito no es tener una marca.
|
||||
</p>
|
||||
<div class="featured-footer">
|
||||
<span class="reading-time">⏱ 6 min de lectura</span>
|
||||
<a href="articulos/to-logo-no-es-tu-marca.html" class="btn-read">Leer artículo →</a>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Artículo Destacado 2 -->
|
||||
<article class="featured-card" data-categories="web" data-featured="true">
|
||||
<div class="featured-image">
|
||||
<img src="assets/blog/landing-page.jpg" alt="Landing pages que convierten">
|
||||
<span class="featured-badge">Destacado</span>
|
||||
</div>
|
||||
<div class="featured-content">
|
||||
<div class="featured-meta">
|
||||
<span class="category-tag web">Web</span>
|
||||
<time datetime="2024-01-10">15 Jul 2026</time>
|
||||
</div>
|
||||
<h3 class="featured-title">Landing pages que convierten: 7 principios probados</h3>
|
||||
<p class="featured-excerpt">
|
||||
No es magia, es método. Una landing page efectiva no depende de la suerte ni de tendencias pasajeras.
|
||||
</p>
|
||||
<div class="featured-footer">
|
||||
<span class="reading-time"> 8 min de lectura</span>
|
||||
<a href="articulos/landing-pages-que-convierten.html" class="btn-read">Leer artículo →</a>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Artículo Destacado 3 -->
|
||||
<article class="featured-card" data-categories="automatizaciones" data-featured="true">
|
||||
<div class="featured-image">
|
||||
<img src="assets/blog/automatizacion.jpg" alt="Automatizaciones en Instagram">
|
||||
<span class="featured-badge">Destacado</span>
|
||||
</div>
|
||||
<div class="featured-content">
|
||||
<div class="featured-meta">
|
||||
<span class="category-tag automatizaciones">Automatizaciones</span>
|
||||
<time datetime="2024-01-05">12 Ago 2026</time>
|
||||
</div>
|
||||
<h3 class="featured-title">Automatizaciones en Instagram: de 0 a 100 leads/mes</h3>
|
||||
<p class="featured-excerpt">
|
||||
Responder el mismo mensaje 50 veces al día no es escalable. Las automatizaciones bien hechas te permiten captar prospectos.
|
||||
</p>
|
||||
<div class="featured-footer">
|
||||
<span class="reading-time">⏱ 9 min de lectura</span>
|
||||
<a href="articulos/automatizaciones-instagram.html" class="btn-read">Leer artículo →</a>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
<div class="featured-grid" id="featured-grid">
|
||||
<!-- JS inyecta las tarjetas aquí -->
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- GRID DE ARTÍCULOS
|
||||
<!-- GRID DE ARTÍCULOS (Se llena dinámicamente con JS) -->
|
||||
<section class="blog-grid-section">
|
||||
<div class="section-header">
|
||||
<h2 class="section-title" id="grid-section-title">Ideas frescas</h2>
|
||||
<p class="section-subtitle">Encontrá nuestros últimos articulos de vanguardia.</p>
|
||||
</div>
|
||||
<div class="blog-grid" id="blog-grid">
|
||||
|
||||
<article class="blog-card" data-categories="branding" data-featured="true">
|
||||
<div class="card-image">
|
||||
<img src="assets/blog/logo-marca.jpg" alt="Tu logo no es tu marca">
|
||||
<span class="card-category branding">Branding</span>
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<div class="card-meta">
|
||||
<time datetime="2024-01-18">18 Ene 2024</time>
|
||||
<span class="reading-time-mini">6 min</span>
|
||||
</div>
|
||||
<h3 class="card-title">Tu logo no es tu marca (y por qué importa)</h3>
|
||||
<p class="card-excerpt">
|
||||
Muchos emprendedores confunden el símbolo con la sustancia. Tener un logo bonito no es tener una marca.
|
||||
</p>
|
||||
<a href="articulos/tu-logo-no-es-tu-marca.html" class="card-link">Leer artículo</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="blog-card" data-categories="web" data-featured="true">
|
||||
<div class="card-image">
|
||||
<img src="assets/blog/landing-page.jpg" alt="Landing pages que convierten">
|
||||
<span class="card-category web">Web</span>
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<div class="card-meta">
|
||||
<time datetime="2024-01-10">10 Ene 2024</time>
|
||||
<span class="reading-time-mini">8 min</span>
|
||||
</div>
|
||||
<h3 class="card-title">Landing pages que convierten: 7 principios probados</h3>
|
||||
<p class="card-excerpt">
|
||||
No es magia, es método. Una landing page efectiva no depende de la suerte.
|
||||
</p>
|
||||
<a href="articulos/landing-pages-que-convierten.html" class="card-link">Leer artículo</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="blog-card" data-categories="automatizaciones" data-featured="true">
|
||||
<div class="card-image">
|
||||
<img src="assets/blog/automatizacion.jpg" alt="Automatizaciones en Instagram">
|
||||
<span class="card-category automatizaciones">Automatizaciones</span>
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<div class="card-meta">
|
||||
<time datetime="2024-01-05">5 Ene 2024</time>
|
||||
<span class="reading-time-mini">9 min</span>
|
||||
</div>
|
||||
<h3 class="card-title">Automatizaciones en Instagram: de 0 a 100 leads/mes</h3>
|
||||
<p class="card-excerpt">
|
||||
Responder el mismo mensaje 50 veces al día no es escalable.
|
||||
</p>
|
||||
<a href="articulos/automatizaciones-instagram.html" class="card-link">Leer artículo</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- JS inyecta las tarjetas aquí -->
|
||||
</div>
|
||||
|
||||
<div class="empty-state" id="empty-state" style="display: none;">
|
||||
<div class="empty-icon"></div>
|
||||
<div class="empty-icon">🔍</div>
|
||||
<h3>No encontramos artículos con esos filtros</h3>
|
||||
<p>Probá con otros términos o limpiá los filtros para ver todo el contenido.</p>
|
||||
<button class="btn btn-primary" id="empty-reset">Ver todos los artículos</button>
|
||||
@@ -226,23 +110,7 @@
|
||||
<div class="load-more-container">
|
||||
<button class="btn btn-secondary" id="load-more">Cargar más artículos</button>
|
||||
</div>
|
||||
</section> -->
|
||||
|
||||
<!-- NEWSLETTER
|
||||
<section class="newsletter-section">
|
||||
<div class="newsletter-card">
|
||||
<div class="newsletter-content">
|
||||
<h2 class="newsletter-title">Ideas frescas en tu inbox</h2>
|
||||
<p class="newsletter-subtitle">
|
||||
Suscribite y recibí nuestras mejores estrategias de branding, web y marketing digital.
|
||||
</p>
|
||||
</div>
|
||||
<form class="newsletter-form" id="newsletter-form">
|
||||
<input type="email" placeholder="Tu email profesional" required>
|
||||
<button type="submit" class="btn btn-primary">Suscribirme</button>
|
||||
</form>
|
||||
</div>
|
||||
</section> -->
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<div id="footer-container"></div>
|
||||
|
||||
Reference in New Issue
Block a user