<div>

<i class="fa fa-search"></i>
Search

</div> <div id=“site_search”>

<input type="text" id="search_box" placeholder="Search..." >

</div> <div id=“search_results”></div>

<link rel=“stylesheet” type=“text/css” href=“{{ site.url }}/assets/stylesheets/main.css”> <script type=“text/javascript” src=“{{ site.url }}/assets/js/search.js”></script> <script type=“text/javascript” src=“{{ site.url }}/assets/js/node_modules/simpleblogsearch/index.js”></script>

<script> SimpleBlogSearch({

searchDataPath: '{{ site.baseurl }}/assets/search_data.json',
dataType: 'json',
processDataFunc: function(data){ return data },
searchInputID: 'search_box',
resultsDivID: 'search_results',
resultULClass: 'content-ul search-ul content-side',
highlightKeywordClass: 'search_keyword',
limit: 4,

}); </script>