-{% load markdownify %}
<!DOCTYPE html>
<html lang="en">
<title>{% block title %}{% endblock %}</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</head>
-<body>
+<body class="d-flex flex-column min-vh-100">
-{% block content %}{% endblock %}
+ <header class="container-fluid p-5 bg-primary text-white text-center">
+ <h1><a href="/" class="link-light">Notes</a></h1>
+ </header>
+
+ <div id="content" class="container flex-fill">
+ {% block content %}{% endblock %}
+ </div>
+
+ <footer class="container-fluid p-5 bg-dark text-white text-center mt-5">
+ <div class="row">
+ <div class="col-sm">
+ <ul>
+ <li>Row 1</li>
+ </ul>
+ </div>
+ <div class="col-sm">
+ <ul>
+ <li>Row 2</li>
+ </ul>
+ </div>
+ <div class="col-sm">
+ <ul>
+ <li>Row 3</li>
+ </ul>
+ </div>
+ </div>
+ </footer>
</body>
</html>
\ No newline at end of file