Files
Tablequizwiki/templates/base.html
Holger Sielaff be447f4862 ...
2024-09-10 12:32:53 +02:00

51 lines
2.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>TablequizDB</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<style type="text/css">
.input-group.input-group-unstyled input.form-control {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.input-group-unstyled .input-group-addon {
border-radius: 4px;
border: 0px;
background-color: transparent;
}
</style>
<link href="https://ka-f.fontawesome.com/releases/v6.5.2/css/free.min.css?token=5f65fb5684" rel="stylesheet"/>
<link href="https://ka-f.fontawesome.com/releases/v6.5.2/css/free-v4-shims.min.css?token=5f65fb5684" rel="stylesheet"/>
<link href="https://ka-f.fontawesome.com/releases/v6.5.2/css/free-v5-font-face.min.css?token=5f65fb5684" rel="stylesheet"/>
<link href="https://ka-f.fontawesome.com/releases/v6.5.2/css/free-v4-font-face.min.css?token=5f65fb5684" rel="stylesheet"/>
{# <script src="https://kit.fontawesome.com/5f65fb5684.js" crossorigin="anonymous"></script> #}
</head>
<body>
<div class="container mt-2">
<header>
<div class="row">
<div class="col-5">
<h1>Tablequiz DB</h1>
</div>
<div class="col-7" style="vertical-align: bottom">
<nav style="vertical-align: bottom; width: auto; justify-content: flex-end" class="navbar right">
<a class="nav-item p-3 btn btn-outline-dark mx-2" href="/questions/">Questions</a>
<a class="nav-item p-3 btn btn-outline-dark mx-2" href="/quizes/">Quizes</a>
<a class="nav-item p-3 btn btn-outline-success mx-2" href="/add-question/">Submit a Question</a>
</nav>
</div>
</div>
</header>
<hr class="my-3 mx-0 p-0" />
{% block content %}
{% endblock %}
</div>
</body>
</html>