Update web designing

src/components/HomePageElement.vue

@@ -1,27 +1,23 @@
 <template>
   <div class="hello">
-    <h1>{{ msg }}</h1>
+    <h1>{{ $route.meta.title }}</h1>
     <p>Witam na mojej stronie głównej. Wszystkich zainteresowanych oczywiście 😁</p>
   </div>
 </template>
 
-<script>
-
-</script>
-
 <style scoped lang="scss">
-h3 {
-  margin: 40px 0 0;
-}
-ul {
-  list-style-type: none;
-  padding: 0;
-}
-li {
-  display: inline-block;
-  margin: 0 10px;
-}
-a {
-  color: #42b983;
-}
+  h3 {
+    margin: 40px 0 0;
+  }
+  ul {
+    list-style-type: none;
+    padding: 0;
+  }
+  li {
+    display: inline-block;
+    margin: 0 10px;
+  }
+  a {
+    color: #42b983;
+  }
 </style>

src/components/Navigation.vue

@@ -1,6 +1,23 @@
 <template>
   <div id="nav">
-    <router-link to="/">Strona główna</router-link> |
+    <router-link to="/">Strona główna</router-link>
+    <router-link to="/projects">Projekty</router-link>
     <router-link to="/about">O mnie</router-link>
   </div>
 </template>
+
+<style lang="scss">
+#nav {
+  padding: 30px;
+
+  a {
+    padding: 0 5px;
+    font-weight: bold;
+    color: #2c3e50;
+
+    &.router-link-exact-active {
+       color: #42b983;
+    }
+  }
+}
+</style>