diff --git a/_includes/views/banner.html b/_includes/views/banner.html
index 1db45a5..5641bf5 100644
--- a/_includes/views/banner.html
+++ b/_includes/views/banner.html
@@ -1,131 +1,107 @@
-{%- include functions.html func='log' level='debug' msg='Get banner_html value' -%}
-{% assign name = 'banner_html' %}
-{%- include functions.html func='get_value' -%}
-{% assign banner_html = return %}
+{%- include functions.html func='log' level='debug' msg='Get banner_html value'
+-%} {% assign name = 'banner_html' %} {%- include functions.html
+func='get_value' -%} {% assign banner_html = return %} {%- include
+functions.html func='log' level='debug' msg='Get heading value' -%} {% assign
+name = 'heading' %} {%- include functions.html func='get_value' -%} {% assign
+heading = return %} {%- include functions.html func='log' level='debug' msg='Get
+subheading value' -%} {% assign name = 'subheading' %} {%- include
+functions.html func='get_value' -%} {% assign subheading = return %} {%- include
+functions.html func='get_banner' -%} {%- if has_banner -%} {%- if
+banner_background -%}
+<style>
+  html .page-banner {
+    background: {{ banner_background }};
+  }
+</style>
+{%- endif -%} {%- if banner_height -%}
+<style>
+  {%- assign num = banner_height | times: 1 -%}
+  {%- assign unit = banner_height | replace_first: num -%}
+  {%- assign banner_min_height = banner_min_height | default: banner_height -%}
+  html .page-banner {
+    height:  {{ banner_height | times: 0.368 | append: unit }};
+    min-height: {{ banner_min_height }};
+  }
+  html[data-scroll-status="top"] .page-banner {
+    height: {{ banner_height }};
+  }
+</style>
+{%- endif -%} {%- if banner_opacity -%}
+<style>
+  html .page-banner .page-banner-img > *:first-child {
+    opacity: {{ banner_opacity }};
+  }
 
