Великий Кексби 100% по всем 8 блокам(промежуточное). Прошу комментариев - может есть вариант кода лучше.

VIktorS88 · 31.Март.2017 19:07:30

> <!DOCTYPE HTML>
> <html lang="ru">
>   <head>
>     <meta charset="utf-8">
>     <title>Кваст</title>
> 	<link rel="stylesheet" href="style/style.css">
>   </head>
>   <body>
>     <div class="page-header">
> 	  <div class="header-top">
> 	    <div class="header-logo">
> 		  <img src="img/logo.png" alt="Кваст" >
> 		</div>
> 		<ul class="menu-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">
> 	    Крафтовый квас <br> всему голова!
> 	  </div>
> 	</div>


> 	<div class="new-item">
> 	  <h2>Новинки</h2>
> 	  <div class="catalog-item">
> 	    <h3>Вахтёр</h3>
> 		<div class="description-item">
> 		  <table>
> 		    <tr>
> 			  <td>Алк.</td>
> 			  <td>&lt; 1%</td>
> 			</tr>
> 			<tr>
> 			  <td>Ккал:</td>
> 			  <td>35</td>
> 			</tr>
> 		  </table>
> 		  <p>
> 		    Ржаной хлеб, Вода, Солод, Соль
> 		  </p>
> 		</div>
> 		<img src="img/bottle-left.jpg" alt="Бутылка Вахтера">
> 		<p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>
>         <a class="btn-info" href="#" tittle="Посмотреть подробнее">Подробнее</a>
> 	    <a class="btn" href="#" tittle="Нажми чтобы купить">Купить</a>
> 	    <b>150 Р.</b>
> 	  </div>
> 	  <div class="catalog-item">
> 	    <h3>Романтик</h3>
> 		<div class="description-item">
> 		<table>
> 		    <tr>
> 			  <td>Алк.</td>
> 			  <td>&lt; 0,5%</td>
> 			</tr>
> 			<tr>
> 			  <td>Ккал:</td>
> 			  <td>27</td>
> 			</tr>
> 		  </table>
> 		  <p>
> 		    Ячменный хлеб, Вода, Солод, Апельсин
> 		  </p>
> 		</div>
> 		<img src="img/bottle-right.jpg" alt="Бутылка Вахтера">
> 		<p>Лёгкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.</p>
>         <a class="btn-info" href="#" tittle="Посмотреть подробнее">Подробнее</a>
> 	    <a class="btn" href="#" tittle="Нажми чтобы купить">Купить</a>
> 	    <b>90 Р.</b>
> 	  </div>
> 	</div>
> 	
> 	<div class="features">
> 	  <ul class="features-item">
> 		<li>
> 		  <h2>Варим сами</h2>
> 		  <p>Вот этими самыми руками. Экспериментируем и творим, что хотим.</p>
> 		</li>
> 		<li>
> 		  <h2>Своё, родное</h2>
> 		  <p>Не заработка ради, а импортозамещения для. Поднимаем производство.</p>
> 		</li>
> 		<li>
> 		  <h2>Не экономим</h2>
> 		  <p>Человек это то, что он ест и пьет. У нас только качественные ингредиенты.</p>
> 		</li>
> 	</div>

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

> 	<div class="reviews">
> 		<h2>Пресса о нас</h2>

> 		<blockquote class="reviews-item">
> 		  <p>Сегодня мы провели дегустацию чего-то действительно новенького — крафтового кваса. Да, да, вы не ослышались! Спасибо Арсену и Руслану за то, что предоставили целую бочку своего напитка!</p>
> 		  <cite>Газета столичный Стольник</cite>
> 		  <a class="btn-reviews" href="#" title="Нажми чтобы прочитать полностью">Читать далее</a>
> 		</blockquote>
> 	</div>

