diff --git a/src/client/app.js b/src/client/app.js
index 2ebfa581..e3847d9f 100644
--- a/src/client/app.js
+++ b/src/client/app.js
@@ -1,6 +1,8 @@
 /**
  * Created by tmshv on 04/11/14.
- */
+ **/
+
+import Document from './components/Document';
 
 var deps = [
     require('./modules/schedule')
@@ -75,34 +77,38 @@ app.run(function ($location, $rootScope, $http) {
     $http.defaults.headers.common["Accept"] = "application/json";
 });
 
-require("./api/api")(app);
-require("./services/io")(app);
-require("./directives/mainMenu")(app);
-require("./directives/teamMemberProfile")(app);
-require("./directives/backgroundPicture")(app);
-require("./ui/menu")(app);
-require("./ui/breadcrumbs")(app);
-require("./ui/timeline")(app);
-require("./filters/strip")(app);
-require("./filters/remove-hashtags")(app);
-require("./filters/removeNewline")(app);
-require("./filters/uppercase-first")(app);
-require("./pages/home")(app);
-require("./pages/schedule")(app);
-require("./pages/team")(app);
-require("./pages/gallery")(app);
-require("./pages/docs")(app);
-require("./controllers/ContactsController")(app);
-require("./controllers/CopyrightController")(app);
+[
+    require("./api/api"),
+    require("./services/io"),
+    require("./directives/mainMenu"),
+    require("./directives/teamMemberProfile"),
+    require("./directives/backgroundPicture"),
+    require("./ui/menu"),
+    require("./ui/breadcrumbs"),
+    require("./ui/timeline"),
+    require("./filters/strip"),
+    require("./filters/remove-hashtags"),
+    require("./filters/removeNewline"),
+    require("./filters/uppercase-first"),
+    require("./pages/home"),
+    require("./pages/schedule"),
+    require("./pages/team"),
+    require("./pages/gallery"),
+    require("./pages/docs"),
+    require("./controllers/ContactsController"),
+    require("./controllers/CopyrightController"),
+    Document,
+    function (app){
+        app.controller("SchedulePageController", function ($scope) {
+            $scope.pageClass = "page-schedule";
+        });
 
-app.controller("SchedulePageController", function ($scope) {
-    $scope.pageClass = "page-schedule";
-});
+        app.controller("DocsPageController", function ($scope) {
+            $scope.pageClass = "page-docs";
+        });
 
-app.controller("DocsPageController", function ($scope) {
-    $scope.pageClass = "page-docs";
-});
-
-app.controller("AppController", function ($scope, menu) {
-    $scope.menuProvider = menu.items;
-});
\ No newline at end of file
+        app.controller("AppController", function ($scope, menu) {
+            $scope.menuProvider = menu.items;
+        });
+    }
+].map(i => i(app));
\ No newline at end of file
diff --git a/src/templates/views/docs.html b/src/templates/views/docs.html
index 397afbfd..b5c8a040 100644
--- a/src/templates/views/docs.html
+++ b/src/templates/views/docs.html
@@ -1,11 +1,3 @@
 <div class="documents-block"  ng-controller="DocumentsController">
-    <div class="doc" ng-repeat="doc in documents">
-        <a href="{{doc.url}}" target="_blank" class="invisible">
-            <img ng-src="{{doc.preview}}">
-        </a>
-
-        <p>
-            <a href="{{doc.url}}" target="_blank">{{doc.title | uppercaseFirst}}</a>
-        </p>
-    </div>
+    <document ng-repeat="doc in documents" document="doc"></document>
 </div>