Кексби. Промежуточное испытание 3

<!DOCTYPE HTML>

<html>

<head>

  <meta charset="utf-8">

  <title>Кваст</title>

</head>

<body>

  <div class="page-header">

    <div class="header-top">

      <div class="header-logo">

        <img src="img/logo.png" alt="">

      </div>

      <ul class="main-nav">

        <li><a href="#">История</a></li>

        <li><a href="#">Производство</a></li>

        <li><a href="#">Ассортимент</a></li>

        <li><a href="#">Где купить</a></li>

      </ul>

    </div>

    <div class="promo">

      <p>Крафтовый квас<br> всему голова!</p>

    </div>

  </div>

  <div class="novelties">

    <h2>Новинки</h2>

    <div class="novelties-items">

      <div class="catalog-item">

        <h3>Вахтёр</h3>

        <table>

          <tr>

            <td>Алк.</td>

            <td>&lt; 1%</td>

          </tr>

          <tr>

            <td>Ккал</td>

            <td>35</td>

          </tr>

        </table>

        <p>Ржаной хлеб, Вода, Солод, Соль</p>

        <img src="img/bottle-left.jpg" alt="Вахтёр">

        <br>

        <p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>

        <a class="btn" href="#">Подробнее</a>

        <a class="btn" href="#">Купить</a>

        <b>150 Р.</b>

      </div>

      <div class="catalog-item">

        <h3>Романтик</h3>

        <table>

          <tr>

            <td>Алк.</td>

            <td>&lt; 0,5%</td>

          </tr>

          <tr>

            <td>Ккал</td>

            <td>27</td>

          </tr>

        </table>

        <p>Ячменный хлеб, Вода, Солод, Апельсин</p>

        <img src="img/bottle-right.jpg" alt="Романтик">

        <br>

        <p>Лёгкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.</p>

        <a class="btn" href="#">Подробнее</a>

        <a class="btn" href="#">Купить</a>

        <b>90 Р.</br>

      </div>

    </div>

  </div>

  <div class="features">

    <ul>

      <li class=feature-item>

        <h2>Варим сами</h2>

        <p>Вот этими самыми руками. Экспериментируем и творим, что хотим.</p>

      </li>

      <li class="feature-item">

        <h2>Своё, родное</h2>

        <p>Не заработка ради, а импортозамещения для. Поднимаем производство.</p>

      </li>

      <li class="feature-item">

        <h2>Не экономим</h2>

        <p>Человек это то, что он ест и пьет. У нас только качественные ингредиенты.</p>

      </li>

    </ul>

  </div>

</body>

</html>