diff --git a/inzeraty_form/static/inzeraty_form/css/index.css b/inzeraty_form/static/inzeraty_form/css/index.css
new file mode 100644
index 0000000..372e97d
--- /dev/null
+++ b/inzeraty_form/static/inzeraty_form/css/index.css
@@ -0,0 +1,37 @@
+    h3 {
+    font-size: 25px;
+    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+    }
+    h2 {
+      font-size: 40px;
+      font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+      }
+    h1 {
+    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; 
+    font-size: 50px;
+    text-align: center;
+    }
+      .top {
+        background-color: black;
+        font-size: 60px;
+        text-align: center;
+      }
+      .top a {
+        float: center;
+        color: #d0d0d0;
+        text-decoration: underline;
+        font-size: 20px;
+        padding: 50px 40px;
+      }
+    .size {
+      width: 45%;
+    }
+    img {
+      margin-left: 25%;
+    }
+    body {
+      margin: 0;,
+    }
+    form {
+      padding-left: 50px;
+    }
\ No newline at end of file
diff --git a/inzeraty_form/templates/inzeraty_form/feedback.html b/inzeraty_form/templates/inzeraty_form/feedback.html
index b919f04..88445f3 100644
--- a/inzeraty_form/templates/inzeraty_form/feedback.html
+++ b/inzeraty_form/templates/inzeraty_form/feedback.html
@@ -1,22 +1,23 @@
+{% load static %}
 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <title>Feedback list</title>
 </head>
+<link rel="stylesheet" type="text/css" href="{% static "inzeraty_form/css/index.css" %}">
 <body>
-<h1>Feedback list</h1>
     <div class="top">
-        <a href="/"><font color = white></font>Hlavní stránka</a>
+        <a href="/">Hlavní stránka</a>
         <a href="/formular/">Formulář</a>
-        <a href="/feedback/">List inzerátů</a>
+        <a href="/feedback/"><font color = darkblue>List inzerátů</font></a>
   </div>
-<a href="/">Domu</a>
+  <h1>List inzerátů</h1>
 <ul>
     {% for i in feedback %}
-        <li>
+        <h2><li>
             <a href="/feedbackinfo/{{i.id}}">{{ i.nazev }}</a>
-        </li>
+        </li></h2>
     {% endfor %}
 </ul>
 
diff --git a/inzeraty_form/templates/inzeraty_form/feedbackinfo.html b/inzeraty_form/templates/inzeraty_form/feedbackinfo.html
index 88830ee..ef49e6f 100644
--- a/inzeraty_form/templates/inzeraty_form/feedbackinfo.html
+++ b/inzeraty_form/templates/inzeraty_form/feedbackinfo.html
@@ -1,14 +1,20 @@
+{% load static %}
 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <title>Title</title>
+<link rel="stylesheet" type="text/css" href="{% static "inzeraty_form/css/index.css" %}">
 </head>
 <body>
-<h1> {{feedbackinfo.nazev}}</h1>
-<p> {{feedbackinfo.zprava}}</p>
-<p> {{feedbackinfo.jmeno}}</p>
-<p> {{feedbackinfo.datum}}</p>
-<a href="/feedback/">ZPET</a>
+<div class="top">
+        <a href="/">Hlavní stránka</a>
+        <a href="/formular/">Formulář</a>
+        <a href="/feedback/"><font color = darkblue>List inzerátů</font></a>
+  </div>
+<h1 style="text-align: center"> {{feedbackinfo.nazev}}</h1>
+<h2 style="text-align: center"> {{feedbackinfo.zprava}}</h2>
+<h3 style="text-align: center"> {{feedbackinfo.jmeno}}</h3>
+<h3 style="text-align: center"> {{feedbackinfo.datum}}</h3>
 </body>
 </html>
\ No newline at end of file
diff --git a/inzeraty_form/templates/inzeraty_form/formular.html b/inzeraty_form/templates/inzeraty_form/formular.html
index 34b2583..1f80118 100644
--- a/inzeraty_form/templates/inzeraty_form/formular.html
+++ b/inzeraty_form/templates/inzeraty_form/formular.html
@@ -1,17 +1,19 @@
 {% load crispy_forms_tags %}
+{% load static %}
 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <title>FormApp</title>
 </head>
+<link rel="stylesheet" type="text/css" href="{% static "inzeraty_form/css/index.css" %}">
 <body>
     <div class="top">
-        <a href="/"><font color = white></font>Hlavní stránka</a>
-        <a href="/formular/">Formulář</a>
+        <a href="/">Hlavní stránka</a>
+        <a href="/formular/"><font color = darkblue>Formulář</font></a>
         <a href="/feedback/">List inzerátů</a>
   </div>
-<h1>Feedback formular</h1>
+<h1>Formulář</h1>
 <form action="" method="post">
     {% csrf_token %}
     {{form | crispy}}
diff --git a/inzeraty_form/templates/inzeraty_form/mainpage.html b/inzeraty_form/templates/inzeraty_form/mainpage.html
index 193e086..420788d 100644
--- a/inzeraty_form/templates/inzeraty_form/mainpage.html
+++ b/inzeraty_form/templates/inzeraty_form/mainpage.html
@@ -1,15 +1,19 @@
 {% load crispy_forms_tags %}
+{% load static %}
+
 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <title>FormApp</title>
+<link rel="stylesheet" type="text/css" href="{% static "inzeraty_form/css/index.css" %}">
 </head>
 <body>
     <div class="top">
-        <a href="/"><font color = white></font>Hlavní stránka</a>
+        <a href="/"><font color = darkblue>Hlavní stránka</font></a>
         <a href="/formular/">Formulář</a>
         <a href="/feedback/">List inzerátů</a>
-  </div>
+</div>
+<h1>Vítejte na hlavní stránce</h1>
 </body>
 </html>
\ No newline at end of file
