This project is a responsive, mobile-first website built using HTML and CSS, hosted on GitHub Pages. It adheres to WCAG accessibility guidelines, ensuring usability for diverse users.

The project involved a collaborative process, where my classmate and I acted as each other’s clients. We conducted user research, created mood boards, and designed prototypes, which were then developed into a fully functional website.

A key feature of this project is the animated SVG logo, created in Adobe Illustrator and brought to life using CSS animations. This added an engaging, modern touch to the website while maintaining performance and accessibility for screen readers.

This project showcases a custom WordPress theme, designed and developed from scratch with a mobile-first, responsive design. The theme was built using HTML, PHP, CSS, and JavaScript. A major feature of this theme is its dynamic restaurant menu system, which allows restaurant owners or managers to easily update their menu. The theme uses WordPress’s blog system, organizing menu items by category, dynamically generating subheadings for different sections of the menu. To enhance usability and SEO, the menu items can be assigned to multiple categories, making it easier for customers to navigate. The theme’s branding is kept neutral and minimalist, ensuring that the restaurant’s brand takes center stage while the functionality remains intuitive. Because menu items are individual blog posts, the user is allowed to improve SEO through standard blog SEO writing.

This is a small webpage to demonstrate my familiarity with the WET5 framework used by the Canadian government. My content is entirely HTML with rules referencing premade CSS. The Web Experience Toolkit uses the same container and grid system as Bootstrap.