<!doctype html>
<html lang="en">
  <head>
    {% block head %}
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{% block title %}Online Prikbord Familie van Tilburg{% endblock title %}</title>

    <!-- Favicons -->
    <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
    <link rel="icon" type="image/png" href="/favicon-64x64.png" sizes="64x64">
    <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
    <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">

    <!-- Include CSS (including Bootstrap) -->
    <link href="/css/wishlists.css" rel="stylesheet">

    <!-- Include FontAwesome CSS -->
    <link href="/css/fontawesome-all.css" rel="stylesheet">

    <!-- jQuery (necessary for Bootstrap JavaScript plugins) -->
    <script src="/js/jquery.min.js"></script>

    <!-- Popper.js (necessary for Bootstrap JavaScript plugins) -->
    <script src="/js/popper.min.js"></script>

    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="/js/bootstrap.min.js"></script>
    {% endblock head %}
  </head>

  <body>
    {% block body %}
      <nav class="navbar navbar-expand-md fixed-top navbar-dark bg-dark text-light" role="navigation">
        <div class="container">
          <a class="navbar-brand list-select" href="#">Online Prikbord</a>
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
          {% block navbar %}
          {% endblock navbar %}
        </div>
      </nav>
    <div class="container" id="content">
      {% block content %}{% endblock content %}
    </div> <!-- /.container -->
    {% block footer %}{% endblock footer %}
    {% block script %}{% endblock script %}
    {% endblock body %}
  </body>
</html>
