☕ Web-Starbuck-Clone-Remake

🌟 Web-Starbuck-Clone-Remake là dự án mô phỏng giao diện website của Starbucks, được xây dựng nhằm thực hành layout, responsive, hiệu ứng động và tối ưu trải nghiệm người dùng bằng HTML, CSS, JavaScript.

---

✨ Tính năng nổi bật

• 🎨 Giao diện giống Starbucks – thiết kế hiện đại, chuyên nghiệp
• 📱 Responsive – hiển thị đẹp trên mọi thiết bị
• 🖱️ Hiệu ứng động mượt mà với CSS & JavaScript
• 📋 Menu, banner, sản phẩm, footer đầy đủ
• 🚀 Tối ưu mã nguồn – dễ dàng mở rộng, chỉnh sửa

---

🗂️ Cấu trúc dự án

Web-Starbuck-Clone-Remake/
 ├── assets/
 │    ├── images/         # Hình ảnh giao diện
 │    ├── css/            # File CSS
 │    └── js/             # File JavaScript
 ├── index.html           # Trang chủ
 ├── ...                  # Các trang phụ (nếu có)
 └── README.md

---

⚙️ Công nghệ sử dụng

• 
• 
• 
• 
• 

---

🚀 Bắt đầu sử dụng

1. Clone dự án

   git clone https://github.com/hisu87/Web-Starbuck-Clone-Remake.git
   cd Web-Starbuck-Clone-Remake

2. Chạy trực tiếp

   • Mở index.html bằng trình duyệt yêu thích (Chrome, Edge,...)
   • Không cần cài đặt thêm!

---

🎬 Minh họa giao diện

---

📝 Hướng dẫn sử dụng

• Nhấn vào các menu để chuyển trang, xem sản phẩm
• Trải nghiệm hiệu ứng hover, chuyển động mượt mà
• Dễ dàng chỉnh sửa nội dung, hình ảnh trong thư mục assets

---

🤝 Đóng góp

Mọi đóng góp đều được hoan nghênh! Hãy gửi Issue hoặc Pull Request để cải thiện dự án.

---

📄 License

Phát hành theo MIT License.

---

🙏 Cảm ơn

• Dựa trên ý tưởng giao diện Starbucks
• Cảm ơn các tác giả ảnh, icon mã nguồn mở

---

---

☕ Web-Starbuck-Clone-Remake (English)

🌟 Web-Starbuck-Clone-Remake is a remake project simulating the Starbucks website interface, aimed at practicing layout, responsive design, smooth effects, and user experience optimization with HTML, CSS, and JavaScript.

---

✨ Main Features

• 🎨 Starbucks-like interface – modern and professional layout
• 📱 Responsive – optimized for all devices
• 🖱️ Smooth CSS & JS animations
• 📋 Full menu, banners, product sections, and footer
• 🚀 Clean, maintainable code – easy to expand or customize

---

🗂️ Project Structure

Web-Starbuck-Clone-Remake/
 ├── assets/
 │    ├── images/         # UI images
 │    ├── css/            # CSS files
 │    └── js/             # JavaScript files
 ├── index.html           # Homepage
 ├── ...                  # Additional pages (if any)
 └── README.md

---

⚙️ Technologies Used

• 
• 
• 
• 
• 

---

🚀 Getting Started

1. Clone the repository

   git clone https://github.com/hisu87/Web-Starbuck-Clone-Remake.git
   cd Web-Starbuck-Clone-Remake

2. Run directly

   • Open index.html with your favorite browser (Chrome, Edge, etc.)
   • No extra installation required!

---

🎬 Demo

---

📝 Usage

• Click menu items to explore pages and products
• Enjoy hover and animation effects
• Easily customize content or images in the assets directory

---

🤝 Contribution

All contributions are welcome! Please submit Issues or Pull Requests to help improve the project.

---

📄 License

Released under the MIT License.

---

🙏 Thanks

• Inspired by Starbucks website UI
• Thanks to open-source creators of images and icons