diff --git a/src/lib/pug/base.pug b/src/lib/pug/base.pug
index 0c007f2..195aa93 100644
--- a/src/lib/pug/base.pug
+++ b/src/lib/pug/base.pug
@@ -11,6 +11,7 @@ html(lang="en")
       include ./navigation
 
     .container.floating-container
+      include ./message-flash.html
       block content
 
     block footer
diff --git a/src/lib/pug/message-flash.html b/src/lib/pug/message-flash.html
new file mode 100644
index 0000000..ef7df36
--- /dev/null
+++ b/src/lib/pug/message-flash.html
@@ -0,0 +1,12 @@
+{% with messages = get_flashed_messages(with_categories=true) %}
+  {% if messages %}
+    {% for category, message in messages %}
+      <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
+        {{ message }}
+        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+    {% endfor %}
+  {% endif %}
+{% endwith %}