Untitled

<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">
{% load staticfiles %}
    <link rel = 'stylesheet' href="{% static 'css/bootstrap.min.css' %}" type = 'text/css'>
    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  <title>Mechanical Keyboard group buy tracker</title>

</head>

<body>

<div class="row">
    <div class="col-md-2">
        <div class = "vertical-centered">
      <div class="navbar navbar-default" role="navigation">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <span class="visible-xs navbar-brand">Sidebar menu</span>
        </div>
        <div class="navbar-collapse collapse sidebar-navbar-collapse">
          <ul class="nav navbar-nav">
            <li><a href="#">My Account</a></li>
            <li><a href="#">Inventory</a></li>
             <li><a href="#"></a></li>
                <li class="divider"></li>
            </li>
            <li><a href="#">Contact Us</a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
      </div>
    </div>

    <div class="col-md-8">
    <nav class="navbar navbar-light bg-faded look-centered">
  <a class="navbar-brand" href="#">Navbar</a>
  <ul class="nav navbar-nav">
    <li class="nav-item active">
      <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Features</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Pricing</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">About</a>
    </li>
  </ul>
  <form class="form-inline pull-xs-right">
    <input class="form-control" type="text" placeholder="Search">
    <button class="btn btn-outline-success" type="submit">Search</button>
  </form>
</nav>
        <h1 class = 'horizontal-centered'>Keyboard group Buy Tracker</h1>

        {% block content %}
        {% endblock %}
    </div>
    <div class="col-md-2">
        <a class="btn btn-social-icon btn-google">
        <span class="fa fa-google"></span> Sign in with Google!
        </a>
        <a class="btn btn-block btn-social btn-google">
    <span class="fa fa-google"></span> Sign in with Twitter
            </a>
    </div>
</div>
</body>
</html>