diff --git a/content/_data/site.yaml b/content/_data/site.yaml
index 118100c15..efad8b70a 100644
--- a/content/_data/site.yaml
+++ b/content/_data/site.yaml
@@ -23,6 +23,7 @@ nav:
   - url: /tools/
   - url: /talks/
     title: Talks
+  - url: /learn/
   - url: /blog/
   - url: /about/
   - url: /contact/
diff --git a/content/learn/courses.md b/content/learn/courses.md
new file mode 100644
index 000000000..23df06fe2
--- /dev/null
+++ b/content/learn/courses.md
@@ -0,0 +1,25 @@
+---
+title: Courses
+sub: Frontend web development courses for curious developers
+index: Courses
+action:
+  text: Add call to action »
+  url: /#
+summary: |
+    Video and email courses for
+    frontend web developers on
+    modern CSS including anchor
+    positioning, grid & subgrid,
+    container queries and more!
+---
+
+{% import 'quotes.macros.njk' as quotes %}
+{% import 'layout.macros.njk' as layout %}
+{% import 'post.macros.njk' as post %}
+
+{{ quotes.find(
+  collections.all,
+  slugs=['spot-on', 'popular-tutorial']
+) }}
+
+{{ layout.title('All Courses') }}
diff --git a/content/learn/index.njk b/content/learn/index.njk
new file mode 100644
index 000000000..d0e7f5696
--- /dev/null
+++ b/content/learn/index.njk
@@ -0,0 +1,18 @@
+---
+title: Learn
+banner: Learn Design & Development
+learn:
+  - /learn/courses/
+summary: |
+  _Workshops, courses, and talks for web developers_
+
+  We provide award-winning workshops, courses,
+  and talks for individuals, companies, and
+  conferences, to help developers create
+  resilient web applications and design
+  systems – improving team process,
+  communication, site performance,
+  and accessibility.
+---
+{% import 'post.macros.njk' as post %}
+{% import 'embed.macros.njk' as embed %}