Create Landing Page with Styling
Description
Landing Page and styling (ie from MyCapp Form Builder).
Task List
-
Check with DA MyCApp code if there is style/components that can be reused -
Use MUI Theming should be used so normal react/html components get styling rather than styling each separately -
Use Dark mode support, if provided for free but not to put a lot of effort in it ("stretch goal") -
Should have Header and Footer separate components to be included in all pages -
Check Figma templates show how mobile devices should be handled and replicate. If not, take best guess/practice (or go back Jonathan)
Acceptance criteria
-
Visually matches the style in Figma (and MyCapp Form Builder) -
Works responsively across size ranges (e.g. MUI's xs, sm, md, ...) -
Re-use components wherever practical -
On clicking 'Get your University IT account' button, throws up an alert -
Meets WCAG 2.2 Guidelines -
HTML Links are operational
Edited by Robin Goodall