Решение "Кексби. Промежуточное испытание"

Хоть не все пункты на 100%, но всё же)

<!DOCTYPE html>
<html lang = "ru">
<head>
  <meta charset = "utf-8">
  <title>Кваст</title>
  <link rel="stylesheet" href = "css/style.css">
</head>
<body>
  <div class = "page-header">
    <div class = "container-1"
      <div class = "header-top clearfix">
        <div class = "header-logo">
          <img src = "img/logo.png" alt = "Кваст" width = "140" height = "76">
          </div>
        <ul class = "main-nav clearfix">
          <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="bottles clearfix">
        <div class="little-container">
          <h2 class="title">Новинки</h2>
    
          <div class="left-bottle">
            <h3 class="title">Вахтёр</h3>
            <div class="description-1">
            <table class="table-1"> 
                <tr>   
                    <td>Алк.</td> 
                    <td>&lt; 1%</td>
                </tr>   
                <tr>
                    <td>Ккал</td>
                    <td>35</td>
                </tr>
            </table>
    
            <p class="text-1">Ржаной хлеб, Вода, Солод, Соль</p>
            </div>
            <img src="img\bottle-left.jpg">
    
            <p class="text">Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>
            
            <p class="d"><a class="btn btn-1" href="#">Подробнее</a> <a class="btn btn-2" href="#">Купить</a><b>150 Р.</b></p>
          </div>
    
          <div class="right-bottle">
            <h3 class="title">Романтик</h3>
            <div class="description-2">
            <table class="table-2"> 
                <tr>   
                    <td>Алк.</td> 
                    <td>&lt; 0,5%</td>
                </tr>   
                <tr>
                    <td>Ккал</td>
                    <td>27</td>
                </tr>
            </table>
            <p class="text-2">Ячменный хлеб, Вода, Солод, Апельсин</p>
            </div>
            <img src="img\bottle-right.jpg">
    
            <p class="text">Лёгкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.</p>
            
            <p class="d"><a class="btn btn-1" href="#">Подробнее</a> <a class="btn btn-2" href="#">Купить</a><b>90 Р.</b></p>
          </div>
        </div>
      </div>
    
    
      <div class="benefits clearfix">
        <div class="big-container">
          <ul>
            <div class="benefits-1">
              <div class="icon-1"></div>
              <li><h2>Варим сами</h2></li>
              <p>Вот этими самыми руками. Экспериментируем и творим, что хотим.</p>
            </div>
    
            <div class="benefits-2">
              <div class="icon-2"></div>
              <li><h2>Своё, родное</h2></li>
            <p>Не заработка ради, а импортозамещения для. Поднимаем производство.</p>
              </div>
    
            <div class="benefits-3">
              <div class="icon-3"></div>
              <li><h2>Не экономим</h2></li>
              <p>Человек это то, что он ест и пьёт. У нас только качественные ингредиенты.</p>
            </div>
          </ul>
        </div>
      </div>
    
    
      <div class="history clearfix">
        <div class="little-container">
          <h2 class="title">Немного истории</h2>
          <dl>
            <div class="his-item">
              <dt>
                  Происхождение кваса <i>Источник:<a href="#"> ru.wikipedia.org</a></i>
              </dt>  
              <dd>
                  <img src="img/wiki-1.png">
                  <p>Квас на Руси появился в X-XI веке. Само слово «квас» тоже имеет древнерусское происхождение. Помимо России квас готовят в Белоруссии, Сербии, Македонии, Словакии и многих других странах, но называется он везде одинаково — квас.</p>
              </dd>
            </div>
            <div class="his-item">
              <dt>
                  Классификация кваса <i>Источник:<a href="#"> ru.wikipedia.org</a></i>    
              </dt>
              <dd>
                  <img src="img/wiki-2.png">
                  <p>По российскому ГОСТу для промышленного изготовления — это напиток с объёмной долей этилового спирта не более 1,2%, изготовленный в результате незавершённого спиртового и молочнокислого брожения сусла.</p>
              </dd>
            </div>
          </dl>
        </div>
      </div>
    
    
      <div class="press clearfix">
        <div class="little-container">
          <dl>
            <dt>
              <h2 class="title">Пресса о нас</h2>
            </dt>
            <dd>
              <div class="press-icon"></div>
              <p>Сегодня мы провели дегустацию чего-то действительно новенького — крафтового кваса. Да, да, вы не ослышались! Спасибо Арсену и Руслану за то, что предоставили <br> целую бочку своего напитка!</p>  
              <i>Газета столичный Стольник</i> <a class="btn his-btn" href="#">Читать далее</a>
            </dd>
          </dl>
        </div>
      </div>
    
    
      <div class="assortment clearfix">
        <div class="little-container">
          <h2 class="title">Ассортимент</h2>
          <table class="assortment-table">
            <tr>
              <th class="name">Название</th>
              <th>Алк.</th>
              <th>Ккал</th>
              <th>Объём</th>
              <th class="coast">Стоимость</th>
            </tr>
    
            <tr>
              <td class="name">Классика</td>
              <td>&lt; 1,2%</td>
              <td>33</td>
              <td>330 мл</td>
              <td class="coast">120 Р.</td>
            </tr>
    
            <tr>
              <td class="name">Шабаш</td>
              <td>&gt; 1,2%</td>
              <td>45</td>
              <td>330 мл</td>
              <td class="coast">250 Р.</td>
            </tr>
    
            <tr>
              <td class="name">Вахтёр <sup class="new">Новинка</sup></td>
              <td>&lt; 1%</td>
              <td>35</td>
              <td>0,5 л</td>
              <td class="coast">150 Р.</td>
            </tr>
    
            <tr>
              <td class="name">Романтик <sup class="new">Новинка</sup></td>
              <td>&lt; 0,5%</td>
              <td>27</td>
              <td>0,5 л</td>
              <td class="coast">90 Р.</td>
            </tr>
          </table>
        </div>
      </div>
    
    
      <div class="buy clearfix">
        <div class="little-container">
          <h2 class="title">Заказать</h2>
    
          <p>Не ждите пока нас отрекламируют, как Вятский квас, и мы поднимем цены! Закажите настоящий крафтовый квас сейчас. При заказе от 10 баррелей — скидка 10%.</p>
          
          <form action="#" method="post">
            <div class="form-item">
            <label for="name">Представьтесь:</label>
              <input type="text" id="name" name="name">
              <br>
          </div>
            
          <div class="form-item-2">
            <label for="tel">Номер телефона:</label>
              <input type="text" id="tel" name="tel">
              <br>
            </div>
            
            <div class="form-item-3">
            <label for="2tel">Доп. номер:</label>
              <input type="text" id="2tel" name="2tel">
              <br>
            </div>
            
            <div class="form-item-4"></div>
            <label for="email">Email:</label>
              <input type="text" id="email" name="email">
              <br>
            </div>
            <div>
              <label for="amount">Объём заказа:</label><br>
              <select name="amount" id="amount"> 
                <option value="10" selected>От 5 до 10 баррелей в неделю</option>
              </select>
            <div>
              <label for="info">Доп. комментарий:</label>
            <textarea name="info" id="info" cols="20" rows="2">
            </textarea>
            </div>
            <div class="order-form-label">
              <input type="checkbox" name="subscribe" id="subscribe" checked>
              <label for="subscribe">Я согласен получать квасную рассылку</label>
            </div>
            <input class="btn-buy" type="submit" name="send" id="send" value="Отправить заказ">
          </form>
        </div>
      </div>
    <footer>
      <div class="page-footer">
        <div class="big-container">
          <img class="logo" src="img\logo.png">
    
          <ul>
            <li><a href="#">История</a></li>
            <li><a href="#">Производство</a></li>
            <li><a href="#">Ассортимент</a></li>
            <li><a href="#">Где купить</a></li>
          </ul>
    
          <p><a href="#">Инстаграм</a> <a href="#">Фейсбук</a> <a href="#">Вконтакте</a></p>
          <p>При перепечатке материалов ссылка на сайт обязательна!</p>
          
          <img src="img\htmlacademy.png"> <b>Разработчик:</b> <a href="#">HTML Academy</a>
        </div>
      </div>
    </footer>
  </div>
