diff --git a/SocialHelper/homepage/templates/alerts.html b/SocialHelper/homepage/templates/alerts.html
new file mode 100644
index 0000000..372fba4
--- /dev/null
+++ b/SocialHelper/homepage/templates/alerts.html
@@ -0,0 +1,18 @@
+{% if messages %}
+{% for message in messages %}
+
+<div id="message" class="panel-title-sign mt-xl text-center">
+  <div class="alert alert-{{ message.tags }} " role="alert">
+    <button type="button" class="close" height="54" data-dismiss="alert"><span aria-hidden="true">&times;</span></button>
+    <strong>
+      {% if message.level == DEFAULT_MESSAGE_LEVELS.ERROR %}
+      Error:
+      {% else %}
+      {{ message.tags|title }}
+      {% endif %}
+    </strong>
+    {{ message }}
+  </div>
+</div>
+{% endfor %}
+{% endif %}
diff --git a/SocialHelper/homepage/templates/base.html b/SocialHelper/homepage/templates/base.html
index fd31dca..e5a77fc 100644
--- a/SocialHelper/homepage/templates/base.html
+++ b/SocialHelper/homepage/templates/base.html
@@ -24,6 +24,7 @@
 
 <body>
   {% include 'navbar.html' %}
+  {% include 'alerts.html' %}  
   {% block content %} {% endblock %}
   <script src="{% static 'js/jquery-3.2.1.min.js' %} "></script>
   <script src="{% static 'js/popper.min.js' %} "></script>