> 	<div class="price">
> 	  <h2>Ассортимент</h2>
> 	  <table class="price-list">
> 	    <tr>
> 		  <th class="h-prise">Название</th>
> 		  <th class="h-prise">Алк.</th>
> 		  <th class="h-prise">Ккал</th>
> 		  <th class="h-prise">Объём</th>
> 		  <th class="h-prise">Стоимость</th>
> 		</tr>
> 		<tr>
> 		  <td class="name-price">Классика</td>
> 		  <td class="name-price">&lt; 1,2%</td>
> 		  <td class="name-price">33</td>
> 		  <td class="name-price">330 мл</td>
> 		  <td class="name-price">120 Р.</td>
> 		</tr>
> 		<tr>
> 		  <td>Шабаш</td>
> 		  <td>&gt; 1,2%</td>
> 		  <td>45</td>
> 		  <td>330 мл</td>
> 		  <td>250 Р.</td>
> 		<tr>
> 		  <td>Вахтёр <sup>Новинка</sup></td>
> 		  <td>&lt; 1%</td>
> 		  <td>35</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="feedback">
> 	  <h2>Заказать</h2>
> 	  <p class="feedback-tip">Не ждите пока нас отрекламируют, как Вятский квас, и мы поднимем цены! Закажите настоящий крафтовый квас сейчас. При заказе от 10 баррелей — скидка 10%.</p>
> 	  <form class="feedback-form" action="/kvast-mail" method="post">
> 	    <div class="feedback-form-group">
> 		  <label>
> 		    Представьтесь: <input class="in-input" type="text" name="fullname">
> 		  </label>
> 		</div>
> 		<div class="feedback-form-group">
> 		  <label>
> 		    Номер телефона: <input class="in-input" type="text" name="phone">
> 		  </label>
> 		</div>
> 		<div class="feedback-form-group">
> 		  <label>
> 		    Доп. номер: <input class="in-input" type="text" name="add-phone">
> 		  </label>
> 		</div>
> 		<div class="feedback-form-group">
> 		  <label>
> 		    Email: <input class="in-input" type="text" name="e-mail">
> 		  </label>
> 		</div>
> 		<div class="feedback-form-group">
> 		  <label>
> 		    Объем заказа:
> 		      <select class="topic" name="topic">
> 				<option value="1">От 5 до 10 баррелей в неделю</option>
> 				<option value="2">От 5 до 20 баррелей в неделю</option>
> 				<option value="3">От 5 до 30 баррелей в неделю</option>
> 			  </select>
> 		  </label>
> 		</div>
> 		<div class="feedback-form-group">
> 		  <label>
> 		    Доп. комментарий:
> 			<textarea class="message" name="message" cols="96" rows="10"></textarea>
> 		  </label>
> 		</div>
> 		<div class="feedback-form-group">
> 		  <label>
>             <input type="checkbox" name="subscription">
> 			Я согласен получать квасную рассылку
> 		  </label>
> 		</div>
> 		<div class="feedback-form-group">
> 		  <label>
> 			<input type="submit" class="btn" value="Отправить заказ">
> 		  </label>
> 		</div>
> 	  </form>
> 	</div>

> 	<div class="page-footer">
> 	  <div class="footer-logo">
> 		  <img src="img/logo.png" alt="Кваст">
> 		</div>
> 		<ul class="menu-nav">
> 	      <li><a href="#">История</a></li>
> 	      <li><a href="#">Производство</a></li>
>           <li><a href="#">Ассортимент</a></li>
> 	      <li><a href="#">Где купить</a></li>
> 	    </ul>
> 	  <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>
> 		<p>При перепечатке материалов ссылка на сайт обязательна!</p>
> 	  </div>
>       <div class="copyright"> 
> 		<img src="img/htmlacademy.png" alt="Логотип HTML academy"> <b class="razrab">Разработчик:</b> <a href="https://htmlacademy.ru" title="Перейти на сайт разработчика">HTML Academy
> 	  </div>	
> 	</div>
>   </body>
> </html>

