HTML / Markup Public

Simple Pricing Card

A clean HTML pricing card structure that can be styled with any CSS framework.

#html #pricing #card #saas

HTML / Markup

<article class="pricing-card">
  <header>
    <h2>Plus</h2>
    <p>For students and junior developers.</p>
  </header>

  <p class="price">$5 <span>/ month</span></p>

  <ul>
    <li>500 snippets</li>
    <li>Private snippets</li>
    <li>Workspace export</li>
  </ul>

  <a href="/signup" class="button">Get started</a>
</article>

Notes

This is only markup. Add CSS classes based on your project style.

Snippet actions

CodShot user

Updated: 2026-06-03 14:05

Public snippets

Forks