diff --git a/_config.yml b/_config.yml
index e568e4c..7792dd4 100644
--- a/_config.yml
+++ b/_config.yml
@@ -6,11 +6,13 @@
 # 'jekyll serve'. If you change this file, please restart the server process.
 
 # Site settings
-title: "kameronkenny.com"
+title: kameronkenny.com
 email: "thiswillnotwork@thelinux.pro"
-description: > # this means to ignore newlines until "baseurl:"
+description: kameronkenny.com
 baseurl: "" # the subpath of your site, e.g. /blog
 url: "https://kameronkenny.com" # the base hostname & protocol for your site
+
+author-name: Kameron Kenny
 twitter_username: kameronkenny
 github_username:  kkenny
 linkedin_username: kameronkenny
diff --git a/_includes/footer.html b/_includes/footer.html
index 55150c5..78b68b3 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,47 +1,38 @@
-<div class="site-footer">
-  <div class="wrapper">
-    <span class="footer-heading">{{ site.title }}</span><br />
+<footer class="footer">
+  <div class="container">
+    <div class="row">
+      <div class="col col-12">
+        <div class="footer-top">
+          <h2 class="logo-title">
+            <a href="{{site.baseurl}}/" class="logo-text">Galada</a>
+          </h2>
+          <div class="top"><i class="ion ion-ios-arrow-up"></i></div>
+        </div>
+        <div class="footer-bottom">
+          <div class="copyright">
+            <p>&copy; {{site.time | date: '%Y'}} Crafted & Designed by <a href="https://github.com/artemsheludko">Artem Sheludko</a></p>
+          </div>
+          <div class="footer-social">
+            <ul class="list-reset">
+              {% if site.facebook %}
+              <li><a href="{{ site.facebook }}">Facebook</a></li>
+              {% else %} {% endif %}
 
-    <table>
-      <tr>
-	<td width="50%">
-	  <a href="{{site.github.owner_url }}">Github</a><br />
-	  {% if site.twitter_username %}
-	    <a href="https://twitter.com/{{ site.twitter_username }}">Twitter</a><br />
-	  {% endif %}
-	  {% if site.linkedin_username %}
-	    <a href="https://linkedin.com/in/{{ site.linkedin_username }}">LinkedIn</a><br />
-	  {% endif %}
-	</td>
-	<td width="50%">
-	  <!-- iframe height='160' width='300' frameborder='0' allowtransparency='true' scrolling='no' src='https://www.strava.com/athletes/30509534/activity-summary/df309ed4d8ee2aef0cabb44d018f31d494f71462'></iframe-->
-	</td>
-      </tr>
-    </table>
-  </div>
-</div>
-<br />
-<br />
-<br />
-<br />
-      <div class="wrapper">
-    <!---
-          <p>{{ site.description | default: site.github.project_tagline }}</p>
-    -->
-	  <p>
+              {% if site.twitter %}
+              <li><a href="{{ site.twitter }}">Twitter</a></li>
+              {% else %} {% endif %}
 
-	  </p>
+              {% if site.instagram %}
+              <li><a href="{{ site.instagram }}">Instagram</a></li>
+              {% else %} {% endif %}
+
+              {% if site.pinterest %}
+              <li><a href="{{ site.pinterest }}">Pinterest</a></li>
+              {% else %} {% endif %}
+            </ul>
+          </div>
+        </div>
       </div>
-
-   {% if site.google_analytics %}
-      <script>
-        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-        ga('create', '{{ site.google_analytics }}', 'auto');
-        ga('send', 'pageview');
-      </script>
-    {% endif %}
-  </body>
-</html>
+    </div>
+  </div>
+</footer> <!-- /.footer -->
\ No newline at end of file
diff --git a/_includes/head.html b/_includes/head.html
index 93f6f54..d252690 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -1,18 +1,25 @@
-<!doctype html>
-<html lang="{{ site.lang | default: "en-US" }}">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
 
