<!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="logo.png" alt="Кваст" width="140" height="76">
</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>
<p>Крафтовый квас<br> всему голова!</p>
</div>
<div class="new">
<h2>Новинки</h2>
<div class="new-items">
<div class="catalog-new">
<h3>Вахтёр</h3>
<table>
<tr>
<td>Алк.</td>
<td>< 1%</td>
</tr>
<tr>
<td>Ккал:</td>
<td>35</td>
</tr>
</table>
<p>Ржаной хлеб, Вода, Солод, Соль<p>
<img src="bottle-left.jpg" width="319" height="459">
<p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дгя и придаст сил для вечерних приключений!</p>
<a class="btn" href="#">Подробнее</a>
<a class="btn" href="#">Купить</a>
<b>150 Р.</b>
</div>
<div class="catalog-new">
<h3>Романтик</h3>
<table>
<tr>
<td>Алк.</td>
<td>< 0,5%</td>
</tr>
<tr>
<td>Ккал:</td>
<td>27</td>
</tr>
</table>
<p>Ячменный, хлеб, Вода, Солод, Апельсин</p>
<img src="bottle-right.jpg" width="319" height="459">
<p>Лёгкий и освежающий напиток поможет сохранять отличное настроение в течении всего дня.</p>
<a class="btn" href="#">Подробнее</a>
<a class="btn" href="#">Купить</a>
<b>90 Р.</b>
</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>
<h2>Не экономим</h2>
<p>Человек это то, что он ест и пьет. У нас только качественные ингредиенты.</p>
</li>
</ul>
</div>
<div class="history">
<h2>Немного истории</h2>
<dl>
<dt>
<h3>Происхождение кваса</h3>
<i>Источник</i> <a target="_blank" href="https://ru.wikipedia.org">ru.wikipedia.org</a>
</dt>
<dd>
<img src="wiki-1.png" width="200" height="101" alt="Происхождение кваса">
<p>Квас на Руси появился в X-XI веке. Само слово "квас" тоже имеет древнерусское происхождение. Помимо России квас готовят в Белоруссии,
Сербии, Македонии, Словакии и мгогих других странах, но называется он везде одинаково - квас.</p>
</dd>
<dt>
<h3>Классификация кваса</h3>
<i>Источник</i> <a target="_blank" href="https://ru.wikipedia.org">ru.wikipedia.org</a>
</dt>
<dd>
<img src="wiki-2.png" width="200" height="101" alt="Классификация кваса">
<p>По российскому ГОСТу для промышленного изготовления - это напиток с объёмной долей этилового спирта не более 1,2%, изготовленный в
результате незавершённого спиртового и молочнокислого брожения сусла.
</p>
</dd>
</dl>
</div>
<div class="press">
<h2>Пресса о нас</h2>
<div class="press-view">
<blockquote class="press-item">
<p>Сегодня мы провели дигустацию чего-то действительно новенького - крафтового кваса. Да, да, вы не ослышались! Спасибо Арсену
и Руслану за то, что предоставили целую бочку своего напитка!
</p>
<cite>Газета столичный Стольник</cite>
<a class="btn" href="#" title="Читать далее">Читать далее</a>
</blockquote>
</div>
</div>
<div class="Assorti">
<h2>Ассортимент</h2>
<table class="assort">
<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>
</table>
</div>
<div class="zakaz">
<h2>Заказать</h2>
<p class="zakaz-tip">
Не ждите пока нас отрекламируют, как Вятский квас, и мы поднимем цены! Закажите настоящий крафтовый квас сейчас. При заказе от 10
баррелей - скидка 10%.
</p>
<form class="zakaz-form" action="/zakaz-mail" method="POST">
<div class="zakaz-form-group">
<label for="fullname">Представьтесь:</label>
<input type="text" name="fullname" id="fullname">
</div>
<div class="zakaz-form-group">
<label for="phone">Доп. номер:</label>
<input type="text" name="phone" id="phone">
</div>
<div class="zakaz-form-group">
<label for="phone-dop"> номер телефона:</label>
<input type="text" name="phone-dop" id="phone-dop">
</div>
<div class="zakaz-form-group">
<label for="email">Email:</label>
<input type="text" name="email" id="email">
</div>
<div class="zakaz-form-group">
<label for="zakaz-ob">Объем заказа:</label>
<select name="zakaz-ob" id="zakaz-ob">
<option value="1">От 5 до 10 баррелей в неделю</option>
<option value="2">От 10 до 20 баррелей в неделю</option>
</select>
</div>
<div class="zakaz-form-group">
<label for="comment">Доп.комментарий:</label>
<textarea name="comment" id="comment" rows="9" cols="80"></textarea>
</div>
<div class="checkbox-area">
<label>
<input type="checkbox" name="subscription">
Я согласен получать квасную рассылку
</label>
</div>
<input type="submit" class="btn" value="Отправить заказ">
</form>
</div>
<div class="page-footer">
<div class="footer-top">
<div class="footer-logo">
<img src="logo.png" alt="Кваст" width="140" height="76">
</div>
<ul class="main-footer">
<li><a href="#">История</a></li>
<li><a href="#">Производство</a></li>
<li><a href="#">Ассортимент</a></li>
<li><a href="#">Где купить</a></li>
</ul>
</div>
<div class="footer-middle">
<div class="footer-social">
<a class="social-btn" href="https://instagram.com/htmlacademy">Инстаграм</a>
<a class="social-btn" href="https://facebook.com/htmlacademy">Фейсбук</a>
<a class="social-btn" href="https://vk.com/htmlacademy">Вконтакте</a>
</div>
<p>При перепечатке материалов ссылка на сайт обязательна!</p>
</div>
<div class="footer-bottom">
<div class="footer-copyright">
<img src="htmlacademy.png">
<b>Разработчик:</b> <a href="https://htmlacademy.ru">HTML Academy</a>
</div>
</div>
</div>
</body>
</html>
Добрый день.
помогите пожалуйста, сделал промежуточное испытание, загружаю а у меня показывает только первый блок, остальных как будто нет.
В браузере отображает нормально.
Да там не все идеально возможно, но он хотя бы указывал ошибки, а у меня как будто там вообще пусто, только хидер… !