einso · 05.Апрель.2017 06:32:45

Ну очень не удобно читать код, Никакой структуры какой-то хаос. И еще для форм используют id а не классы

Ineska · 05.Апрель.2017 07:44:53

Давайте ваш посмотрим тогда.
Есть структура у кода выше, немного отступы неверные, а так всё в порядке.
Классы в форме использовать можно (и нужно). При такой записи label id не нужен.

einso · 05.Апрель.2017 07:49:08

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Кваст</title>
  </head>
  <body>

	<header class="header">
		<img src="img/logo.png" alt="logo">
		<ul class="top-menu">
			<li><a href="#">История</a></li>
			<li><a href="#">Производство</a></li>
			<li><a href="#">Ассортимент</a></li>
			<li><a href="#">Где купить</a></li>
		</ul>
		<p>Крафтовый квас<br>
		всему голова!</p>
	</header>

	<section class="new">
		<h2>Новинки</h2>
		<h3>Вахтёр</h3>
		<table>
			<tr>
				<td>Алк. </td>
				<td>&lt; 1%</td>
			</tr>
			<tr>
				<td>Ккал:</td>
				<td>35</td>
			</tr>
		</table>

		<p>Ржаной хлеб, Вода, Солод, Соль</p>
		<img src="img/bottle-left.jpg">

		<p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>

		<a href="#">Подробнее</a>
		<a href="#">Купить</a>
	<strong>150 Р.</strong>
		
		<h3>Романтик</h3>
		<table>
			<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">

		<p>Лёгкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.</p>

		<a href="#">Подробнее</a>
		<a href="#">Купить</a>
		<strong>90 Р.</strong>
	</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>
		<dl>
 	    	<dt>
 	      		<h3>Происхождение кваса</h3>
 		  		<i>Источник: </i><a href="https://ru.wikipedia.org">ru.wikipedia.org</a>
 			</dt>
 			<dd>
 		  		<img alt="Происхождение кваса" src="img/wiki-1.png">
 		  		<p>Квас на Руси появился в X-XI веке. Само слово «квас» тоже имеет древнерусское происхождение. Помимо России квас готовят в Белоруссии, Сербии, Македонии, Словакии и многих других странах, но называется он везде одинаково — квас.</p>
 			</dd>
 			<dt>
 	      		<h3>Классификация кваса</h3>
 		  		<i>Источник: </i><a href="https://ru.wikipedia.org"> ru.wikipedia.org</a>
 			<dd>
 				<img alt="Классификация кваса" src="img/wiki-2.png">
 	       		<p>По российскому ГОСТу для промышленного изготовления — это напиток с объёмной долей этилового спирта не более 1,2%, изготовленный в результате незавершённого спиртового и молочнокислого брожения сусла.</p>
 			</dt>
		</dl>
	</section>

	<section class="about-us">
		<h2>Пресса о нас</h2>
		<blockquote>
			<p>Сегодня мы провели дегустацию чего-то действительно новенького — крафтового кваса. Да, да, вы не ослышались! Спасибо Арсену и Руслану за то, что предоставили целую бочку своего напитка!<p>

			<p><i>Газета столичный Стольник</i> <a href="#">Читать далее</a><p>
		</blockquote>
	</section>

	<section class="range">
		<h2>Ассортимент</h2>
		<table class="range-table">
			<tr>
				<th>Название</th>
				<th>Алк.</th>
				<th>Ккал</th>
				<th>Объём</th>
				<th>Стоимость</th>
			</tr>
			<tr>
				<td>Классика</td>
				<td>&lt; 1,2%</td>
				<td>33</td>
				<td>330 мл</td>
				<td>120 Р.</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>35</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>
	<section>

	<section class="purchase">
		
		<h2>Заказать</h2>

		<p>Не ждите пока нас отрекламируют, как Вятский квас, и мы поднимем цены! Закажите настоящий крафтовый квас сейчас. При заказе от 10 баррелей — скидка 10%.</p>
		<form action="/form-mail" method="post">
		<div class="form-group">
			<label for="name">Представьтесь:</label>
			<input type="text" name="name" id="name" placeholder="КАК МЫ МОЖЕМ К ВАМ ОБРАЩАТЬСЯ?"><br>
		</div>
		<div class="form-group">
			<label for="phone">Номер телефона:</label>
			<input type="text" name="phone" id="phone" placeholder="+7 (XXX) XXX-XX-XX">
		</div>
		<div class="form-group">
			<label for="sub-phone">Доп. номер:</label>
			<input type="text" name="sub-phone" id="sub-phone" placeholder="+7 (XXX) XXX-XX-XX">
		</div>
		<div class="form-group">
			<label for="email">Email:<label>
			<input type="email" name="email" id="email" placeholder="ВАША ЭЛЕКТРОННАЯ ПОЧТА">
		</div>
		<div class="form-group">
			<label for="value">Объем заказа:</label>
			<select name="value">
				<option selected>От 5 до 10 баррелей в неделю<option>
				<option>От 10 до 15 баррелей в неделю<option>
				<option>От 15 и более баррелей в неделю<option>
			</select>
		</div>
		<div class="form-group">
			<label for="comment">Доп. комментарий:</label>
			<textarea name="comment" id="comment" rows="5" placeholder="СООБЩИТЕ НАМ ВСЕ, ЧТО СЧИТАЕТЕ НУЖНЫМ">
			</textarea>
		</div>
		<div class="form-group">
			<input type="checkbox" name="subscribe" id="subscribe" checked>
			<label for="subscribe">Я согласен получать квасную рассылку<label>
		</div>
		<div class="form-group">
			<input type="submit" value="Отправить заказ">
		</div>
		</form>
	</section>

	<footer>
		<div class="footer-logo">
			<img src="img\logo.png" alt="logo">
		</div>
		<div class="footer-menu">
			<ul class="bottom-menu">
				<li><a href="#">История</a></li>
				<li><a href="#">Производство</a></li>
				<li><a href="#">Ассортимент</a></li>
				<li><a href="#">Где купить</a></li>
			</ul>
		<div class="social">
			<a href="#">Инстаграм</a>
			<a href="#">Facebook</a>
			<a href="#">Вконтакте</a>
		</div>

		<p>При перепечатке материалов ссылка на сайт обязательна!</p>
		<img src="img/htmlacademy.png" alt="htmlacademy">
		<p>Разработчик: <a href="https;//htmlacademy.ru">HTML Academy</a><p>
	</footer>

  </body>
