diff --git a/dashboard-ui/index.html b/dashboard-ui/index.html
index ef80b0de6..a1c79ad45 100644
--- a/dashboard-ui/index.html
+++ b/dashboard-ui/index.html
@@ -12,17 +12,17 @@
 
                 <div>
                     <div class="posterViewItem">
-                        <a href="movies.html">
+                        <a href="moviesrecommended.html">
                             <img style="background: #E12026;" src="css/images/items/list/chapter.png"><div class="posterViewItemText">Movies</div>
                         </a>
                     </div>
                     <div class="posterViewItem">
-                        <a href="#">
+                        <a href="tvrecommended.html">
                             <img style="background: #FF870F;" src="css/images/items/list/collection.png"><div class="posterViewItemText">TV Shows</div>
                         </a>
                     </div>
                     <div class="posterViewItem">
-                        <a href="#">
+                        <a href="musicrecommended.html">
                             <img style="background: #4BB3DD;" src="css/images/items/list/audiowide.png"><div class="posterViewItemText">Music</div>
                         </a>
                     </div>
diff --git a/dashboard-ui/movies.html b/dashboard-ui/movies.html
index 841082bcc..95d1fbfca 100644
--- a/dashboard-ui/movies.html
+++ b/dashboard-ui/movies.html
@@ -9,7 +9,7 @@
             <img src="css/images/home.png"></a>Movies</h1>
         <div data-role="content">
             <div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
-                <a href="#" data-role="button">Recommended</a>
+                <a href="moviesrecommended.html" data-role="button">Recommended</a>
                 <a href="movies.html" data-role="button" class="ui-btn-active">Movies</a>
                 <a href="#" data-role="button">Box Sets</a>
                 <a href="#" data-role="button">Genres</a>
diff --git a/dashboard-ui/moviesrecommended.html b/dashboard-ui/moviesrecommended.html
new file mode 100644
index 000000000..88e7e69d0
--- /dev/null
+++ b/dashboard-ui/moviesrecommended.html
@@ -0,0 +1,33 @@
+﻿<!DOCTYPE html>
+<html>
+<head>
+    <title>Media Browser</title>
+</head>
+<body>
+    <div id="moviesRecommendedPage" data-role="page" class="page libraryPage noLogoPage" data-theme="a">
+        <h1 class="libraryPageHeader"><a href="index.html" class="imageLink">
+            <img src="css/images/home.png"></a>Movies</h1>
+        <div data-role="content">
+            <div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
+                <a href="moviesrecommended.html" data-role="button" class="ui-btn-active">Recommended</a>
+                <a href="movies.html" data-role="button">Movies</a>
+                <a href="#" data-role="button">Box Sets</a>
+                <a href="#" data-role="button">Genres</a>
+                <a href="#" data-role="button">Actors</a>
+                <a href="#" data-role="button">Directors</a>
+                <a href="#" data-role="button">Favorites</a>
+            </div>
+
+            <h1 class="listHeader firstListHeader">Latest Movies</h1>
+
+            <div>
+            </div>
+
+            <h1 class="listHeader">Resume</h1>
+
+            <div></div>
+
+        </div>
+    </div>
+</body>
+</html>
diff --git a/dashboard-ui/musicrecommended.html b/dashboard-ui/musicrecommended.html
new file mode 100644
index 000000000..e2e575c29
--- /dev/null
+++ b/dashboard-ui/musicrecommended.html
@@ -0,0 +1,22 @@
+﻿<!DOCTYPE html>
+<html>
+<head>
+    <title>Media Browser</title>
+</head>
+<body>
+    <div id="musicRecommendedPage" data-role="page" class="page libraryPage noLogoPage" data-theme="a">
+        <h1 class="libraryPageHeader"><a href="index.html" class="imageLink">
+            <img src="css/images/home.png"></a>TV Shows</h1>
+        <div data-role="content">
+            <div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
+                <a href="musicrecommended.html" data-role="button" class="ui-btn-active">Recommended</a>
+                <a href="#" data-role="button">Songs</a>
+                <a href="#" data-role="button">Albums</a>
+                <a href="#" data-role="button">Artists</a>
+                <a href="#" data-role="button">Genres</a>
+                <a href="#" data-role="button">Favorites</a>
+            </div>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/dashboard-ui/tvrecommended.html b/dashboard-ui/tvrecommended.html
new file mode 100644
index 000000000..304a5fd1f
--- /dev/null
+++ b/dashboard-ui/tvrecommended.html
@@ -0,0 +1,21 @@
+﻿<!DOCTYPE html>
+<html>
+<head>
+    <title>Media Browser</title>
+</head>
+<body>
+    <div id="tvRecommendedPage" data-role="page" class="page libraryPage noLogoPage" data-theme="a">
+        <h1 class="libraryPageHeader"><a href="index.html" class="imageLink">
+            <img src="css/images/home.png"></a>TV Shows</h1>
+        <div data-role="content">
+            <div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
+                <a href="tvrecommended.html" data-role="button" class="ui-btn-active">Recommended</a>
+                <a href="#" data-role="button">Shows</a>
+                <a href="#" data-role="button">Genres</a>
+                <a href="#" data-role="button">Actors</a>
+                <a href="#" data-role="button">Favorites</a>
+            </div>
+        </div>
+    </div>
+</body>
+</html>
