Author: Dhairya Kalpeshkumar Raval
Program: Interactive Media Design and Production (IDP)
This is my Final Integrated Project for the IDP program.
I worked on this for around 3 weeks, building everything step by step.
The project includes 3 mobile pages and 1 desktop page.
I tried my best to follow all instructions like semantic HTML, CSS grid, clean layout, and proper file structure.
- Dining (Mobile)
- Spa (Mobile)
- Accommodations (Mobile)
- Dining (Desktop)
All pages use a static CSS grid and proper heading structure.
Everything is kept in the main/root folder so it is easy to find.
- Valid HTML and CSS
- Semantic structure
- Static CSS Grid on every page
- Simple animation
- ::after pseudo-element
- details/summary for show/hide
- Organized folders
- GitHub branching and merge (dev branch → main)
This project helped me understand HTML, CSS and how to build multiple pages properly.
It took me 3 weeks, and I kept improving my design and code during that time.
Dhairya Kalpeshkumar Raval
Interactive Media Design and Production (IDP)
Fanshawe College