header.html

<header class="site-header">
  <div class="container nav-wrap">
    <a class="brand" href="/index.html">
      <i data-lucide="layers" class="icon icon-brand icon-accent" aria-hidden="true"></i>
      <span>The Analytical Stack</span>
    </a>
    <nav class="site-nav" aria-label="Navigazione principale">
      <a href="/index.html">
        <i data-lucide="house" class="icon icon-nav icon-sky" aria-hidden="true"></i>
        <span>Home</span>
      </a>
      <a href="blogDeveloping.html">
        <i data-lucide="newspaper" class="icon icon-nav icon-violet" aria-hidden="true"></i>
        <span>Blog</span>
      </a>
      <a href="/projects.html">
        <i data-lucide="folder-code" class="icon icon-nav icon-emerald" aria-hidden="true"></i>
        <span>Projects</span>
      </a>
      <a href="/about.html">
        <i data-lucide="user-round" class="icon icon-nav icon-amber" aria-hidden="true"></i>
        <span>About</span>
      </a>
      <a href="/contact.html">
        <i data-lucide="mail" class="icon icon-nav icon-rose" aria-hidden="true"></i>
        <span>Contact</span>
      </a>
    </nav>
  </div>
</header>