Index: src/main/resources/templates/event.html
===================================================================
--- src/main/resources/templates/event.html	(revision 90317eab09c9bb08660ecb5f90412ce8048f29b7)
+++ src/main/resources/templates/event.html	(revision 90317eab09c9bb08660ecb5f90412ce8048f29b7)
@@ -0,0 +1,45 @@
+<style>
+    .genres{
+        width: 100px;
+        text-align: center;
+        background-color: #ff5019;
+        border-radius: 20px;
+        color: #111111;
+        font-size: 20px;
+        font-weight: 200;
+        margin: 20px;
+    }
+    .main{
+        display: flex;
+        justify-content: space-between;
+        align-items: flex-start;
+        margin-left: 100px;
+    }
+    .slika{
+        margin-right: 100px;
+    }
+    img{
+        width: 300px;
+        height: 350px;
+        border-radius: 20px;
+    }
+</style>
+<div xmlns:th="http://www.thymeleaf.org">
+    <div class="main">
+        <div class="container-1">
+            <h1 style="color: white; font-weight: 600" class="name" th:text="${event.getTheme()}">
+            </h1>
+            <h4 style="color: white;"> Почетен Датум:
+                <span th:text="${event.start_date}"></span>
+            </h4>
+            <h4 style="color: white"> Траење на настанот:
+                <span th:text="${event.duration}"></span>
+                минути
+            </h4>
+        </div>
+        <div class="slika">
+            <img th:src="@{${event.img_url}}"/>
+        </div>
+
+    </div>
+</div>
Index: src/main/resources/templates/events.html
===================================================================
--- src/main/resources/templates/events.html	(revision 86e187f65285024b0736267d80fd9f19a28682a9)
+++ src/main/resources/templates/events.html	(revision 90317eab09c9bb08660ecb5f90412ce8048f29b7)
@@ -194,6 +194,29 @@
         border-radius: 20px;
     }
+    .form-group{
+        width: 200px;
+    }
 </style>
+<div>
+    <form th:action="@{'/home/events'}"
+          th:method="GET">
+
+        <div class="form-group">
+            <label style="color: white;font-size: 20px;font-weight: bold">Кино</label>
+            <select name="id_cinema" class="form-control" id="id_cinema">
+                <option
+                        th:selected="${cinemas.get(1)}"
+                        th:each="cinema : ${cinemas}"
+                        th:value="${cinema.getId_cinema()}"
+                        th:text="${cinema.getName()}">
+                </option>
+            </select>
+
+        </div>
+        <button class="button" type="submit">Filter</button>
+    </form>
+
 <div xmlns:th="http://www.thymeleaf.org">
+    <h1 style="color: white">Настани</h1>
     <div class="main">
         <div th:each="event : ${events}" class="container">
@@ -208,5 +231,5 @@
                         <span th:text="${event.getDuration()}"></span>
                     </div>
-                    <form th:action="@{'/home/getFilm/{id}' (id=${event.getId_event()})}"
+                    <form th:action="@{'/home/getEvent/{id}' (id=${event.getId_event()})}"
                           th:method="GET">
                         <button class="button" type="submit">Details</button>
@@ -218,2 +241,3 @@
     </div>
 </div>
+</div>
Index: src/main/resources/templates/films.html
===================================================================
--- src/main/resources/templates/films.html	(revision 86e187f65285024b0736267d80fd9f19a28682a9)
+++ src/main/resources/templates/films.html	(revision 90317eab09c9bb08660ecb5f90412ce8048f29b7)
@@ -219,5 +219,5 @@
 
 <div xmlns:th="http://www.thymeleaf.org">
-    <div class="main">
+    <div class="main" style="width: available;height: available">
         <div    th:if="${films.isEmpty()} == false"
                 th:each="film : ${films}" class="container">
Index: src/main/resources/templates/projections.html
===================================================================
--- src/main/resources/templates/projections.html	(revision 86e187f65285024b0736267d80fd9f19a28682a9)
+++ src/main/resources/templates/projections.html	(revision 90317eab09c9bb08660ecb5f90412ce8048f29b7)
@@ -198,20 +198,19 @@
     <div class="main">
 
-<!--<div th:each="projection: ${projections}">-->
-
-        <div th:each="projection: ${projections}" class="container">
+
+        <div th:each="film: ${films}" class="container">
             <div class="card">
                 <div class="imgBx">
-                    <img th:src="@{${projection.film.getUrl()}}"/>
+                    <img th:src="@{${film.getUrl()}}"/>
                 </div>
                 <div class="contentBx">
-                    <h2  th:text="${projection.film.getName()}"></h2>
+                    <h2  th:text="${film.getName()}"></h2>
                     <div class="size">
                         <h3>Duration :</h3>
-                        <span th:text="${projection.film.getDuration()}"></span>
+                        <span th:text="${film.getDuration()}"></span>
                     </div>
                     <div class="color">
                         <h3>Genre:</h3>
-                        <span th:text="${projection.film.getGenre()}"></span>
+                        <span th:text="${film.getGenre()}"></span>
                     </div>
                 </div>
Index: src/main/resources/templates/workers.html
===================================================================
--- src/main/resources/templates/workers.html	(revision 86e187f65285024b0736267d80fd9f19a28682a9)
+++ src/main/resources/templates/workers.html	(revision 90317eab09c9bb08660ecb5f90412ce8048f29b7)
@@ -1,9 +1,4 @@
 <div xmlns:th="http://www.thymeleaf.org">
-  <section class="jumbotron text-center">
-    <div class="container">
-      <h1 class="jumbotron-heading">Вработени</h1>
-    </div>
-  </section>
-
+  <h1 style="color: white">Вработени</h1>
   <div class="container mb-4">
     <div class="row">
