Nav sticky

Navbar de vhoda.cl: logo, tabs, insignia. Estado .scrolled con blur.

DefaultPreview

<nav class="site-nav">
  <div class="site-nav-inner">
    <a href="#" class="nav-logo"><img src="/img/vhodalogoweb.png" alt="vhoda"></a>
    <div class="section-tabs">
      <a href="#" class="section-tab">Proyectos</a>
      <a href="#" class="section-tab active">Somos</a>
      <a href="#" class="section-tab">Hub</a>
    </div>
    <div class="nav-insignia"><img src="/img/insigneavhoda.png" alt=""></div>
  </div>
</nav>

ScrolledPreview

<nav class="site-nav scrolled">
  <div class="site-nav-inner">
    <a href="#" class="nav-logo"><img src="/img/vhodalogoweb.png" alt="vhoda"></a>
    <div class="section-tabs">
      <a href="#" class="section-tab active">Proyectos</a>
      <a href="#" class="section-tab">Somos</a>
      <a href="#" class="section-tab">Hub</a>
    </div>
    <div class="nav-insignia"><img src="/img/insigneavhoda.png" alt=""></div>
  </div>
</nav>

Nav sticky

Design