Задать вопрос

Заголовок второго уровня

Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.

Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.

Иванов Иван(О продукте)

Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.

Иванов Иван(О продукте)

  • Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.

    Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.

    Иванов Иван(О продукте)

  • Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.

    Иванов Иван(О продукте)

  • Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.

    Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.

    Иванов Иван(О продукте)

  • Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.

    Иванов Иван(О продукте)

  • Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.

    Иванов Иван(О продукте)

  • Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.

    Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.

    Иванов Иван(О продукте)

Закрыть

Заголовок второго уровня

Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.

Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.

Иванов Иван(О продукте)

Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.

Иванов Иван(О продукте)

  • Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.

    Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.

    Иванов Иван(О продукте)

  • Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.

    Иванов Иван(О продукте)

  • Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.

    Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.

    Иванов Иван(О продукте)

  • Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.

    Иванов Иван(О продукте)

  • Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.

    Иванов Иван(О продукте)

  • Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.

    Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.

    Иванов Иван(О продукте)

Закрыть

Заголовок второго уровня

Код блока «Отзывы» (первый вариант)

<section class="bg-blue">
        <div class="container">
          <div class="heading text-center">
            <h2>Заголовок второго уровня</h2>
            <p>Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.</p>
          </div>
          <div class="row">
            <div class="col-md-6">
              <div class="testimonial">
                <div class="testimonial-content">
                  <p>Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.</p>
                </div>
                <div class="row">
                  <div class="col-md-6">
                    <div class="testimonials-author">
                      <img class="img-circle" src="/wa-data/public/site/themes/consulting/img/review-author-img.png" alt="">
                      <p>Иванов Иван(О продукте)</p>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="text-right">
                      <ul class="rating">
                        <li><i class="fa fa-star"></i></li>
                        <li><i class="fa fa-star"></i></li>
                        <li><i class="fa fa-star"></i></li>
                        <li><i class="fa fa-star"></i></li>
                        <li><i class="fa fa-star"></i></li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6">
              <div class="testimonial">
                <div class="testimonial-content">
                  <p>Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.</p>
                </div>
                <div class="row">
                  <div class="col-md-6">
                    <div class="testimonials-author">
                      <img class="img-circle" src="/wa-data/public/site/themes/consulting/img/review-author-img.png" alt="">
                      <p>Иванов Иван(О продукте)</p>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="text-right">
                      <ul class="rating">
                        <li><i class="fa fa-star"></i></li>
                        <li><i class="fa fa-star"></i></li>
                        <li><i class="fa fa-star"></i></li>
                        <li><i class="fa fa-star"></i></li>
                        <li><i class="fa fa-star"></i></li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="text-center">
            <a class="btn btn-bordered-dark cd-see-all iconic" data-delay="200" href="javascript:void(0);" data-text="Смотреть все"><i class="icon-img-grid"></i>Смотреть все</a>
          </div>
        </div>
        <!-- Все отзывы -->
        <div class="cd-testimonials-all">
          <div class="cd-testimonials-all-wrapper">
            <ul>
              <li class="cd-testimonials-item">
                <div class="testimonial">
                  <div class="testimonial-content">
                    <p>Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.</p>
                    <p>Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.</p>
                  </div>
                  <div class="row">
                    <div class="col-md-6">
                      <div class="testimonials-author">
                        <img class="img-circle" src="/wa-data/public/site/themes/consulting/img/review-author-img.png" alt="">
                        <p>Иванов Иван(О продукте)</p>
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="text-right">
                        <ul class="rating">
                          <li><i class="fa fa-star"></i></li>
                          <li><i class="fa fa-star"></i></li>
                          <li><i class="fa fa-star"></i></li>
                          <li><i class="fa fa-star"></i></li>
                          <li><i class="fa fa-star"></i></li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
              </li>
            </ul>
          </div>
          <a href="javascript:void(0);" class="close-btn">Закрыть</a>
        </div>
</section>

Код блока «Отзывы» (второй вариант)

К первому варианту в section добавить классы testi-bg parallax


Код блока «Отзывы» (третий вариант)

<section class="bg-blue">
        <div class="container">
          <div class="heading text-center">
            <h2>Заголовок второго уровня</h2>
          </div>
          <div class="single-item-carousel owl-carousel">
            <div class="testimonial-2">
              <div class="testimonials-author">
                <img class="img-circle" src="/wa-data/public/site/themes/consulting/img/review-author-img.png" alt="">
                <p>Иванов Иван(О продукте)</p>
              </div>
              <div class="testimonial-content">
                <ul class="rating">
                  <li><i class="fa fa-star"></i></li>
                  <li><i class="fa fa-star"></i></li>
                  <li><i class="fa fa-star"></i></li>
                  <li><i class="fa fa-star"></i></li>
                  <li><i class="fa fa-star"></i></li>
                </ul>
                <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.</p>
              </div>
            </div>
            <div class="testimonial-2">
              <div class="testimonials-author">
                <img class="img-circle" src="/wa-data/public/site/themes/consulting/img/review-author-img.png" alt="">
                <p>Иванов Иван(О продукте)</p>
              </div>
              <div class="testimonial-content">
                <ul class="rating">
                  <li><i class="fa fa-star"></i></li>
                  <li><i class="fa fa-star"></i></li>
                  <li><i class="fa fa-star"></i></li>
                  <li><i class="fa fa-star"></i></li>
                  <li><i class="fa fa-star"></i></li>
                </ul>
                <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.</p>
              </div>
            </div>
            <div class="testimonial-2">
              <div class="testimonials-author">
                <img class="img-circle" src="/wa-data/public/site/themes/consulting/img/review-author-img.png" alt="">
                <p>Иванов Иван(О продукте)</p>
              </div>
              <div class="testimonial-content">
                <ul class="rating">
                  <li><i class="fa fa-star"></i></li>
                  <li><i class="fa fa-star"></i></li>
                  <li><i class="fa fa-star"></i></li>
                  <li><i class="fa fa-star"></i></li>
                  <li><i class="fa fa-star"></i></li>
                </ul>
                <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.</p>
              </div>
            </div>
          </div>
        </div>
</section>

Первоначальная настройка

Перейдите в приложение СайтБлокисоздайте новый блок . В поле ID введите например: «home.faq», добавьте описание (необязательно) и вставьте полученный код в поле для ввода. Отредактируйте блок по своему усмотрению и сохраните его.

После создания блока появится пункт «Встроить на страницу или в шаблон:». Скопируйте код и вставьте его на страницу.

Важно! При вставке кода на страницу редактор должен быть в режиме HTML. Не забудьте что для кастомных страниц, должен быть указан дополнительный параметр страницы custom=1