-{%- include functions.html func='log' level='debug' msg='Get heading value' -%}
-{% assign name = 'heading' %}
-{%- include functions.html func='get_value' -%}
-{% assign heading = return %}
-
-{%- include functions.html func='log' level='debug' msg='Get subheading value' -%}
-{% assign name = 'subheading' %}
-{%- include functions.html func='get_value' -%}
-{% assign subheading = return %}
-
-{%- include functions.html func='get_banner' -%}
-
-{%- if has_banner -%}
-  {%- if banner_background -%}
-  <style>
-    html .page-banner {
-      background: {{ banner_background }};
-    }
-  </style>
-  {%- endif -%}
-  {%- if banner_height -%}
-  <style>
-    {%- assign num = banner_height | times: 1 -%}
-    {%- assign unit = banner_height | replace_first: num -%}
-    {%- assign banner_min_height = banner_min_height | default: banner_height -%}
-    html .page-banner {
-      height:  {{ banner_height | times: 0.368 | append: unit }};
-      min-height: {{ banner_min_height }};
-    }
-    html[data-scroll-status="top"] .page-banner {
-      height: {{ banner_height }};
-    }
-  </style>
-  {%- endif -%}
-
-  {%- if banner_opacity -%}
-  <style>
-    html .page-banner .page-banner-img > *:first-child {
-      opacity: {{ banner_opacity }};
-    }
-
-    html[data-theme="dark"] .page-banner .page-banner-img > *:first-child {
-      opacity: {{ banner_opacity | times: 0.718 }};
-    }
-  </style>
-  {%- endif -%}
-  {%- if banner_heading_style -%}
-  <style>
-    html .page-banner .page-banner-inner > *:first-child > *:nth-child(1) {
-      {{ banner_heading_style }}
-    }
-  </style>
-  {%- endif -%}
-  {%- if banner_subheading_style -%}
-  <style>
-    html .page-banner .page-banner-inner > *:first-child > *:nth-child(2) {
-      {{ banner_subheading_style }}
-    }
-  </style>
-  {%- endif -%}
-  <section class="page-banner">
-    <div class="page-banner-img">
-      {%- if banner_video -%}
-        <video
-          autoplay=""
-          poster="{{ banner_image }}"
-          playsinline
-        >
-          <source src="{{ banner_video }}">
-        </video>
-        <script>
-          (function() {
-            var video = document.querySelector('.page-banner .page-banner-img > video');
-            var videoPlay = function() {
-              video.play().catch (function() {
-                  video.muted = true;
-                  video.play();
-                });
-            }
-
-            video.onloadstart = function() {
-              video.currentTime = {{ banner_start_at }};
-              video.volume = {{ banner_volume }};
-              video.muted = (video.volume == 0);
-              videoPlay();
-            }
-
-            video.onended = function() {
-              video.currentTime = {{ banner_start_at }};
-              video.volume = 0;
-            {%- if banner_loop -%}
+  html[data-theme="dark"] .page-banner .page-banner-img > *:first-child {
+    opacity: {{ banner_opacity | times: 0.718 }};
+  }
+</style>
+{%- endif -%} {%- if banner_heading_style -%}
+<style>
+  html .page-banner .page-banner-inner > *:first-child > *:nth-child(1) {
+    {{ banner_heading_style }}
+  }
+</style>
+{%- endif -%} {%- if banner_subheading_style -%}
+<style>
+  html .page-banner .page-banner-inner > *:first-child > *:nth-child(2) {
+    {{ banner_subheading_style }}
+  }
+</style>
+{%- endif -%}
+<section class="page-banner">
+  <div class="page-banner-img">
+    {%- if banner_video -%}
+    <video autoplay="" poster="{{ banner_image }}" playsinline>
+      <source src="{{ banner_video }}" />
+    </video>
+    <script>
+      (function() {
+        var video = document.querySelector('.page-banner .page-banner-img > video');
+        var videoPlay = function() {
+          video.play().catch (function() {
+              video.muted = true;
               video.play();
-            {%- endif -%}
-            }
-          })();
-        </script>
-      {%- else -%}
-        <div style="background-image: url({{ banner_image }})"></div>
-        <img class="img-placeholder" src="{{ banner_image }}">
-      {%- endif -%}
-    </div>
-    <div class="wrapper">
-      <div class="page-banner-inner">
-
-        {%- if banner_html -%}
-
-        {%- assign banner_html = 'views/' | append: banner_html -%}
-        {%- include {{ banner_html }} -%}
-
-        {%- else -%}
+            });
+        }
 
-          <div class="page-banner-default">
-            <h1 class="page-banner-heading">
-              {{ heading | default: page.title | escape }}
-            </h1>
-            <h2 class="page-banner-subheading">
-              {{ subheading | default: page.subtitle | escape }}
-            </h2>
-          </div>
+        video.onloadstart = function() {
+          video.currentTime = {{ banner_start_at }};
+          video.volume = {{ banner_volume }};
+          video.muted = (video.volume == 0);
+          videoPlay();
+        }
 
+        video.onended = function() {
+          video.currentTime = {{ banner_start_at }};
+          video.volume = 0;
+        {%- if banner_loop -%}
+          video.play();
         {%- endif -%}
+        }
+      })();
+    </script>
+    {%- else -%}
+    <div style="background-image: url({{ banner_image }})"></div>
+    <img class="img-placeholder" src="{{ banner_image }}" />
+    {%- endif -%}
+  </div>
+  <div class="wrapper">
+    <div class="page-banner-inner">
+      {%- if banner_html -%} {%- assign banner_html = 'views/' | append:
+      banner_html -%} {%- include {{ banner_html }} -%} {%- else -%}
+
+      <div class="page-banner-default">
+        <h1 class="page-banner-heading">
+          {{ heading | default: page.title | escape }}
+        </h1>
+        <h2 class="page-banner-subheading">
+          {{ subheading | default: page.subtitle | escape }}
+        </h2>
       </div>
