diff --git a/client/components/App.vue b/client/components/App.vue
index 630960e9..1d5b50e3 100644
--- a/client/components/App.vue
+++ b/client/components/App.vue
@@ -141,6 +141,7 @@ class App extends Vue {
 }
   
 .el-main {
+    padding: 5px;
     background-color: #E6EDF4;
     color: #000;
 }
diff --git a/client/components/CardIndex/CardIndex.vue b/client/components/CardIndex/CardIndex.vue
index 1c9d9d47..02a6a9a1 100644
--- a/client/components/CardIndex/CardIndex.vue
+++ b/client/components/CardIndex/CardIndex.vue
@@ -1,6 +1,7 @@
 <template>
-    <el-container>
-        Раздел CardIndex в разработке
+    <el-container direction="vertical">
+        <el-header height="50px">Header</el-header>
+        <router-view></router-view>
     </el-container>
 </template>
 
@@ -18,3 +19,9 @@ class CardIndex extends Vue {
 }
 //-----------------------------------------------------------------------------
 </script>
+
+<style scoped>
+.el-header {
+    border: 1px solid black;
+}
+</style>
\ No newline at end of file
diff --git a/client/components/CardIndex/Search/Search.vue b/client/components/CardIndex/Search/Search.vue
new file mode 100644
index 00000000..978492c4
--- /dev/null
+++ b/client/components/CardIndex/Search/Search.vue
@@ -0,0 +1,20 @@
+<template>
+    <el-container>
+        Раздел Search в разработке
+    </el-container>
+</template>
+
+<script>
+//-----------------------------------------------------------------------------
+import Vue from 'vue';
+import Component from 'vue-class-component';
+
+export default @Component({
+})
+class Search extends Vue {
+    created() {
+    }
+
+}
+//-----------------------------------------------------------------------------
+</script>