diff --git a/app/Repositories/ConfigurationRepository.php b/app/Repositories/ConfigurationRepository.php
index 24fc667..0e56783 100755
--- a/app/Repositories/ConfigurationRepository.php
+++ b/app/Repositories/ConfigurationRepository.php
@@ -4,6 +4,7 @@
 
 use App\Configuration;
 use Carbon\Carbon;
+use File;
 
 class ConfigurationRepository
 {
@@ -111,6 +112,8 @@ public function create($params)
             $config->text_value = !is_numeric($value) ? $value : null;
             $config->save();
         }
+
+        $this->setDefaultCover($params);
         $this->setLocale($params);
     }
 
@@ -158,4 +161,37 @@ public function setConfiguration()
         \App::setLocale(config('config.locale') ?: 'en');
         Carbon::setLocale(config('config.locale') ?: 'en');
     }
+
+    /**
+     * @param array $params
+     */
+    protected function setDefaultCover($params)
+    {
+        switch ($params['color_theme']) {
+            case "blue":
+            case "blue-dark":
+            case "default":
+            case "default-dark":
+                File::copy(public_path() . '/images/cover-default-blue.png', public_path() . '/uploads/images/cover-default.png');
+                break;
+            case "green":
+            case "green-dark":
+                File::copy(public_path() . '/images/cover-default-green.png', public_path() . '/uploads/images/cover-default.png');
+                break;
+            case "megna":
+            case "megna-dark":
+                File::copy(public_path() . '/images/cover-default-megna.png', public_path() . '/uploads/images/cover-default.png');
+                break;
+            case "purple":
+            case "purple-dark":
+                File::copy(public_path() . '/images/cover-default-purple.png', public_path() . '/uploads/images/cover-default.png');
+                break;
+            case "red":
+            case "red-dark":
+                File::copy(public_path() . '/images/cover-default-red.png', public_path() . '/uploads/images/cover-default.png');
+                break;
+            default:
+                File::copy(public_path() . '/images/cover-default-red.png', public_path() . '/uploads/images/cover-default.png');
+        }
+    }
 }
diff --git a/config/system.php b/config/system.php
index 448dbf8..d8b20bb 100755
--- a/config/system.php
+++ b/config/system.php
@@ -20,6 +20,7 @@
         "facebook_group" => "",
         "default_cover" => "uploads/images/cover-default.png",
         "maintenance_mode_message"  => "Briefly unavailable for scheduled maintenance. Check back in a minute.",
