js-project-business-site

Business site - Willz models

https://willz-models.netlify.app/

This website is my contribution to Technigo bootcamps assignment: project business site. The goal was to explore responsive design, interactivity, and layout techniques. The aim for me while building this was to learn as much as possible while playing around and having fun with the code. Therefor I chose to make a dummy model agency site featuring my family cat Willz. My goal was to make the website look professional but with fun content. The site combines professional design elements with playful, interactive features, making it both visually appealing and enjoyable to explore.

Features

• Responsive Design: Optimized for desktop, tablet, and mobile devices.

• Navigation: Full navigation bar for desktop, Hamburger menu on smaller screens with interactive DOM functionality

• Interactive Theme: “Party Mode” button changes the site’s color scheme and vibe using JavaScript.

• Layout: Created using grid and flexbox

• Booking Form: Includes multiple input types with POST submission to httpbin.org

Technologies used

• HTML – Semantic structure and accessibility

• CSS – Styling with Flexbox and CSS Grid for responsive layouts

• JavaScript – Interactive hamburger menu and dynamic theme toggle

Project requirements met

• Fully responsive across all viewport sizes (320px–1600px)

• Responsive navigation bar and layout using Flexbox and Grid

• Responsive header with hero image/video

• Interactive form with multiple input types and POST submission

• Hamburger menu on smaller screens, functional using javaScript

• Successfully deployed on Netlify

Learning Outcomes

• Practiced responsive design techniques across devices

• Implemented interactive features using JavaScript

• Experimented with theme toggling and playful UI

• Gained experience combining CSS Grid and Flexbox for complex layouts