Basic pricing card

Related Examples

• 
  Card template

  Author:
  Raul antonio de la cruz hernandez

  2 months ago

  224
• 
  Pricing table with 2 columns

  Author:
  Piet Vriend

  3 years ago

  13k
• 
  Subscription Plan Cards

  compare and choose between different subscription plans. It provides essential information such as plan name, price, features, and a signup button

  Author:
  Elsabe Fourie

  2 years ago

  11.8k
• 
  Card

  Card

  Author:
  Aman kumar

  1 year ago

  2.6k
• 
  Modern Responsive Pricing Section with Toggle

  A sleek, responsive pricing section built with HTML and Tailwind CSS, showcasing three distinct plans (e.g., Free, Pro, Expert) in a card layout. It features a clean monthly/yearly toggle switch with savings indication, highlights a recommended plan with distinct styling and a badge, and uses checkmarks for clear feature comparison. The layout stacks vertically on smaller screens and transitions to a 3-column grid on large screens (lg breakpoint). Includes generic content for easy adaptation and a final "Compare Plans" button.

  Author:
  Hamza Atig

  10 months ago

  1.1k
• 
  Pricing Table

  Author:
  Akshay

  3 years ago

  11.1k
• 
  pricing Nos Collections du Monde

  pricing Nos Collections du Monde

  Author:
  Omer fils ELENGA

  8 hours ago

  1
• 
  pricing

  pricing

  Author:
  Omer fils ELENGA

  7 months ago

  615
• 
  Pricing card

  basic pricing card with single price

  Author:
  Amit Pachange

  2 years ago

  10.8k
• 
  Services

  explore our awesome Services

  Author:
  ابراهيم سيد

  1 year ago

  2.8k
• 
  Interactive Multi-Method Donation Section

  Overview: A high-trust, conversion-oriented fundraising section styled in the project's signature Navy Blue theme. It provides users with flexible payment options, ranging from one-click fixed amounts to manual bank transfers and cryptocurrency donations. Key Features: Smart Amount Logic: Includes a JavaScript-powered selector where users can choose a preset amount ($10, $25, $50) or type a custom value. The interface automatically toggles states (deselecting buttons when typing, and vice-versa) to prevent user error. Payment Methods: Quick Card/Checkout: Primary call-to-action column. Bank Transfer: A clean card displaying account details with a "Copy to Clipboard" utility. Crypto (Bitcoin): A specialized dark-themed card featuring a placeholder QR code and wallet address copying functionality. Trust Signals: Includes security iconography (lock, shield) and reassuring copy to boost donor confidence. Visual Hierarchy: Uses a 7/5 grid split to prioritize the immediate donation action while keeping manual payment methods accessible but secondary. Tech Stack: Framework: Tailwind CSS. Icons: Ionicons. Scripting: Vanilla JavaScript (for amount toggling and clipboard copying functions). Fonts: DM Serif Display (Headings) + Inter (Body). Usage: Ideal for the "Support Us" page or a dedicated campaign landing page. The script tag included at the bottom handles all the interactivity (button selection and text copying) without needing external libraries.

  Author:
  Juan D. Cortorreal

  3 months ago

  402
• 
  Tiered Pricing Blocks

  An organized way to compare different product offerings or pricing tiers. Users can quickly assess the features and pricing for various products.

  Author:
  Mereani Waqa

  2 years ago

  9.5k