reviews.html

   <!-- ENTIRE PAGE -->
    <section class="sp-reviews-container">
      <header class="sp-reviews-container-header">Отзывы покупателей о товаре "Карталин мазь 100 мл."</header>

      <!-- SUMMARY -->
      <section class="sp-summary">
        <header class="sp-summary-header">Рейтинг покупателей</header>

        <!-- STATS -->
        <section class="sp-summary-stats">
          <!-- RATING -->
          <div class="sp-summary-rating">
            <span class="sp-summary-rating-stars sp-stars-rating">
              <span class="sp-star-on"></span>
              <span class="sp-star-on"></span>
              <span class="sp-star-off"></span>
              <span class="sp-star-off"></span>
              <span class="sp-star-off"></span>
            </span>
            <span class="sp-summary-rating-value">3.0</span>
          </div>

          <!-- RECOMMENDED -->
          <div class="sp-summary-recommended">
            Рекомендуют товар <span class="sp-summary-recommended-value">95%</span> покупателей
          </div>

          <!-- ACTIONS -->
          <section class="sp-summary-actions">
            <div class="sp-summary-write-review">
              <button class="sp-summary-btn" type="button" onClick="Shoppilot.Surveybox.show({store_id: '{{ summary.store_id }}', offer_id: '{{ summary.offer_id }}'})">Оставьте отзыв</button>
            </div>
          </section>
        </section>

        <footer class="sp-summary-footer">
          <!-- REVIEWS COUNT -->
          <span class="sp-summary-reviews-count">12</span> покупателей оставили отзыв
        </footer>
      </section>


      <article class="sp-review">

        <!-- CONTENT -->
        <section class="sp-review-content">

          <!-- REVIEW SUMMARY -->
          <section class="sp-review-summary">

            <!-- RATING -->
            <figure class="sp-review-rating">
              <figcaption class="sp-review-label">Общее впечатление</figcaption>
              <span class="sp-stars-rating">
                <span class="sp-star-on"></span>
                <span class="sp-star-on"></span>
                <span class="sp-star-off"></span>
                <span class="sp-star-off"></span>
                <span class="sp-star-off"></span>
              </span>
            </figure>

            <!-- RATING DETAILS -->
            <figure class="sp-review-rating-detail">
              <figcaption class="sp-review-label">Функциональность</figcaption>
              <span class="sp-stars-rating">
                <span class="sp-star-on"></span>
                <span class="sp-star-on"></span>
                <span class="sp-star-on"></span>
                <span class="sp-star-on"></span>
                <span class="sp-star-off"></span>
              </span>
            </figure>
            <figure class="sp-review-rating-detail">
              <figcaption class="sp-review-label">Надежность</figcaption>
              <span class="sp-stars-rating">
                <span class="sp-star-on"></span>
                <span class="sp-star-off"></span>
                <span class="sp-star-off"></span>
                <span class="sp-star-off"></span>
                <span class="sp-star-off"></span>
              </span>
            </figure>

          </section>

          <!-- HEADLINE -->
          <div class="sp-review-headline">
            <h4>Крутые носки, однако</h4>
          </div>

          <!-- BODY -->
          <div class="sp-review-body">
            This was brought as an addition to store a stat nav for my son's Christmas present. It has storage for the accessories and is nice and compact giving plenty of protection. I'm very happy with this purchase since it was so reasonably priced!
            Read more at http://www.tesco.com/direct/hama-universal-sat-nav-hard-case-black/210-3746.prd#QeI7O7OXJkZfPcRC.99
          </div>

          <!-- PROS & CONS -->
          <dl class="sp-review-pros-cons">
            <dt class="sp-review-pros-title">Достоинства:</dt>
            <dd class="sp-review-pros-value">оврадфоыврд ыволарфд ыовларфд ыволра довыао дов ов ордфао лыврадлоф</dd>

            <dt class="sp-review-cons-title">Недостатки:</dt>
            <dd class="sp-review-cons-value">ыфоварфд ыоврад оыврад офыврад фоылвард фолывардфоылвр олдывар</dd>
          </dl>

          <dl class="sp-review-author-details">
            <dt class="sp-review-author-details-title">Продукт использовался:</dt>
            <dd class="sp-review-author-details-value">во время обострения раз в неделю</dd>
            <dt class="sp-review-author-details-title">Продукт использовался:</dt>
            <dd class="sp-review-author-details-value">во время обострения раз в неделю</dd>
          </dl>

          <!-- RECOMMENDATION -->
          <div class="sp-review-recommended-badge">Да, я рекомендую этот продукт</div>
        </section>

        <!-- FOOTER -->
        <footer class="sp-review-footer">
          <!-- AUTHOR NAME -->
          <ul class="sp-review-footer-list">
            <li class="sp-review-footer-item">
              <span class="sp-review-author-name">Владислав</span>
            </li>
            <li class="sp-review-footer-item">
              <span class="sp-review-location">Дубна</span>
            </li>
            <li class="sp-review-footer-item">
              <time class="sp-review-date" datetime="2013-10-01">
                01 октября 2013
              </time>
            </li>
            <li class="sp-review-footer-item">
              <div class="sp-review-trusted">Проверенный покупатель</div>
            </li>
          </ul>
        </footer>

      </article>


    </section>