Skip to content

Add mentoring page #562

@polubis

Description

@polubis

Context

Our platforms grows. With 400-1000 daily visits, we want to add mentoring program page. On this page, we'll display different plans, with nice looking UI.

Definition of done:

  1. There is a version with en/pl.
  2. No typos, grammar mistakes for both languages.
  3. There is no weird user interface behaviors on desktop/mobile
  4. Works on iPhone 12 and iPhone 8 without problems.
  5. There is a new link in navigation:

Image
Image
Image

  1. The page have URL -> /mentoring for english and /pl/mentoring/ for pl version
  2. Looks according to the design for desktop:

Image

  1. Work well and looks well on mobile devices - 320px width +.

Image

  1. After click [PARTICIPATE_BUTTON] there is a modal with info

Image

  1. After clicking [BUY_BUTTON], there is a similar modal, but with different text inside.
  2. Both modals doesn't have typos, grammar mistakes.
  3. Modals can be closed via "X" icon or clicking on backdrop outside.
  4. After scrolling, the movement of dots outside is triggered randomly

Here is the environment to test: https://rainbow-pegasus-c779b6.netlify.app/

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    Status

    No status

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions