#6 Адаптивная верстка сайта с нуля для начинающих | HTML, CSS, Figma | ФИНАЛ

Опубликовано: 04 Декабрь 2023
на канале: Александр Ламков — Friendly Frontend

5,917

247

✏️ Завершаем верстку лендинга фитнесс-клуба Kropp, в этом уроке реализуем секцию calculate и footer.

🔴 Timeline:
▶ 00:00 | Секция calculate – разметка
▶ 08:15 | Секция calculate — стили
▶ 21:47 | Секция calculate – адаптация
▶ 25:04 | Footer — разметка
▶ 37:08 | Footer — стили
▶ 52:33 | Footer — адаптация
▶ 55:00 | Заключение

📚 Ссылки:
➖ Макет Kropp Fitness в Figma: https://www.figma.com/file/m3lT3GF4mU...
➖ Репозиторий с кодом проекта: https://github.com/aleksanderlamkov/k...
➖ Сервис поиска SVG иконок: https://www.svgrepo.com/

💬 Чат в телеграмме (помощь новичкам):
https://t.me/friendlyFrontendChat

🔸 Boosty (поддержать канал):
https://boosty.to/friendly-frontend

🗂️ Бесплатные курсы на канале:
🟠 HTML:    • HTML курс 2024
🔵 CSS:    • CSS курс 2024
🟡 JS:    • JavaScript курс 2024
🟢 A11y:    • Accessibility курс 2024
⚪️ Мастер-класс по верстке для новичков:    • Верстка Kropp Fitness (HTML, CSS)
🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS):    • Верстка Positivus (HTML, БЭМ, SCSS)
🗺 Frontend Roadmap 2024    • Frontend Roadmap 2024 | Что должен уч...

📌 Автор:
➖ Личный сайт: https://aleksanderlamkov.ru/
➖ Telegram: https://t.me/friendlyFrontend
➖ Boosty: https://boosty.to/friendly-frontend
➖ GetMentor: https://getmentor.dev/mentor/aleksand...
➖ Solvery: https://solvery.io/mentor/aleksanderl...

#frontend #фронтенд #верстка #версткасайтов