diff --git a/_includes/header.html b/_includes/header.html
index fb6b5ff..0fa8731 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -5,21 +5,15 @@
       <span class="mdl-layout-title">{{ site.title }}</span>
       <!-- Add spacer, to align navigation to the right -->
       <div class="mdl-layout-spacer"></div>
-      <!-- Navigation. We hide it in small screens. -->
-      <nav class="mdl-navigation mdl-layout--large-screen-only">
-      {% for page in site.pages %}
-        {% if page.title %}
-        <a class="mdl-navigation__link" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>
-        {% endif %}
-      {% endfor %}
-      </nav>
+      
 
-      <div class="android-search-box mdl-textfield mdl-js-textfield mdl-textfield--expandable mdl-textfield--floating-label mdl-textfield--align-right mdl-textfield--full-width">
-        <label class="mdl-button mdl-js-button mdl-button--icon" for="search-field">
+      <div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable is-upgraded">
+        <label class="mdl-button mdl-js-button mdl-button--icon" for="js-search__input">
           <i class="material-icons">search</i>
         </label>
-        <div class="mdl-textfield__expandable-holder">
-          <input class="mdl-textfield__input" type="text" id="search-field" />
+
+        <div class="mdl-textfield__expandable-holder" >
+          <input class="mdl-textfield__input super-search__input" type="text" id="js-search__input" />
         </div>
       </div>
 
diff --git a/_includes/search_result.html b/_includes/search_result.html
new file mode 100644
index 0000000..5cf7982
--- /dev/null
+++ b/_includes/search_result.html
@@ -0,0 +1,8 @@
+<!-- search layout -->
+<div class="super-search" id="js-search">
+  <ul class="super-search__results" id="js-search__results"></ul>        
+  <button class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored super-search__close-btn" onclick="superSearch.toggle()">
+    <i class="material-icons">close</i>
+  </button>
+</div>
+<!-- /end search -->
\ No newline at end of file
diff --git a/_layouts/default.html b/_layouts/default.html
index 9dae3c6..2e7aef9 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -11,6 +11,7 @@
       {% include header_fixed.html %}
     {% else %}
     <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
+      {% include search_result.html %}
       {% include header.html %}
     {% endif %}
 
@@ -20,13 +21,22 @@
       </main>
 
     </div>
-    <!-- /End Layout-->
+    <!-- /End Layout -->
 
     <!-- Material Design Lite js Library -->
     <script type="text/javascript" src="https://storage.googleapis.com/code.getmdl.io/1.0.0/material.min.js"></script>
     {% if site.pagination_type == 'ops' %}
-    <script rel="javascript" src="{{ "/js/site.js" | prepend: site.baseurl }}"></script>
+    <script rel="javascript" type="text/javascript" src="{{ "/js/site.js" | prepend: site.baseurl }}"></script>
     {% endif %}
+    <script rel="javascript" type="text/javascript" src="{{ "/js/search.js" | prepend: site.baseurl }}"></script>
+    <script rel="javascript" type="text/javascript">
+      superSearch({
+        searchFile: '/feed.xml',
+        searchSelector: '#js-search', // CSS Selector for search container element.
+        inputSelector: '#js-search__input', // CSS selector for <input>
+        resultsSelector: '#js-search__results' // CSS selector for results container
+      });
+    </script>
   </body>
 
 </html>
diff --git a/_sass/_search.scss b/_sass/_search.scss
new file mode 100644
index 0000000..aebd3cb
--- /dev/null
+++ b/_sass/_search.scss
@@ -0,0 +1,57 @@
+/* super-search
+Author: Kushagra Gour (http://kushagragour.in)
+MIT Licensed
+*/
+
+.super-search {
+  background-color: rgba(0, 191, 255, 0.85);
+  z-index: 999;
+  transition: 0.2s ease;
+  visibility: hidden;
+  opacity: 0;
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  will-change: transform, opacity;
+}
+.super-search__close-btn {
+  float: right;
+  margin-right: 15px;
+}
+.super-search__input {
+  transition: 0.15s ease-out 150ms;
+}
+.is-active .super-search__input {
+  transform: translateY(0);
+}
+.super-search__results {
+  text-align: center;
+  list-style: none;
+  padding: 0;
+  overflow-x: hidden;
+  height: calc(100% - 110px);
+  transition: 0.2s ease;
+}
+.super-search__results.is-hidden {
+  opacity: 0;
+  transform: translateY(-1vh);
+}
+
+.super-search__results > li > a {
+  display: block;
+  position: relative;
+  background-color: #f9f9f9;
+  color: #666;
+  padding: 17px;
+  margin: 12px 14px;
+  box-shadow: 0 3px 4px rgba(0,0,0,0.1);
+}
+.super-search__result-date {
+  color: #BBB;
+  position: absolute;
+  right: 12px;
+}
+.super-search.is-active {
+  opacity: 1;
+  visibility: visible;
+}
\ No newline at end of file
diff --git a/css/main.scss b/css/main.scss
index bc70726..318bad4 100755
--- a/css/main.scss
+++ b/css/main.scss
@@ -21,5 +21,6 @@ $grey-color-dark:  darken($grey-color, 25%);
         "base",
         "layout",
         "syntax-highlighting",
-        "post"
+        "post",
+        "search"
 ;
