<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Кваст</title>
</head>
<body>
<div class="page-header">
<img src="logo.png" alt="Логотип фирмы">
<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 class="promo">
<p>Крафтовый квас<br> всему голова!</p>
</div>
</div>
<div class="new-products">
<h2>Новинки</h2>
<div class="products">
<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">
<p>Терпкий и мощный, вкус этого кваса взбодрит после тяжелого дня и придаст сил для вечерних приключений!</p>
<a class="btn" href="#">Подробнее</a>
<a class="btn" href="#">Купить</a>
<b>150 Р.</b>
</div>
<div class="products">
<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">
<p>Легкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня</p>
<a class="btn" href="#">Подробнее</a>
<a class="btn" href="#">Купить</a>
<b>90 Р.</b>
</div>
</div>
<div class="features-field">
<dl>
<dt>
<ul>
<li><h2>Варим сами</h2></li>
</ul>
</dt>
<dd>
<p>Вот этими самыми руками. Экспериментируем и творим, что хотим.</p>
</dd>
<dt>
<ul>
<li><h2>Своё, родное</h2></li>
</ul>
</dt>
<dd>
<p>
Не заработка ради, а импортозамещения для. Поднимаем производство.
</p>
</dd>
<dt>
<ul>
<li><h2>Не экономим</h2></li>
</ul>
</dt>
<dd>
<p>Человек это то, что он ест и пьет. У нас только качественные ингридиенты.</p>
</dd>
</dl>
</div>
<div class="history-references">
<h2>Немного истории</h2>
<dl>
<dt>
<h3>Происхождение кваса</h3>
<i>Источник: <a href="https://ru.wikipedia.org">ru.wikipedia.org</a></i>
</dt>
<dd>
<img src="wiki-1.png" alt="кружка кваса">
<p>Квас на Руси появился в X-XI веке. Само слово «квас» тоже имеет древнерусское происхождение. Помимо России квас готовят в Белоруссии, Сербии, Македонии, Словакии и многих других странах, но называется он везде одинаково - квас.</p>
</dd>
<dt>
<h3>Классификация кваса</h3>
<i>Источник: <a href="https://ru.wikipedia.org">ru.wikipedia.org</a></i>
</dt>
<dd>
<img src="wiki-2.png" alt="кружка кваса">
<p>По российскому ГОСТу для промышленного изготовления - это напиток с объёмной долей этилового спирта не более 1,2%, изготовленный в результате незавершённого спиртового и молочнокислого брожения сусла.</p>
</dd>
</dl>
</div>
<div class="pressa">
<h2>Пресса о нас</h2>
<blockquote class="pressa-list">
<p>Сегодня мы провели дегустацию чего-то действительно новенького — крафтового кваса. Да, да, вы не ослышались! Спасибо Арсену и Руслану за то, что предоставили целую бочку своего напитка!</p>
<cite>Газета столичный Стольник <a href="#">Читать далее</a></cite>
</blockquote>
</div>
<div class="catalog">
<h2>Ассортимент</h2>
<table>
<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>
</body>
</html>
Знаки < и > в таблице должны быть оформлены как спецсимволы html.
1 лайк
спасибо, исправил, но все также(
Попробуйте поставить пробел не перед словом “новинка”, а после названия продукта.
1 лайк
помогло
Добрый день.
Скажите пожалуйста, почему браузер (Chrome) показывает вставленный текст в код а при загрузке проекта на HTML Academy платформе, виден только заголовок.
Код:
<h2>Ассортимент</h2>
<table class="price-list">
<tr>
<th>Название</th>
<th>Алк</th>
<th>Ккал.</th>
<th>Объём</th>
<th>Стоимость</th>
</tr>
<tr>
<td class="1">Классика</td>
<td><code><</code>1,2%</td>
<td>33</td>
<td>330 мл</td>
<td>120 Р.</td>
</tr>
<tr>
<td class="1">Шабаш</td>
<td><code>></code>1,2%</td>
<td>45</td>
<td>330 мл</td>
<td>250 Р.</td>
</tr>
<tr>
<td class="1">Вахтёр <sup>Новинка</sup></td>
<td><code><</code>1%</td>
<td>35</td>
<td>0,5 л</td>
<td>150 Р.</td>
</tr>
<tr>
<td class="1">Романтик <sup>Новинка</sup></td>
<td><code><</code>0,5%</td>
<td>27</td>
<td>0,5 л</td>
<td>90 Р.</td>
</tr>
</table>
А div-обертка у блока есть?
Сделал работает.
Спасибо.