Приветствую вас, друзья в пятом выпуске "Джедая вёрстки". В этом уроке мы подготовим всё необходимое для HTML-вёрстки макета лендинга (компания Armata Financical Group).
Поделиться
Твитнуть
Поделиться
Класснуть
Запинить
Готовый результат: Смотреть
Архив с файлами для прохождения урока: Скачать
Макет для выпуска "Джедай вёрстки 5": Превью дизайна
Векторизация иконок: Смотреть урок
Оптимизация фронтенда: Смотреть урок
Стартовые шаблоны: agragregra/start_html
Урок по использованию _optimized_gulp_sass: Смотреть на YouTube
Адаптивная вёрстка лендинга: Плейлист на YouTube
Полезные ресурсы:
- Документация SASS
- Документация Bourbon
- Справка Botstrap
- Документация Waypoints
- Owl Carousel
- mattbanks/jQuery.equalHeights
- Документация Magnific Popup
- CodePen Toggle Menu
Премиум уроки от WebDesign Master
Другие уроки по теме «HTML и CSS»
- Создание крутого Swiper-слайдера от А до Я.
Джедай вёрстки #8. Материалы курса - Адаптивная вёрстка галереи без JS. HTML + CSS target. Работа с изображениями (Retina img)
- Адаптивная HTML вёрстка вертикального таймлайна
- Bootstrap 4. Сетка. Подробное руководство
- CSS Grid: адаптивная верстка реального макета
- CSS Grid: Новый взгляд на адаптивную верстку сайтов. Руководство