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.
A live demo of the product card can be viewed here.
- Displays product name, image, and details
- Interactive rating system
- Price display
- Add to cart button
- Mark as favorite button with animation
- Clone the repository:
git clone https://github.com/litikesh/Product-Card.git
- Navigate to the project directory:
cd Product-Card
- Open the
index.html
file in your web browser to view the product card. - The card includes interactive buttons for adding the product to the cart and marking it as a favorite.
product-card/
│
├── css/
│ └── styles.css
├── images/
│ └── product1.png
├── index.html
└── README.md
- Font Awesome for icons
- Lordicon for animated icons