Files
success/public/es/stories/index.html
Shuvam Khamrui df0e0f9481 initial commit
2025-06-11 21:00:46 +05:30

202 lines
5.2 KiB
HTML

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Stories | </title>
<link rel="stylesheet" href="/css/main.css" />
<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
</head>
<body>
<nav>
<h2>sponser</h2>
<img src="" alt="" class="logo" />
<div class="search-bar-container" id="search"></div>
<div class="dropdown">
<button class="dropbtn">es</button>
<div class="dropdown-content">
<a href="/en/" class="">
English
</a>
<a href="/de/" class="">
German
</a>
<a href="/es/" class="">
Spanish
</a>
</div>
</div>
</nav>
<main>
<section class="hero">
<div class="">
<h1 class="">🚀 Historias de éxito reales de Odoo: descubre dónde destaca Odoo</h1>
<p class="">Descubre cómo empresas de todos los sectores se están transformando con Odoo, desde la optimización del inventario hasta la automatización de las ventas y la ampliación de las operaciones. Estos son ejemplos reales de cómo Odoo es un éxito rotundo. 💡 ¿Usas Odoo? Comparte tu historia de éxito y consigue visibilidad destacada con un backlink dofollow a tu sitio web como agradecimiento. Es visibilidad gratuita y un excelente SEO.</p>
</div>
<div class="tags_categories">
<div class="category_list">
<h3 class="">
<img src="/icons/categories.svg" alt="" class="">
categorías
</h3>
<ul>
<li class="chip">
<a href="/es/%20/categories/0-5/">0-5</a>
</li>
<li class="chip">
<a href="/es/%20/categories/farm/">farm</a>
</li>
</ul>
</div>
<div class="tags_list">
<h3 class="">
<img src="/icons/hastag.svg" alt="" class="">
etiquetas
</h3>
<ul>
<li class="chip">
<a href="/es/%20/tags/cattle-farm/">cattle farm</a>
</li>
<li class="chip">
<a href="/es/%20/tags/digital-transformation/">digital transformation</a>
</li>
<li class="chip">
<a href="/es/%20/tags/erp/">erp</a>
</li>
<li class="chip">
<a href="/es/%20/tags/odoo/">odoo</a>
</li>
<li class="chip">
<a href="/es/%20/tags/paraguay/">paraguay</a>
</li>
</ul>
</div>
</div>
</section>
<button class="story-btn" id="createStoryBtn">Envíe su historia de éxito aquí</button>
<dialog class="story_dialog">
<button id="closeStoryModal" autofocus>Close</button>
<iframe src="https://ai.odoo4projects.com/form/345c0f2c-8764-4094-8a5d-1be9c2ed86ef" frameborder="1"></iframe>
</dialog>
<section class="story__grid">
<article class="story__card">
<img src="/images/blog-thumbnail.png" alt="Transforming Our Cattle Farm with Odoo Community" class="story__coverImg" loading="lazy">
<div class="story__card__details">
<a href="https://example.org/es/stories/agape/" target="_self">
<h4 class="card__title">Transforming Our Cattle Farm with Odoo Community</h4>
</a>
<p class="card__description">
How Odoo Community helped streamline operations across three farm locations in Paraguay
</p>
<div class="card__tags_categories">
<a href="" class="category__chip">
Farm
</a>
<a href="" class="category__chip">
0-5
</a>
<a href="" class="tag__chip">
<span class="hastag">#</span>Odoo
</a>
<a href="" class="tag__chip">
<span class="hastag">#</span>ERP
</a>
<a href="" class="tag__chip">
<span class="hastag">#</span>Cattle Farm
</a>
<a href="" class="tag__chip">
<span class="hastag">#</span>Paraguay
</a>
<a href="" class="tag__chip">
<span class="hastag">#</span>Digital Transformation
</a>
</div>
<div class="publish__date__timeToRead">
<div class="publish__date">
<img src="/icons/calender.svg" class="story__card__icon" alt="">
<time datetime="">10 jun. 2025</time>
</div>
<div class="publish__date">
<img src="/icons/hourglass.svg" class="story__card__icon" alt="">
<time datetime="">2 minutos para leer </time>
</div>
</div>
<div class="publish__date">
<img src="/icons/person.svg" class="story__card__icon" alt="">
<time datetime="">Estancia Agape</time>
</div>
</div>
</article>
</section>
</main>
<script src="/pagefind/pagefind-ui.js"></script>
<script>
window.addEventListener("DOMContentLoaded", (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<script>
const dialog = document.querySelector("dialog");
const showButton = document.getElementById("createStoryBtn");
const closeButton = document.getElementById("closeStoryModal");
showButton.addEventListener("click", () => {
dialog.showModal();
});
closeButton.addEventListener("click", () => {
dialog.close();
});
</script>
</body>
</html>