install dependencies - 'npm i'
serve at localhost:3000 - 'gulp'
- node -v: v12.14.0
- npm -v: 6.13.4
- разработка в папке src
- html в папке parts, все части инклудятся в index.html
- sass в папке sass/parts,все части импортируются в style.sass, сброс дефолтных стилей в layout.sass
- верстка для продакшена компилируется в папке build
- live-demo ---> https://rubyhat.github.io/projects/e-orda/
- верстка десктопа + мобильная версия
- где возможно было взять SVG в макете - взято, в других случаях png + png x2(для retina)
- на выполнение работы ушло ~6 часов
- выпадающее меню в шапке
- раскрытие бургер меню
- аккордеон в секции FAQ (по макету не вполне понятно, там при нажатии на иконку "+" должен раскрываться аккордеон или что-то другое )
- адаптив по брейк-поинтам 1200/992/768/415
на доработку нужно 0.5 - 1 день
В целом макет понравился, много времени ушло на экспорт картинок, их сжатие, поиск шрифтов, абсолютное позиционирование декоративных вещей на заднем плане. В некоторых местах округлял margin/padding, например в секции услуг, в списке, где иконка и наименование услуги, между элементами списка где-то 32рх расстояние, где-то 40рх, для экономии времени, в реальном проекте так делать бы не стал.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent