Navigation Bar (Top Navigation)

<nav class="navbar">
    <div class="navbar-container">
        <a href="/" class="navbar-brand">Brand</a>
        <ul class="navbar-menu">
            <li><a href="#">Item</a></li>
        </ul>
    </div>
</nav>

Breadcrumb Navigation

<nav class="breadcrumb-nav">
    <a href="#">Home</a>
    <span class="separator">/</span>
    <span class="current">Current Page</span>
</nav>

Tab Navigation

Content for Tab 1 goes here.

Content for Tab 2 goes here.

Content for Tab 3 goes here.

<div class="tabs">
    <div class="tab-buttons">
        <button class="tab-btn active">Tab 1</button>
        <button class="tab-btn">Tab 2</button>
    </div>
    <div class="tab-content active">...</div>
    <div class="tab-content">...</div>
</div>

Side Navigation (Sidebar)

Main content area

<nav class="sidebar">
    <ul>
        <li><a href="#">Dashboard</a></li>
        <li><a href="#" class="active">Settings</a></li>
    </ul>
</nav>