diff --git a/docs/examples/pricing-tables/index.html b/docs/examples/pricing-tables/index.html new file mode 100755 index 000000000000..f4642be88d76 --- /dev/null +++ b/docs/examples/pricing-tables/index.html @@ -0,0 +1,96 @@ + + + + + + + + + + + + Pricing Table Template for Bootstrap + + + + + + + + + + + + + +
+
+

Pricing Tables

+
+

Use card-group to create equal width and height columns.

+
+
+
+
+

Basic

+
+

$29 / mo

+
+

+

    +
  • 10 users included
    • +
  • 2 GB of storage
    • +
  • Email support
    • +
  • Help center access
    • +
+

+ +
+
+
+
+

Standard

+
+

$59 / mo

+
+

+

    +
  • 20 users included
    • +
  • 10 GB of storage
    • +
  • Priority email support
    • +
  • Help center access
    • +
+

+ +
+
+
+
+

Enterprise

+
+

$79 / mo

+
+

+

    +
  • 30 users included
    • +
  • 15 GB of storage
    • +
  • Phone and email support
    • +
  • Help center access
    • +
+

+ +
+
+
+ +
+ + + + + + + + + diff --git a/docs/examples/pricing-tables/pricing.css b/docs/examples/pricing-tables/pricing.css new file mode 100755 index 000000000000..07775769e8cf --- /dev/null +++ b/docs/examples/pricing-tables/pricing.css @@ -0,0 +1,17 @@ +body { + padding-top: 20px; + padding-bottom: 20px; +} +.pricing-card { + border-radius: 0; +} +.pricing-card-title { + text-align: center; + padding-top: 15px; +} +@media screen and (max-width: 767px) { + .card-group .card { + display: block; + vertical-align: top; + } +}