<header style=”width:100%; background:#ffffff; padding:10px 20px; border-bottom:1px solid #eee;”>
<div style=”display:flex; justify-content:space-between; align-items:center; max-width:1200px; margin:auto;”>
<!– Logo –>
<div class=”header-logo”>
<a href=”/”>
<img src=”YOUR-LOGO-URL.png” alt=”Logo” style=”height:50px;”>
</a>
</div>
<!– Navigation Menu –>
<nav class=”header-menu”>
<ul style=”list-style:none; display:flex; gap:25px; margin:0; padding:0;”>
<li><a href=”#” style=”text-decoration:none; color:#333;”>Home</a></li>
<li><a href=”#” style=”text-decoration:none; color:#333;”>About</a></li>
<li><a href=”#” style=”text-decoration:none; color:#333;”>Services</a></li>
<li><a href=”#” style=”text-decoration:none; color:#333;”>Contact</a></li>
</ul>
</nav>
</div>
</header>