Анимированный слайдер на Swiper.js | HTML верстка макета Figma. Часть 3 | Коммерческий сайт от А до Я. Урок 18

Всем привет, друзья! Сегодня мы сверстаем адаптивный анимированный слайдер с использованием Swiper.js. Это третья часть серии уроков по HTML верстке макета из Figma. Курс «Создание коммерческого сайта от А до Я». Урок 18.

Материалы урока: Скачать

Рекомендуемые уроки

• Базовая разметка Swiper: Ознакомиться
• Настройка VS Code для верстки: Ознакомиться с уроком
• Урок по созданию данного дизайна: Создание дизайна сайта в Figma

Обернуть все, кроме первого слова (jQuery)

$('.home-slider__heading').each(function() {
	let text  = $(this).text().split(' '),
			first = text.shift()
	$(this).html(`${first} <br><span>${text.join(' ')}</span>`)
})