diff --git a/SocialHelper/control/templates/control/OfferNotification.html b/SocialHelper/control/templates/control/OfferNotification.html
index 1ea7735..ca1aca1 100644
--- a/SocialHelper/control/templates/control/OfferNotification.html
+++ b/SocialHelper/control/templates/control/OfferNotification.html
@@ -1,8 +1,79 @@
 
 {% block content %}
 <!DOCTYPE html>
-<a href="/control">Powrót</a>
-<table>
+<head>
+<style>
+ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  background-color: #333;
+}
+
+li {
+  float: left;
+  border-right:1px solid #bbb;
+}
+
+li:last-child {
+  border-right: none;
+}
+
+li a {
+  display: block;
+  color: white;
+  text-align: center;
+  padding: 14px 16px;
+  text-decoration: none;
+}
+
+li a:hover:not(.active) {
+  background-color: #111;
+}
+
+.active {
+  background-color: #4CAF50;
+}
+</style>
+</head>
+<body>
+
+<ul>
+  <li><a href="UserNotification">Zgłoszenia Użytkowników</a></li>
+  <li><a class="active" href="OfferNotification">Zgłoszenia Ogłoszeń</a></li>
+  <li><a href="UserMessager">Wiadomości od Użytkowników</a></li>
+  <li><a href="UserList">Lista Użytkowników</a></li>
+  <li><a href="VIPUserList">Lista Użytkowników Premium</a></li>
+</ul>
+
+</body>
+<style>
+#customers {
+  font-family: Arial, Helvetica, sans-serif;
+  border-collapse: collapse;
+  width: 100%;
+}
+
+#customers td, #customers th {
+  border: 1px solid #ddd;
+  padding: 8px;
+}
+
+#customers tr:nth-child(even){background-color: #f2f2f2;}
+
+#customers tr:hover {background-color: #ddd;}
+
+#customers th {
+  padding-top: 12px;
+  padding-bottom: 12px;
+  text-align: left;
+  background-color: #4CAF50;
+  color: white;
+}
+</style>
+
+<table id="customers">
   <tr>
     <th>Nr Oferty</th>
     <th>Opis Zgłoszenia</th>
@@ -12,11 +83,11 @@
   </tr>
 {% for offer in all_Notificationoffer %}
 <tr>
-  <th><a href="/homepage/offer_details/{{offer.user_iden.id}}">{{offer.user_iden.title}}</a></th>
-  <th>{{offer.text}}</th>
-  <th>{{offer.date}}</th>
-  <th><a href="DeleteOffer/{{offer.user_iden.id}}">Usuń</a></th>
-  <th><a href="DeleteOfferNotification/{{offer.id}}">Zamknij<a></th>
+  <td><a href="/homepage/offer_details/{{offer.user_iden.id}}">{{offer.user_iden.title}}</a></td>
+  <td>{{offer.text}}</td>
+  <td>{{offer.date}}</td>
+  <td><a href="DeleteOffer/{{offer.user_iden.id}}">Usuń</a></td>
+  <td><a href="DeleteOfferNotification/{{offer.id}}">Zamknij<a></td>
 </tr>
 {% endfor %}
 </table>
diff --git a/SocialHelper/control/templates/control/UserList.html b/SocialHelper/control/templates/control/UserList.html
index 7f81fa2..220a907 100644
--- a/SocialHelper/control/templates/control/UserList.html
+++ b/SocialHelper/control/templates/control/UserList.html
@@ -1,7 +1,79 @@
+
 {% block content %}
 <!DOCTYPE html>
-<a href="/control">Powrót</a>
-<table>
+<head>
+<style>
+ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  background-color: #333;
+}
+
+li {
+  float: left;
+  border-right:1px solid #bbb;
+}
+
+li:last-child {
+  border-right: none;
+}
+
+li a {
+  display: block;
+  color: white;
+  text-align: center;
+  padding: 14px 16px;
+  text-decoration: none;
+}
+
+li a:hover:not(.active) {
+  background-color: #111;
+}
+
+.active {
+  background-color: #4CAF50;
+}
+</style>
+</head>
+<body>
+
+<ul>
+  <li><a href="UserNotification">Zgłoszenia Użytkowników</a></li>
+  <li><a href="OfferNotification">Zgłoszenia Ogłoszeń</a></li>
+  <li><a href="UserMessager">Wiadomości od Użytkowników</a></li>
+  <li><a class="active" href="UserList">Lista Użytkowników</a></li>
+  <li><a href="VIPUserList">Lista Użytkowników Premium</a></li>
+</ul>
+
+</body>
+<style>
+#customers {
+  font-family: Arial, Helvetica, sans-serif;
+  border-collapse: collapse;
+  width: 100%;
+}
+
+#customers td, #customers th {
+  border: 1px solid #ddd;
+  padding: 8px;
+}
+
+#customers tr:nth-child(even){background-color: #f2f2f2;}
+
+#customers tr:hover {background-color: #ddd;}
+
+#customers th {
+  padding-top: 12px;
+  padding-bottom: 12px;
+  text-align: left;
+  background-color: #4CAF50;
+  color: white;
+}
+</style>
+
+<table id="customers">
   <tr>
     <th>Email</th>
     <th>Nadaj VIP</th>
