In this challenge, you will combine some of the components you have built in previous challenges into a full contact us page.
As this challenge is a combination of other sections or components, you should build them first to ensure all states and requirements are covered.
The requirements that each component has to fulfill remains the same – you should refer to them in their individual briefs and ensure that their functionality remains intact after integration:
On the page level:
- Page layout rules: Apply standard page margin and padding rules as well as spacing between the sections as per the design specifications.
- Navbar: Ensure the navbar is fixed at the top and includes responsive behavior.
- Copy and asset alignment: While the component used remains the same as the list above, some of the assets, icons or copy might have changed. Check through each section.
- Inter-section integration:
- FAQ section: Upon clicking on "Get in touch" button or "customer support" links, user should smooth-scroll to the Contact Us form and focus on the "Name" input field element.
- Placeholders: You may leave the redirection links empty for any unspecified buttons or links.
- Cross-browser and device compatibility: Check that your solution works for major browsers including Chrome, Firefox, and Safari, and for all stated device breakpoints.
