search.html

<!-- Html Elements for Search -->
<div id="searchContainer" style="width: 100%;text-align: center;display: block;font: normal 24px/150% Arial, Helvetica, sans-serif;background-color: #3e86c3;padding-bottom: 20px;color:#ffffff;">
    <img src="{{ "/assets/images/prebid_white_icon_200x35.png" | prepend: site.baseurl }}" class="fadeIn logo" style="padding: 25px 0 0 25px; display: block; position: absolute; top: 10px; left: 50px;">
    <p>Enter the search information into the text box below and tap the return key.</p>
<input type="text" id="search-input" placeholder="Search Prebid..." style="width:30%; height: 40px;font: normal 18px/120% Arial, Helvetica, sans-serif;">
<ul id="results-container"></ul>
</div>

<!-- Script pointing to search-script.js -->
<script src="/search/site_search.js" type="text/javascript"></script>

<!-- Configuration -->
<script>
SimpleJekyllSearch({
  searchInput: document.getElementById('search-input'),
  resultsContainer: document.getElementById('results-container'),
  json: '/search.json'
})
</script>