/Product-Card

This project is a simple web-based product card designed to display product details in a visually appealing manner. It includes features such as an interactive rating system, price display, and buttons for adding the product to a cart or marking it as a favorite.

Primary LanguageCSS

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

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