---

<!DOCTYPE html>
<html lang="ru">
<head>
 <meta charset="UTF-8">
 <title>Каталог товаров</title>
 <style>
  body { font-family: Arial, sans-serif; margin: 20px; }
  #catalog { list-style: none; padding: 0; }
  #catalog li { padding: 6px 0; border-bottom: 1px solid #ddd; }
  #catalog button { margin-left: 10px; }
 </style>
</head>
<body>

 <h1>Каталог товаров</h1>
 <p>В корзине: <span id="cart">0</span> шт.</p>
 <input id="search" type="text" placeholder="Поиск по названию">
 <p id="info"></p>
 <ul id="catalog"></ul>

 <script src="script.js"></script>
</body>
</html>