-    <link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}">
-    <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
-    <script src="{{ '/assets/js/respond.js' | relative_url }}"></script>
-    <!--[if lt IE 9]>
-      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-    <![endif]-->
-    <!--[if lt IE 8]>
-    <link rel="stylesheet" href="{{ '/assets/css/ie.css' | relative_url }}">
-    <![endif]-->
-    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
+  <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
+  <meta name='description' content='{% if page.description %}{{ page.description | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}'>
 
-  </head>
+  <link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
+  <link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | relative_url }}">
+
+  <!-- Google Font -->
+  <link href="https://fonts.googleapis.com/css?family=Nunito:400,700" rel="stylesheet">
+  <!-- Ionicons -->
+  <link href="https://unpkg.com/ionicons@4.2.2/dist/css/ionicons.min.css" rel="stylesheet">
+
+
+
+  <style>
+  {% capture include_to_scssify %}
+    {% include main.scss %}
+  {% endcapture %}
+  {{ include_to_scssify | scssify }}
+  </style>
+</head>
diff --git a/_includes/header.html b/_includes/header.html
index 953c204..6b3ad60 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -1,14 +1,39 @@
-      <div id="header">
-	<div id="title" class="topnav">
-	  <a href="{{ site.url }}">{{ site.title | default: site.github.repository_name }}</a>
-	  {% for my_page in site.pages %}
-	    {% if my_page.title %}
-	    <a href="{{ my_page.url | prepend: site.baseurl }}">{{ my_page.title }}</a>
-	    {% endif %}
-	  {% endfor %}
-	</div>
-      </div><!-- end header -->
-
-    <div class="wrapper">
-      <section>
+<header class="header">
+  <div class="container">
+    <div class="row">
+      <div class="col col-12">
+        <div class="header-box">
+          <div class="logo-title">
+            <a href="{{site.baseurl}}/" class="logo-text">Galada</a>
+          </div>
 
+          <nav class="nav-menu">
+            <i class="menu-close ion ion-ios-close"></i>
+            <ul class="menu-list">
+              <li class="menu-item"><a href="{{site.baseurl}}/" class="menu-link">Home</a></li>
+              {% for page in site.pages %}
+                {% unless page.name == 'tags.html' or page.name == '404.html' %}
+              {% if page.title %}
+              <li class="menu-item"><a href="{{ page.url | prepend: site.baseurl }}" class="menu-link">{{ page.title }}</a></li>
+              {% endif %}
+                {% endunless %}
+              {% endfor %}
+            </ul>
+          </nav>
+          <div class="nav-buttons">
+            <i class="menu-button d-hide ion ion-ios-menu"></i>
+            <i class="search-button ion ion-ios-search"></i>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="search">
+    <div class="search-box">
+      <i class="search-close-button ion ion-ios-close"></i>
+      <label for="js-search-input" class="screen-reader-text"></label>
+      <input type="text" id="js-search-input" class="search-text" autocomplete="off" placeholder="Search Something...">
+      <ol id="js-results-container" class="search-results-list"></ol>
+    </div>
+  </div>
+</header> <!-- /.header -->
diff --git a/_includes/javascripts.html b/_includes/javascripts.html
new file mode 100755
index 0000000..96ce179
--- /dev/null
+++ b/_includes/javascripts.html
@@ -0,0 +1,16 @@
+<script src="{{ site.baseurl }}/js/jquery-3.3.1.min.js"></script>
+<script src="{{ site.baseurl }}/js/simple-jekyll-search.min.js"></script>
+<script>
+  SimpleJekyllSearch({
+  searchInput: document.getElementById("js-search-input"),
+  resultsContainer: document.getElementById("js-results-container"),
+  json: "{{site.baseurl}}/search.json",
+  searchResultTemplate:
+    '<li class="search-item"><a class="search-link" href="{url}">{title}</a></li>',
+  noResultsText: '<li class="search-no-item">No results found</li>'
+  });
+</script>
+<script src="{{ site.baseurl }}/js/instafeed.min.js"></script>
+<script src="{{ site.baseurl }}/js/jquery.waitforimages.min.js"></script>
+<script src="{{ site.baseurl }}/js/jquery.fitvids.js"></script>
+<script src="{{ site.baseurl }}/js/common.js"></script>
diff --git a/_includes/main.scss b/_includes/main.scss
new file mode 100755
index 0000000..0e6a231
--- /dev/null
+++ b/_includes/main.scss
@@ -0,0 +1,30 @@
+// 0-SETTINGS
+@import '0-settings/global';
+@import '0-settings/colors';
+
+// 1-TOOLS
+@import '1-tools/normalize';
+@import '1-tools/reset';
+@import '1-tools/shared';
+@import '1-tools/syntax-highlighting';
+@import '1-tools/mixins';
+@import '1-tools/grid';
+
+// 2-BASE
+@import '2-base/base';
+
+// 3-MODULES
+@import '3-modules/loader';
+@import '3-modules/buttons';
+@import '3-modules/sidebar';
+@import '3-modules/pagination';
+@import '3-modules/footer';
+
+// 4-LAYOUTS
+@import '4-layouts/home';
+@import '4-layouts/post';
+@import '4-layouts/page';
+@import '4-layouts/tags';
+
+// 5-TRUMPS
+@import '5-trumps/helpers';
diff --git a/_layouts/default.html b/_layouts/default.html
index 75dc344..449f227 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -1,10 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+
 {% include head.html %}
