As a Guest, I want to see the home page header, so that I can navigate the functional in a Guest role
Acceptance criteria:
When a Guest opens the home page, he/she can see the home page header on the top.
The Mockups:
• for Desktop
Guest’s home page header has to contain six functional clickable buttons:
The “Space2Study” logo button;
The “What can you do” button;
The ”How it works” button;
The “Who we are” button;
The “Login” button.
When a Guest scrolls the home page up and down, the header is constantly fixed on the home page top.
When a Guest clicks on the “Space2Study” logo button, then the system scrolls back to the welcoming block.
When a Guest hovers over the “Space2Study” logo button, then the background area appears.
When a Guest clicks on the “What can you do” button, then the system scrolls the home page to the “What can you do” block and “What can you do” button becomes underlined.
When a Guest clicks on the “How it works” button, then the system scrolls the home page to the “How it works” block and “How it works” button becomes underlined.
When a Guest clicks on the “Who we are” button, then the system scrolls the home page to the “Who we are” block and “Who we are” button becomes underlined.
When a Guest hovers over the “What can you do”, “How it works” and “Who we are” buttons, then the color changes.
When a Guest clicks on the “Login” button, then the Login popup appears.
When a Guest hovers over the “Login” button, then the color changes.
• for Tablet
• for Mobile
Student’s home page header (Tablet/Mobile version) has to contain four functional clickable buttons.
From left to right:
The “Space2Study” logo button;
The login button;
The hamburger button.
When a Guest taps on the login button, then the Login popup appears.
When a Student taps on the hamburger button he/she can see right pop-up window with sections:
a) When a Student taps on the “What can you do” button, then the system scrolls the home page to the “What can you do” block;
b) When a Student taps on the “How it works” button, then the system scrolls the home page to the “How it works” block;
c) When a Student taps on the “Who we are” button, then the system scrolls the home page to the “Who we are” block.
d) The pop-up has the close button on the upper right corner. When a Guest taps on the close button, pop-up closes and a Guest goes to the last viewed block.
The mockup:
As a Guest, I want to see the home page header, so that I can navigate the functional in a Guest role
Acceptance criteria:
When a Guest opens the home page, he/she can see the home page header on the top. The Mockups: • for Desktop![Image](https://github.com/ita-social-projects/Space2Study-node-BackEnd-mvp/assets/129941062/89f277ef-a09d-4989-ab61-9fe8a119665d)
Guest’s home page header has to contain six functional clickable buttons:
When a Guest scrolls the home page up and down, the header is constantly fixed on the home page top.
When a Guest clicks on the “Space2Study” logo button, then the system scrolls back to the welcoming block.
When a Guest hovers over the “Space2Study” logo button, then the background area appears.
When a Guest clicks on the “What can you do” button, then the system scrolls the home page to the “What can you do” block and “What can you do” button becomes underlined.
When a Guest clicks on the “How it works” button, then the system scrolls the home page to the “How it works” block and “How it works” button becomes underlined.
When a Guest clicks on the “Who we are” button, then the system scrolls the home page to the “Who we are” block and “Who we are” button becomes underlined.
When a Guest hovers over the “What can you do”, “How it works” and “Who we are” buttons, then the color changes.
When a Guest clicks on the “Login” button, then the Login popup appears.
When a Guest hovers over the “Login” button, then the color changes. • for Tablet![Image](https://github.com/ita-social-projects/Space2Study-node-BackEnd-mvp/assets/129941062/db2f8b37-d3a0-422a-a124-9b286b5892e9)
• for Mobile![Image](https://github.com/ita-social-projects/Space2Study-node-BackEnd-mvp/assets/129941062/32f3886f-767a-4b51-9c11-aa55b89357a3)