</body>

Отдельная благодарность PENGUIN за почти решенный вариант

<!DOCTYPE HTML>
<html lang="ru">
<head>
  <title>Кваст</title>
  <meta charset="utf-8">
  <link rel="stylesheet" href="css/style.css">
</head>

<body>

  <div class="page-header">
    <div class="container">

      <div class="header-top clearfix">

        <div class="logo-header">
          <img src="img/logo.png" alt="Кваст" width="140" height="76">
        </div>

        <ul class="main-nav header-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="slide-desription">
        Крафтовый квас<br>
        всему голова!
      </div>

    </div>
  </div>


  <div class="news">
    <div class="container">

      <h2 class="block-title">Новинки</h2>

      <div class="news-list clearfix">

        <div class="news-item clearfix">
          <h3 class="news-item-title">Вахтёр</h3>

          <div class="news-item-info">

            <table class="news-item-stats">
              <tr>
                <td>Алк.</td>
                <td>&lt; 1%</td>
              </tr>
              <tr>
                <td>Ккал</td>
                <td>35</td>
              </tr>
            </table>

            <p class="news-item-composition">
              Ржаной хлеб, Вода, Солод, Соль
            </p>

          </div>

          <img class="news-item-pic" src="img/bottle-left.jpg" alt="Бутылка кваса Вахтёр" width="319" height="459">

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

          <div class="news-item-controls">

            <a class="btn btn-transparent" href="#" title="Посмотреть полное описание">Подробнее</a>

            <a class="btn btn-solid" href="#" title="Купить товар">Купить</a>

            <b class="news-item-price">150 Р.</b>

          </div>

        </div>

        <div class="news-item clearfix">
          <h3 class="news-item-title">Романтик</h3>

          <div class="news-item-info">

            <table class="news-item-stats">
              <tr>
                <td>Алк.</td>
                <td>&lt; 0,5%</td>
              </tr>
              <tr>
                <td>Ккал</td>
                <td>27</td>
              </tr>
            </table>

            <p class="news-item-composition">
              Ячменный хлеб, Вода, Солод, Апельсин
            </p>

          </div>

          <img class="news-item-pic" src="img/bottle-right.jpg" alt="Бутылка кваса Романтик" width="319" height="459">

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

          <div class="news-item-controls">

            <a class="btn btn-transparent" href="#" title="Посмотреть полное описание">Подробнее</a>

            <a class="btn btn-solid" href="#" title="Купить товар">Купить</a>

            <b class="news-item-price">90 Р.</b>

          </div>

        </div>

      </div>

    </div>
  </div>


  <div class="warranty">
    <div class="container container-wide">
      <ul class="warranty-list clearfix">

        <li class="handmade">

          <h2 class="warranty-title">Варим сами</h2>

          <p class="warranty-text">Вот этими самыми руками. Экспериментируем и творим, что хотим.</p>

        </li>

        <li class="own">

          <h2 class="warranty-title">Своё, родное</h2>

          <p class="warranty-text">Не заработка ради, а импортозамещения для. Поднимаем производство.</p>

        </li>

        <li class="quality">

          <h2 class="warranty-title">Не экономим</h2>

          <p class="warranty-text">Человек это то, что он ест и пьёт. У нас только качественные ингредиенты.</p>

        </li>

      </ul>
    </div>
  </div>

  <div class="theory">
    <div class="container clearfix">
      <h2 class="theory-title">Немного истории</h2>

      <dl class="theory-list clearfix">

        <dt class="theory-item-heading clearfix">Происхождение кваса

          <i class="source">Источник:
            <a class="theory-link" href="#" title="Перейти к источнику"><cite>ru.wikipedia.org</cite></a>
          </i>

        </dt>

        <dd class="theory-item-body clearfix">

          <img src="img/wiki-1.png" alt="Квас в стакане" width="200" height="101">

          <p>Квас на Руси появился в X-XI веке. Само слово «квас» тоже имеет древнерусское происхождение. Помимо России квас готовят в Белоруссии, Сербии, Македонии, Словакии и многих других странах, но называется он везде одинаково — квас. </p>

        </dd>

        <dt class="theory-item-heading clearfix">Классификация кваса

          <i class="source">Источник:
            <a class="theory-link" href="#" title="Перейти к источнику"><cite>ru.wikipedia.org</cite></a>
          </i>

        </dt>


        <dd class="theory-item-body clearfix">

          <img src="img/wiki-2.png" alt="Квас в стакане" width="200" height="101">

          <p>По российскому ГОСТу для промышленного изготовления — это напиток с объёмной долей этилового спирта не более 1,2%, изготовленный в результате незавершённого спиртового и молочнокислого брожения сусла.</p>

        </dd>

      </dl>
    </div>
  </div>


  <div class="reviews">
    <div class="container">

      <h2 class="block-title">Пресса о нас</h2>

      <blockquote class="review">

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

        <cite>Газета столичный Стольник</cite>

        <a class="btn btn-transparent-light" href="#" title="Посмотреть полное описание">Читать далее</a>

      </blockquote>

    </div>
  </div>


  <div class="price">
    <div class="container">

      <h2 class="block-title">
        Ассортимент
      </h2>

      <table class="price-table">

        <tr>
          <th class="price-item-name">Название</th>
          <th class="price-item-alcohol">Алк.</th>
          <th class="price-item-caloricity">Ккал</th>
          <th class="price-item-volume">Объём</th>
          <th class="price-item-cost">Стоимость</th>
        </tr>

        <tr>
          <td class="price-item-name">Классика</td>
          <td class="price-item-alcohol">&lt; 1,2%</td>
          <td class="price-item-caloricity">33</td>
          <td class="price-item-volume">330 мл</td>
          <td class="price-item-cost">120 Р.</td>
        </tr>

        <tr>
          <td class="price-item-name">Шабаш</td>
          <td class="price-item-alcohol">&gt; 1,2%</td>
          <td class="price-item-caloricity">45</td>
          <td class="price-item-volume">330 мл</td>
          <td class="price-item-cost">250 Р.</td>
        </tr>

        <tr>
          <td class="price-item-name">Вахтёр <sup class="tip">Новинка</sup></td>
          <td class="price-item-alcohol">&lt; 1%</td>
          <td class="price-item-caloricity">35</td>
          <td class="price-item-volume">0,5 л</td>
          <td class="price-item-cost">150 Р.</td>
        </tr>

        <tr>
          <td class="price-item-name">Романтик <sup class="tip">Новинка</sup></td>
          <td class="price-item-percent">&lt; 0,5%</td>
          <td class="price-item-caloricity">27</td>
          <td class="price-item-volume">0,5 л</td>
          <td class="price-item-cost">90 Р.</td>
        </tr>

      </table>

    </div>
  </div>


  <div class="feedback">
    <div class="container">

      <h2 class="block-title">Заказать</h2>

      <p class="feedback-annotation">
        Не ждите пока нас отрекламируют, как Вятский квас, и мы поднимем цены! Закажите настоящий крафтовый квас сейчас. При заказе от 10 баррелей — скидка 10%.
      </p>

      <form class="order-form" action="index.html" method="post">

        <div class="form-group">

          <label for="name">Представьтесь:</label>

          <input id="name" type="text">

        </div>

        <div class="form-group clearfix">

          <div class="left-part">

            <label for="phone">Номер телефона:</label>

            <input id="phone" type="text">

          </div>

          <div class="right-part">

            <label for="second-phone">Доп. номер:</label>

            <input id="second-phone" type="text">

          </div>

        </div>

        <div class="form-group">

          <label for="email">Email:</label>

          <input id="email" type="text">

        </div>

        <div class="form-group">

          <label for="select">Объём заказа:</label>

          <br>

          <select id="select" name="volume">
            <option value="0" selected>От 5 до 10 баррелей в неделю</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
          </select>

        </div>

        <div class="form-group">

          <label for="message">Доп. комментарий:</label>

          <textarea id="message"></textarea>

        </div>

        <div class="checkbox-area">

          <label>
            <input type="checkbox" name="subscription" checked="checked">
            Я согласен получать квасную рассылку
          </label>

        </div>

        <input class="btn btn-solid" type="submit" name="name" value="Отправить заказ">

      </form>
    </div>
  </div>


  <div class="page-footer">
    <div class="container container-wide">

      <div class="footer-top clearfix">

        <div class="logo-footer">
          <img src="img/logo.png" alt="Кваст" width="140" height="76">
        </div>

        <ul class="main-nav footer-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="footer-bottom clearfix">

        <div class="footer-social clearfix">

          <a class="footer-social-in" href="https://instagram.com/htmlacademy">Инстаграм</a>

          <a class="footer-social-fb" href="https://www.facebook.com/htmlacademy">Фейсбук</a>

          <a class="footer-social-vk" href="https://vk.com/htmlacademy">Вконтакте</a>

        </div>

        <div class="footer-annotation">
          <p>При перепечатке материалов ссылка на сайт обязательна!</p>
        </div>

        <div class="footer-copyright clearfix">
          <a class="logo-htmlacademy" href="https://htmlacademy.ru"><img src="img/htmlacademy.png" alt="HTML Academy" width="27" height="34"></a><span class="copyright-text"><b>Разработчик:</b> <a href="https://htmlacademy.ru">HTML Academy</a></span>
        </div>
      </div>

    </div>
  </div>

</body>
</html>

Взято из эталонного решения