В этом видео мы вместе сверстаем простой макет на тему NFT, используя HTML, CSS и немного JavaScript. Также мы адаптируем страницу под разные экраны.
⚡️ Макеты и демо можно получить через донат:
1) по подписке (доступ ко всем макетам) boosty.to/annblok
2) по подписке (доступ ко всем макетам) donut/tpverstak
3) разовая оплата через крипту с получением одного макета new.donatepay.ru/@annblok (в комментариях напишите email)
✌️ Материалы видео:
1) Шрифт - fonts.google.com/specimen/Pop...
2) Normilize - cdnjs.cloudflare.com/ajax/lib...
3) Live Server - marketplace.visualstudio.com/...
4) Prettier - marketplace.visualstudio.com/...
5) PerfectPixel - chrome.google.com/webstore/de...
6) Collapse - www.w3schools.com/howto/tryit...
👉 Таймкоды:
00:00:00 Вступление
00:01:31 Подготовка проекта
00:05:19 Установка Live Server
00:06:40 Разметка шапки сайта с HTML
00:13:39 Стилизуем шапку с CSS
00:34:28 Разметка и стили для главного блока
00:59:21 Разметка и стили для карточек
01:25:00 Разметка и стили для FAQ
01:35:00 Разметка и стили для баннера
01:40:42 Работа с адаптивом
🔵 Дзен - 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