Отступы

Внутри блоков

Всё оступы внутри блоков делаются классами:
st-indent — соответсвует верхнему и нижнему отступу в 84px, мобильное разрешение - 42px
st-indent-top — соответсвует верхнему отступу в 84px, мобильное разрешение - 42px
st-indent-bottom — соответсвует нижнему отступу в 84px, мобильное разрешение - 42px;
Если первый блок на странице с белым фоном, то у него нужно ставить именно класс st-indent-bottom

Отступы на заголовки в блоках

В блоках на сайте нет верхнего отступа на заголовки. Нижние (автоматически, прописаны в стилях):

h1 - нижний отступ 42px
h2 - нижний отступ 48px (нет логики - лучше выглядит)
h3 - нижний отступ 34px

Отступы на заголовки внутри текста
(после абзацев и списков)

В тексте помимо нижнего добавляется верхний отступ (автоматически, прописаны в стилях).

h1 - верхний отступ 58px, нижний отступ 42px
h2 - верхний отступ 52px, нижний отступ 38px
h3 - верхний отступ 48px, нижний отступ 34px

Отступы от картинки

Изображение выравнивается по центру и добавляются верхний и нижний отступ

st-content-img - соответсвует верхнему и нижнему отступу в 42px

Внутри текста

Всё оступы внутри текста делаются классами:
mt-24 — соответсвует верхнему отступу в 24px;
mb-24 — соответсвует нижнему отступу в 24px;
mt-36 — соответсвует верхнему отступу в 36px;
mb-36 — соответсвует нижнему отступу в 36px;
mt-44 — соответсвует верхнему отступу в 44px;
mb-44 — соответсвует нижнему отступу в 44px;
mt-52 — соответсвует верхнему отступу в 52px;
mb-52 — соответсвует нижнему отступу в 52px;

<p>текст</p> <a class="btn mt-24" href="#">Кнопка</a>

Отступы внутри маленьких блоков (подложек)

Отступ внутри блока формируется пропорционально его размеру и кратен 10px.

Минимальный вертикальный отступ = 20px, максимальный = 40px.

Если на странице 1 или 2 блока, то отступ = 40px.

Если на странице 3 блока, то отступ = 30px или 20px (зависит от высоты и положения).

Стандартных класов для создания отступов и подложек нет. Блоки создаются по методологии БЭМ.

Продвижение сайтов

Мы подбираем список запросов, по которым ваш сайт могли бы найти потенциальные клиенты. Чем выше находится сайт в результатах выдачи поисковика по этим запросам, тем больше будет у вас клиентов. Плата за такой тип продвижения фиксированная и зависит от нескольких факторов — количества и частотности запросов, географического региона и конкурентности бизнеса.

Продвижение сайта

Продвижение с гарантией по переходам представляет собой альтернативу классическим SEO-услугам. При таком варианте оплата идёт за конкретных посетителей, перешедших на ваш сайт по целевому запросу. Цена такого посетителя на вашем сайте определяется исходя из анализа рынка, частотности и конкурентности запроса и других факторов и начинается от 5 рублей за переход.

Картинка посреди текста

Если нужно вставить картинку в тексте, то используется class="st-content-img", он даёт необходимые отступы и выравнивает её по середине страницы.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam nesciunt suscipit enim a fuga non nobis quam aliquid inventore dolor, optio corrupti neque ratione cum. Laboriosam, eum inventore reprehenderit dolores.

Последний блок (цветной) на странице

			<div class="bg-blue st-indent st-content-last"> <div class="st-width"> <h2>Заголовок</h2> <p>Текст абзаца </p> <p>Текст абзаца2 </p> </div> </div>
		

st-content-last — Даёт правильные отступы на странице
Страндартную <br> битрикса в конце страницы всегда убираем!