Untitled

{% load staticfiles %}
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <link href="{% static "css/theme.css" %}" rel="stylesheet">
</head>
<body>

<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <a class="navbar-brand" href="#">Gabens</a>
          <ul class="nav navbar-nav">
              <li {% if section == "main" %}class="active"{% endif %}><a href="#">Main</a></li>
              <li {% if section == "abyss" %}class="active"{% endif %}><a href="#">Abyss</a></li>
          </ul>
          <form class="navbar-form navbar-left">
              <div class="form-group">
                  look for tag:
                  <input type="text" class="form-control" placeholder="Search">
              </div>
              <button type="submit" class="btn btn-default">find tag</button>
          </form>
          <ul class="nav navbar-nav navbar-right">
              {% if user.is_authenticated %}
                  <li><a href="#">Profile</a></li>
                  <li><a href="#">Logout</a></li>
              {% else %}
                  <li><a href="#">Register</a></li>
                  <li><a href="#">Login</a></li>
              {% endif %}
          </ul>
      </div><!-- /.navbar-collapse -->

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
              data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    </div>
  </div><!-- /.container-fluid -->
</nav>

{% if messages %}
    <ul class="messages">
        {% for message in messages %}
            <li class="{{ message.tags }}">
                {{ message|safe }}
                <a href="#" class="close">✖</a>
            </li>
        {% endfor %}
    </ul>
{% endif %}
<div class="row">
        <div class="col-md-1">
        </div>
        <div class="col-md-10">
{% block content %}

{% endblock %}
        </div>
        <div class="col-md-1">
        </div>
    </div>
 <div class="dropdown">
  <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example
  <span class="caret"></span></button>
  <ul class="dropdown-menu">
    <li><a href="#">HTML</a></li>
    <li><a href="#">CSS</a></li>
    <li><a href="#">JavaScript</a></li>
  </ul>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script src="{% static "js/bootstrap.js" %}"></script>
</body>
</html>