</html>


Почему то в проверку не загружаются 2 последних блока. Не могу понять в чем беда.

Dmitry_Dubchenko · 05.Апрель.2017 07:54:24

мне кажетсянужно не footer,а div class=“page-footer” попробуйте так

einso · 05.Апрель.2017 08:01:10

да пробовал и div и section но ведь хедер работает почему футер не работает тогда

Ineska · 05.Апрель.2017 08:02:54

Здесь ошибка.

einso · 05.Апрель.2017 08:06:02

Спасибо =) а как удалить тему на форуме? создал с той же проблемой тему…

einso · 05.Апрель.2017 08:09:46

На самом деле никогда бы не догадался сделать таблицу в блоке новинок. И долго мучился почему не работает

Ineska · 05.Апрель.2017 08:15:07

В названии темы напишите слово “удалить”. Модератор разберется.

Dmitry_Dubchenko · 05.Апрель.2017 08:40:19

то же самое. я все делал дивами, а потом голову ломал. пробовал стилями на компе все отлично, а при проверке стили не работают.

Ineska · 05.Апрель.2017 09:45:06

Стили в промежуточном испытании проверка игнорирует.

GlebPilipenko · 08.Январь.2018 22:57:32

Полный код, 2 блока на 80-90% в тексте с пробелами лень заниматься, остальные по 100%.
Выслушаю отзывы, рекомендации по коду.

