header.html

<header>
  <nav class="nav">
    <div class="nav-left">
      <a href="index.html" style="display:flex; align-items:center; gap:0.9rem;">
        <div class="nav-logo-icon"><span>HS</span></div>
        <div class="nav-brand">
          <div class="nav-brand-title">HaSolantia</div>
          <div class="nav-brand-sub">Power You Trust.</div>
        </div>
      </a>
    </div>

    <button class="nav-toggle" aria-label="Toggle navigation" id="navToggle">☰</button>

    <div class="nav-links" id="navLinks">
      <a href="index.html">Home</a>
      <a href="services.html">Topics</a>
	  <a href="portfolio.html">Portfolio</a>
      <a href="about.html">About</a>
      <a href="contact.html">Contact</a>
    </div>
  </nav>
</header>