https://github.com/pawantech12/product-card

Responsive Product Card Using HTML , CSS and JavaScript
https://github.com/pawantech12/product-card

css html javascript nike-product-card product-card responsive-product-card

Last synced: 7 months ago
JSON representation

Responsive Product Card Using HTML , CSS and JavaScript

• Host: GitHub
• URL: https://github.com/pawantech12/product-card
• Owner: pawantech12
• Created: 2023-05-10T10:56:08.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-05-31T05:45:22.000Z (over 2 years ago)
• Last Synced: 2025-01-22T17:30:39.293Z (9 months ago)
• Topics: css, html, javascript, nike-product-card, product-card, responsive-product-card
• Language: CSS
• Homepage: https://pawantech12.github.io/product-card/
• Size: 5.5 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


  

  ![GitHub repo size](https://img.shields.io/github/repo-size/pawantech12/product-card)

  ![GitHub stars](https://img.shields.io/github/stars/pawantech12/product-card?style=social)

  ![GitHub forks](https://img.shields.io/github/forks/pawantech12/product-card?style=social)


  


  
Responsive Product Card


  Responsive Product Card using HTML, CSS, and JavaScript.

  ➥ Live Demo






### Desktop Preview

https://github.com/pawantech12/product-card/assets/118673866/65ad81ce-ded9-45ba-a29e-9aa8097479c3

### Prerequisites

Before you begin, ensure you have met the following requirements:

* You Should Know Basic or Intermediate of HTML ,CSS and JavaScript

Bootstrap Icon

```html

```

### Project Contain

* Product Image

* Product Size

* Product color

* Add to Cart Button

* Badge

* Fully Responsive for all devices

### Font Family

 

 * I have Used Google Fonts - Poppins

```html

```

### Run Locally

To run **Product Card** locally, run this command on your git bash:

Linux and macOS:

```bash

sudo git clone https://github.com/pawantech12/product-card.git

```

Windows:

```bash

git clone https://github.com/pawantech12/product-card.git

```

### Contact

If you want to contact with me you can reach me at [Instagram](https://www.instagram.com/codewithpawan/).

### License

This project is **Free To Use** and does not contains any license.