pricing cards fixes

src/pages/_includes/cards/pricing-card.html

@@ -8,7 +8,7 @@
 	<div class="card-body text-center">
 		<div class="text-uppercase text-muted font-weight-medium">{{ include.category | default: 'Enterprise' }}</div>
 
-		<div class="display-5 my-3">${{ include.price | default: '79' }}</div>
+		<div class="display-5 fw-bold my-3">${{ include.price | default: '79' }}</div>
 
 		<ul class="list-unstyled lh-lg">
 			<li><strong>{{ include.users | default: 10 }}</strong> Users</li>

src/pages/_includes/ui/table.html

@@ -72,7 +72,7 @@
 				<div class="btn-list flex-nowrap">
 					{% include ui/button.html text="Edit" %}
 					<div class="dropdown">
-						<button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport" data-bs-toggle="dropdown">
+						<button class="btn dropdown-toggle align-text-top" data-bs-toggle="dropdown">
 							Actions
 						</button>
 						{% include ui/dropdown-menu.html right=true %}

src/pages/pricing.html

@@ -4,17 +4,33 @@ page-header: Pricing cards
 menu: extra.pricing
 ---
 
-<div class="row">
-    <div class="col-sm-6 col-lg-3">
-        {% include cards/pricing-card.html price="0" users=3 category="Free" %}
-    </div>
-    <div class="col-sm-6 col-lg-3">
-        {% include cards/pricing-card.html price="49" users=10 category="Premium" features="1100" featured-color="green" %}
-    </div>
-    <div class="col-sm-6 col-lg-3">
-        {% include cards/pricing-card.html price="99" category="Enterprise" users=100 features="1110" %}
-    </div>
-    <div class="col-sm-6 col-lg-3">
-        {% include cards/pricing-card.html price="139" category="Unlimited" users="Unlimited" features="1111" %}
-    </div>
+<div class="row row-cards">
+	<div class="col-sm-6 col-lg-3">
+		{% include cards/pricing-card.html price="0" users=3 category="Free" %}
+	</div>
+	<div class="col-sm-6 col-lg-3">
+		{% include cards/pricing-card.html price="49" users=10 category="Premium" features="1100" featured-color="green"
+		%}
+	</div>
+	<div class="col-sm-6 col-lg-3">
+		{% include cards/pricing-card.html price="99" category="Enterprise" users=100 features="1110" %}
+	</div>
+	<div class="col-sm-6 col-lg-3">
+		{% include cards/pricing-card.html price="139" category="Unlimited" users="Unlimited" features="1111" %}
+	</div>
+	<div class="col-12">
+		<div class="card card-md">
+			<div class="card-body">
+				<div class="row align-items-center">
+					<div class="col">
+						<h2 class="h3">Enterprise-ready. Reach out for a custom quote.</h2>
+						<p class="m-0 text-muted">Tabler is designed to work great for large enterprises. Take a look at our feature comparison.</p>
+					</div>
+					<div class="col-auto">
+						{% include ui/button.html text="Book a demo" %}
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
 </div>

src/scss/_variables.scss

@@ -7,6 +7,7 @@ $enable-gradients: false !default;
 $enable-navbar-vertical: true !default;
 $enable-dark-mode: true !default;
 $enable-negative-margins: false !default;
+$enable-rfs: false !default;
 
 // ASSETS BASE
 $assets-base: ".." !default;