<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Dropdown Menu Example</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<header>
<nav class="navbar">
<div class="logo">Placeholder</div>
<ul class="nav-links">
<li><a href="#">About us</a></li>
<li class="dropdown">
<a href="#" class="dropbtn">Pricing</a>
<div class="dropdown-content">
<div class="dropdown-section">
<h4>For Individuals</h4>
<a href="#">Introduction</a>
<a href="#">Pay as you go</a>
</div>
<div class="dropdown-section">
<h4>For Companies</h4>
<a href="#">Startups</a>
<a href="#">SMBs</a>
<a href="#">Enterprise</a>
</div>
<a href="#" class="contact-sales">Contact sales</a>
</div>
</li>
<li><a href="#">Careers</a></li>
<li><a href="#">Documentation</a></li>
</ul>
<div class="nav-buttons">
<button class="signin-btn">Sign in</button>
<button class="demo-btn">Schedule a Demo</button>
</div>
</nav>
</header>
<script src="script.js" type="module"></script>
</body>
</html>
