Responsive Product Card UI Design | E-commerce Card Tutorial Using HTML5 CSS3 & JQUERY

how to make a responsive product card UI design Using html5, css3 and simple jquery.
simple responsive e-commerce product card UI design tutorial with background color change on click for beginners.
responsive product card UI design with image change on click.

images link:
https://drive.google.com/file/d/1GfAm...
https://drive.google.com/file/d/1ULiT...
https://drive.google.com/file/d/1ku0x...
https://drive.google.com/file/d/1Jgte...

font awesome cdn link:
https://cdnjs.com/libraries/font-awesome

jquery cdn link:
https://cdnjs.com/libraries/jquery

cubic bezier generator website link:
https://cubic-bezier.com/#.17,.67,.83...

New To My Channel Subscribe Now And See More Stuff Like This:
   / @mrwebdesigneranas  

#prodcutCard
#ProductUI
#EcommerceCard
#responsiveDesign
#UIDesign
#CSS3
#HTML5
#JQUERY