budfy / roden_public Goto Github PK

Ссылки на соцсети - должны открываться в новой вкладке (target="_blank") и не должны индексироваться при поиске (rel="nofollow noreferrer noopener").
Форма обратной связи - все поля кроме поля прикрепления файла - обязательны. Минимальная длинна сообщения - 10 символов, Минимальная длина имени - 2 символа, емейла (другого способа связи) - 5 символов. 1-й символ не может быть пробелом. После прикрепления файла появляется список с именами прикреплённых файлов. Всего можно прикрепить не более 3. Возможно использование готового плагина для фичи загрузки файлов.

• заанимировать логотип (Рома Нездолий)
• вставить анимацию логотипа в хедер

• иконки каждого элемента (Рома Нездолий)
• сверстать элементы
• сверстать блок

• сверстать общую разметку для кейсов
• feelmyflo
• informator
• noname
• egroshi
• cruise
  По наведению на конкретный кейс, остальные кейсы затеняются (прозрачность 0.2) а около текущего появляется название, логотип, описание, тэги.
  Тэги кейсов пока не функциональны, в дальнейшем будут вести на страницу портфолио с отфильтрованными элементами.
  спросить у Ромы, нужно ли делать название кейса ссылкой, хотя бы временно, на соответствующий сайт

Каждая кнопка - это ссылка на соответствующий мессенджер.
Телеграм: https://t.me/nezdoliy
Viber: viber://chat?number=%2B380679852695
Whatsapp: https://wa.me/380679852695

Сверстать хедер.
Ссылка "обговорити проект" должна вести на форму обратной связи.

У Ромы надо спросить полный текст всех ответов.

Создать отдельные классы для стилизации элементов UI:

• кнопка
• чекбокс
• радио
• инпут (текст)
• ссылка (в виде кнопки, как в контактах)
• заголовок блока/секции/артикла

• отрисовать иконки элементов блока (Рома Нездолий)
• сверстать элементы блока
• сверстать блок

Создать базовую схему разметки страницы (хедер, футер, мейн, навбар) и контейнеров (базовый контейнер 1920, паддинги по 4rem, остальные ширины задаём через max-width).

Создать цветовую схему для элемента :root с использованием CSS-переменных на основе UI.

Заверстать навбар.

• портфоліо, послуги, звґязатись - хеш-ссылки на секции лендинга;
• иконка телефона - ссылка типа tel:
• иконка письма - ссылка типа mailto:
  Все иконки на сайте оформаляем в виде иконочного шрифта с помощью сервиса https://icomoon.io/app
  Позиционирование навбара - sticky с изменением стилей по скролу (эффект дымного стекла).