+        "app_url" => config('app.url'),
     ],
     "default_role" => [
         "admin" => "admin",
@@ -45,7 +46,8 @@
         "email_verification",
         "facebook_group",
         "default_cover",
-        "maintenance_mode_message"
+        "maintenance_mode_message",
+        "app_url"
     ],
     "upload_path" => [
         "config" => "uploads/config",
diff --git a/package.json b/package.json
index 1e29c8d..df25f72 100755
--- a/package.json
+++ b/package.json
@@ -25,9 +25,9 @@
     "js-cookie": "^2.1.4",
     "laravel-vue-pagination": "^1.0.6",
     "uuid": "^3.1.0",
-    "v-mask": "^1.3.0",
     "v-tooltip": "^2.0.0-beta.12",
     "vue": "^2.5.16",
+    "vue-meta": "^1.5.2",
     "vue-multiselect": "^2.0.6",
     "vue-router": "^2.7.0",
     "vue-sortable": "^0.1.3",
diff --git a/public/images/cover-default-blue.png b/public/images/cover-default-blue.png
new file mode 100755
index 0000000..3fd2c3a
Binary files /dev/null and b/public/images/cover-default-blue.png differ
diff --git a/public/images/cover-default-green.png b/public/images/cover-default-green.png
new file mode 100755
index 0000000..7cafd0d
Binary files /dev/null and b/public/images/cover-default-green.png differ
diff --git a/public/images/cover-default-megna.png b/public/images/cover-default-megna.png
new file mode 100755
index 0000000..2ab45fc
Binary files /dev/null and b/public/images/cover-default-megna.png differ
diff --git a/public/images/cover-default-purple.png b/public/images/cover-default-purple.png
new file mode 100755
index 0000000..132f8bd
Binary files /dev/null and b/public/images/cover-default-purple.png differ
diff --git a/public/images/cover-default-red.png b/public/images/cover-default-red.png
new file mode 100755
index 0000000..b34e16b
Binary files /dev/null and b/public/images/cover-default-red.png differ
diff --git a/public/images/favicon.ico b/public/images/favicon.ico
deleted file mode 100644
index e69de29..0000000
diff --git a/public/uploads/images/cover-default.png b/public/uploads/images/cover-default.png
old mode 100644
new mode 100755
index 09a1f27..b34e16b
Binary files a/public/uploads/images/cover-default.png and b/public/uploads/images/cover-default.png differ
diff --git a/resources/assets/js/app.js b/resources/assets/js/app.js
index 708b201..6d9cbf6 100755
--- a/resources/assets/js/app.js
+++ b/resources/assets/js/app.js
@@ -12,7 +12,7 @@ import Vue from 'vue'
 import VueRouter from 'vue-router'
 import Form from './services/form'
 import helper from './services/helper'
-import VueMask from 'v-mask'
+import Meta from 'vue-meta'
 import VuejsDialog from "vuejs-dialog"
 import Sortable from 'vue-sortable'
 import paginationRecord from './components/PaginationRecord'
@@ -39,7 +39,7 @@ Vue.prototype.$last = function (item, list) {
 };
 
 Vue.use(VueRouter);
-Vue.use(VueMask);
+Vue.use(Meta);
 Vue.use(VuejsDialog, {
     message: i18n.general.proceed_with_request,
     okText: i18n.general.yes,
diff --git a/resources/assets/js/components/SummernoteEditor.vue b/resources/assets/js/components/SummernoteEditor.vue
index 248711c..96f7acb 100755
--- a/resources/assets/js/components/SummernoteEditor.vue
+++ b/resources/assets/js/components/SummernoteEditor.vue
@@ -102,8 +102,8 @@
                 let stringStripper = /(\n|\r| class=(")?Mso[a-zA-Z]+(")?)/g;
                 let output = input.replace(stringStripper, ' ');
 
-                let commentSripper = new RegExp('<!--(.*?)-->', 'g');
-                output = output.replace(commentSripper, '');
+                let commentStripper = new RegExp('<!--(.*?)-->', 'g');
+                output = output.replace(commentStripper, '');
 
                 let allowedTags = [
                     '<h1>', '<h2>', '<h3>', '<h4>', '<h5>', '<h6>', '<p>', '<br>', '<blockquote>', '<code>',
@@ -121,6 +121,8 @@
                     output = output.replace(attributeStripper, '');
                 }
 
+                output = output.replace(/[&]nbsp[;]/gi," ");
+
                 return output;
             },
             updatePastedText() {
diff --git a/resources/assets/js/layouts/Header.vue b/resources/assets/js/layouts/Header.vue
index 55b1597..e141731 100755
--- a/resources/assets/js/layouts/Header.vue
+++ b/resources/assets/js/layouts/Header.vue
@@ -44,7 +44,7 @@
                         </div>
                     </li>
                 </ul>
-                <ul v-if="isAuth() && !getTwoFactorCode() && !isScreenLocked()" class="navbar-nav mr-0 my-lg-0">
+                <ul v-if="isAuth() && !getTwoFactorCode()" class="navbar-nav mr-0 my-lg-0">
                     <li class="nav-item">
                         <router-link class="nav-link text-muted waves-effect waves-dark" :to="'/home'">
                             <i class="fas fa-home fa-fw"></i>
diff --git a/resources/assets/js/services/helper.js b/resources/assets/js/services/helper.js
index b8b513e..5d6ec68 100755
--- a/resources/assets/js/services/helper.js
+++ b/resources/assets/js/services/helper.js
@@ -225,5 +225,24 @@ export default {
             toastr.error('500 Internal Server Error');
         } else if (error.errors.hasOwnProperty("message"))
             toastr.error(error.errors.message[0]);
+    },
+
+    limitWords(textToLimit, wordLimit) {
+        if (!textToLimit) return;
+        let finalText = "";
+        let text2 = textToLimit.replace(/\s+/g, ' ');
+        let text3 = text2.split(' ');
+        let numberOfWords = text3.length;
+        let i = 0;
+
+        if (numberOfWords > wordLimit) {
+            for (i = 0; i < wordLimit; i++) {
+                finalText = finalText + " " + text3[i] + " ";
+            }
+
+            return finalText + "...";
+        }
+
+        return textToLimit;
     }
 }
diff --git a/resources/assets/js/views/post/PostCard.vue b/resources/assets/js/views/post/PostCard.vue
index 10b3ca4..966bb84 100755
--- a/resources/assets/js/views/post/PostCard.vue
+++ b/resources/assets/js/views/post/PostCard.vue
@@ -6,7 +6,7 @@
         </div>
         <div class="card-body">
             <h3 class="card-title post-title">{{ post.title }}</h3>
-            <h5 class="card-text">{{ limitWords(post.stripped_body, 35) }}</h5>
+            <h5 class="card-text">{{ limitWords(post.stripped_body) }}</h5>
             <p class="card-text">
                 <small class="text-muted card-caps">
                     {{ post.category.name }} / {{ post.created_at }}
@@ -20,22 +20,8 @@
     export default {
         props: ['post'],
         methods: {
-            limitWords(textToLimit, wordLimit) {
-                let finalText = "";
-                let text2 = textToLimit.replace(/\s+/g, ' ');
-                let text3 = text2.split(' ');
-                let numberOfWords = text3.length;
-                let i = 0;
-
-                if (numberOfWords > wordLimit) {
-                    for (i = 0; i < wordLimit; i++) {
-                        finalText = finalText + " " + text3[i] + " ";
-                    }
-
-                    return finalText + "...";
-                }
-
-                return textToLimit;
+            limitWords(str) {
+                return helper.limitWords(str, 35);
             }
         }
     }
diff --git a/resources/assets/js/views/post/View.vue b/resources/assets/js/views/post/View.vue
index 85be22b..bea48b6 100755
--- a/resources/assets/js/views/post/View.vue
+++ b/resources/assets/js/views/post/View.vue
@@ -32,6 +32,24 @@
     import pageNotFound from '../errors/PageNotFound'
 
     export default {
+        metaInfo() {
+            return {
+                title: `${this.documentTitle}`,
+                meta: [
+                    {name: 'description', content: this.post ? this.limitWords(this.post.stripped_body) : ''},
+                    {name: 'twitter:card', content: 'summary_large_image'},
+                    {name: 'twitter:title', content: this.post ? this.post.title : ''},
+                    {name: 'twitter:description', content: this.post ? this.limitWords(this.post.stripped_body) : ''},
+                    {name: 'twitter:image', content: this.post ? `${this.getConfig('app_url')}/${this.post.cover}` : ''},
+                    {property: 'og:locale', content: this.getConfig('locale')},
+                    {property: 'og:site_name', content: this.getConfig('company_name')},
+                    {property: 'og:url', content: this.getConfig('app_url')},
+                    {property: 'og:title', content: this.post ? this.post.title : ''},
+                    {property: 'og:description', content: this.post ? this.limitWords(this.post.stripped_body) : ''},
+                    {property: 'og:image', content: this.post ? `${this.getConfig('app_url')}/${this.post.cover}` : ''}
+        ]
+            }
+        },
         components: {
             pageNotFound,
         },
@@ -40,7 +58,8 @@
                 category: '',
                 categoryName: '',
                 slug: '',
-                post: {}
+                post: {},
+                documentTitle: ''
             };
         },
         mounted() {
@@ -50,16 +69,24 @@
                 .then(response => response.data)
                 .then(response => {
                     this.post = response.post;
-                    this.categoryName = response.post.category.name;
+                    this.categoryName = this.post ? response.post.category.name : '';
                     if (this.post) {
-                        document.title = `${helper.getConfig('company_name')} | ${this.post.title}`;
+                        this.documentTitle = `${helper.getConfig('company_name')} | ${this.post.title}`;
                     } else {
-                        document.title = `${helper.getConfig('company_name')} | ${i18n.general.page_not_found_heading}`;
+                        this.documentTitle = `${helper.getConfig('company_name')} | ${i18n.general.page_not_found_heading}`;
                     }
                 })
                 .catch(error => {
                     helper.showDataErrorMsg(error);
                 });
+        },
+        methods: {
+            getConfig(name) {
+                return helper.getConfig(name);
+            },
+            limitWords(str) {
+                return helper.limitWords(str, 35);
+            }
         }
     }
 </script>
