diff --git a/SocialHelper/control/templates/alertscontrol.html b/SocialHelper/control/templates/alertscontrol.html
new file mode 100644
index 0000000..372fba4
--- /dev/null
+++ b/SocialHelper/control/templates/alertscontrol.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/control/templates/basecontrol.html b/SocialHelper/control/templates/basecontrol.html
new file mode 100644
index 0000000..7246a75
--- /dev/null
+++ b/SocialHelper/control/templates/basecontrol.html
@@ -0,0 +1,53 @@
+{% load static %}
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
+    <title>SocialHelper</title>
+    <link rel="stylesheet" href="{% static 'css/font-awesome.min.css' %}">
+    <link rel="stylesheet" href="{% static 'vendors/line-icon/css/simple-line-icons.css' %}">
+    <link rel="stylesheet" href="{% static 'vendors/elegant-icon/style.css' %}">
+    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
+    <link rel="stylesheet" href="{% static 'vendors/revolution/css/settings.css' %}">
+    <link rel="stylesheet" href="{% static 'vendors/revolution/css/layers.css' %}">
+    <link rel="stylesheet" href="{% static 'vendors/revolution/css/navigation.css' %}">
+    <link rel="stylesheet" href="{% static 'vendors/owl-carousel/owl.carousel.min.css" rel="stylesheet' %}">
+    <link rel="stylesheet" href="{% static 'vendors/bootstrap-selector/css/bootstrap-select.min.css' %}">
+    <link rel="stylesheet" href="{% static 'css/style.css' %}">
+    <link rel="stylesheet" href="{% static 'css/responsive.css' %}">
+
+</head>
+
+<body>
+  {% include 'alertscontrol.html' %}
+  {% block content %} {% endblock %}
+  <script src="{% static 'js/jquery-3.2.1.min.js' %} "></script>
+  <script src="{% static 'js/popper.min.js' %} "></script>
+  <script src="{% static 'js/bootstrap.min.js' %} "></script>
+  <script src="{% static 'vendors/revolution/js/jquery.themepunch.tools.min.js' %} "></script>
+  <script src="{% static 'vendors/revolution/js/jquery.themepunch.revolution.min.js' %} "></script>
+  <script src="{% static 'vendors/revolution/js/extensions/revolution.extension.actions.min.js' %} "></script>
+  <script src="{% static 'vendors/revolution/js/extensions/revolution.extension.video.min.js' %} "></script>
+  <script src="{% static 'vendors/revolution/js/extensions/revolution.extension.slideanims.min.js' %} "></script>
+  <script src="{% static 'vendors/revolution/js/extensions/revolution.extension.layeranimation.min.js' %} "></script>
+  <script src="{% static 'vendors/revolution/js/extensions/revolution.extension.navigation.min.js' %} "></script>
+  <script src="{% static 'vendors/revolution/js/extensions/revolution.extension.slideanims.min.js' %} "></script>
+  <script src="{% static 'vendors/counterup/jquery.waypoints.min.js' %} "></script>
+  <script src="{% static 'vendors/counterup/jquery.counterup.min.js' %} "></script>
+  <script src="{% static 'vendors/owl-carousel/owl.carousel.min.js' %} "></script>
+  <script src="{% static 'vendors/bootstrap-selector/js/bootstrap-select.min.js' %} "></script>
+  <script src="{% static 'vendors/image-dropdown/jquery.dd.min.js' %} "></script>
+  <script src="{% static 'js/smoothscroll.js' %} "></script>
+  <script src="{% static 'vendors/isotope/imagesloaded.pkgd.min.js' %} "></script>
+  <script src="{% static 'vendors/isotope/isotope.pkgd.min.js' %} "></script>
+  <script src="{% static 'vendors/magnify-popup/jquery.magnific-popup.min.js' %} "></script>
+  <script src="{% static 'vendors/vertical-slider/js/jQuery.verticalCarousel.js' %} "></script>
+  <script src="{% static 'vendors/jquery-ui/jquery-ui.js' %} "></script>
+  <script src="{% static 'js/theme.js' %} "></script>
+</body>
+
+</html>
diff --git a/SocialHelper/control/templates/control/OfferNotification.html b/SocialHelper/control/templates/control/OfferNotification.html
index ca1aca1..7f4d1a3 100644
--- a/SocialHelper/control/templates/control/OfferNotification.html
+++ b/SocialHelper/control/templates/control/OfferNotification.html
@@ -1,4 +1,5 @@
-
+{% extends "basecontrol.html" %}
+{% load static %}
 {% block content %}
 <!DOCTYPE html>
 <head>
diff --git a/SocialHelper/control/templates/control/UserList.html b/SocialHelper/control/templates/control/UserList.html
index 220a907..43dc2ad 100644
--- a/SocialHelper/control/templates/control/UserList.html
+++ b/SocialHelper/control/templates/control/UserList.html
@@ -1,4 +1,5 @@
-
+{% extends "basecontrol.html" %}
+{% load static %}
 {% block content %}
 <!DOCTYPE html>
 <head>
diff --git a/SocialHelper/control/templates/control/UserMessager.html b/SocialHelper/control/templates/control/UserMessager.html
index 7bfcb3f..9b6c48b 100644
--- a/SocialHelper/control/templates/control/UserMessager.html
+++ b/SocialHelper/control/templates/control/UserMessager.html
@@ -1,4 +1,5 @@
-
+{% extends "basecontrol.html" %}
+{% load static %}
 {% block content %}
 <!DOCTYPE html>
 <head>
diff --git a/SocialHelper/control/templates/control/UserNotification.html b/SocialHelper/control/templates/control/UserNotification.html
index ff11ebe..201cc4c 100644
--- a/SocialHelper/control/templates/control/UserNotification.html
+++ b/SocialHelper/control/templates/control/UserNotification.html
@@ -1,4 +1,5 @@
-
+{% extends "basecontrol.html" %}
+{% load static %}
 {% block content %}
 <!DOCTYPE html>
 <head>
diff --git a/SocialHelper/control/templates/control/VIPUserList.html b/SocialHelper/control/templates/control/VIPUserList.html
index d87b5dc..f5d3c88 100644
--- a/SocialHelper/control/templates/control/VIPUserList.html
+++ b/SocialHelper/control/templates/control/VIPUserList.html
@@ -1,4 +1,5 @@
-
+{% extends "basecontrol.html" %}
+{% load static %}
 {% block content %}
 <!DOCTYPE html>
 <head>
diff --git a/SocialHelper/control/templates/control/pulpit.html b/SocialHelper/control/templates/control/pulpit.html
index ea6f3b1..84aacfb 100644
--- a/SocialHelper/control/templates/control/pulpit.html
+++ b/SocialHelper/control/templates/control/pulpit.html
@@ -1,4 +1,5 @@
-
+{% extends "basecontrol.html" %}
+{% load static %}
 {% block content %}
 
 <!DOCTYPE html>