diff --git a/js/search.js b/js/search.js
new file mode 100644
index 0000000..2c70f1c
--- /dev/null
+++ b/js/search.js
@@ -0,0 +1,138 @@
+/* super-search
+Author: Kushagra Gour (http://kushagragour.in)
+MIT Licensed
+*/
+(function () {
+  var searchFile = '/feed.xml',
+    searchEl,
+    searchInputEl,
+    searchResultsEl,
+    currentInputValue = '',
+    lastSearchResultHash,
+    posts = [];
+
+  // Changes XML to JSON
+  // Modified version from here: http://davidwalsh.name/convert-xml-json
+  function xmlToJson(xml) {
+    // Create the return object
+    var obj = {};
+    if (xml.nodeType == 3) { // text
+      obj = xml.nodeValue;
+    }
+
+    // do children
+    // If all text nodes inside, get concatenated text from them.
+    var textNodes = [].slice.call(xml.childNodes).filter(function (node) { return node.nodeType === 3; });
+    if (xml.hasChildNodes() && xml.childNodes.length === textNodes.length) {
+      obj = [].slice.call(xml.childNodes).reduce(function (text, node) { return text + node.nodeValue; }, '');
+    }
+    else if (xml.hasChildNodes()) {
+      for(var i = 0; i < xml.childNodes.length; i++) {
+        var item = xml.childNodes.item(i);
+        var nodeName = item.nodeName;
+        if (typeof(obj[nodeName]) == "undefined") {
+          obj[nodeName] = xmlToJson(item);
+        } else {
+          if (typeof(obj[nodeName].push) == "undefined") {
+            var old = obj[nodeName];
+            obj[nodeName] = [];
+            obj[nodeName].push(old);
+          }
+          obj[nodeName].push(xmlToJson(item));
+        }
+      }
+    }
+    return obj;
+  }
+
+  function getPostsFromXml(xml) {
+    var json = xmlToJson(xml);
+    return json.channel.item;
+  }
+
+  window.toggleSearch = function toggleSearch() {
+    searchEl.classList.toggle('is-active');
+    if (searchEl.classList.contains('is-active')) {
+      // while opening
+      searchInputEl.value = '';
+    } else {
+      // while closing
+      searchResultsEl.classList.add('is-hidden');
+    }
+    setTimeout(function () {
+      searchInputEl.focus();
+    }, 210);
+  }
+
+  function handleInput() {
+    var currentResultHash, d;
+
+    currentInputValue = searchInputEl.value;
+    if (!currentInputValue || currentInputValue.length < 3) {
+      lastSearchResultHash = '';
+      searchResultsEl.classList.add('is-hidden');
+      return;
+    }
+    searchResultsEl.style.offsetWidth;
+
+    var matchingPosts = posts.filter(function (post) {
+      if (post.title.indexOf(currentInputValue) !== -1 || post.description.indexOf(currentInputValue) !== -1) {
+        return true;
+      }
+    });
+    if (!matchingPosts.length) {
+      // searchResultsEl.classList.add('is-hidden');
+      searchEl.classList.toggle('is-active');
+    }
+    currentResultHash = matchingPosts.reduce(function(hash, post) { return post.title + hash; }, '');
+    if (matchingPosts.length && currentResultHash !== lastSearchResultHash) {
+      searchResultsEl.classList.remove('is-hidden');
+      searchResultsEl.innerHTML = matchingPosts.map(function (post) {
+        d = new Date(post.pubDate);
+        return '<li><a href="' + post.link + '">' + post.title + ' - <span class="search__result-date">' + d.toUTCString().replace(/.*(\d{2})\s+(\w{3})\s+(\d{4}).*/,'$2 $1, $3') + '</span></a></li>';
+      }).join('');
+    }
+    lastSearchResultHash = currentResultHash;
+  }
+
+  function init(options) {
+    searchFile = options.searchFile || searchFile;
+    searchEl = document.querySelector(options.searchSelector || '#js-super-search');
+    searchInputEl = document.querySelector(options.inputSelector || '#js-super-search__input');
+    searchResultsEl = document.querySelector(options.resultsSelector || '#js-super-search__results');
+
+    var xmlhttp=new XMLHttpRequest();
+    xmlhttp.open('GET', searchFile);
+    xmlhttp.onreadystatechange = function () {
+      if (xmlhttp.readyState != 4) return;
+      if (xmlhttp.status != 200 && xmlhttp.status != 304) { return; }
+      var node = (new DOMParser).parseFromString(xmlhttp.responseText, 'text/xml');
+      node = node.children[0];
+      posts = getPostsFromXml(node);
+    }
+    xmlhttp.send();
+
+    // Toggle on ESC key
+    window.addEventListener('keyup', function onKeyPress(e) {
+      if (e.which === 27) {
+        toggleSearch();
+      }
+    });
+
+    // Open on '/' key
+    window.addEventListener('keypress', function onKeyPress(e) {
+      if (e.which === 47 && !searchEl.classList.contains('is-active')) {
+        toggleSearch();
+      }
+    });
+
+    searchInputEl.addEventListener('input', function onInputChange() {
+      handleInput();
+    });
+  }
+
+  init.toggle = toggleSearch;
+
+  window.superSearch = init;
+
+})();
\ No newline at end of file