Impeccable redesign: flat surfaces, no emoji, no eyebrows, system fonts, restrained palette

2026-08-07 10:20:59 +00:00
parent 736bad18ca
commit 543c90bdfd
18 changed files with 1032 additions and 892 deletions
@@ -11,9 +11,11 @@
  <meta property="og:url" content="https://odoo-expertos.com/contact.html">
  <meta property="og:title" content="Contacto — Odoo Expertos">
  <link rel="stylesheet" href="/css/style.css">
-  <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='4' fill='%2300c853'/%3E%3Ctext x='16' y='22' text-anchor='middle' font-family='Arial' font-weight='800' font-size='18' fill='%230b1420'%3EOE%3C/text%3E%3C/svg%3E">
+  <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' rx='4' fill='%233b8c5e'/%3E%3Ctext x='12' y='16' text-anchor='middle' font-family='Arial' font-weight='700' font-size='10' fill='%23fff'%3EOE%3C/text%3E%3C/svg%3E">
 </head>
 <body>
+
+<!-- === NAV === -->
 <nav class="nav" role="navigation" aria-label="Navegación principal">
  <div class="nav__inner">
    <a href="/" class="nav__logo">
@@ -21,21 +23,22 @@
      Odoo Expertos
    </a>
    <button id="navToggle" class="nav__toggle" aria-expanded="false" aria-label="Abrir menú">
-      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 12h18M3 6h18M3 18h18"/></svg>
+      <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
+        <path d="M3 12h18M3 6h18M3 18h18"/>
+      </svg>
    </button>
    <div id="navLinks" class="nav__links">
      <a href="/" class="nav__link">Inicio</a>
      <a href="/blog/" class="nav__link">Blog</a>
      <a href="/about.html" class="nav__link">Sobre Nosotros</a>
      <a href="/contact.html" class="nav__link nav__link--active">Contacto</a>
-    
    </div>
  </div>
 </nav>

+<!-- === PAGE HEADER === -->
 <header class="page-header">
  <div class="container container--narrow">
-    <p class="section__label">Contacto</p>
    <h1 class="page-header__title">Hablemos de Odoo</h1>
    <p class="page-header__subtitle">
      ¿Tienes dudas sobre Odoo Community? ¿Quieres sugerir un tema para el blog?
@@ -44,6 +47,7 @@
  </div>
 </header>

+<!-- === CONTACT FORM === -->
 <section class="section">
  <div class="container container--narrow">
    <form class="contact-form" action="https://formspree.io/f/your-form-id" method="POST">
@@ -65,25 +69,25 @@
      </div>
      <button type="submit" class="btn btn--primary">Enviar mensaje</button>
    </form>
-    <p class="text-sm text-dim" style="margin-top:var(--space-lg);">
-      Nota: Configura un servicio como Formspree.io en action="https://formspree.io/f/your-id" para recibir los mensajes.
-    </p>
  </div>
 </section>

+<!-- === FOOTER === -->
 <footer class="footer" role="contentinfo">
  <div class="container">
    <div class="footer__grid">
      <div>
        <div class="footer__brand">Odoo Expertos</div>
-        <p class="footer__description">La referencia en español para Odoo Community ERP.</p>
+        <p class="footer__description">
+          La referencia en español para Odoo Community ERP. Conocimiento práctico creado por consultores con experiencia real en implementaciones ERP.
+        </p>
      </div>
      <div>
        <h4 class="footer__heading">Secciones</h4>
        <div class="footer__links">
          <a href="/blog/" class="footer__link">Blog</a>
          <a href="/blog/" class="footer__link">Tutoriales</a>
-          <a href="/blog/" class="footer__link">Guías</a>
+          <a href="/blog/" class="footer__link">Comparativas</a>
        </div>
      </div>
      <div>
@@ -91,6 +95,7 @@
        <div class="footer__links">
          <a href="https://ODOO4projects.com/?utm_campaign=expertos" class="footer__link" rel="nofollow sponsored" target="_blank">Hosting Odoo</a>
          <a href="https://www.odoo.com/documentation" class="footer__link" target="_blank" rel="noopener">Documentación oficial</a>
+          <a href="https://github.com/odoo/odoo" class="footer__link" target="_blank" rel="noopener">Odoo en GitHub</a>
        </div>
      </div>
      <div>
@@ -98,14 +103,17 @@
        <div class="footer__links">
          <a href="/about.html" class="footer__link">Sobre nosotros</a>
          <a href="/contact.html" class="footer__link">Contacto</a>
+          <a href="/privacy.html" class="footer__link">Política de privacidad</a>
        </div>
      </div>
    </div>
    <div class="footer__bottom">
      <span>&copy; 2026 Odoo Expertos. Independiente y no afiliado a Odoo S.A.</span>
+      <span>Odoo es una marca registrada de Odoo S.A.</span>
    </div>
  </div>
 </footer>
+
 <script src="/js/main.js" defer></script>
 </body>
 </html>