---

<!DOCTYPE html>
<html lang="ru">
<head>
 <meta charset="UTF-8">
 <title>Магазин</title>
 <style>
  body { font-family: Arial, sans-serif; margin: 20px; }
  .delivery { background: #f3f3f3; padding: 10px; margin-bottom: 20px; }
  #catalog { list-style: none; padding: 0; }
  #catalog li { padding: 8px 0; border-bottom: 1px solid #ddd; }
 </style>
</head>
<body>

 <h1>Магазин</h1>

 <div class="delivery">
  <b>Расчёт доставки</b><br>

  <select id="city">
   <option>Москва</option>
   <option>Самара</option>
   <option>Казань</option>
   <option>Владивосток</option>
  </select>

  <button id="btnCalc">Рассчитать</button>
  <button id="btnClear">Очистить кэш</button>

  <p id="delivery"></p>
 </div>

 <ul id="catalog"></ul>

 <button id="btnMore">Показать ещё</button>

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