+
+      {%- endif -%}
     </div>
-  </section>
+  </div>
+</section>
 {%- endif -%}
-
diff --git a/_includes/views/header.html b/_includes/views/header.html
index 7089c7e..c3a28dc 100644
--- a/_includes/views/header.html
+++ b/_includes/views/header.html
@@ -29,10 +29,10 @@
         <div class="trigger">
           {%- for path in page_paths -%} {%- assign my_page = site.pages |
           where: "path", path | first -%} {%- if my_page.title -%}
+
           <a class="page-link" href="{{ my_page.url | relative_url }}"
             >{{ my_page.title | upcase | escape }}</a
           >
-
           {%- endif -%} {%- endfor -%} {%- assign name = 'translate_langs' -%}
           {%- include functions.html func='get_value' -%} {%- assign
           translate_langs = return -%} {%- if translate_langs.size > 0 -%} {%-
diff --git a/_includes/views/site-brand.html b/_includes/views/site-brand.html
index b632b56..32b8880 100644
--- a/_includes/views/site-brand.html
+++ b/_includes/views/site-brand.html
@@ -2,7 +2,7 @@
   <div class="logo-container">
     <img class="site-favicon" title="{{ site.title | escape }}" src="{{ site.favicon }}" onerror="this.style.display='none'">
     <!-- {{ site.title | escape }} -->
-    <img style="position: relative; width: 200px;"  src='/assets/images/kernel360.png' alt='Kernel360 Crew Tech Blog' />
+    <img style="position: relative; width: 200px;"  src='/assets/images/banners/kernel360.png' alt='Kernel360 Crew Tech Blog' />
   </div>
 </a>
 
diff --git a/_layouts/home.html b/_layouts/home.html
index 4753b16..02edfc1 100644
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -1,8 +1,8 @@
 ---
 layout: articles
-heading: 'Your awesome heading'
-subheading: 'Your awesome subheading'
-banner: 'default'
+heading: ""
+subheading: ""
+banner: "default"
 ---
 
 {{ content }}
diff --git a/_sass/misc/google-translate.scss b/_sass/misc/google-translate.scss
index 04fe567..a7bc7cc 100644
--- a/_sass/misc/google-translate.scss
+++ b/_sass/misc/google-translate.scss
@@ -49,7 +49,7 @@ div#google_translate_element {
     font-size: 0;
   }
 
-  div[id=':0.targetLanguage'] {
+  div[id=":0.targetLanguage"] {
     display: inline;
   }
 
@@ -78,7 +78,7 @@ div#google_translate_element {
 
     &:before {
       content: "\f1ab  \f0d7";
-      font-family: FontAwesome;
+      font-family: $base-font-family;
       font-size: initial;
       color: #fefefe;
       border: 1px solid #fefefe85;
@@ -109,7 +109,6 @@ body {
 
 /* OVERRIDE GOOGLE TRANSLATE WIDGET CSS END */
 
-
 // Main look
 
 .ct-language-selected {
@@ -144,7 +143,7 @@ body {
     }
 
     &:not(:last-child) {
-      border-bottom: 1px solid rgba(0, 0, 0, .04);
+      border-bottom: 1px solid rgba(0, 0, 0, 0.04);
     }
 
     a {
@@ -184,13 +183,12 @@ body {
       margin-top: 8px;
       max-height: 10000px;
       visibility: visible;
-      box-shadow: 0 0 9px 3px rgba(0, 0, 0, .06);
+      box-shadow: 0 0 9px 3px rgba(0, 0, 0, 0.06);
     }
   }
 
   &:before {
     content: "\f1ab  \f0d7";
-    font-family: FontAwesome;
+    font-family: $base-font-family;
   }
 }
-
diff --git a/assets/images/kernel360.png b/assets/images/banners/kernel360.png
similarity index 100%
rename from assets/images/kernel360.png
rename to assets/images/banners/kernel360.png