- Add favicon
- Add a smooth scroll for the whole page (
scroll-behavior: smooth;) - All interactive elements(links, buttons, pictures, icons) should have a hover effect and cursor pointer. User must intuitively understand that he can interact with them
- Pictures in the blocks "Exhibitions", "Events", "News" should be animated and somehow move on hover or when scrolling down the page
- Make sure when you click on logo there is no 404 error (Use
href="#"inanchor tag) - When you try to send the form there is no 405 error and the form is automatically cleared after submit and is scrolled to the top of the page or the page is reloaded
- The form shouldn’t submit empty
- After autocomplete the form, change the default styles. Read more about changing autocomplete styles
- OPTIONAL: After everything is done, you can add a slider to the "News" block (for mobile version).
- To make it clear to the recruiter what exactly this landing page is, it is better to give the whole web page the title “NAMU”
- A landing page is implemented strictly according to the design in Figma
- Links in the header and footer menus should lead to the corresponding blocks of the landing page
- The speed of animations is the same throughout the landing page (for example, increasing when hovering or moving blocks when scrolling)
- Placeholders in the forms suggest what to enter, and if there is a validation of the form, then it is clear in what format to enter the phone number
- Make sure everything looks neat on mobile and without horizontal scrolling
- The buttons "buy a ticket" and "register" should lead to the block "Plan a visit to the museum"
- Buttons in the footer of the menu should also be clickable and lead to blocks on the landing page.
- All the social icons in the footer should be clickable and open the museum's social networks in a new tab