+
 <body>
-{% include header.html %}
-        {{ content }}
 
-      </section>
+  {% if site.google-analytics %}
+    {% include google-analytics.html %}
+  {% endif %}
+  {% include loader.html %}
+  {% include header.html %}
 
-    </div>
+      {{ content }}
 
-{% include footer.html %}
+  {% include footer.html %}
+  {% include javascripts.html %}
+
+</body>
+
+</html>
diff --git a/_layouts/page.html b/_layouts/page.html
index 75dc344..9dd0cdb 100644
--- a/_layouts/page.html
+++ b/_layouts/page.html
@@ -1,10 +1,23 @@
-{% include head.html %}
-<body>
-{% include header.html %}
-        {{ content }}
+---
+layout: default
+---
+<div class="container">
+	<div class="row">
+		<div class="col col-12">
+			<div class="page-image-box">
+				<div class="page-image" style="background-image: url({{"/img/" | prepend: site.baseurl | append : page.image}})"></div>
+			</div>
+		</div>
+		<article class="col col-12 col-t-10 push-t-1 page">
+			<div class="page-content">
+				<div class="page-head">
+					<h1 class="page-title">{{ page.title | escape }}</h1>
+				</div>
 
-      </section>
-
-    </div>
-
-{% include footer.html %}
+				<div class="page-body">
+					{{ content }}
+				</div>
+			</div>
+		</article> <!-- /.page -->
+	</div>
+</div>
\ No newline at end of file
diff --git a/_layouts/post.html b/_layouts/post.html
index e06141b..0405c82 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -1,13 +1,107 @@
 ---
 layout: default
 ---
-<article itemscope itemtype="http://schema.org/BlogPosting">
-  <header>
-    <h1 itemprop="name headline">{{ page.title }}</h1>
-    <p><time datetime="{{ page.date | date_to_xmlschma }}" itemprop="datePublished">{{ page.date | date: "%b %-d, %Y" }}</time>{% if page.author %}  • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page.author }}</span></span>{% endif %}</p>
-  </header>
+<div class="container">
+	<div class="row">
+		<div class="col col-12">
+			<div class="post-image-box">
+				<div class="post-image" style="background-image: url({{"/img/" | prepend: site.baseurl | append : page.image}})"></div>
+			</div>
+		</div>
+	</div>
+</div>
 
