<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Title -->
    <title>{% block title %}{% endblock title %}</title>
    <link rel="icon" href="../static/image/favicon.svg" sizes="any" type="image/svg+xml">

    <!-- Bootstrap -->
    <link href="../static/style/bootstrap.min.css" rel="stylesheet">
    <script src="../static/script/bootstrap.bundle.min.js"></script>
</head>

<body>

    <nav class="navbar navbar-expand-lg bg-body-tertiary">
        <div class="container-fluid">
          <a class="navbar-brand" href="/">
            <img src="../static/image/f1_logo.svg" alt="Logo" width="120" height="30" class="d-inline-block align-text-top">
            Formula <i>10</i>
          </a>
          <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
            <div class="navbar-nav">
              {# <a class="nav-link {% if page == 'teams' %}active{% endif %}" href="/teams">Teams</a> #}
              {# <a class="nav-link {% if page == 'drivers' %}active{% endif %}" href="/drivers">Drivers</a> #}
            </div>
          </div>
        </div>
    </nav>

    {% block body %}{% endblock body %}

</body>

</html>