roden_public's Issues
Хедер
Сверстать хедер.
Ссылка "обговорити проект" должна вести на форму обратной связи.
Анимированный логотип
- заанимировать логотип (Рома Нездолий)
- вставить анимацию логотипа в хедер
Блок "Что мы делаем"
- отрисовать иконки элементов блока (Рома Нездолий)
- сверстать элементы блока
- сверстать блок
Стили элементов UI
Создать отдельные классы для стилизации элементов UI:
- кнопка
- чекбокс
- радио
- инпут (текст)
- ссылка (в виде кнопки, как в контактах)
- заголовок блока/секции/артикла
Блок с плашками "методы работы"
- иконки каждого элемента (Рома Нездолий)
- сверстать элементы
- сверстать блок
Цветовая схема
Создать цветовую схему для элемента :root с использованием CSS-переменных на основе UI.
Раздел FAQ
У Ромы надо спросить полный текст всех ответов.
Блок контактов
Ссылки на соцсети - должны открываться в новой вкладке (target="_blank") и не должны индексироваться при поиске (rel="nofollow noreferrer noopener").
Форма обратной связи - все поля кроме поля прикрепления файла - обязательны. Минимальная длинна сообщения - 10 символов, Минимальная длина имени - 2 символа, емейла (другого способа связи) - 5 символов. 1-й символ не может быть пробелом. После прикрепления файла появляется список с именами прикреплённых файлов. Всего можно прикрепить не более 3. Возможно использование готового плагина для фичи загрузки файлов.
Блок кейсов
- сверстать общую разметку для кейсов
- feelmyflo
- informator
- noname
- egroshi
- cruise
По наведению на конкретный кейс, остальные кейсы затеняются (прозрачность 0.2) а около текущего появляется название, логотип, описание, тэги.
Тэги кейсов пока не функциональны, в дальнейшем будут вести на страницу портфолио с отфильтрованными элементами.
спросить у Ромы, нужно ли делать название кейса ссылкой, хотя бы временно, на соответствующий сайт
Базовая схема разметки страницы
Создать базовую схему разметки страницы (хедер, футер, мейн, навбар) и контейнеров (базовый контейнер 1920, паддинги по 4rem, остальные ширины задаём через max-width).
Блок с месенджерами
Каждая кнопка - это ссылка на соответствующий мессенджер.
Телеграм: https://t.me/nezdoliy
Viber: viber://chat?number=%2B380679852695
Whatsapp: https://wa.me/380679852695
Панель навигации
Заверстать навбар.
- портфоліо, послуги, звґязатись - хеш-ссылки на секции лендинга;
- иконка телефона - ссылка типа tel:
- иконка письма - ссылка типа mailto:
Все иконки на сайте оформаляем в виде иконочного шрифта с помощью сервиса https://icomoon.io/app
Позиционирование навбара - sticky с изменением стилей по скролу (эффект дымного стекла).
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.