diff --git a/OurUmbraco.Site/OurUmbraco.Site.csproj b/OurUmbraco.Site/OurUmbraco.Site.csproj
index bc3bfb45..092f426e 100644
--- a/OurUmbraco.Site/OurUmbraco.Site.csproj
+++ b/OurUmbraco.Site/OurUmbraco.Site.csproj
@@ -4413,6 +4413,8 @@
     <Content Include="Views\Partials\Grid\Editors\Base.cshtml" />
     <Content Include="Views\Partials\Grid\Bootstrap3.cshtml" />
     <Content Include="Views\Partials\Grid\Bootstrap2.cshtml" />
+    <Content Include="Views\Projects.cshtml" />
+    <Content Include="Views\Project.cshtml" />
     <None Include="web.Debug.config">
       <DependentUpon>web.config</DependentUpon>
     </None>
diff --git a/OurUmbraco.Site/Views/Project.cshtml b/OurUmbraco.Site/Views/Project.cshtml
new file mode 100644
index 00000000..1dae4ebf
--- /dev/null
+++ b/OurUmbraco.Site/Views/Project.cshtml
@@ -0,0 +1,27 @@
+@inherits UmbracoTemplatePage
+@{
+    Layout = "~/Views/Layout.cshtml";
+}
+<section class="plain">
+    <div>
+        <!-- FORUM HEADER START -->
+        <div class="utilities">
+            @Umbraco.RenderMacro("Breadcrumb", new { linkToCurrent = "0" })
+            <div class="clear"></div>
+        </div>
+        @Umbraco.RenderMacro("ProjectsProjectDetail")
+    </div>
+</section>
+
+@section EndScripts {
+    <script type="text/javascript">
+        (function () {
+            $(".fancybox")
+                .fancybox({
+                    openEffect: 'none',
+                    closeEffect: 'none',
+                    padding: 0
+                });
+        })();
+    </script>
+}
\ No newline at end of file
diff --git a/OurUmbraco.Site/Views/Projects.cshtml b/OurUmbraco.Site/Views/Projects.cshtml
new file mode 100644
index 00000000..6c5dc6da
--- /dev/null
+++ b/OurUmbraco.Site/Views/Projects.cshtml
@@ -0,0 +1,76 @@
+@inherits UmbracoTemplatePage
+@{
+    Layout = "~/Views/Layout.cshtml";
+}
+
+<div class="page-content">
+    <div class="sidebar-area">
+        <div class="sidebar-content">
+            <div class="content-wrapper">
+                <nav>
+                    <ul class="level-1">
+                        <li class="filter-orderBy">
+                            <h3>Projects</h3>
+                            <ul class="level-2">
+                                <li><h4><a href="?orderBy=updateDate">Updated projects</a></h4></li>
+                                <li><h4><a href="?orderBy=popularity">Popular projects</a></h4></li>
+                            </ul>
+                        </li>
+                        <li class="filter-version">
+                            <h3>By Version</h3>
+                            <ul class="level-2">
+                                <li><h4><a href="?version=7">Version 7</a></h4></li>
+                                <li><h4><a href="?version=6">Version 6</a></h4></li>
+                                <li><h4><a href="?version=4">Version 4</a></h4></li>
+                            </ul>
+                        </li>
+                        <li class="filter-category">
+                            <h3>By Category</h3>
+                            @Umbraco.RenderMacro("ProjectsListCategories")
+                        </li>
+                    </ul>
+                </nav>
+
+            </div><!-- .content-wrapper -->
+        </div><!-- .sidebar-content -->
+    </div><!-- .sidebar-area -->
+
+    <div class="main-area">
+        <div class="main-content">
+            <div class="content-wrapper">
+                <div>
+                    @Umbraco.RenderMacro("Breadcrumb", new { linkToCurrent = "1" })
+                </div>
+                <div class="packages-content">
+                    @Umbraco.RenderMacro("ProjectsListProjects")
+                </div>
+
+            </div><!-- .content-wrapper -->
+        </div><!-- .main-content -->
+    </div><!-- .main-area -->
+
+</div><!-- .page-content -->
+
+@section EndScripts
+{
+    <script type="text/javascript">
+        function getUrlVars() {
+            var vars = [], hash;
+            var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
+            for (var i = 0; i < hashes.length; i++) {
+                hash = hashes[i].split('=');
+                vars.push(hash[0]);
+                vars[hash[0]] = hash[1];
+            }
+            return vars;
+        }
+        var query = getUrlVars();
+        var filter = '.filter-' + query[0];
+        $(filter).addClass('open');
+
+        $('.level-1>li').on('click', function () {
+            $('.level-1>li').removeClass('open');
+            $(this).addClass('open');
+        });
+    </script>
+}
\ No newline at end of file