These following pages are created by me!
You can continue with start button in profile page.You can see another pages also.So I didn't link them.
One of the biggest challenges I faced during development was form handling. I initially wanted to use JavaScript to capture and process user input, aiming to build a dynamic and interactive experience. However, the assignment guidelines restricted me to using only HTML and CSS. To overcome this, I focused on building a well-structured and visually clear form layout. I designed the form in a way that clearly communicates user intent, even without real-time interactivity. This experience taught me the importance of working within constraints and how thoughtful structure and styling can still lead to an effective user interface. Designing layouts that adapt smoothly to different screen sizes was another key challenge, especially without using JavaScript for dynamic adjustments. I focused on building a clean HTML structure and leveraged CSS Flexbox and Grid to create responsive sections. Testing across devices helped me understand how layout behaviors change and how to prioritize mobile-first design. This process improved my ability to think in flexible, scalable layouts using only CSS.
Throughout development, I ensured that all pages aligned with Janet’s web publishing regulations and followed WCAG 2.1 AA accessibility standards. I used semantic HTML elements to create a clear structure, maintained proper color contrast for readability, and designed for full keyboard navigation. I also made sure that images included descriptive alt text and that all interactive elements were labeled appropriately for screen readers. The Feedback page was carefully designed with data protection in mind. Although no JavaScript functionality was implemented, the layout includes placeholders for user consent messages and privacy notices. I avoided requesting unnecessary personal information and ensured the form layout supports transparency and user trust. All visual and written content used is either original or properly credited, in accordance with Janet’s intellectual property guidelines. I validated my code using W3C HTML5 and CSS3 validators, and structured everything with performance in mind—making sure pages load efficiently across devices. The overall theme, Life Below Water, supports Janet’s educational goals while meeting content suitability standards.
Provide links to resources you used following a consistent format (e.g., APA, MLA, or a simplified style).
For example:
iStock (2025) iStock. Available at: https://www.istockphoto.com/ (Last accessed: 11 Feb 2025).
https://www.w3schools.com/html/default.asp