- Add favicon
- Add a smooth scroll for the whole page (
scroll-behavior: smooth;) - Logos in header and footer should be links to home page
- Make sure when you click on logo there is no 404 error (Use
href="#"inanchor tag) - Pictures in the gallery and exhibitions sections should increase on hover
- 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
- When a user clicks on Address Google Maps is opened in a new tab (Use
target="_blank") - 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 for viewing pictures in the gallery (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
- 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 button "tickets" should lead to the block with current events
- The button "about us" should lead to the email digest
- All the social icons in the footer should be clickable and open the social networks in a new tab