-  <div itemprop="articleBody">
-    {{ content }}
-  </div>
-</article>
+<div class="container">
+	<div class="row">
+		<article class="col col-12 col-t-8 post">
+			<div class="post-content">
+
+				<div class="post-head">
+					{% if page.tags.size >= 1 %}
+					<div class="post-tag">
+						{% for tag in page.tags %}
+						<a href="{{ site.baseurl }}/tags#{{tag}}" class="tag">{{ tag }}</a>
+						{% endfor %}
+					</div>
+					{% endif %}
+					<h1 class="post-title">{{ page.title | escape }}</h1>
+					<div class="post-info">
+						<div class="post-info-author">
+							<div class="info-author-avatar" style="background-image: url({{"/img/" | prepend: site.baseurl | append : site.author-avatar}})"></div>
+							<span>by</span>
+							<span class="info-author-name">{{site.author-name}}</span>
+						</div>
+						<div class="post-date">
+							<span>
+								<time datetime="{{ page.date | date_to_xmlschema }}">{{page.date | date: '%b %d, %Y'}}</time>
+							</span>
+						</div>
+					</div>
+				</div>
+
+				<div class="post-body">
+					{{ content }}
+
+					<div class="post-share">
+						<ul class="share-list list-reset">
+							<li class="share-item">
+								<a class="share-facebook" href="https://www.facebook.com/sharer/sharer.php?u={{ site.url }}{{ site.baseurl }}{{ page.url }}"
+								onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
+								title="Share on Facebook" rel="nofollow">
+									<i class="ion ion-logo-facebook"></i>
+								</a>
+							</li>
+					
+							<li class="share-item">
+								<a class="share-twitter" href="https://twitter.com/intent/tweet?text={{ page.title | uri_escape }}&url={{ site.url }}{{ site.baseurl }}{{ page.url }}"
+								onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
+								title="Share on Twitter" rel="nofollow">
+									<i class="ion ion-logo-twitter"></i>
+								</a>
+							</li>
+					
+							<li class="share-item">
+								<a class="share-linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url={{ site.url }}{{ site.baseurl }}{{ page.url }}&title={{ page.title | uri_escape }}&summary={{ page.description | uri_escape }}&source={{ site.title | uri_escape }}"
+								onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
+								title="Share on LinkedIn" rel="nofollow">
+									<i class="ion ion-logo-linkedin"></i>
+								</a>
+							</li>
+					
+							<li class="share-item">
+								<a class="share-pinterest" href="http://pinterest.com/pin/create/button/?url={{ site.url }}{{ page.url }}&amp;media={{ site.url }}{{ site.baseurl }}/img/{{ page.image }}&amp;description={{ page.title | uri_escape }}"
+								onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=900,height=500,toolbar=1,resizable=0'); return false;"
+								title="Share on Pinterest" rel="nofollow">
+									<i class="ion ion-logo-pinterest"></i>
+								</a>
+							</li>
+						</ul>
+					</div>
+				</div>
+
+				<div class="post-navigation">
+					{% if page.previous.url %}
+					<a href="{{ site.baseurl }}{{page.previous.url}}" class="prev">
+						<div class="post-nav-arrow"><i class="ion ion-ios-arrow-round-back"></i> Previous Article</div>
+						<h2 class="post-nav-title">{{page.previous.title}}</h2>
+					</a>
+					{% endif %} {% if page.next.url %}
+					<a href="{{ site.baseurl }}{{page.next.url}}" class="next">
+						<div class="post-nav-arrow">Next Article <i class="ion ion-ios-arrow-round-forward"></i></div>
+						<h2 class="post-nav-title">{{page.next.title}}</h2>
+					</a>
+					{% endif %}
+				</div>
+
+			</div>
+			{% if site.disqus-identifier %}
+				{% include disqus-comments.html %}
+			{% endif %}
+	</article> <!-- /.post -->
+
+	<div class="col col-12 col-t-4">
+		{% include sidebar.html %}
+	</div>
+
+	</div>
+</div>
\ No newline at end of file
