diff --git a/.env b/.env
index d89cb66..ec3168d 100644
--- a/.env
+++ b/.env
@@ -1,4 +1,3 @@
 FLASK_APP=webface
 FLASK_RUN_PORT=54321
-FLASK_ENV=development
-#FLASK_DEBUG=1
+FLASK_DEBUG=1
diff --git a/static/banan.png b/static/banan.png
new file mode 100644
index 0000000..b9752a6
Binary files /dev/null and b/static/banan.png differ
diff --git a/static/styles.css b/static/styles.css
index e4b4043..05e75c2 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -1,5 +1,5 @@
 body {
-  background-color: #eeeeee;
+  background-color: rgb(50, 182, 205);
   padding-left: 1em;
   padding-right: 1em;
   margin-left: 90px;
@@ -10,6 +10,14 @@ h1, h2, h3 {
   margin-top: 3em;
 }
 
+h1 {
+  color: green;
+}
+
+h2 {
+  color: blue;
+}
+
 h1 a {
   color: #bb8800; 
 }
@@ -26,13 +34,13 @@ nav ul {
     }
     nav ul li a {
       display: block;
-      color: white;
-      background-color: #324b79;
+      color: rgb(199, 18, 48);
+      background-color: #6fd80d;
       border-radius: 25px 50px 0px;
       padding: 1ex 2ex; }
     nav ul li a:hover {
       color: #324b72;
-      background-color: white;
+      background-color: rgb(175, 9, 9);
     }
   nav img {
     float:left;
diff --git a/templates/abc.html b/templates/abc.html
index 590d55d..241887c 100644
--- a/templates/abc.html
+++ b/templates/abc.html
@@ -1,4 +1,4 @@
-{% extends 'base.html.j2' %}
+{% extends 'base.html' %}
 
 
 {% block obsah %}
diff --git a/templates/banan.html b/templates/banan.html
new file mode 100644
index 0000000..e931883
--- /dev/null
+++ b/templates/banan.html
@@ -0,0 +1,20 @@
+{% extends 'base.html' %}
+
+
+{% block obsah %}
+
+<h2>Formulář</h2>
+<form action="" method= "POST">
+    <input type="text" name = "q">
+     <input type="password" name = "heslo">
+    <input type="submit" value = "vyslat">
+</form>
+
+
+
+
+
+<h1>Banan</h1>
+<h2>miluju banan</h2>
+<p> <img src="{{ url_for('static' ,filename = 'banan.png')}}" alt=""></p>
+{% endblock obsah %}
\ No newline at end of file
diff --git a/templates/base.html b/templates/base.html
index 925dc41..3b2ef59 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -24,6 +24,7 @@
     <li><a href="{{ url_for('index') }}">Index</a></li>
     <li><a href="{{ url_for('info') }}">Info</a></li>
     <li><a href="{{ url_for('abc') }}">ABC</a></li>
+    <li><a href="{{ url_for('banan') }}">Banan</a></li>
   </ul></nav>
 
 
diff --git a/templates/info.html b/templates/info.html
index 2f1ab41..8bb0d22 100644
--- a/templates/info.html
+++ b/templates/info.html
@@ -1,4 +1,4 @@
-{% extends 'base.html.j2' %}
+{% extends 'base.html' %}
 
 {%block title%}Informace{%endblock%}
 
diff --git a/webface.py b/webface.py
index 857ea93..5ce68a7 100644
--- a/webface.py
+++ b/webface.py
@@ -1,3 +1,4 @@
+from crypt import methods
 from flask import Flask, render_template, request, redirect, url_for, session
 import functools
 
@@ -36,6 +37,11 @@ def info():
 def abc():
     return render_template("abc.html", slova=slova)
 
+@app.route("/banan/", methods=["GET", "POST"])
+def banan():
+    return render_template("banan.html")
+
+
 
 @app.route("/text/")
 def text():