• 8 800 800 8080
  • info@avto-cafe.ru
  • Москва, Индустриальная 15
  • Пн-Сб 09:00 - 18:00
Блок "Слайдер"

На этой странице представлены разные варианты оформления блока «Слайдер».

Данный блок используется для создания набора слайдов с изображениями, подводящими к «покупке» (совершению целевого действия) заголовками, текстом и кнопками CTA (call to action).

Слайдер на 100vh
Занимает всю высоту экрана

Расположение текста по центру, слайдер - в ширину страницы

Второй слайд
С кнопкой CTA

При нажатии на кнопку можно выводить модальное окно (форму) или переводить пользователя на другую страницу.

Посмотреть контакты
Простой слайд

Только заголовок и текст. Ничего лишнего.

Заголовок контентного блока на всю ширину страницы

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

Фиксированная высота
100% ширины экрана

Заголовок поверх слайда слева, без подложки.

Заголовок второго слайда
А еще с кнопкой CTA

И поясняющим текстом для усиления информативности слайда.

Нажми меня
Слайдер шириной 1400
Подзаголовок слайда

Текст слева на светлой подложке.

Заголовок слайда
Подзаголовок слайда

Описание слайда...

Кнопка-ссылка
Заголовок слайда
В ширину лендинга

Текст внизу на светлой подложке.

Заголовок слайда
Подзаголовок слайда

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer efficitur orci vel nisl consequat molestie.

Заголовок слайда
Подзаголовок слайда

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer efficitur orci vel nisl consequat molestie.

Заголовок слайда
Подзаголовок слайда

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer efficitur orci vel nisl consequat molestie.

Заголовок слайда
Подзаголовок слайда

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer efficitur orci vel nisl consequat molestie.

Заголовок слайда
ширина в размер страницы

Текст внизу на темной подложке.

Заголовок слайда
Подзаголовок слайда

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer efficitur orci vel nisl consequat molestie.

Заголовок слайда
Подзаголовок слайда

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer efficitur orci vel nisl consequat molestie.

Заголовок слайда
Подзаголовок слайда

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer efficitur orci vel nisl consequat molestie.

Заголовок слайда
Подзаголовок слайда

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer efficitur orci vel nisl consequat molestie.

Заголовок слайда
Подзаголовок слайда

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer efficitur orci vel nisl consequat molestie.