<!DOCTYPE>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Кваст</title>
<base href="#">
</head>
<body>
<div class="page-header">
<div class="header-top">
<div class="header-logo">
<img src="img\logo.png" alt="Кваст" width="150" height="80">
</div>
</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 class="tagline">
<p>Крафтовый квас<br> всему голова!</p>
</div>
</div>
<div class="New-items">
<h2>Новинки</h2>
<div class="New-item1">
<h2>Вахтёр</h2>
<b>Алк. < 1%</b>
<b>Ккал: 35</b>
<p>Ржаной хлеб, Вода, Солод, Соль</p>
<img src="img\bottle-left.jpg" alt="Кваст" width="300" height="400">
<p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>
<a href="#" class="btn" title="Подробнее">Подробнее</a>
<a href="#" class="btn" title="Купить">Купить</a>
<b>150 Р.</b>
</div>
<div class="New-item2">
<h2>Романтик</h2>
<b>Алк. < 0,5%</b>
<b>Ккал: 27</b>
<p>Ячменный хлеб, Вода, Солод, Апельсин</p>
<img src="img\bottle-right.jpg" alt="Романтик" width="300" height="400">
<p>Лёгкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.</p>
<a href="#" class="btn" title="Подробнее">Подробнее</a>
<a href="#" class="btn" title="Купить">Купить</a>
<b>90 Р.</b>
</div>
</div>
<div class="features">
<ul>
<li class="features-item">
<h2>Варим сами</h2>
<p>Вот этими самыми руками. Экспериментируем и творим, что хотим.</p>
</li>
<li class="features-item">
<h2>Своё, родное</h2>
<p>Не заработка ради, а импортозамещения для. Поднимаем производство.</p>
</li>
<li class="features-item">
<h2>Не экономим</h2>
<p>Человек это то, что он ест и пьет. У нас только качественные ингредиенты.</p>
</li>
</ul>
</div>
<div class="kvas-reference"
<h2>Немного истории</h2>
<dl>
<dt>Происхождение кваса</dt>
<i>Источник:<a target="_blank" href="ru.wikipedia.org">ru.wikipedia.org</a></i>
<img src="img\wiki-1.png" alt="Кружка кваса" width="150" height="100">
<dd>Квас на Руси появился в X-XI веке. Само слово «квас» тоже имеет древнерусское происхождение. Помимо России квас готовят в Белоруссии, Сербии, Македонии, Словакии и многих других странах, но называется он везде одинаково — квас.</dd>
<dt>Классификация кваса</dt>
<i>Источник:<a target="_blank" href="ru.wikipedia.org">ru.wikipedia.org</a></i>
<img src="img\wiki-2.png" alt="Кружка кваса 2" width="150" height="100">
<dd>По российскому ГОСТу для промышленного изготовления — это напиток с объёмной долей этилового спирта не более 1,2%, изготовленный в результате незавершённого спиртового и молочнокислого брожения сусла.</dd>
</dl>
</div
<div class="reviews">
<h2>Пресса о нас</h2>
<blockquote>Сегодня мы провели дегустацию чего-то действительно новенького — крафтового кваса. Да, да, вы не ослышались! Спасибо Арсену и Руслану за то, что предоставили целую бочку своего напитка!</blockquote>
<h3><cite>Газета столичный Стольник</cite></h3>
<a class="btn" href="#" title="Посмотреть все отзывы">Читать далее</a>
</div>
<div class="range"
<h2>Ассортимент</h2>
<table>
<tr>
<th>Название</th>
<th>Алк.</th>
<th>Ккал</th>
<th>Объём</th>
<th>Стоимость</th>
</tr>
<tr>
<td class="name-range">Классика</td>
<td>< 1,2%</td>
<td>33</td>
<td>330 мл</td>
<td>120 Р.</td>
</tr>
<tr>
<td class="name-range">Шабаш</td>
<td>> 1,2%</td>
<td>45</td>
<td>330 мл</td>
<td>250 Р.</td>
</tr>
<tr>
<td class="new-name-range">Вахтёр Новинка</td>
<td>< 1%</td>
<td>35</td>
<td>0,5 л</td>
<td>150 Р.</td>
</tr>
<tr>
<td class="new-name-range">Романтик Новинка</td>
<td>< 0,5%</td>
<td>27</td>
<td>0,5 л</td>
<td>90 Р.</td>
</tr>
</table>
</div>
<div class="order"
<h2>Заказать</h2>
<p>Не ждите пока нас отрекламируют, как Вятский квас, и мы поднимем цены! Закажите настоящий крафтовый квас сейчас. При заказе от 10 баррелей — скидка 10%.</p>
<form action="#" class="feedback" method="post">
<div class="fullname-info">
<label for="fullname">Представьтесь:</label>
<input type="text" id="fullname" name="fullname" value="КАК МЫ МОЖЕМ К ВАМ ОБРАЩАТЬСЯ?">
</div>
<div class="phone-number">
<label for="phone">Номер телефона:</label>
<input type="text" name="phone" id="phone" value="+7(ХХХ)ХХХ-ХХ-ХХ">
</div>
<div class="phone-number2">
<label for="phone2">Доп. номер:</label>
<input type="text" name="phone2" id="phone2" value="+7(ХХХ)ХХХ-ХХ-ХХ"
</div>
<div class="email">
<label for="email-text">Email:</label>
<input type="text" name="email-text" id="email-text" value="ВАША ЭЛЕКТРАННАЯ ПОЧТА">
</div>
<div class="order-quantiti">
<label for="order">Объем заказа:</label>
<input type="text" name="order" id="order" value="ОТ 5 ДО 10 БАРРЕЛЕЙ В НЕДЕЛЮ">
</div>
<div class="add-comment">
<label for="comment">Доп. комментарий:</label>
<input type="text" name="comment" id="comment" value="СООБЩИТЕ НАМ ВСЁ, ЧТО СЧИТАЕТЕ НУЖНЫМ">
<div class="agree">
<label><input type="checkbox" id="check-agree" checked>Я согласен получать квасную рассылку</label>
</div>
</form>
<a class="btn" href="#">Отправить заказ</a>
<div class="footer-page">
<div class="footer-left-side">
<div class="footer-logo">
<img src="img\logo.png" alt="logo" width="100" height="55">
</div>
<div class="social">
<a class="social-btn" href="#">Инстаграм</a>
<a class="social-btn" href="#">Фейсбук</a>
<a class="social-btn" href="#">Вконтакте</a>
</div>
</div>
<div class="footer-middle">
<ul>
<li><a href="#">История</li></a>
<li><a href="#">Производство</li></a>
<li><a href="#">Ассортимент</li></a>
<li><a href="#">Где купить</li></a>
</ul>
</div>
<div class="footer-bottom"
<p>При перепечатке материалов ссылка на сайт обязательна!</p>
<img src="img\htmlacademy.png" alt="htmlacademy" width="50" height="50">
<p>Разработчик: HTML Academy</p>
</body>
</html>Код текстом покажите…
1 лайк
<!DOCTYPE>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Кваст</title>
<base href="#">
</head>
<body>
<div class="page-header">
<div class="header-top">
<div class="header-logo">
<img src="img\logo.png" alt="Кваст" width="150" height="55">
</div class="header-logo>
<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="header-top">
<div class="tagline">
<p>Крафтовый квас всему голова!</p>
</div class="tagline">
</div class="page-header"></div class="tagline">
</div class="page-header">
Класс присваивается ПРИ ОТКРЫТИИ тегов ОДИН РАЗ!
Если нужно видеть с каким классом тег закрывается – можно добавлять комментарии
</div> <!--- end of class="page-header" -->
class="header-logo>
…и с кавычками будьте повнимательнее…
Понял! Спасибо, с кавычкам вообще беда у меня 
А в остальном, логически верно написан ? Еще раз спасибо,
В остальном – верно…
Разве, что перенос строки придётся вставить в “Крафтовый квас всему голова!”
И, возможно подправить размер картинки.