Publish your project for free and start receiving offers from freelance contractors in serveral minutes after publication!
6 500 ₽

Сверстать две простые страницы

project complete


Ищу опытного верстальщика, разбирающегося в тонкостях верстки.

Необходимо сверстать две страницы, основные требвания:

- Страницы должны быть сверстаны адаптивно под все основные экраны, то есть большой/маленький десктопы, планшет, мобилка, можете использовать сетку Бутстрапа

- Необходимо преимущественно использовать методологию БЕМ 

- Все что можно сделать средствами CSS нужно делать средствами CSS, а не через картинки (закругления, тени и тд)

- Верстка должна быть гибкой, так как текст будет еще видоизменяться, чтобы верстка не ехала

- Верстка должна быть максимально похожа на макет, например если на фоне есть незаметная серая плашка, то она должна быть и на странице, если в блоке с шагами пунктирная линия проходит через цифры, значит и на странице должно быть также и тд. Исключения могут быть в пользу гибкости/правильности верстки (будем обсуждать в процессе)

- Страницы должны быстро загружаться, находится в зеленом сегменте или максимально приближенном к нему, буду проверять через Google PageSpeed

- Первые экраны двух страниц должны быть всегда на всю ширину/высоту на всех размерах экранов, кроме самых больших экранов,  для них все же пропишем макс высоту/ширину. Можете использовать vh/vw

- На странице HR есть форма, она должна отправлять заявку на почту (без интеграций), в карточке вакансии такая же форма, но без поля "желаемая должность", но это поле также должно отправляться на почту в зависимости на какую вакансию он зашел

- Возможно будет еще одна модалка с формой для одной кнопки, ее просто сверстать без всякой отправки

- Эти две страницы должны иметь общие файлы js, css и тд

- Вы должны уметь работать с фигмой, так как макеты именно там, копируете себе и в своей копии работаете


https://www.figma.com/file/DoAsNV9syng2G3eEl4STxF/HR_About?node-id=0%3A1



Update #1 from 14 August at 00:21
- при клике на вакансию пользователь проваливается в карточку вакансии, которая в макете называется -вакансия_final-
- при клике на превью ютуба открывается модалка с видео с ютуба, которое должно сразу проигрываться

Update #2 from 14 August at 00:30
- и да, кочнено же верстка должна быть кроссбраузерной, поэтому новые свойства типа grid использовать не нужно, но и под старье типа IE верстать не нужно, достаточно чтобы в EDGE отображалось нормально, а так в приоритете самые популярные десктопные и мобильные браузеры и ОСОБЕННО мобильные IOS

Update #3 from 14 August at 00:38
- в макете три экрана, сверстать необходимо все три, просто два экрана принадлежат к одной странице HR, когда мы нажимаем на вакансию, то проваливаемся в карточку вакансии

Client's feedback about the contractor Владимире Шепеле

Quality
Professionalism
Price
Availability
Terms

качество, ответственность, скорость, вежливость - все в одном месте - здесь

Freelancer's feedback about the client Marsel Kissel

Payment
Task formulation
Requirements
Availability

При достаточно, казалось бы, больших требований по описанию. По факту выполняю свою работу должным образом, никаких предирок не заметил. Большое спасибо за сотрудничество!

Владимир Ш. Владимир Шепель | Safe Safe



  1. proposal concealed by client
  2. proposal concealed by client
  3. proposal concealed by client
  4. proposal concealed by client
  5. proposal concealed by client
  6. proposal concealed by client
  7. proposal concealed by client
  8. proposal concealed by client
  9. proposal concealed by client
  10. proposal concealed by client
  11. proposal concealed by client
  12. proposal concealed by client
  13. proposal concealed by client
  14. proposal concealed by client
  15. proposal concealed by client
  16. proposal concealed by client
  17. proposal concealed by client
  18. proposal concealed by client
  19. proposal concealed by client
  20. proposal concealed by client
  21. proposal concealed by client
  22. proposal concealed by client
  23. proposal concealed by client
  24. proposal concealed by client
  25. proposal concealed by client
  26. proposal concealed by client
  27. proposal concealed by client
  28. proposal concealed by client
  29. proposal concealed by client
  30. proposal concealed by client
  31. proposal concealed by client
  1. proposal concealed by client
  2. proposal concealed by client
  3. proposal concealed by client
  4. proposal concealed by client
  5. proposal concealed by client
  6. proposal concealed by client
  7. proposal concealed by client
  8. proposal concealed by client
  9. proposal concealed by client
  10. proposal concealed by client
  11. proposal concealed by client
  12. proposal concealed by client
  13. proposal concealed by client
  14. proposal concealed by client
  15. proposal concealed by client
  16. proposal concealed by client
  17. proposal concealed by client
  18. proposal concealed by client
  19. proposal concealed by client
  20. proposal concealed by client
  21. proposal concealed by client
  22. proposal concealed by client
  • Данил Липтуга
    Complain | 14 August at 00:27 |

    Какие именно из трёх экранов нужно сверстать? Есть макеты: вакансия, HR и About, какие из них входят в задание? Можно ли сделать всплывающее окно используя bootstrap или плагин Magnific Popup?

  • Marsel Kissel — project author
    Complain | 14 August at 00:35 |

    все три экрана, просто я написал две страницы, так как третья это карточка вакансии и это по сути продолжение страницы HR


    "Можно ли сделать всплывающее окно используя bootstrap или плагин Magnific Popup?"

    можно, думаю Magnific Popup подойдет, кажется он гибче и меньше весит


  • Можно сверстать всплывающие кнопки посредством JS, без использования сторонних библиотек

  • Пардон. Окна!)