Кексби курс - Промежуточное испытание. Не отображается блок 2-8


#1

Привет. Видно только блок 1. Но в браузере видно всю страницу.

Вот мой код:

<!DOCTYPE HTML>
<htm>
  <head lang="ru">
    <title>Кваст</title>
    <meta charset="utf-8">
  </head>
  <body>
    <div class="header">
      <div class="header-top">
        <div class="header-logo">
          <a href="#"><img src="img/logo.png" alt="Logotype"></a>
        </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">
        <h3>Вахтёр</h3>
        <table class="beer-info">
          <tr>
            <td>Алк.</td>
            <td>&lt; 1%</td>
          </tr>
          <tr>
            <td>Ккал:</td>
            <td>35</td>
          </tr>
        </table>
          <p>Ржаной хлеб, Вода, Солод, Соль</p>
          <img src="img/bottle-left.jpg"  width="319" height="459" alt="Пиво Вахтер">
          <p>Терпкий и мощный, вкус этого кваса
            взбодрит после тяжёлого дня и придаст сил
            для вечерних приключений!</p>
          <a href="#" class="btn">Подробнее</a>
          <a href="#" class="btn">Купить</a>
          <b>150 Р.</b>
      </div>
      <div class="novelties-items">
        <h3>Романтик</h3>
        <table class="beer-info">
          <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" width="319" height="459" alt="Пиво Романтик">
          <p>Лёгкий и освежающий напиток поможет
            сохранять отличное настроение в течение всего дня</p>
          <a href="#">Подробнее</a>
          <a href="#">Купить</a>
          <b>90 Р.</b>
      </div>
    </div>

    <div class="Benefits">
      <ul>
        <li>
          <h3>Варим сами</h3>
          <p>Варим сами Вот этими самыми руками.
            Экспериментируем и творим, что хотим.</p>
        </li>
        <li>
          <h3>Своё, родное</h3>
          <p>Не заработка ради, а импортозамещения для.
            Поднимаем производство.</p>
        </li>
        <li>
          <h3>Не экономим</h3>
          <p>Человек это то, что он ест и пьет. У нас только качественные ингредиенты.</p>
        </li>
      </ul>
    </div>

    <div class="history">
      <h2>Немного истории</h2>
      <dl>
        <dt>
          <h3>Происхождение кваса</h3>
          <i>Источник:<a href="#">ru.wikipedia.org</a> </i>
        </dt>
        <dd>
          <img src="img/wiki-1.png" alt="">
          <p>Квас на Руси появился в X-XI веке. Само слово «квас» тоже
            имеет древнерусское происхождение. Помимо России квас готовят в Белоруссии,<br>
           Сербии, Македонии, Словакии и многих других странах,
           но называется он везде одинаково — квас.</p>
        </dd>

        <dt>
          <h3>Классификация кваса</h3>
          <i>Источник:<a href="#">ru.wikipedia.org</a> </i>
        </dt>
        <dd>
          <img src="img/wiki-2.png" alt="">
          <p>По российскому ГОСТу для промышленного изготовления — это напиток
            с объёмной долей этилового спирта не более 1,2%,
            изготовленный в результате незавершённого
            спиртового и молочнокислого брожения сусла.</p>
        </dd>
      </dl>
    </div>

    <div class="about-us">
      <dl>
        <dt><h2>Пресса о нас</h2></dt>
        <dd>
          <p>
            Сегодня мы провели дегустацию чего-то действительно новенького
            — крафтового кваса. Да, да, вы не ослышались!
            Спасибо Арсену и <br> Руслану за то, что предоставили целую бочку своего напитка!
          </p>
          <p><i>Газета столичный Стольник</i><a href="#">Читать далее</a></p>
        </dd>
      </dl>
    </div>

    <div class="assortment">
      <h2>Ассортимент</h2>
      <table>
        <tr>
          <td><b>Название</b></td>
          <td><b>Алк.</b></td>
          <td><b>Ккал</b></td>
          <td><b>Объём</b></td>
          <td><b>Стоимость</b></td>
        </tr>
        <tr>
          <td>Классика</td>
          <td>&lt; 1,2%</td>
          <td>33</td>
          <td>330 мл</td>
          <td>250 Р.</td>
        </tr>
        <tr>
          <td>Шабаш</td>
          <td>&gt; 1,2%</td>
          <td>45</td>
          <td>330 мл</td>
          <td>250 Р.</td>
        </tr>
        <tr>
          <td>Вахтёр <sup>Новинка</sup></td>
          <td>&lt; 1%</td>
          <td>25</td>
          <td>0,5л</td>
          <td>150 Р.</td>
        </tr>
        <tr>
          <td>Романтик <sup>Новинка</sup></td>
          <td>&lt; 0,5%</td>
          <td>27</td>
          <td>0,5 л</td>
          <td>90 Р.</td>
        </tr>
      </table>
    </div>

    <div class="order">
      <h2>Заказать</h2>
      <p>Не ждите пока нас отрекламируют, как Вятский квас,
        и мы поднимем цены! Закажите настоящий крафтовый квас сейчас.
        При заказе от 10 <br> баррелей — скидка 10%</p>
        <form class="order-form" action="index.html" method="post">
          <div class="order-form-item">
            <label for="name-form">Представьтесь:</label>
            <input type="text" name="name" value="" id="name-form">
          </div>

          <div class="order-form-item">
            <label for="phone-form">Номер телефона:</label>
            <input type="text" name="phone" value="" id="phone-form">
          </div>

          <div class="order-form-item">
            <label for="ad-phone-form">Доп. номер:</label>
            <input type="text" name="phone" value="" id="ad-phone-form">
          </div>

          <div class="order-form-item">
            <label for="email">Email:</label>
            <input type="text" name="phone" value="" id="email">
          </div>

          <div class="order-form-item">
            <label for="selector">Объем заказа:</label>
            <select  name="" id="selector">
              <option value="1">От 5 до 10 баррелей в неделю</option>
            </select>
          </div>

          <div class="order-form-item">
            <label for="comment-form">Доп. комментарий:</label>
            <textarea name="comment" rows="8" cols="80" id="comment-form"></textarea>
          </div>

          <div class="checkbox-form">
            <label>
              <input type="checkbox" name="confirm" >
              Я согласен получать квасную рассылку
            </label>
          </div>
          <input type="submit" value="Отправить заказ" class="btn">
        </form>
    </div>

    <div class="page-footer">
      <div class="footer-logo">
        <a href="#"><img src="img/logo.png" alt="Logotype"></a>
      </div>
      <ul class="footer-nav">
        <li><a href="#">История</a></li>
        <li><a href="#">Производство</a></li>
        <li><a href="#">Ассортимент</a></li>
        <li><a href="#">Где купить</a></li>
      </ul>
      <div class="social-nav">
        <a href="#" class="social-btn">Инстаграм</a>
        <a href="#" class="social-btn">Фейсбук</a>
        <a href="#" class="social-btn">Вконтакте</a>
      </div>
      <p>При перепечатке материалов ссылка на сайт обязательна!</p>
      <div class="footer-copyright">
        <img src="img/htmlacademy.png" alt="">
        <b>Разработчик:</b> <a href="#">HTML Academy</a>
      </div>
    </div>
  </body>
</htm>

#2

Почему не th?

html же, других ошибок не замечаю.


#3

Огромное спасибо, всё проверил кроме тега html, изменил и всё заработало. Надо быть более внимательным.
По ht вы правы, нужно исправить.