Кваст

		<!-- Block №1-->

<div class="page-header">
	<div class="header-top">
		<div class="header-logo">
			<img src="img\logo.png" width="140" height="76" alt="Кваст">
		</div>
		<div class="top-menu">
			<ul>
				<li><a href="#">История</a></li>
				<li><a href="#">Производство</a></li>
				<li><a href="#">Ассортимент</a></li>
				<li><a href="#">Где купить</a></li>
			</ul>
			<p>Крафтовый квас<br />всему голова!
		</div>
	</div>
</div>	

		<!-- Block №2a -->

<div class="novelties">
	<div class="novelties_block_A">
		<h2>Новинки</h2>
	<div class="h3-left"><h3>Вахтёр</h3></div>
		<div class="table">
					<table>
						<tr>
							<td>Алк.</td>
							<td>&lt; 1%</td>
						</tr>
						<tr>
							<td>Ккал:</td>
							<td>35</td>
						</tr>
					</table>
		</div>
			<p>Ржаной хлеб, Вода, Солод, Соль</p>
			<img src="img\bottleleft.jpg" alt="Вахтер">
				<p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>
			<div class="btn_lft">
					<a href="#">Подробнее</a>
					<a href="#">Купить</a>
					<b>150 Р.</b>
			</div>
	</div>

		<!-- Block №2b -->

	<div class="h3-right"><h3>Романтик</h3></div>
		<div class="table">
					<table>
						<tr>
							<td>Алк.</td>
							<td>&lt;&nbsp;0,5%</td>
						</tr>
						<tr>
							<td>Ккал:</td>
							<td>27</td>
						</tr>
					</table>
		</div>
			<p>Ячменный хлеб, Вода, Солод, Апельсин</p>
			<img src="img\bottleright.jpg" alt="Романтик">
				<p>Лёгкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.</p>
			<div class="btn_rght">
					<a href="#">Подробнее</a>
					<a href="#">Купить</a>
					<b>90 Р.</b>
			</div>
</div>

		<!-- Block №3 -->

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

		<!-- Block №4 -->

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

		<!-- Block №5 -->

<div class="press_our">
	<div><h2>Пресса о нас</h2></div>
		<div>
			<blockquote>Сегодня мы провели дегустацию чего-то действительно новенького — крафтового кваса. Да, да, вы не ослышались! Спасибо Арсену и Руслану за то, что предоставили целую бочку своего напитка!</blockquote>
		<blockquote><em>Газета столичный Стольник</em><a href="#">&nbsp;Читать далее</a></blockquote>

		</div>
</div>

		<!-- Block №6 -->

<div class="table_price">
	<h2>Ассортимент</h2>
		<div class="table">
			<table>
				<tr>
					<th>Название</hd>
					<th>Алк.</th>
					<th>Ккал</th>
					<th>Объём</th>
					<th>Стоимость</th>
				</tr>
				<tr>
					<td>Классика</td>
					<td>&lt; 1,2%</td>
					<td>33</td>
					<td>330 мл</td>
					<td>120 Р.</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>35</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>

		<!-- Block №7 -->

