diff --git a/frappe/public/scss/page-builder.scss b/frappe/public/scss/page-builder.scss
index a028e34158..cc96a2751c 100644
--- a/frappe/public/scss/page-builder.scss
+++ b/frappe/public/scss/page-builder.scss
@@ -224,6 +224,50 @@
 	}
 }
 
+.section-small-cta {
+	padding: 1.8rem;
+	background-color: lighten($primary, 42%);
+	border-radius: 0.75rem;
+	display: flex;
+	flex-direction: column;
+	text-align: center;
+
+	@include media-breakpoint-up(sm) {
+		flex-direction: column;
+		text-align: left;
+	}
+
+	@include media-breakpoint-up(md) {
+		flex-direction: row;
+		justify-content: space-between;
+
+		div {
+			align-self: center;
+		}
+	}
+
+	.title {
+		max-width: 36rem;
+		font-size: $font-size-xl;
+		font-weight: 800;
+		line-height: 1.25;
+		@include media-breakpoint-up(md) {
+			font-size: $font-size-2xl;
+		}
+	}
+	.subtitle {
+		max-width: 36rem;
+		font-size: $font-size-base;
+		color: $gray-900;
+		margin-bottom: 1.2rem;
+
+		@include media-breakpoint-up(md) {
+			font-size: $font-size-lg;
+			margin-bottom: 0px;
+		}
+	}
+}
+
 .section-cta-container {
 	position: relative;
 	.confetti {
diff --git a/frappe/website/web_template/section_with_small_cta/__init__.py b/frappe/website/web_template/section_with_small_cta/__init__.py
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/frappe/website/web_template/section_with_small_cta/section_with_small_cta.html b/frappe/website/web_template/section_with_small_cta/section_with_small_cta.html
new file mode 100644
index 0000000000..e2f8f5d7f6
--- /dev/null
+++ b/frappe/website/web_template/section_with_small_cta/section_with_small_cta.html
@@ -0,0 +1,11 @@
+<div class="section-cta-container">
+	<div class="section-small-cta">
+		<div>
+			<h2 class="title">{{ title }}</h2>
+			<p class="subtitle">{{ subtitle }}</p>
+		</div>
+		<div>
+			<a href="{{ cta_url }}" class="btn btn-lg btn-primary">{{ cta_label }}</a>
+		</div>
+	</div>
+</div>
diff --git a/frappe/website/web_template/section_with_small_cta/section_with_small_cta.json b/frappe/website/web_template/section_with_small_cta/section_with_small_cta.json
new file mode 100644
index 0000000000..d392830473
--- /dev/null
+++ b/frappe/website/web_template/section_with_small_cta/section_with_small_cta.json
@@ -0,0 +1,37 @@
+{
+ "creation": "2020-06-01 15:56:38.002136",
+ "docstatus": 0,
+ "doctype": "Web Template",
+ "fields": [
+  {
+   "fieldname": "title",
+   "fieldtype": "Data",
+   "label": "Title",
+   "reqd": 0
+  },
+  {
+   "fieldname": "subtitle",
+   "fieldtype": "Small Text",
+   "label": "Subtitle",
+   "reqd": 0
+  },
+  {
+   "fieldname": "cta_label",
+   "fieldtype": "Data",
+   "label": "CTA Label",
+   "reqd": 0
+  },
+  {
+   "fieldname": "cta_url",
+   "fieldtype": "Data",
+   "label": "CTA URL",
+   "reqd": 0
+  }
+ ],
+ "idx": 0,
+ "modified": "2020-06-01 17:51:23.073342",
+ "modified_by": "Administrator",
+ "name": "Section with Small CTA",
+ "owner": "Administrator",
+ "standard": 1
+}
\ No newline at end of file