🌐 Live Demo: Click here to visit site
This is a clone of the official OFFMENU website built for educational and portfolio purposes. The project replicates the layout, structure, and animated design experience of OFFMENU using HTML5 and CSS3.
⚠️ Disclaimer: This website is a front-end clone project made purely for educational and non-commercial purposes. All trademarks, logos, and brand names belong to OFFMENU. No copyright infringement intended.
- 🎬 Scroll-triggered animation on content sections
- 🖼️ Modern card-based layout for project showcases
- 📱 Fully responsive design with media queries
- 🎥 Embedded video section with interactive overlay
- HTML5
- CSS3 (Animations, Transitions, Responsive Styling)
- Google Fonts
- FontAwesome
- Clone the repository:
git clone https://github.com/huzaifa-frontend/offmenu-website-clone.git
- Navigate to the project folder:
cd offmenu-website-clone - Open
index.htmlin your browser.
- Hero Section: Intro text with floating logo animation
- Scroll Animations: Fade and scale effects on scroll using IntersectionObserver
- Card Grid: 10 project cards with hover effects and call-to-action buttons
- Menu Section: Creative services list with styled bullets
- Plan Section: Pricing highlight box with styling and inline links
📦 offmenu-website-clone
┣ 📂 assets
┣ 📄 index.html
┣ 📄 style.css
┣ 📄 README.md
┗ 📄 LICENSE
- Original design inspiration from OFFMENU
- Icons by Font Awesome
- Fonts via Google Fonts
- Media and layout replicated for demo/portfolio purposes only
This project is licensed under the MIT License - see the LICENSE file for details.
Muhammad Huzaifa Karim GitHub Profile
This clone project is deployed via GitHub Pages. Any changes pushed to the main branch automatically reflect on the live site.
For feedback, collaborations, or questions, feel free to contact me via GitHub.
© 2025 Muhammad Huzaifa Karim