Boostrap 3, three tier pricing table (with fourth column for general details or buttons. Not completely finished, but a good starting point.

pricing.html.haml

#pricing
  .arrow-down
  .container
    .fancy-heading
      %h2.heading Pricing
    .center-block 
      .row
        .col-md-3.option.tier_1 
          .header
            %span.title Single
            %span.price $500
          .body
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
        .col-md-4.option.tier_2 
          .header
            %span.title Most popular
            %span.price $4,250
          .body
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
        .col-md-3.option.tier_3 
          .header
            %span.title Best Value
            %span.price $8,000
          .body
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
        .col-md-2.misc
          Unlimited?

style.css.scss

/* Pricing
    ------------------------- */
  #pricing {
    .container {
      padding: 60px 20px;
    } 
    .arrow-down {
      border-top: 20px solid white;
    } 
    .center-block {
      margin: 0 auto;
      margin-top: 60px;
      width: 850px;
      max-width: 100%;
      .row {
        .option {
          color: $gray-darker;
          padding: 0;
          .header {
            span {

            }
            span.title {
              display: block;
              font-weight: 500;
            }
            span.price {
              color: $brand-primary;
              font-weight: 800;
              font-size: 1.2em;
            }
            background-color: white;
            border-bottom: 1px solid $gray-lighter;
            padding: 15px;
          }
          .body {
            padding: 10px;
            font-size: .7em;
          }

          &.tier_1 {
            .header {
              border-top-left-radius: 4px;
            }
            .body {
              min-height: 200px;
              background-color: white;
              border-bottom-left-radius: 4px;
              box-shadow: 0 5px .2px #e2e2e2;
            }
          }
          &.tier_2 {
            margin-top: -60px;
            .header {
              span.title {
                font-size: 1.2em;
              }
              span.price {
                color: $gray-dark;
              }
              font-size: 1.2em;
              color: white;
              background-color: $brand-primary;
              border-bottom: none;
              border-top-left-radius: 4px;
              border-top-right-radius: 4px;
            }
            .body {
              background-color: white;
              border-bottom-left-radius: 4px;
              border-bottom-right-radius: 4px;
              box-shadow: 0 5px .2px #e2e2e2;
              border-top: 1px solid $gray-lighter;
              border-left: 1px solid $gray-lighter;
              border-right: 1px solid $gray-lighter;
              min-height: 300px;
            }
          }
          &.tier_3 {
            .header {
              border-top-right-radius: 4px;
            }
            .body {
              min-height: 200px;
              background-color: white;
              border-bottom-right-radius: 4px;
              box-shadow: 0 5px .2px #e2e2e2;
            }
          }
        }
        .col-md-2.misc {

        }
      }
      @media (min-width: $screen-lg) {
        font-size: 1.5em;
      }
    } 
    background-color: $brand-success;
    color: white;
  }