internetprogrammierung/segments/_home.php

<!-- PRICING -->
<div class="alert pricing-header px-3 py-3 pt-md-5 pb-md-4 mx-auto text-center text-light">
  <h1 class="display-4">Pricing</h1>
  <p class="lead">Get more out of your FriendsBook account</p>
</div>
<div class="card-deck mb-3 text-center">
  <div class="card mb-4 box-shadow">
    <div class="card-header">
      <h4 class="my-0 font-weight-normal">Free</h4>
    </div>
    <div class="card-body">
      <h1 class="card-title pricing-card-title">0 € <small class="text-muted">/ mo</small></h1>
      <ul class="list-unstyled mt-3 mb-4">
        <li>Storage for 20 entries</li>
        <li>Email support</li>
        <li>Help center access</li>
      </ul>
    </div>
  </div>
  <div class="card mb-4 box-shadow">
    <div class="card-header">
      <h4 class="my-0 font-weight-normal">Plus</h4>
    </div>
    <div class="card-body">
      <h1 class="card-title pricing-card-title">15 € <small class="text-muted">/ mo</small></h1>
      <ul class="list-unstyled mt-3 mb-4">
        <li>Storage for 100 entries</li>
        <li>Multiple Friendbooks</li>
        <li>Priority email support</li>
        <li>Help center access</li>
      </ul>
    </div>
  </div>
  <div class="card mb-4 box-shadow">
    <div class="card-header">
      <h4 class="my-0 font-weight-normal">Pro</h4>
    </div>
    <div class="card-body">
      <h1 class="card-title pricing-card-title">29 € <small class="text-muted">/ mo</small></h1>
      <ul class="list-unstyled mt-3 mb-4">
        <li>Storage for 1000 entries</li>
        <li>Multiple Friendbooks</li>
        <li>Phone and email support</li>
        <li>Help center access</li>
      </ul>
    </div>
  </div>
</div>