<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
    <title>My Home Page</title>
    <!-- Bootstrap -->
    <link href="{{STATIC_URL}}css/bootstrap.css" rel="stylesheet"></link>
    <link href="{{STATIC_URL}}css/sticky-footer-navbar.css" rel="stylesheet"></link>
    <link type="text/css" href="{{STATIC_URL}}css/style.css" rel="stylesheet"></link>
    <link type="text/css" href="{{STATIC_URL}}css/tables.css" rel="stylesheet"></link>
    <script src="{{STATIC_URL}}js/jquery-2.1.3.min.js"></script>
    <script src="{{STATIC_URL}}js/ajax.js"></script>
    <script src="{{STATIC_URL}}js/tables.js"></script>
   
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://o...content-available-to-author-only...n.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://o...content-available-to-author-only...n.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->  
</head>
<body>
<div class="container">
    <div class="row">
        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="container">
                <div class="navbar-header">
                   <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                      <span class="sr-only">Open Menu</span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                   </button>
                   <a class="navbar-brand" href="/">Kolima</a>
                </div>
                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav navbar-right">
                        {% if user.is_authenticated %}
                        <li class="navbar-text">Wellcome, {{user.username}}.</li>
                        <li><a href="/accounts/profile/">Profile</a></li>
                        <li><a href="/accounts/logout/">Logout</a></li>
                        {% else %}
                        <li><a href="/accounts/register/">Sign Up</a></li>
                        <li><a href="/accounts/login/">Login</a></li>
                        {% endif %}
                    </ul>
                    <form class="navbar-form navbar-right">
                        <input type="text" class="form-control" id="search" name"search" placeholder="Search...">
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- Begin page content -->
<div class="container">
    {% csrf_token %}
    <ul id="search-results">
        
    </ul>
        

</div>    
    <footer class="footer">
      <div class="container">
        <p class="text-muted">Place sticky footer content here.</p>
      </div>
    </footer>
        {% block sidebar %}
        {% endblock %}


</body>
</html>