1. Document structure and semantic HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Orders — Divakar Shop</title>
  <link rel="stylesheet" href="styles.css">
  <script src="app.js" defer></script>
</head>
<body>
  <header><nav aria-label="Main"><a href="/">Home</a> <a href="/orders">Orders</a></nav></header>
  <main>
    <article>
      <h1>Order #1001</h1>
      <section><h2>Items</h2> …</section>
    </article>
    <aside>Related offers</aside>
  </main>
  <footer>© 2026</footer>
</body>
</html>