Skip to content

A responsive food website built with HTML, CSS, and JavaScript. Beginner-friendly open-source project for frontend practice.

Notifications You must be signed in to change notification settings

deepaktecz/Restaurant_Web

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🍔 Food In – Fast Food Restaurant Website

A modern, responsive fast food / restaurant landing page built using HTML, CSS, and JavaScript.
This project is designed with a clean dark UI, smooth sections, and is fully beginner-friendly for open-source contributions.

🔗 Live Demo:
https://deepaktecz.github.io/Restaurant_Web/


📸 Screenshots

Hero Section


Food Cards


Services


Footer


Footer


Footer


✨ Features

  • 🍟 Modern dark-themed UI
  • 📱 Fully responsive design
  • 🧭 Sticky navigation bar
  • 🎯 Call-to-action buttons (Explore, Watch Video, Get App)
  • 🧩 Service cards (Easy Order, Fast Delivery, Quality Food)
  • ⬆️ Scroll-to-top button
  • 🦶 Footer with useful links & social icons
  • 🌗 Dark-mode–friendly color palette
  • 🧱 Clean layout with sections

🛠️ Tech Stack

  • HTML5
  • CSS3
  • JavaScript (Vanilla)

No frameworks. No backend. Perfect for beginners 🚀


📂 Project Structure

Coffee-website/ │ ├── index.html ├── style.css ├── script.js ├── assets/ │ ├── images/ │ ├── icons/ │ └── screenshots/ │ ├── README.md └── CONTRIBUTING.md

yaml Copy code


🧠 Open Source & Issues

This project is open-source and actively accepting contributions.

Example Improvements:

  • 🌗 Smart system-based dark mode
  • 🛒 Shopping cart icon in navbar
  • ⚡ Improve page reload & performance
  • 📱 Mobile layout spacing improvements
  • ♿ Accessibility improvements
  • 🧼 Code cleanup & comments

Check the Issues tab to get started.


🤝 Contributing

We welcome all contributors — beginners included 💚

Please read CONTRIBUTING.md before contributing.

Quick steps:

  1. Fork the repository
  2. Create a new branch
  3. Pick an issue or create one
  4. Make changes
  5. Submit a Pull Request

🏷️ Issue Labels Used

  • good first issue
  • help wanted
  • enhancement
  • bug
  • ui/ux
  • performance

📌 Contribution Rules

  • ❌ Do not push directly to main
  • ✅ Use meaningful commit messages
  • ✅ Test on desktop & mobile
  • ✅ Keep PRs small and focused
  • ✅ Add screenshots for UI changes

📄 License

This project is open-source and free to use for learning and practice.


👨‍💻 Author

Deepak Kumar
GitHub: https://github.com/deepaktecz


⭐ If you like this project, please give it a star — it really helps!

About

A responsive food website built with HTML, CSS, and JavaScript. Beginner-friendly open-source project for frontend practice.

Topics

Resources

Stars

Watchers

Forks