coreui
diff --git a/‎docs/assets/scss/_pricing.scss
Lines changed: 40 additions & 0 deletions b/‎docs/assets/scss/_pricing.scss
Lines changed: 40 additions & 0 deletions
diff --git a/‎docs/assets/scss/docs.scss
Lines changed: 3 additions & 0 deletions b/‎docs/assets/scss/docs.scss
Lines changed: 3 additions & 0 deletions
diff --git a/‎docs/content/pricing/_index.md
Lines changed: 6 additions & 0 deletions b/‎docs/content/pricing/_index.md
Lines changed: 6 additions & 0 deletions
@@ -0,0 +1,40 @@
+.pricing-table {
+  th {
+    padding: 0 .75rem !important; // stylelint-disable-line declaration-no-important
+    vertical-align: top;
+    border: 0;
+  }
+
+  td:nth-child(n+2):nth-child(-n+4),
+  th:nth-child(n+2):nth-child(-n+4) {
+    text-align: center;
+  }
+
+  tbody {
+    font-size: .875rem;
+  }
+
+  td:first-child:not([colspan]) {
+    color: var(--cui-secondary-color);
+    white-space: nowrap;
+  }
+
+  // stylelint-disable-next-line selector-max-universal
+  > :not(caption) > * > * {
+    padding: .75rem;
+  }
+}
+
+.pricing-customers-grid {
+  svg {
+    max-width: 100%;
+    max-height: 32px;
+    fill: var(--cui-tertiary-color);
+  }
+
+  svg [class*="-"],
+  svg g,
+  svg path {
+    fill: var(--cui-tertiary-color);
+  }
+}
@@ -47,3 +47,6 @@
 // Load docs dependencies
 @forward "syntax";
 @forward "anchor";
+
+// Pricing
 @forward "pricing";
@@ -0,0 +1,6 @@
+---
+layout: pricing
+title: Start using CoreUI's products for free!
+description: Compare CoreUI plans for developers — choose from Free, Pro, or Enterprise licenses. Start for free and upgrade anytime for advanced features and premium support.
+group: components
+---