diff --git a/client/components/App.vue b/client/components/App.vue
index 5490340f..999f1ac8 100644
--- a/client/components/App.vue
+++ b/client/components/App.vue
@@ -16,7 +16,7 @@
                 <i class="el-icon-message"></i>
                 <span slot="title">Форум-чат</span>
               </el-menu-item>
-              <el-menu-item index="newbooks">
+              <el-menu-item index="income">
                 <i class="el-icon-upload"></i>
                 <span slot="title">Поступления</span>
               </el-menu-item>
@@ -36,7 +36,7 @@
         </el-aside>
 
         <el-main>
-            <pre></pre>
+            <router-view></router-view>
         </el-main>
     </el-container>
 </template>
diff --git a/client/components/CardIndex/CardIndex.vue b/client/components/CardIndex/CardIndex.vue
new file mode 100644
index 00000000..1c9d9d47
--- /dev/null
+++ b/client/components/CardIndex/CardIndex.vue
@@ -0,0 +1,20 @@
+<template>
+    <el-container>
+        Раздел CardIndex в разработке
+    </el-container>
+</template>
+
+<script>
+//-----------------------------------------------------------------------------
+import Vue from 'vue';
+import Component from 'vue-class-component';
+
+export default @Component({
+})
+class CardIndex extends Vue {
+    created() {
+    }
+
+}
+//-----------------------------------------------------------------------------
+</script>
diff --git a/client/components/Help/Help.vue b/client/components/Help/Help.vue
new file mode 100644
index 00000000..034eda42
--- /dev/null
+++ b/client/components/Help/Help.vue
@@ -0,0 +1,20 @@
+<template>
+    <el-container>
+        Раздел Help в разработке
+    </el-container>
+</template>
+
+<script>
+//-----------------------------------------------------------------------------
+import Vue from 'vue';
+import Component from 'vue-class-component';
+
+export default @Component({
+})
+class Help extends Vue {
+    created() {
+    }
+
+}
+//-----------------------------------------------------------------------------
+</script>
diff --git a/client/components/Income/Income.vue b/client/components/Income/Income.vue
new file mode 100644
index 00000000..5dc9200e
--- /dev/null
+++ b/client/components/Income/Income.vue
@@ -0,0 +1,20 @@
+<template>
+    <el-container>
+        Раздел Income в разработке
+    </el-container>
+</template>
+
+<script>
+//-----------------------------------------------------------------------------
+import Vue from 'vue';
+import Component from 'vue-class-component';
+
+export default @Component({
+})
+class Income extends Vue {
+    created() {
+    }
+
+}
+//-----------------------------------------------------------------------------
+</script>
diff --git a/client/components/Reader/Reader.vue b/client/components/Reader/Reader.vue
new file mode 100644
index 00000000..525e5e23
--- /dev/null
+++ b/client/components/Reader/Reader.vue
@@ -0,0 +1,20 @@
+<template>
+    <el-container>
+        Раздел Reader в разработке
+    </el-container>
+</template>
+
+<script>
+//-----------------------------------------------------------------------------
+import Vue from 'vue';
+import Component from 'vue-class-component';
+
+export default @Component({
+})
+class Reader extends Vue {
+    created() {
+    }
+
+}
+//-----------------------------------------------------------------------------
+</script>
diff --git a/client/components/Settings/Settings.vue b/client/components/Settings/Settings.vue
new file mode 100644
index 00000000..838abf6b
--- /dev/null
+++ b/client/components/Settings/Settings.vue
@@ -0,0 +1,20 @@
+<template>
+    <el-container>
+        Раздел Settings в разработке
+    </el-container>
+</template>
+
+<script>
+//-----------------------------------------------------------------------------
+import Vue from 'vue';
+import Component from 'vue-class-component';
+
+export default @Component({
+})
+class Settings extends Vue {
+    created() {
+    }
+
+}
+//-----------------------------------------------------------------------------
+</script>
diff --git a/client/components/Sources/Sources.vue b/client/components/Sources/Sources.vue
new file mode 100644
index 00000000..18142e92
--- /dev/null
+++ b/client/components/Sources/Sources.vue
@@ -0,0 +1,20 @@
+<template>
+    <el-container>
+        Раздел Sources в разработке
+    </el-container>
+</template>
+
+<script>
+//-----------------------------------------------------------------------------
+import Vue from 'vue';
+import Component from 'vue-class-component';
+
+export default @Component({
+})
+class Sources extends Vue {
+    created() {
+    }
+
+}
+//-----------------------------------------------------------------------------
+</script>
diff --git a/client/router.js b/client/router.js
index 4d19ad66..29aae2be 100644
--- a/client/router.js
+++ b/client/router.js
@@ -1,12 +1,24 @@
 import Vue from 'vue';
 import VueRouter from 'vue-router';
 import App from './components/App.vue';
+import CardIndex from './components/CardIndex/CardIndex.vue';
+import Reader from './components/Reader/Reader.vue';
+//import Forum from './components/Forum/Forum.vue';
+import Income from './components/Income/Income.vue';
+import Sources from './components/Sources/Sources.vue';
+import Settings from './components/Settings/Settings.vue';
+import Help from './components/Help/Help.vue';
 
 Vue.use(VueRouter);
 
 let routes = [
-    { path: '/', component: App },
-    { path: '/cardindex', component: App },
+    { path: '/', redirect: '/cardindex' },
+    { path: '/cardindex', component: CardIndex },
+    { path: '/reader', component: Reader },
+    { path: '/income', component: Income },
+    { path: '/sources', component: Sources },
+    { path: '/settings', component: Settings },
+    { path: '/help', component: Help },
 ];
 
 export default new VueRouter({