diff --git a/website/source/intro/getting-started/ui.html.markdown b/website/source/intro/getting-started/ui.html.markdown.erb
similarity index 95%
rename from website/source/intro/getting-started/ui.html.markdown
rename to website/source/intro/getting-started/ui.html.markdown.erb
index a26b710e8b..2c6433357a 100644
--- a/website/source/intro/getting-started/ui.html.markdown
+++ b/website/source/intro/getting-started/ui.html.markdown.erb
@@ -33,9 +33,7 @@ A screenshot of one page of the demo is shown below so you can get an
 idea of what the web UI is like. Click the screenshot for the full size.
 
 <div class="center">
-<a href="/images/consul_web_ui.png">
-<img src="/images/consul_web_ui.png">
-</a>
+  <%= link_to image_tag('consul_web_ui.png'), image_path('consul_web_ui.png') %>
 </div>
 
 ## Set Up