<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>QA Eval — Widget Dashboard</title>
<style>
body { font-family: sans-serif; padding: 20px; }
nav { margin-bottom: 20px; }
nav a { margin-right: 15px; color: #0066cc; }
form { margin: 20px 0; padding: 15px; border: 1px solid #ccc; border-radius: 4px; }
input { display: block; margin: 8px 0; padding: 6px; }
button { padding: 8px 16px; margin-top: 8px; }
.stats { margin: 20px 0; }
img { display: block; margin: 20px 0; }
</style>
</head>
<body>
<nav>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/nonexistent-404-page">Resources</a> <!-- BUG 1: broken link (404) -->
</nav>
<h1>Widget Dashboard</h1>
<form id="contact">
<h2>Contact Us</h2>
<input type="text" name="name" placeholder="Name" required>
<input type="email" name="email" placeholder="Email" required>
<button type="submit" disabled>Submit</button> <!-- BUG 2: submit button permanently disabled -->
</form>
<div class="stats" style="width: 400px; overflow: hidden;">
<h2>Statistics</h2>
<p style="white-space: nowrap; width: 600px;">
Revenue: $1,234,567.89 | Users: 45,678 | Conversion: 3.2% | Growth: +12.5% MoM | Retention: 87.3%
</p> <!-- BUG 3: content overflow/clipping — text wider than container with overflow:hidden -->
</div>
<img src="/logo.png"> <!-- BUG 4: missing alt text on image -->
<footer>
<p>© 2026 Widget Co. All rights reserved.</p>
</footer>
<script>
console.error("TypeError: Cannot read properties of undefined (reading 'map')");
// BUG 5: console error on page load
</script>
</body>
</html>