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

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

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 margin-bottom-50>
            <h2>Заголовок второго уровня</h2>
            <p>Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.</p>
          </div>
          <div class="row">
          
<div class="col-md-4"> <div class="team-member"> <img src="/wa-data/public/site/themes/consulting/img/team.jpg" alt=""> <h4>Имя Фамилия<span>Должность</span></h4> <p>Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.</p> <ul class="social-text"> <li><a class="vk" href="#">вконтакте</a></li> <li><a class="twitter" href="#">twitter</a></li> <li><a class="youtube" href="#">youtube</a></li> </ul> </div> </div>
</div> </div> </section>

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

<section class="meet-our-consulting bg-white">
        <div class="container">
          <div class="heading text-center">
            <h2>Заголовок второго уровня</h2>
            <p>Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.</p>
          </div>
          <div class="single-item-carousel owl-carousel classic-arrows">
          
<div class="row"> <div class="col-md-5"><img src="/wa-data/public/site/themes/consulting/img/team2.jpg" alt=""></div> <div class="col-md-7"> <div class="meet-consulting-content"> <h3>Имя ФамилияДолжность</h3> <p>В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. Lorem Ipsum успешно пережил без заметных изменений пять веков.</p> <p>Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах.</p> <ul class="social-text"> <li><a href="#" class="vk">контакте</a></li> <li><a href="#" class="twitter">twitter</a></li> <li><a href="#" class="youtube">youtube</a></li> </ul> </div> </div> </div>
</div> </section>

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

<section class="meet-our-consulting bg-blue">
        <div class="container">
          <div class="heading text-center">
            <h2>Заголовок второго уровня</h2>
            <p>Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.</p>
          </div>
          <div class="three-items-carousel owl-carousel classic-arrows3">
          
<div class="team-member"> <img src="/wa-data/public/site/themes/consulting/img/team.jpg" alt=""> <h4>Имя ФамилияДолжность</h4> <p>Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.</p> <ul class="social-text"> <li><a class="vk" href="#">вконтакте</a></li> <li><a class="twitter" href="#">twitter</a></li> <li><a class="youtube" href="#">youtube</a></li> </ul> </div>
</div> </div> </section>

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

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

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

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