diff --git a/apps/web/public/index.html b/apps/web/public/index.html
index 37377e9..72f3eab 100644
--- a/apps/web/public/index.html
+++ b/apps/web/public/index.html
@@ -9,10 +9,10 @@
diff --git a/apps/web/src/App.vue b/apps/web/src/App.vue
deleted file mode 100644
index ae8f0a8..0000000
--- a/apps/web/src/App.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-
-
-
-
-
diff --git a/apps/web/src/app.vue b/apps/web/src/app.vue
new file mode 100644
index 0000000..48746a4
--- /dev/null
+++ b/apps/web/src/app.vue
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
diff --git a/apps/web/src/layout/default.vue b/apps/web/src/layout/default.vue
new file mode 100644
index 0000000..e91de0c
--- /dev/null
+++ b/apps/web/src/layout/default.vue
@@ -0,0 +1,8 @@
+
+
+
diff --git a/apps/web/src/layout/header.vue b/apps/web/src/layout/header.vue
new file mode 100644
index 0000000..67a7fe1
--- /dev/null
+++ b/apps/web/src/layout/header.vue
@@ -0,0 +1,39 @@
+
+
+ @app/web
+
+
+
+
+
+ Home
+ About
+ Disabled
+
+
+
+
+
+
+ Search
+
+
+
+ EN
+ ES
+ RU
+ FA
+
+
+
+
+
+ User
+
+ Profile
+ Sign Out
+
+
+
+
+
diff --git a/apps/web/src/layout/index.ts b/apps/web/src/layout/index.ts
new file mode 100644
index 0000000..c85b65f
--- /dev/null
+++ b/apps/web/src/layout/index.ts
@@ -0,0 +1,6 @@
+import Vue from 'vue';
+import LayoutDefault from './default.vue';
+import AppHeader from './header.vue';
+
+Vue.component('layout-default', LayoutDefault);
+Vue.component('app-header', AppHeader);
diff --git a/apps/web/src/main.ts b/apps/web/src/main.ts
index 582138b..7264354 100644
--- a/apps/web/src/main.ts
+++ b/apps/web/src/main.ts
@@ -1,12 +1,14 @@
+import BootstrapVue from 'bootstrap-vue';
import Vue from 'vue';
-import App from './App.vue';
+import App from './app.vue';
import './registerServiceWorker';
import router from './router';
import store from './store';
-import './styles/index.scss';
Vue.config.productionTip = false;
+Vue.use(BootstrapVue);
+
new Vue({
router,
store,
diff --git a/apps/web/src/router/index.ts b/apps/web/src/router/index.ts
index 86cd54f..4e685f8 100644
--- a/apps/web/src/router/index.ts
+++ b/apps/web/src/router/index.ts
@@ -1,6 +1,6 @@
import Vue from 'vue';
import VueRouter from 'vue-router';
-import Home from '../views/Home.vue';
+import Home from '../views/home.vue';
Vue.use(VueRouter);
@@ -16,7 +16,7 @@ const routes = [
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
- component: () => import(/* webpackChunkName: "about" */ '../views/About.vue'),
+ component: () => import(/* webpackChunkName: "about" */ '../views/about.vue'),
},
];
diff --git a/apps/web/src/styles/_app.scss b/apps/web/src/styles/_app.scss
new file mode 100644
index 0000000..ecad1e2
--- /dev/null
+++ b/apps/web/src/styles/_app.scss
@@ -0,0 +1 @@
+@import 'app/layout';
diff --git a/apps/web/src/styles/app/_layout.scss b/apps/web/src/styles/app/_layout.scss
new file mode 100644
index 0000000..b9af91a
--- /dev/null
+++ b/apps/web/src/styles/app/_layout.scss
@@ -0,0 +1,5 @@
+html,
+body,
+.layout {
+ height: 100%;
+}
diff --git a/apps/web/src/styles/index.scss b/apps/web/src/styles/index.scss
index fd447ec..9f026e8 100644
--- a/apps/web/src/styles/index.scss
+++ b/apps/web/src/styles/index.scss
@@ -1,2 +1,3 @@
@import 'variables';
@import 'vendors';
+@import 'app';
diff --git a/apps/web/src/views/About.vue b/apps/web/src/views/About.vue
deleted file mode 100644
index 3fa2807..0000000
--- a/apps/web/src/views/About.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-
-
-
This is an about page
-
-
diff --git a/apps/web/src/views/about.vue b/apps/web/src/views/about.vue
new file mode 100644
index 0000000..6fadcfa
--- /dev/null
+++ b/apps/web/src/views/about.vue
@@ -0,0 +1,7 @@
+
+
+
+
This is an about page
+
+
+
diff --git a/apps/web/src/views/Home.vue b/apps/web/src/views/home.vue
similarity index 78%
rename from apps/web/src/views/Home.vue
rename to apps/web/src/views/home.vue
index 298ab13..d872992 100644
--- a/apps/web/src/views/Home.vue
+++ b/apps/web/src/views/home.vue
@@ -1,11 +1,11 @@
-
+
-
+
-