Адаптивная верстка лендинга с нуля | Адаптивные табы | Переключение Swiper по табам

В этом уроке мы сделаем табы, адаптируем их, если пунктов меню будет больше, настроим наш swiper слайдер так, чтобы он показывал по 4 блюда и напишем javascript-код для переключения слайдеров по табам. Тайм-коды: 🕐00:00 - Начало 🕐01:10 - Пишем HTML для табов 🕐05:05 - Пишем SCSS для табов 🕐17:00 - Стилизуем scrollbar 🕐20:00 - Пишем Javascript для табов 🕐25:00 - Пишем HTML слайдеров 🕐34:35 - Пишем SCSS слайдеров 🕐38:40 - Пишем Javascript переключения табов и слайдеров 🕐46:40 - Стилизуем блоки с блюдами 🕐54:20 - Настраиваем слайдер ➡️Ссылка на макет: ➡️Первый выпуск: ➡️Второй выпуск: ➡️Третий выпуск: ➡️Четвертый выпуск: ➡️Пятый выпуск: ➡️Шестой выпуск: ➡️Плейлист по верстке: ➡️Github-репозиторий: Подписывайтесь на Telegram канал: 🔷Telegram-канал: Подписывайтесь на Instagr
Back to Top