<!-- Shared Header Component -->

<nav class="navbar" id="navbar">

<div class="nav-container">

<a href="#" class="nav-logo" id="nav-logo-link">

<img

src=""

alt="Python Users Group Nepal Logo"

class="logo-img"

id="nav-logo-img"

/>

<span class="logo-text">Python Users Group Nepal</span>

</a>

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

<span class="hamburger"></span>

</button>

<ul class="nav-menu" id="nav-menu">

<li class="nav-item">

<a href="#" class="nav-link" data-page="index">Home</a>

</li>

<li class="nav-item">

<a href="#" class="nav-link" data-page="meetups">Meetups</a>

</li>

<li class="nav-item">

<a href="#" class="nav-link" data-page="developers">Developers</a>

</li>

<li class="nav-item">

<a href="#" class="nav-link" data-page="companies">Companies</a>

</li>

<li class="nav-item">

<a href="#" class="nav-link" data-page="resources">Resources</a>

</li>

<li class="nav-item">

<a href="#" class="nav-link" data-page="videos">Videos</a>

</li>

<li class="nav-item">

<a href="#" class="nav-link" data-page="news">News & Notices</a>

</li>

</ul>

<div class="nav-actions">

<button

class="theme-toggle"

id="theme-toggle"

aria-label="Toggle dark mode"

>

<i class="fas fa-moon"></i>

</button>

<a

href="https://www.meetup.com/PythonNepal/"

target="_blank"

class="btn btn-primary btn-sm"

>

Join Us

</a>

</div>

</div>

</nav>