Выберите цвет:

На своём сайте вы сможете загрузить собственную конфигурацию, а пока выберите любую доступную цветовую схему для предварительного просмотра.

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

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

Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.

Наименование услуги

Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.

Наименование услуги

Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.

Наименование услуги

Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.

Наименование услуги

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

Подробнее

Наименование услуги

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

Подробнее

Наименование услуги

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

Подробнее

Код блока «Услуги» (первый вариант)

<section>
        <div class="container">
          <div class="heading text-center">
            <h2>Заголовок второго уровня</h2>
            <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.</p>
          </div>
          <div class="height-50"></div>
          <div class="row">
            <div class="col-md-4">
              <div class="text-box text-center">
                <div class="bordered-thumb"><img src="/wa-data/public/site/themes/consulting/img/img1.jpg" alt=""></div>
                <h4>Наименование услуги</h4>
                <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.</p>
              </div>
            </div>
            <div class="col-md-4">
              <div class="text-box text-center">
                <div class="bordered-thumb"><img src="/wa-data/public/site/themes/consulting/img/img1.jpg" alt=""></div>
                <h4>Наименование услуги</h4>
                <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.</p>
              </div>
            </div>
            <div class="col-md-4">
              <div class="text-box text-center">
                <div class="bordered-thumb"><img src="/wa-data/public/site/themes/consulting/img/img1.jpg" alt=""></div>
                <h4>Наименование услуги</h4>
                <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.</p>
              </div>
            </div>
          </div>
        </div>
</section>

Код блока «Услуги» (второй вариант)

<section>
        <div class="container">
          <div class="row">
            <div class="col-md-4">
              <div class="text-box">
                <div class="bordered-thumb"><img src="/wa-data/public/site/themes/consulting/img/img1.jpg" alt=""></div>
                <h4>Наименование услуги</h4>
                <p>Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.</p>
                <a href="#" class="link-grey"><i class="fa fa-caret-right"></i> Подробнее</a>
              </div>
            </div>
            <div class="col-md-4">
              <div class="text-box animate fadeInUp">
                <div class="bordered-thumb"><img src="/wa-data/public/site/themes/consulting/img/img1.jpg" alt=""></div>
                <h4>Наименование услуги</h4>
                <p>Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.</p>
                <a href="#" class="link-grey"><i class="fa fa-caret-right"></i> Подробнее</a>
              </div>
            </div>
            <div class="col-md-4">
              <div class="text-box">
                <div class="bordered-thumb"><img src="/wa-data/public/site/themes/consulting/img/img1.jpg" alt=""></div>
                <h4>Наименование услуги</h4>
                <p>Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.</p>
                <a href="#" class="link-grey"><i class="fa fa-caret-right"></i> Подробнее</a>
              </div>
            </div>
          </div>
        </div>
</section>

Код блока «Услуги» (третий вариант)

<section class="text-center">
        <div class="container">
          <div class="two-items-carousel owl-carousel">
            <div class="image-and-text-box">
              <div class="bordered-thumb"><a href="#"><img src="/wa-data/public/site/themes/consulting/img/img1.jpg" alt=""></a></div>
              <h3><a href="#">Наименование услуги</a></h3>
              <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.</p>
            </div>
            <div class="image-and-text-box">
              <h3><a href="#">Наименование услуги</a></h3>
              <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.</p>
              <div class="bordered-thumb"><a href="#"><img src="/wa-data/public/site/themes/consulting/img/img2.jpg" alt=""></a></div>
            </div>
          </div>
        </div>
</section>

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

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

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

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