<div class="feedback">
	<h2>Заказать</h2>
	<p>Не ждите пока нас отрекламируют, как Вятский квас, и мы поднимем цены! Закажите настоящий крафтовый квас сейчас. При заказе от 10 баррелей — скидка 10%.</p>
		<div class="feedback_form">
			<form>
				<div class="data-form">
					<label for="us-name" class="user-name">Представьтесь:</label>
					<input type="text" name="us-name" id="us-name" value="Как мы можем к вам обращаться?">
				</div>
				<div class="data-form">
					<label for="us-phone" class="user-phone">Номер телефона:</label>
					<input type="text" name="us-phone" id="us-phone">
				</div>
				<div class="data-form">
					<label for="second_us-phone" class="second_user-phone">Доп. номер:</label>
					<input type="text" name="us-phone" id="us-phone">
				</div>
				<div class="data-form">
					<label for="us-email" class="user-email">Email:</label>
					<input type="text" name="us-email" id="us-email">
				</div>
				<div class="data-form">
						<label for="data-form" class="data_select">Объём заказа:</label>
					<select class="data-form">
						<option name="1" id="data-form">От 5 до 10 баррелей в неделю</option>
					</select>
				</div>
				<div class="data-form">
					<label for="txt_ar">Доп. комментарий:</label>
					<textarea class="data-form" name="txt_area_mess" id="txt_ar" rows="10" cols="96"></textarea>
				</div>
				<div class="data-form">
					<input checked type="checkbox" name="check" id="checkbox">
					<label for="checkbox">Я согласен получать квасную рассылку</label>	
				</div>
				<div>
					<input type="submit" name="btn_submit" id="btn_submit" value="Отправить заказ">
				</div>
			</form>
		</div>
</div>

<!-- Block №8 -->

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

Ineska · 09.Январь.2018 05:23:21

Не закрыт параграф в первом и во втором блоке.
Во втором блоке заголовок третьего уровня дополнительно обернут в div, зачем?
В третьем блоке в каждый пункт li входит только заголовок, а параграф идет отдельно ниже.
В блоке 4 и 5 снова обертка для заголовка.
В пятом блоке почему-то две цитаты.
В блоке 6 первая ячейка таблицы закрыта наверно, там вообще несуществующий тег.
В блоке 7 тег формы без обязательных атрибутов method и action.

GlebPilipenko · 09.Январь.2018 05:53:53

спасибо, буду поправлять.

VASYA321 · 11.Июнь.2018 19:10:59

А оборачивать каждый label+input в дивы обязательно?

Ineska · 11.Июнь.2018 21:27:38

Лучше оборачивать, потом удобнее стилизовать.

Evgen1 · 25.Сентябрь.2018 16:08:39

Доброго времени суток. Подскажите пожалуйста - при загрузке проекта на проверку первый блок проходит правильно, а второй вообще не анализируется хотя код в файле архива написан. Загружаю архивом Zip внутри архива папка img и index.html.

Ineska · 25.Сентябрь.2018 17:36:04

Код текстом, пожалуйста.

Evgen1 · 25.Сентябрь.2018 18:31:58

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Кваст</title>
  </head>
  <body>
     <!--Блок шапка -->
  <div class="header-top">
  	  <div class="header-logo"><img src="img/logo.png" alt="логотип"></div>
  	  <div class="main-nav">
  		<ul>
  			<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-items">
  	     <h2>Новинки</h2>
  	       <div class="catalog-items">
  		       <h3>Вахтёр</h3>
  		       <table>
  		  	     <tr>
  		  		     <td>Алк.</td>
  		  		     <td>&lt; 1%</td>
  		  	     </tr>
  		  	     <tr>
  		  		     <td>Ккал:</td>
  		  		     <td>35</td>
  		  	     </tr>
  		       </table>

  		       <p>Ржаной хлеб, Вода, Солод, Соль</p>
  		  
  		       <img src="img/bottle-left.jpg">

  		       <p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>

  		       <a href="#">Подробнее</a>
  		       <a href="#">Купить</a>
  		  
  		       <b>150 Р.</b>
  	       </div>

  	       <div class="catalog-items">
  		
  		      <h3>Романтик</h3>
  		
              <table>
        	     <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" alt="картинка2">
  		
  		       <p>Легкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.</p>
  		
  		       <a href="#">Подробнее</a>
  		       <a href="#">Купить</a>
  		       <b>90 Р.</b>
  	       </div>
       </div>
  </body>
</html>
    Впишите сюда текст; также, отключить форматирование текста можно, начав строку с 4х пробелов