🔥 Интенсив «Первый заработок на создании сайтов»
Участие бесплатное, но необходимо зарегистрироваться:
frontendblok.com/intensives/start
В этом видео мы потренируемся верстать макет на тему NFT, используя Swiper, чтобы сделать слайдер на весь экран. Также мы будем всё это адаптировать под разные экраны.
⚡️ Макеты и демо можно получить через донат:
1) по подписке (доступ ко всем макетам) boosty.to/annblok
2) по подписке (доступ ко всем макетам) donut/tpverstak
3) разовая оплата через крипту с получением одного макета new.donatepay.ru/@annblok (в комментариях напишите email)
✌️ Материалы видео:
Шрифты:
1) fonts.google.com/specimen/Orb...
2) fonts.google.com/specimen/Cau...
3) fonts.google.com/specimen/Cat...
Swiper: swiperjs.com/
Про позиционирование - • Позиционирование элеме...
Про псевдо-элементы - • Псевдоэлементы before ...
ПЛЕЙЛИСТ с практикой - • Создание сайтов на пра...
Таймкоды:
00:00:00 Вступление
00:00:27 Обзор макета
00:02:28 Подготовка проекта
00:08:05 Сохранение изображений
00:11:24 Создание разметки HTML
00:18:36 Стили для сайдбара
00:32:31 Стили CSS для шапки
00:39:13 Подключение шрифтов
00:42:00 Продолжаем писать стили для шапки
00:52:21 Подключение Swiper
00:53:57 Меняем формулу для пагинации
01:09:00 Стилизуем пагинацию
01:17:54 Разметка и стили нижнего блока
01:28:00 Разметка и стили контента
01:57:00 Адаптив страницы
🔵 Дзен - zen.yandex.ru/annblok
🔵 ВК - tpverstak
🔵 Telegram - t.me/tpverstak
🔵 Чат Telegram - t.me/tpverstakchat
🔵 Instagram - / annblok
🔵 TikTok - / annblok_webdev
🔴 Задать вопрос - frontendhelp.me/ru
🔴 Обучение - frontendblok.com/
30 май 2024