Clean Machine Website

Modern, industrial single-page website for Clean Machine krattenwasserij.

🚀 Features

• Modern Industrial Design - Bold typography with Rajdhani & Barlow fonts
• Bento Grid Layout - Asymmetric grid showcasing the 5 certainties
• Smooth Animations - Intersection Observer reveal animations throughout
• Parallax Hero - Eye-catching header with parallax scroll effect
• Stats Counter - Animated statistics (1M+ kratten/maand, 99.9% hygiëne, etc.)
• Mobile Responsive - Perfect on all devices
• Sticky Header - Navigation that follows you with blur backdrop
• Contact Form - Ready for backend integration
• No Build Step - Pure HTML + Tailwind CDN + Vanilla JS

📂 Project Structure

clean-machine-website/
├── index.html          # Main website file
├── images/            # All downloaded images
│   ├── logo.png
│   ├── header.jpg
│   └── ...
└── README.md

🎨 Brand Colors

• Blue: #0079bc
• Green: #69b43e
• Dark: #1a1a1a

🌐 How to View

Simply open index.html in any modern browser:

# Windows
start index.html

# Or drag and drop index.html into your browser

📱 Sections

1. Hero - Full-screen header with tagline and CTAs
2. Stats - Animated counters showing key metrics
3. Over Ons - Company story with mission & vision
4. Vijf Zekerheden - Bento grid showcasing 5 key guarantees
5. Werkwijze - 4-step process explanation
6. Contact - Contact info + form

🔧 Contact Form Integration

The contact form is currently set to console.log. To integrate with a backend:

1. Update the form submit handler in the <script> section
2. Send data to your email service or CRM
3. Add proper validation and error handling

📞 Company Info

• Address: De Kooihoek 11, 3751 LZ Bunschoten-Spakenburg
• Phone: (0)33 299 00 10
• Email: info@clean-machine.nl
• Facebook: https://www.facebook.com/cleanmachinebunschoten/
• LinkedIn: https://www.linkedin.com/company/10951915

---

Built with ❤️ for Clean Machine