diff --git a/resources/assets/sass/app.scss b/resources/assets/sass/app.scss
index f5e9ac4..3f12e6a 100755
--- a/resources/assets/sass/app.scss
+++ b/resources/assets/sass/app.scss
@@ -2566,10 +2566,6 @@ samp {
   transition: opacity .3s ease-in-out;
 }
 
-.cover-img {
-  background-color: #fff !important;
-}
-
 .card-caps {
   text-transform: uppercase;
   font-size: 15px;
diff --git a/resources/assets/sass/colors/blue-dark.scss b/resources/assets/sass/colors/blue-dark.scss
index f8e2546..91337d7 100755
--- a/resources/assets/sass/colors/blue-dark.scss
+++ b/resources/assets/sass/colors/blue-dark.scss
@@ -66,10 +66,6 @@ a.link {
     background-color: $themecolor !important;
 }
 
-.card-img {
-    background-color: $themecolor;
-}
-
 .pagination > .active > a,
 .pagination > .active > span,
 .pagination > .active > a:hover,
diff --git a/resources/assets/sass/colors/blue.scss b/resources/assets/sass/colors/blue.scss
index dc5817a..7d442c8 100755
--- a/resources/assets/sass/colors/blue.scss
+++ b/resources/assets/sass/colors/blue.scss
@@ -54,10 +54,6 @@ a.link {
     background-color: $themecolor !important;
 }
 
-.card-img {
-    background-color: $themecolor;
-}
-
 .pagination > .active > a,
 .pagination > .active > span,
 .pagination > .active > a:hover,
diff --git a/resources/assets/sass/colors/default-dark.scss b/resources/assets/sass/colors/default-dark.scss
index 6bf3fb1..74b48d8 100755
--- a/resources/assets/sass/colors/default-dark.scss
+++ b/resources/assets/sass/colors/default-dark.scss
@@ -52,10 +52,6 @@ a.link {
     background-color: $themecolor !important;
 }
 
-.card-img {
-    background-color: $themecolor;
-}
-
 .pagination > .active > a,
 .pagination > .active > span,
 .pagination > .active > a:hover,
diff --git a/resources/assets/sass/colors/default.scss b/resources/assets/sass/colors/default.scss
index 9152c06..d3f0b5a 100755
--- a/resources/assets/sass/colors/default.scss
+++ b/resources/assets/sass/colors/default.scss
@@ -42,10 +42,6 @@ a.link {
     background-color: $themecolor !important;
 }
 
-.card-img {
-    background-color: $themecolor;
-}
-
 .pagination > .active > a,
 .pagination > .active > span,
 .pagination > .active > a:hover,
diff --git a/resources/assets/sass/colors/green-dark.scss b/resources/assets/sass/colors/green-dark.scss
index 26dd9d0..3af0aa2 100755
--- a/resources/assets/sass/colors/green-dark.scss
+++ b/resources/assets/sass/colors/green-dark.scss
@@ -66,10 +66,6 @@ a.link {
     background-color: $themecolor !important;
 }
 
-.card-img {
-    background-color: $themecolor;
-}
-
 .pagination > .active > a,
 .pagination > .active > span,
 .pagination > .active > a:hover,
diff --git a/resources/assets/sass/colors/green.scss b/resources/assets/sass/colors/green.scss
index 36a89e2..9663179 100755
--- a/resources/assets/sass/colors/green.scss
+++ b/resources/assets/sass/colors/green.scss
@@ -56,10 +56,6 @@ a.link {
     background-color: $themecolor !important;
 }
 
-.card-img {
-    background-color: $themecolor;
-}
-
 .pagination > .active > a,
 .pagination > .active > span,
 .pagination > .active > a:hover,
diff --git a/resources/assets/sass/colors/megna-dark.scss b/resources/assets/sass/colors/megna-dark.scss
index 2b2539f..51a06db 100755
--- a/resources/assets/sass/colors/megna-dark.scss
+++ b/resources/assets/sass/colors/megna-dark.scss
@@ -66,10 +66,6 @@ a.link {
     background-color: $themecolor !important;
 }
 
-.card-img {
-    background-color: $themecolor;
-}
-
 .pagination > .active > a,
 .pagination > .active > span,
 .pagination > .active > a:hover,
diff --git a/resources/assets/sass/colors/megna.scss b/resources/assets/sass/colors/megna.scss
index 4f291b1..77bf7d4 100755
--- a/resources/assets/sass/colors/megna.scss
+++ b/resources/assets/sass/colors/megna.scss
@@ -56,10 +56,6 @@ a.link {
     background-color: $themecolor !important;
 }
 
-.card-img {
-    background-color: $themecolor;
-}
-
 .pagination > .active > a,
 .pagination > .active > span,
 .pagination > .active > a:hover,
diff --git a/resources/assets/sass/colors/purple-dark.scss b/resources/assets/sass/colors/purple-dark.scss
index ee4b3d8..5960ccb 100755
--- a/resources/assets/sass/colors/purple-dark.scss
+++ b/resources/assets/sass/colors/purple-dark.scss
@@ -71,10 +71,6 @@ a.link {
     background-color: $themecolor !important;
 }
 
-.card-img {
-    background-color: $themecolor;
-}
-
 .pagination > .active > a,
 .pagination > .active > span,
 .pagination > .active > a:hover,
diff --git a/resources/assets/sass/colors/purple.scss b/resources/assets/sass/colors/purple.scss
index e0142bf..c91e76b 100755
--- a/resources/assets/sass/colors/purple.scss
+++ b/resources/assets/sass/colors/purple.scss
@@ -56,10 +56,6 @@ a.link {
     background-color: $themecolor !important;
 }
 
-.card-img {
-    background-color: $themecolor;
-}
-
 .pagination > .active > a,
 .pagination > .active > span,
 .pagination > .active > a:hover,
diff --git a/resources/assets/sass/colors/red-dark.scss b/resources/assets/sass/colors/red-dark.scss
index 281c1cd..c168ce9 100755
--- a/resources/assets/sass/colors/red-dark.scss
+++ b/resources/assets/sass/colors/red-dark.scss
@@ -66,10 +66,6 @@ a.link {
     background-color: $themecolor !important;
 }
 
-.card-img {
-    background-color: $themecolor;
-}
-
 .pagination > .active > a,
 .pagination > .active > span,
 .pagination > .active > a:hover,
diff --git a/resources/assets/sass/colors/red.scss b/resources/assets/sass/colors/red.scss
index 60fac27..e48fe8b 100755
--- a/resources/assets/sass/colors/red.scss
+++ b/resources/assets/sass/colors/red.scss
@@ -56,10 +56,6 @@ a.link {
     background-color: $themecolor !important;
 }
 
-.card-img {
-    background-color: $themecolor;
-}
-
 .pagination > .active > a,
 .pagination > .active > span,
 .pagination > .active > a:hover,
diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
index 4a5792e..25a5363 100755
--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -5,8 +5,6 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <!-- Tell the browser to be responsive to screen width -->
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="description" content="">
-    <meta name="author" content="">
     <title>{{ config('config.company_name') }}</title>
     <meta name="csrf-token" content="{{ csrf_token() }}"/>
     <link rel="icon" href="/images/favicon.ico">