<!DOCTYPE HTML>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Кваст</title>
</head>
<body>
<header>
<div class="logo-header">
<img src="img/logo.png" alt="Логотип" width="140" height="76">
</div>
<nav class="first">
<ul>
<li><a href="#">История</a></li>
<li><a href="#">Производство</a></li>
<li><a href="#">Ассортимент</a></li>
<li><a href="#">Где купить</a></li>
</ul>
</nav>
<div class="slogan">
<p>Крафтовый квас</br>
всему голова!</p>
</div>
</header>
<main>
<section class="novelties">
<h2>Новинки</h2>
<div class="novelties-item1">
<h3>Вахтёр</h3>
<p>Алк. <1%</br>
Ккал: 35</p>
<p>Ржаной хлеб, Вода, Солод, Соль</p></br>
<img src="img/bottle-left.jpg" alt="Вахтёр" width="319" height="459">
<p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p></br>
<a href="#">Подробнее</a>
<a href="#">Купить</a>
<b>150 Р.</b>
</div>
<div class="novelties-item2">
<h3>Романтик</h3>
<p>Алк. <0,5%</br>
Ккал: 27</p>
<p>Ячменный хлеб, Вода, Солод, Апельсин</p>
<img src="img/bottle-right.jpg" alt="Романтик" width="319" height="459">
<p>Лёгкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.</p>
<a href="#">Подробнее</a>
<a href="#">Купить</a>
<b>90 Р.</b>
</div>
</section>
<section class="advantages">
<ul>
<li><h2>Варим сами</h2>
<p>Вот этими самыми руками. Экспериментируем и творим, что хотим.</p>
</li>
<li>
<h2>Своё, родное</h2>
<p>Не заработка ради, а импортозамещения для. Поднимаем производство.</p>
</li>
<li>
<h2>Не экономим</h2>
<p>Человек это то, что он ест и пьет. У нас только качественные ингредиенты.</p>
</li>
</ul>
</section>
<section class="history">
<h2>Немного истории</h2>
<div class="history-1">
<h3>Происхождение кваса</h3>
<i>Источник: <a href="https://ru.wikipedia.org">ru.wikipedia.org</a></i>
<img src="img/wiki-1.png">
<p>Квас на Руси появился в X-XI веке. Само слово «квас» тоже имеет древнерусское происхождение.
Помимо России квас готовят в Белоруссии, Сербии, Македонии, Словакии и многих других странах,
но называется он везде одинаково — квас.</p>
</div>
<div class="history-1">
<h3>Классификация кваса</h3>
<i>Источник: <a href="https://ru.wikipedia.org">ru.wikipedia.org</a></i>
<img src="img/wiki-2.png">
<p>По российскому ГОСТу для промышленного изготовления — это напиток с объёмной долей этилового спирта не более 1,2%, изготовленный
в результате незавершённого спиртового и молочнокислого брожения сусла.</p>
</div>
</section>
<div class="reviews">
<h2>Пресса о нас</h2>
<p>Сегодня мы провели дегустацию чего-то действительно новенького — крафтового кваса. Да, да, вы не ослышались!
Спасибо Арсену и Руслану за то, что предоставили целую бочку своего напитка!</p></br>
<i>Газета столичный Стольник</i><a href="#">Читать далее</a>
</div>
<section class="range">
<h2>Ассортимент</h2>
<tr>
<th>Название</th>
<th>Алк.</th>
<th>Ккал</th>
<th>Объём</th>
<th>Стоимость</th>
</tr>
<tr>
<td>Классика</td>
<td>< 1,2%</td>
<td>33</td>
<td>330 мл</td>
<td>120 Р.</td>
</tr>
<tr>
<td>Шабаш</td>
<td>> 1,2%</td>
<td>45</td>
<td>330 мл</td>
<td>250 Р.</td>
</tr>
<tr>
<td>Вахтёр <sup>Новинка</sup></td>
<td>< 1%</td>
<td>35</td>
<td>0,5 л</td>
<td>150 Р.</td>
</tr>
<tr>
<td>Романтик <sup>Новинка</sup></td>
<td>< 0,5%</td>
<td>27</td>
<td>0,5 л</td>
<td>90 Р.</td>
</tr>
</section>
<section class="order">
<p>Не ждите пока нас отрекламируют, как Вятский квас, и мы поднимем цены!
Закажите настоящий крафтовый квас сейчас. При заказе от 10 баррелей — скидка 10%.</p>
<div class="order-name">
<label for="name">Представьтесь:</label>
<input type="text" id="name"></br>
</div>
<div class="phone">
<label for="tel">Номер телефона:</label>
<input type="tel" id="tel">
</div>
<div class="phone-2">
<label for="tel2">Доп. номер:</label>
<input type="tel" id="tel2">
</div>
<div class="email">
<label for="email">Email:</label>
<input type="email" id="email">
</div>
<div class="select">
<label for="volume1">Объем заказа:</label>
<select class="volume" id="volume1">
<option value="barl" selected>От 5 до 10 баррелей в неделю</option>
<option value="barl2>">От 2 до 5 баррелей в неделю</option>
<option value="barl2>">От 11 до 15 баррелей в неделю</option>
<option value="barl2>">От 16 до 20 баррелей в неделю</option>
</select>
</label>
</div>
<div class="comment">
<label for="com">Доп. комментарий:</label>
<textarea id="com"></textarea>
</div>
<div class="spam">
<label for="spambox"><input type="checkbox" id="spambox"></label>
</div>
<input type="submit" value="Отправить заказ" class="btn">
</section>
</main>
<footer>
<div class="logo-footer">
<img src="img/logo.png" alt="Логотип">
</div>
<nav class="second">
<ul>
<li><a href="#">История</a></li>
<li><a href="#">Производство</a></li>
<li><a href="#">Ассортимент</a></li>
<li><a href="#">Где купить</a></li>
</ul>
</nav>
<div class="contact-footer">
<a href="#">Инстаграм</a>
<a href="#">Фейсбук</a>
<a href="#">Вконтакте</a>
</div>
<div class="ahtung">
<p>При перепечатке материалов ссылка на сайт обязательна!</p>
</div>
<div class="done">
<label for="img1"><img src="img/htmlacademy.png" alt="HTML Academy" id="img1" >
<b>Разработчик:</b><a href="#">HTML Academy</label>
</footer>
</body>
</html>
Не знаю почему не код не отображается на проверке, хотя в самом браузере отображается. Это из-за того что я использовал теги из HTML5 ? Только первые два сработали.
