Product Card

This project is a simple web-based product card that displays product details, including the product name, image, rating, price, and options to add the product to the cart or mark it as a favorite. The project uses HTML, CSS, and Font Awesome icons.

Table of Contents

• Demo
• Features
• Installation
• Usage
• File Structure
• Dependencies
• Contributing
• License

Demo

A live demo of the product card can be viewed here.

Features

• Displays product name, image, and details
• Interactive rating system
• Price display
• Add to cart button
• Mark as favorite button with animation

Installation

1. Clone the repository:

   git clone https://github.com/litikesh/Product-Card.git

2. Navigate to the project directory:

   cd Product-Card

Usage

1. Open the index.html file in your web browser to view the product card.
2. The card includes interactive buttons for adding the product to the cart and marking it as a favorite.

File Structure

product-card/
│
├── css/
│   └── styles.css
├── images/
│   └── product1.png
├── index.html
└── README.md

Dependencies

• Font Awesome for icons
• Lordicon for animated icons