{{Header}}
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="jquery-ui.css">
<link rel="stylesheet" href="jquery-ui.structure.css">
<link rel="stylesheet" href="jquery-ui.theme.css">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery-ui.js"></script>
<script type="text/javascript" src="util.js"></script>

{{navcss}}
<link rel="stylesheet" href="include/nav.css">

{{nav}}
<nav>
<ul>
    <li><a href="mainpage.html"><img src="img/booksys_icon.png" alt="booksys_icon" width=50px height=50px/></a></li>
    <li><input type="text" placeholder="Search BookSys" id="search_box"/></li>
    <li><a href="explore.html"><b>Explore</b></a></li>
    <li><a href="notice.html"><img src="img/notice_icon.png" alt="Notice" width=50px height=50px/></a></li>
    <li><a href="profile.html"><img src="img/default_user.png" alt="default_user" width=50px height=50px/></a></li>
</ul>
</nav>
<script>
/// Nav Search Box
$("#search_box").keydown(function(e){
    if(e.keyCode==13) {
        location.href="search.html?name="+$("#search_box").val();
    }
});
</script>