header.html

<header id="header">
    <div class="container header-content">
        <div class="branding">
            <h1>Nicholas Thompson</h1>
            <h2>2026 California Governor Candidate</h2>
        </div>
        <nav>
            <ul id="nav-links">
                <li><a href="/" data-page="home">Home</a></li>
                <li class="dropdown">
                    <a href="#" class="dropbtn">Platform <span class="dropdown-icon">▼</span></a>
                    <div class="dropdown-content">
                        <a href="/issues" data-page="issues">Issues</a>
                        <a href="/vision" data-page="vision">Vision</a>
                        <a href="/declaration_of_war" data-page="declaration_of_war">Declaration of War</a>
                    </div>
                </li>
                <li><a href="/about" data-page="about">About</a></li>
                <li><a href="https://choosechange.etsy.com" target="_blank">Shop</a></li>
                <li><a href="/contact" data-page="contact">Contact</a></li>
            </ul>
            <div id="hamburger" class="hamburger" aria-label="Menu">
                <!-- The div for the hamburger lines will be added by JavaScript -->
            </div>
        </nav>
    </div>
</header>