Как сделать хедер на webflow. Верхняя часть сайта, с логотипом и контактами, а так же меню. Урок №7
#webflow #вебфлоу Header — это самая верхняя часть любого сайта, в нем прячется навигация по сайту в виде пунктов меню, а так же логотип сайта, дескрипшн, контактная информация в виде адреса, почты, номера телефона и кнопка заказа обратного звонка. Именно такой двухэтажный хедер мы сегодня сделаем в рамках курса по вебфлоу для новичка. Без хедера сайт нормально работать не будет в большинстве случаев, так что он почти обязательный элемент на сайте. Вебфлоу позволяет делать клевые хедеры, так же у меня на канале есть еще одно видео, касательно меню на сайте, где я показывал как делать их фиксированными и менять при скролле • Два разных меню на webflow, второе по... так что советую и этот ролик глянуть)) ••••••••••••••••••••••••••••••• — Материалы с данного видео — Полезные штуки для webflow — Индивидуальное обучение ••••••••••••••••••••••••••••••• БЕСПЛАТНЫЕ курсы по webflow: 👉 • Базовый (для новичка) • Трелло для фрилансера, ускоряем свою ... 👉 • Портфолио для фрилансера (уровень средний) • Курс по созданию портфолио в webflow 👉 • Портфолио для студии (уровень сложный) • Бесплатный курс по разработке сайта с... 👉 • Делаем сложный сайт (уровень профи) • Сайт фотографа, бесплатный курс по ве... ••••••••••••••••••••••••••••••• Если вы хотите, зарабатывать те деньги, которые ждут вас через 5 лет самостоятельного роста, буквально телепортироваться в будущее и начать делать профессиональные сайты уже сейчас — тогда я способен вам помочь! Нет никакого потока, групп, кураторов. Только вы и я. Прокачиваю именно вас. ••••••••••••••••••••••••••••••• Моя почта — artstrangers@gmail.com Телеграм @artstranger ••••••••••••••••••••••••••••••• 👉 • Портфолио — 👉 • Инстаграм — / artstranger.ru 👉 • Бесплатные плюшки — 👉 • Материалы для уроков — 👉 • Индивидуальное обучение — ••••••••••••••••••••••••••••••• Таймкоды: 00:00 Убираем отступ символизирующий хедер и делаем полноценный блок 00:33 Добавляем нав меню и придаем ему желаемого внешнего вида 02:50 Создаем анимированные пункты меню 09:38 Выпадающий пункт меню + анимация его элементов и стилизация 22:32 Добавляем самый верх сайта над меню, с лого контактами телефоном и кнопкой 24:22 Правильный логотип для сайта + дискрипшн 28:42 Второй блок с адресом и почтой 32:56 Третий блок с номером телефона и кнопкой обратного звонка 37:12 Где брать всю информацию))) 38:57 Анимируем кружок на первом экране (разные варианты) 44:55 Подводим итоги
