diff --git a/public/docs/ts/latest/tutorial/index.jade b/public/docs/ts/latest/tutorial/index.jade
index c999b5f195..48231df2e1 100644
--- a/public/docs/ts/latest/tutorial/index.jade
+++ b/public/docs/ts/latest/tutorial/index.jade
@@ -63,6 +63,12 @@ figure.image-display
 figure.image-display
   img(src='/resources/images/devguide/toh/nav-diagram.png' alt="View navigations")
 
+:markdown
+  Here's our app in action
+  
+figure.image-display
+  img(src='/resources/images/devguide/toh/toh-anim.gif' alt="Tour of Heroes in Action")
+    
 .l-main-section
 :markdown
   ## How We Roll
diff --git a/public/resources/images/devguide/toh/toh-anim.gif b/public/resources/images/devguide/toh/toh-anim.gif
new file mode 100644
index 0000000000..debe918b87
Binary files /dev/null and b/public/resources/images/devguide/toh/toh-anim.gif differ