Skip to content

A responsive front-end clone of the OFFMENU website featuring scroll-triggered animations, card layouts, and a modern UI, built to practice animation, layout design, and for portfolio purposes.

License

Notifications You must be signed in to change notification settings

huzaifa-frontend/offmenu-website-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

OFFMENU Clone Website

🌐 Live Demo: Click here to visit site

📋 Overview

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

💻 Technologies Used

  • HTML5
  • CSS3 (Animations, Transitions, Responsive Styling)
  • Google Fonts
  • FontAwesome

🚀 How to Use

  1. Clone the repository:
    git clone https://github.com/huzaifa-frontend/offmenu-website-clone.git
  2. Navigate to the project folder:
    cd offmenu-website-clone
  3. Open index.html in your browser.

🛠️ Features

  • 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

📁 File Structure

📦 offmenu-website-clone
 ┣ 📂 assets
 ┣ 📄 index.html
 ┣ 📄 style.css
 ┣ 📄 README.md
 ┗ 📄 LICENSE

✨ Credits

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

✍️ Author

Muhammad Huzaifa Karim GitHub Profile

🔄 Deployment

This clone project is deployed via GitHub Pages. Any changes pushed to the main branch automatically reflect on the live site.

📬 Contact

For feedback, collaborations, or questions, feel free to contact me via GitHub.


© 2025 Muhammad Huzaifa Karim

About

A responsive front-end clone of the OFFMENU website featuring scroll-triggered animations, card layouts, and a modern UI, built to practice animation, layout design, and for portfolio purposes.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published