@@ -9,9 +81,9 @@
   </tr>
 {% for user in all_User %}
 <tr>
-  <th><a href="/homepage/user_profile/{{user.email}}">{{user.email}}</a></th>
-  <th><a href="AddVIP/{{user.id}}">Dodaj</a></th>
-  <th><a href="DeleteUser/{{user.id}}">Usuń</a></th>
+  <td><a href="/homepage/user_profile/{{user.email}}">{{user.email}}</a></td>
+  <td><a href="AddVIP/{{user.id}}">Dodaj</a></td>
+  <td><a href="DeleteUser/{{user.id}}">Usuń</a></td>
 </tr>
 {% endfor %}
 </table>
diff --git a/SocialHelper/control/templates/control/UserMessager.html b/SocialHelper/control/templates/control/UserMessager.html
index f4bc3d5..7bfcb3f 100644
--- a/SocialHelper/control/templates/control/UserMessager.html
+++ b/SocialHelper/control/templates/control/UserMessager.html
@@ -1,8 +1,79 @@
 
 {% block content %}
 <!DOCTYPE html>
-<a href="/control">Powrót</a>
-<table>
+<head>
+<style>
+ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  background-color: #333;
+}
+
+li {
+  float: left;
+  border-right:1px solid #bbb;
+}
+
+li:last-child {
+  border-right: none;
+}
+
+li a {
+  display: block;
+  color: white;
+  text-align: center;
+  padding: 14px 16px;
+  text-decoration: none;
+}
+
+li a:hover:not(.active) {
+  background-color: #111;
+}
+
+.active {
+  background-color: #4CAF50;
+}
+</style>
+</head>
+<body>
+
+<ul>
+  <li><a href="UserNotification">Zgłoszenia Użytkowników</a></li>
+  <li><a href="OfferNotification">Zgłoszenia Ogłoszeń</a></li>
+  <li><a class="active" href="UserMessager">Wiadomości od Użytkowników</a></li>
+  <li><a href="UserList">Lista Użytkowników</a></li>
+  <li><a href="VIPUserList">Lista Użytkowników Premium</a></li>
+</ul>
+
+</body>
+<style>
+#customers {
+  font-family: Arial, Helvetica, sans-serif;
+  border-collapse: collapse;
+  width: 100%;
+}
+
+#customers td, #customers th {
+  border: 1px solid #ddd;
+  padding: 8px;
+}
+
+#customers tr:nth-child(even){background-color: #f2f2f2;}
+
+#customers tr:hover {background-color: #ddd;}
+
+#customers th {
+  padding-top: 12px;
+  padding-bottom: 12px;
+  text-align: left;
+  background-color: #4CAF50;
+  color: white;
+}
+</style>
+
+<table id="customers">
   <tr>
     <th>Adresat</th>
     <th>email</th>
@@ -11,10 +82,10 @@
   </tr>
 {% for mess in all_Usermessage %}
 <tr>
-  <th>{{mess.name}}</a></th>
-  <th>{{mess.email}}</th>
-  <th>{{mess.text}}</th>
-  <th><a href="DeleteUserMessager/{{mess.id}}">Zamknij<a></th>
+  <td>{{mess.name}}</a></td>
+  <td>{{mess.email}}</td>
+  <td>{{mess.text}}</td>
+  <td><a href="DeleteUserMessager/{{mess.id}}">Zamknij<a></td>
 </tr>
 {% endfor %}
 </table>
diff --git a/SocialHelper/control/templates/control/UserNotification.html b/SocialHelper/control/templates/control/UserNotification.html
index d4b3f6b..7604450 100644
--- a/SocialHelper/control/templates/control/UserNotification.html
+++ b/SocialHelper/control/templates/control/UserNotification.html
@@ -1,8 +1,79 @@
 
 {% block content %}
 <!DOCTYPE html>
-<a href="/control">Powrót</a>
-<table>
+<head>
+<style>
+ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  background-color: #333;
+}
+
+li {
+  float: left;
+  border-right:1px solid #bbb;
+}
+
+li:last-child {
+  border-right: none;
+}
+
+li a {
+  display: block;
+  color: white;
+  text-align: center;
+  padding: 14px 16px;
+  text-decoration: none;
+}
+
+li a:hover:not(.active) {
+  background-color: #111;
+}
+
+.active {
+  background-color: #4CAF50;
+}
+</style>
+</head>
+<body>
+
+<ul>
+  <li><a class="active" href="UserNotification">Zgłoszenia Użytkowników</a></li>
+  <li><a href="OfferNotification">Zgłoszenia Ogłoszeń</a></li>
+  <li><a href="UserMessager">Wiadomości od Użytkowników</a></li>
+  <li><a href="UserList">Lista Użytkowników</a></li>
+  <li><a href="VIPUserList">Lista Użytkowników Premium</a></li>
+</ul>
+
+</body>
+<style>
+#customers {
+  font-family: Arial, Helvetica, sans-serif;
+  border-collapse: collapse;
+  width: 100%;
+}
+
+#customers td, #customers th {
+  border: 1px solid #ddd;
+  padding: 8px;
+}
+
+#customers tr:nth-child(even){background-color: #f2f2f2;}
+
+#customers tr:hover {background-color: #ddd;}
+
+#customers th {
+  padding-top: 12px;
+  padding-bottom: 12px;
+  text-align: left;
+  background-color: #4CAF50;
+  color: white;
+}
+</style>
+
+<table id="customers">
   <tr>
     <th>Email</th>
     <th>Opis Zgłoszenia</th>
