A modern, responsive static landing page for Clean Food - a company specializing in premium food bowls for healthy living.
- Responsive Design: Works perfectly on desktop, tablet, and mobile devices
- Modern UI/UX: Clean, minimalist design with smooth animations
- One-Page Layout: Includes all essential sections in a single page
- Instagram Integration: Direct link to @cleanfoodfitness
- Performance Optimized: Fast loading with optimized CSS and JavaScript
- Hero Section: Product showcase with Clean Food branding
- About Owner: Introduction to the company founder
- Products: Display of food bowl collections
- Instagram: Social media integration
- Footer: Contact information and links
-
Add Your Images: Replace the placeholder images in the
/assetsfolder:hero-bowl.jpg- Main product image for the hero sectionowner-photo.jpg- Photo of the company owner/founderbowl-1.jpg,bowl-2.jpg,bowl-3.jpg- Product images for the bowls section
-
Customize Content:
- Update the owner's name and story in
index.html - Modify product descriptions and features
- Add your contact information
- Update the owner's name and story in
-
Launch:
- Simply open
index.htmlin a web browser - Or deploy to any static hosting service (Netlify, Vercel, GitHub Pages)
- Simply open
cleanfood/
├── index.html # Main HTML file
├── styles.css # CSS styles and responsive design
├── script.js # JavaScript for interactivity
├── assets/ # Images and media files
└── README.md # This file
The main brand colors can be easily changed in styles.css:
- Primary Green:
#27ae60 - Dark Text:
#2c3e50 - Light Background:
#f8f9fa
The site uses Inter font from Google Fonts, which provides excellent readability across all devices.
- Desktop: 1200px and above
- Tablet: 768px - 1199px
- Mobile: 480px - 767px
- Small Mobile: Below 480px
- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Edge (latest)
- iOS Safari
- Android Chrome
- Optimized images with lazy loading
- Minimal JavaScript for fast loading
- CSS animations for smooth interactions
- Mobile-first responsive design
For questions about this landing page, please reach out through the Clean Food Instagram: @cleanfoodfitness