<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Pricing Card</title>
  <link rel="stylesheet" href="style.css" />
</head>
<body>
  <section class="pricing">
    <article class="plan">
      <h3>Starter</h3>
      <p class="price">$0<span>/mo</span></p>
      <ul>
        <li>1 project</li>
        <li>Community support</li>
        <li>Basic templates</li>
      </ul>
      <a href="#" class="btn">Choose</a>
    </article>

    <article class="plan featured">
      <h3>Pro</h3>
      <p class="price">$12<span>/mo</span></p>
      <ul>
        <li>Unlimited projects</li>
        <li>Priority support</li>
        <li>All templates</li>
      </ul>
      <a href="#" class="btn btn-primary">Choose</a>
    </article>
  </section>
</body>
</html>