A modern, responsive frontend showcase for City of Woods, a premium furniture brand. This project demonstrates a clean, interactive user interface built with HTML5, CSS3, and vanilla JavaScript.
- Responsive Design: Looks great on all devices
- Interactive UI: Smooth animations and transitions
- Dark/Light Mode: Toggle between themes
- Mobile-Friendly Navigation: Hamburger menu for smaller screens
- Showcase Sections: Highlighting furniture collections and awards
- HTML5: Semantic markup
- CSS3: Flexbox, Grid, and custom properties
- JavaScript: Vanilla JS for interactivity
- SVG Icons: Lightweight vector graphics
City of Woods/ ├── assets/ ├── css/ # Stylesheets ├── images/ # Image assets └── js/ # JavaScript files ├── collections/ # Collection pages ├── index.html # Homepage └── README.md # Project documentation
- Minimalist and elegant design
- Focus on typography and whitespace
- Smooth animations for better user experience
- Accessible color schemes
- Clone the repository
- Open index.html in your browser
- No build process required - it's plain HTML/CSS/JS!
- Home: Showcases featured collections and awards
- About: Company information and values
- Contact: Contact form and information
- Collection Pages: Individual pages for different furniture categories
This project serves as a frontend showcase demonstrating:
- Modern CSS techniques
- Responsive design principles
- Vanilla JavaScript functionality
- Clean and maintainable code structure
- Clone this repository
- Open index.html in your browser
- Explore the different sections and responsive behavior
- All styling is in
assets/css/styles.css - JavaScript functionality is in
assets/js/script.js - Images are stored in
assets/images/ - The project uses semantic HTML5 elements for better accessibility