diff --git a/lib/live_view_counter_web/live/counter_live.ex b/lib/live_view_counter_web/live/counter_live.ex
index cddf76de..c5c46da6 100644
--- a/lib/live_view_counter_web/live/counter_live.ex
+++ b/lib/live_view_counter_web/live/counter_live.ex
@@ -4,13 +4,7 @@ defmodule LiveViewCounterWeb.CounterLive do
   @topic "live"
 
   def render(assigns) do
-    ~L"""
-    <div>
-      <h1>The count is: <%= @val %></h1>
-      <button phx-click="dec">-</button>
-      <button phx-click="inc">+</button>
-    </div>
-    """
+    LiveViewCounterWeb.PageView.render("counter.html", assigns)
   end
 
   def mount(_session, socket) do
diff --git a/lib/live_view_counter_web/templates/page/counter.html.leex b/lib/live_view_counter_web/templates/page/counter.html.leex
new file mode 100644
index 00000000..5d6405c0
--- /dev/null
+++ b/lib/live_view_counter_web/templates/page/counter.html.leex
@@ -0,0 +1,5 @@
+<div>
+  <h1>The count is: <%= @val %></h1>
+  <button phx-click="dec">-</button>
+  <button phx-click="inc">+</button>
+</div>