Cards Prompts

← Back to homepage

Profile Card Prompt
Prompt:
Create a responsive profile card using HTML, CSS, and JS. Use ___ avatar style, ___ card size, and ___ color palette. The card should display a name, title, and social links.
Example: Create a responsive profile card using HTML, CSS, and JS. Use a circular avatar style, 320x200px card size, and pastel blue color palette. The card should display a name, title, and social links.
Product Card Prompt
Prompt:
Create a product card using HTML, CSS, and JS. Use ___ product image style, ___ price display, and ___ add-to-cart button. The card should include a product name, price, and rating.
Example: Create a product card using HTML, CSS, and JS. Use a square product image style, bold price display, and rounded add-to-cart button. The card should include a product name, price, and rating.
Testimonial Card Prompt
Prompt:
Create a testimonial card using HTML, CSS, and JS. Use ___ quote style, ___ author image, and ___ background. The card should display a customer quote, author name, and star rating.
Example: Create a testimonial card using HTML, CSS, and JS. Use italic quote style, circular author image, and light gray background. The card should display a customer quote, author name, and star rating.