<header id="l-header"> <div class="container"> <div class="row logo"> <div class="col-lg-7"> <h1>{{ site.name }}</h1> </div> </div> <div class="row navicon"> <a href=""><i class="fa fa-navicon"></i></a> </div> <div class="row navbar"> <nav class="col-lg-8 col-md-8 col-xs-12"> <ul class="row"> <li class="col-lg-3"><a href="{{crturl}}">HOME</a></li> <li class="col-lg-3"> <ul class="subnav"> <a href="javascript:void(0)">POSTS</a> <li><a href="{{crturl}}category">CATEGORY</a></li> <li><a href="{{crturl}}tag">TAG</a></li> </ul> </li> <li class="col-lg-3"><a href="{{crturl}}about">ABOUT</a></li> <li class="col-lg-3"><a href="{{crturl}}Walko_Paul-Resume.pdf">RÉSUMÉ</a></li> </ul> </nav> <div class="search col-lg-4 col-md-4 col-xs-12"> <form id="dummySearch"> <label for="search"></label> <input id="search" name="serach" type="text" placeholder="Not That Dummy Search"> <i class="fa fa-search"></i> </form> <script> $(function(){ $('#dummySearch').submit(function(e) { e.preventDefault(); keyword = $('#search').val(); url = 'https://www.google.com/search?q=site%3Apaul.walko.org+' + keyword; location.href = url; }) }) </script> </div> </div> </div> </header>