diff --git a/SocialHelper/control/templates/control/VIPUserList.html b/SocialHelper/control/templates/control/VIPUserList.html
index e251a3b..d87b5dc 100644
--- a/SocialHelper/control/templates/control/VIPUserList.html
+++ b/SocialHelper/control/templates/control/VIPUserList.html
@@ -1,7 +1,79 @@
+
 {% block content %}
 <!DOCTYPE html>
-<a href="/control">Powrót</a>
-<table>
+<head>
+<style>
+ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  background-color: #333;
+}
+
+li {
+  float: left;
+  border-right:1px solid #bbb;
+}
+
+li:last-child {
+  border-right: none;
+}
+
+li a {
+  display: block;
+  color: white;
+  text-align: center;
+  padding: 14px 16px;
+  text-decoration: none;
+}
+
+li a:hover:not(.active) {
+  background-color: #111;
+}
+
+.active {
+  background-color: #4CAF50;
+}
+</style>
+</head>
+<body>
+
+<ul>
+  <li><a href="UserNotification">Zgłoszenia Użytkowników</a></li>
+  <li><a href="OfferNotification">Zgłoszenia Ogłoszeń</a></li>
+  <li><a href="UserMessager">Wiadomości od Użytkowników</a></li>
+  <li><a href="UserList">Lista Użytkowników</a></li>
+  <li><a class="active" href="VIPUserList">Lista Użytkowników Premium</a></li>
+</ul>
+
+</body>
+<style>
+#customers {
+  font-family: Arial, Helvetica, sans-serif;
+  border-collapse: collapse;
+  width: 100%;
+}
+
+#customers td, #customers th {
+  border: 1px solid #ddd;
+  padding: 8px;
+}
+
+#customers tr:nth-child(even){background-color: #f2f2f2;}
+
+#customers tr:hover {background-color: #ddd;}
+
+#customers th {
+  padding-top: 12px;
+  padding-bottom: 12px;
+  text-align: left;
+  background-color: #4CAF50;
+  color: white;
+}
+</style>
+
+<table id="customers">
   <tr>
     <th>Email</th>
     <th>Usuń Konto</th>
@@ -10,10 +82,10 @@
   </tr>
 {% for user in all_Vipuser %}
 <tr>
-  <th><a href="/homepage/user_profile/{{user.email}}">{{user.email}}</a></th>
-  <th><a href="DeleteUser/{{user.id}}">Usuń</a></th>
-  <th><a href="DeleteVIP/{{user.id}}">Zakończ</a></th>
-  <th><a href="ExtendVIP/{{user.id}}">Przedłuż</a></th>
+  <td><a href="/homepage/user_profile/{{user.email}}">{{user.email}}</a></td>
+  <td><a href="DeleteUser/{{user.id}}">Usuń</a></td>
+  <td><a href="DeleteVIP/{{user.id}}">Zakończ</a></td>
+  <td><a href="ExtendVIP/{{user.id}}">Przedłuż</a></td>
 </tr>
 {% endfor %}
 </table>
diff --git a/SocialHelper/control/templates/control/pulpit.html b/SocialHelper/control/templates/control/pulpit.html
index 1681187..e468bae 100644
--- a/SocialHelper/control/templates/control/pulpit.html
+++ b/SocialHelper/control/templates/control/pulpit.html
@@ -1,11 +1,9 @@
-
+{% extends 'base2.html' %}
 {% block content %}
-<!DOCTYPE html>
 
-<a href="UserNotification"><button>Zgłoszenia Użytkowników: {{all_Notificationuser}} </button></a><br>
-<a href="OfferNotification"><button>Zgłoszenia Ogłoszeń: {{all_Notificationoffer}}</button></a><br>
-<a href="UserMessager"><button>Wiadomości od Użytkowników: {{all_Usermessage}}</button></a><br>
-<a href="UserList"><button>Lista Użytkowników: {{all_User}}</button></a><br>
-<a href="VIPUserList"><button>Lista Użytkowników Premium: {{all_Vipuser}}</button></a><br>
+<!DOCTYPE html>
+<html>
+<meta http-equiv="refresh" content="0; UserNotification">
+</html>
 
 {% endblock %}
