Untitled

<!DOCTYPE html>
{% load static %}
<head>

<link rel="stylesheet" type="text/css" href="{% static 'css/styles.css' %}">
</head>
<html lang="en" >
<head >
  <meta charset="UTF-8" >
  <meta
    name="viewport"
    content="width=device-width, initial-scale=1, shrink-to-fit=no"
  >
  <link
    href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css"
    integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M"
    rel="stylesheet"
    crossorigin="anonymous"
  >
  <title >
    {% block title %}Private Library{% endblock %}
  </title>

  <style>
    .plibrary-masthead {
      background-color: white;
      margin-bottom: 3em;
      color: white;
      padding-right: 50em;

    }
  </style>


</head >


<body >
<div class="plibrary-masthead">
  <div class="container">
    <nav class="nav">
        <div class="navbar-brand"><font color="black">Private Library</font></div>

        <div class="container">
          <nav class="nav">
              <a class="btn btn-dark btn-primary btn-sm" href="{% url 'plibrary_heart:homepage' %}">Strona główna</a>&nbsp;&nbsp;

              <a class="btn btn-dark btn-primary btn-sm" href="{% url 'plibrary_heart:AuthorList' %}">Lista autorów</a>&nbsp;&nbsp;
              <a class="btn btn-dark btn-primary btn-sm" href="{% url 'plibrary_heart:BookList' %}">Lista książek</a>&nbsp;&nbsp;
              <a class="btn btn-dark btn-primary btn-sm" href="{% url 'plibrary_heart:TopBooks' %}">Top 10 książek</a>&nbsp;&nbsp;
              {% if request.user.is_authenticated %}
             <a class="btn btn-dark btn-primary btn-sm" href="{% url 'plibrary_users:logout' %}">Wyloguj się</a>&nbsp;&nbsp;
              {% else %}
              <a class="btn btn-dark btn-primary btn-sm" href="{% url 'plibrary_users:login' %}">Zaloguj się</a>&nbsp;&nbsp;
              <a class="btn btn-dark btn-primary btn-sm" href="{% url 'plibrary_users:register' %}">Zarejestruj się</a>&nbsp;&nbsp;
              {% endif %}
            <div align="right">

            <form class="form-inline my-2 my-lg-1">
            <input
            class="form-control mr-sm-2"
            type="search"
            placeholder="Search"
            aria-label="Search"
            name='search'
            value="{{ term }}">
            <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
            </form>


                </div>
          </nav>
       </div>
      </div>
    </nav>
  </div>
</div>


<div class="container">
  <div class="row">
    <div class="col-sm-8 plibrary-main">
     {% block main %}{% endblock %}
    </div>
    <div class="col-sm-3 offset-sm-1 plibrary-sidebar">
      {% block sidebar %}{% endblock %}
    </div>
  </div>
</div>


</body >
</html >