diff --git a/layouts/partials/css/academic.css b/layouts/partials/css/academic.css
index 577a6353..8c45c8d8 100644
--- a/layouts/partials/css/academic.css
+++ b/layouts/partials/css/academic.css
@@ -320,6 +320,37 @@ small,
   font-size: 1.1rem;
 }
 
+/*************************************************
+ *  Featurette Widget
+ **************************************************/
+
+.featurette {
+  font-size: 0.8rem;
+  line-height: 1.5;
+  color: #555;
+  text-align: center;
+}
+
+.featurette h3 {
+  margin-top: 0;
+  margin-bottom: 5px;
+  font-weight: 400;
+  color: #333;
+}
+
+.dark .featurette,
+.dark .featurette h3 {
+  color: #fff;
+}
+
+.featurette-icon {
+  display: block;
+  width: 100%;
+  color: {{ .Get "primary" }};
+  font-size: 3rem;
+  text-align: center;
+}
+
 /*************************************************
  *  Biography
  **************************************************/
diff --git a/layouts/partials/widgets/featurette.html b/layouts/partials/widgets/featurette.html
new file mode 100644
index 00000000..7017aeac
--- /dev/null
+++ b/layouts/partials/widgets/featurette.html
@@ -0,0 +1,13 @@
+{{ $ := .root }}
+{{ $page := .page }}
+
+<div class="row featurette">
+  {{ range $page.Params.feature }}
+  {{ $pack := or .icon_pack "fa" }}
+  <div class="col-sm-4">
+    {{ with .icon }}<div class="featurette-icon"><i class="{{ $pack }} {{ $pack }}-{{ . }}"></i></div>{{ end }}
+    <h3>{{ .name | markdownify | emojify }}</h3>
+    {{ with .description }}<p>{{ . | markdownify | emojify }}</p>{{ end }}
+  </div>
+  {{ end }}
+</div>