Index: src/main/resources/templates/addEvent.html
===================================================================
--- src/main/resources/templates/addEvent.html	(revision b5ce6540cb938fc36f57f4221c9c37d6689ff383)
+++ src/main/resources/templates/addEvent.html	(revision 0fb69cc1111c89881e943ce68117a2d3bf39db03)
@@ -38,6 +38,14 @@
                               >
                     </div>
+                    <div class="form-group">
+                        <label for="img_url">Image Url</label>
+                        <input type="text"
+                               class="form-control"
+                               id="img_url"
+                               name="img_url"
+                               placeholder="URL">
+                    </div>
 
-                    <button id="submit" type="submit" class="btn btn-primary">Add Event</button>
+                    <button style="background-color: #ff5019" id="submit" type="submit" class="btn btn-primary">Add Event</button>
                 </form>
             </div>
Index: src/main/resources/templates/addFilm.html
===================================================================
--- src/main/resources/templates/addFilm.html	(revision b5ce6540cb938fc36f57f4221c9c37d6689ff383)
+++ src/main/resources/templates/addFilm.html	(revision 0fb69cc1111c89881e943ce68117a2d3bf39db03)
@@ -79,5 +79,5 @@
                     </div>
 
-                    <button id="submit" type="submit" class="btn btn-primary">Add Film</button>
+                    <button style="background-color: #ff5019" id="submit" type="submit" class="btn btn-primary">Add Film</button>
                 </form>
             </div>
Index: src/main/resources/templates/addProjection.html
===================================================================
--- src/main/resources/templates/addProjection.html	(revision b5ce6540cb938fc36f57f4221c9c37d6689ff383)
+++ src/main/resources/templates/addProjection.html	(revision 0fb69cc1111c89881e943ce68117a2d3bf39db03)
@@ -42,5 +42,5 @@
                     </div>
 
-                    <button id="submit" type="submit" class="btn btn-primary">Add Projection</button>
+                    <button style="background-color: #ff5019" id="submit" type="submit" class="btn btn-primary">Add Projection</button>
                 </form>
             </div>
Index: src/main/resources/templates/films.html
===================================================================
--- src/main/resources/templates/films.html	(revision b5ce6540cb938fc36f57f4221c9c37d6689ff383)
+++ src/main/resources/templates/films.html	(revision 0fb69cc1111c89881e943ce68117a2d3bf39db03)
@@ -221,4 +221,28 @@
             </div>
         </div>
+        <div th:each="film : ${films}" class="container">
+            <div class="card">
+                <div class="imgBx">
+                    <img th:src="@{${film.getUrl()}}"/>
+                </div>
+                <div class="contentBx">
+                    <h2  th:text="${film.getName()}"></h2>
+                    <div class="size">
+                        <h3>Duration :</h3>
+                        <span th:text="${film.getDuration()}"></span>
+                    </div>
+                    <div class="color">
+                        <h3>Genre:</h3>
+                        <span th:text="${film.getGenre()}"></span>
+                    </div>
+                    <form th:action="@{'/home/getFilm/{id}' (id=${film.getId_film()})}"
+                          th:method="GET">
+                        <button class="button" type="submit">Details</button>
+                    </form>
+
+
+                </div>
+            </div>
+            </div>
     </div>
 </div>
Index: src/main/resources/templates/fragments/header.html
===================================================================
--- src/main/resources/templates/fragments/header.html	(revision b5ce6540cb938fc36f57f4221c9c37d6689ff383)
+++ src/main/resources/templates/fragments/header.html	(revision 0fb69cc1111c89881e943ce68117a2d3bf39db03)
@@ -61,5 +61,5 @@
 <nav class="menu">
     <ul class="menu-left">
-        <li class="begin"><a href="#!">MovieZone</a></li>
+        <li class="begin"><a href="/home">MovieZone</a></li>
         <li class="begin"><a href="/films">Филмови</a></li>
         <li class="begin"><a href="/projections">Програма</a></li>
Index: src/main/resources/templates/home.html
===================================================================
--- src/main/resources/templates/home.html	(revision b5ce6540cb938fc36f57f4221c9c37d6689ff383)
+++ src/main/resources/templates/home.html	(revision 0fb69cc1111c89881e943ce68117a2d3bf39db03)
@@ -196,4 +196,5 @@
 </style>
 <div xmlns:th="http://www.thymeleaf.org">
+    <h1 style="color: white">Нови Филмови</h1>
 <div class="main">
 <div th:each="film : ${films}" class="container">
@@ -221,4 +222,30 @@
     </div>
 </div>
-</div>
-</div>
+
+</div>
+    <h1 style="color: white">Следни Настани:</h1>
+    <div class="main">
+    <div th:each="event: ${events}" class="container">
+    <div class="card">
+        <div class="imgBx">
+            <img th:src="@{${event.getImg_url()}}"/>
+        </div>
+        <div class="contentBx">
+            <h2  th:text="${event.getTheme()}"></h2>
+            <div class="size">
+                <h3>Start Date :</h3>
+                <span th:text="${event.getStart_date()}"></span>
+            </div>
+            <div class="color">
+                <h3>Duration:</h3>
+                <span th:text="${event.getDuration()}"></span>
+            </div>
+            <form th:action="@{'/home/getFilm/{id}' (id=${event.getId_event()})}"
+                  th:method="GET">
+                <button class="button" type="submit">Details</button>
+            </form>
+        </div>
+    </div>
+</div>
+</div>
+</div>
