Index: src/main/java/com/wediscussmovies/project/configuration/SecurityConfig.java
===================================================================
--- src/main/java/com/wediscussmovies/project/configuration/SecurityConfig.java	(revision c02189fa25621ce1d654581cba8f42042572979c)
+++ src/main/java/com/wediscussmovies/project/configuration/SecurityConfig.java	(revision 3fe36de5813c3dc0a535a893e180e3b45bfb1430)
@@ -29,5 +29,5 @@
         http.csrf().disable()
                 .authorizeRequests()
-                .antMatchers("/movies","/movies/**/","/actors","/persons/**/","/directors","/discussions","/discussions/**/","/discussions/all/**/","/replies","/register","/genres", "/css/**","/img/**", "/js/**").permitAll()
+                .antMatchers("/movies","/movies/**/","/actors","/persons/**/","/directors","/discussions","/profiles/**","/discussions/**/","/discussions/all/**/","/replies","/register","/genres", "/css/**","/img/**", "/js/**").permitAll()
                 .anyRequest()
                 .authenticated()
Index: src/main/java/com/wediscussmovies/project/model/Movie.java
===================================================================
--- src/main/java/com/wediscussmovies/project/model/Movie.java	(revision c02189fa25621ce1d654581cba8f42042572979c)
+++ src/main/java/com/wediscussmovies/project/model/Movie.java	(revision 3fe36de5813c3dc0a535a893e180e3b45bfb1430)
@@ -95,5 +95,12 @@
 
 
-
+    public String getShortTitle(){
+        int to = 20;
+        if (title.length() < to)
+            to = title.length();
+        if(to<20)
+            return title;
+        return title.substring(0, to) + "...";
+    }
 
 
Index: src/main/java/com/wediscussmovies/project/model/Person.java
===================================================================
--- src/main/java/com/wediscussmovies/project/model/Person.java	(revision c02189fa25621ce1d654581cba8f42042572979c)
+++ src/main/java/com/wediscussmovies/project/model/Person.java	(revision 3fe36de5813c3dc0a535a893e180e3b45bfb1430)
@@ -92,3 +92,11 @@
     }
 
+    public boolean hasGradeFromUser(User user){
+        for(PersonRates p: personRates){
+            if(p.getUser().getUserId() == user.getUserId())
+                return true;
+        }
+        return false;
+    }
+
 }
Index: src/main/java/com/wediscussmovies/project/service/UserService.java
===================================================================
--- src/main/java/com/wediscussmovies/project/service/UserService.java	(revision c02189fa25621ce1d654581cba8f42042572979c)
+++ src/main/java/com/wediscussmovies/project/service/UserService.java	(revision 3fe36de5813c3dc0a535a893e180e3b45bfb1430)
@@ -10,3 +10,5 @@
      User findByUsername(String username);
      User register(String email, String username, String password, String confirmPassword, String name, String surname);
+
+    User findById(Integer id);
 }
Index: src/main/java/com/wediscussmovies/project/service/impl/UserServiceImpl.java
===================================================================
--- src/main/java/com/wediscussmovies/project/service/impl/UserServiceImpl.java	(revision c02189fa25621ce1d654581cba8f42042572979c)
+++ src/main/java/com/wediscussmovies/project/service/impl/UserServiceImpl.java	(revision 3fe36de5813c3dc0a535a893e180e3b45bfb1430)
@@ -48,4 +48,9 @@
 
     @Override
+    public User findById(Integer id) {
+        return userRepository.findById(id).orElseThrow(() -> new UserNotExistException(id.toString()));
+    }
+
+    @Override
     public UserDetails loadUserByUsername(String username) throws UsernameNotFoundException {
         return this.findByUsername(username);
Index: src/main/java/com/wediscussmovies/project/web/controller/PersonController.java
===================================================================
--- src/main/java/com/wediscussmovies/project/web/controller/PersonController.java	(revision c02189fa25621ce1d654581cba8f42042572979c)
+++ src/main/java/com/wediscussmovies/project/web/controller/PersonController.java	(revision 3fe36de5813c3dc0a535a893e180e3b45bfb1430)
@@ -55,5 +55,5 @@
         //Error handling, could be null!!!!!!!!!
         model.addAttribute("person", person);
-
+        addModelPropertiesForUser(model);
         model.addAttribute("contentTemplate", "personShow");
         return "template";
Index: src/main/java/com/wediscussmovies/project/web/controller/UsersController.java
===================================================================
--- src/main/java/com/wediscussmovies/project/web/controller/UsersController.java	(revision c02189fa25621ce1d654581cba8f42042572979c)
+++ src/main/java/com/wediscussmovies/project/web/controller/UsersController.java	(revision 3fe36de5813c3dc0a535a893e180e3b45bfb1430)
@@ -11,8 +11,5 @@
 import org.springframework.stereotype.Controller;
 import org.springframework.ui.Model;
-import org.springframework.web.bind.annotation.GetMapping;
-import org.springframework.web.bind.annotation.PostMapping;
-import org.springframework.web.bind.annotation.RequestMapping;
-import org.springframework.web.bind.annotation.RequestParam;
+import org.springframework.web.bind.annotation.*;
 
 import java.util.ArrayList;
@@ -42,4 +39,10 @@
             return "redirect:/register?error=" + exception.getMessage();
         }
+    }
+    @GetMapping("/profiles/{id}")
+    public String getProfilePage(@PathVariable Integer id, Model model){
+        model.addAttribute("user",userService.findById(id));
+        model.addAttribute("contentTemplate","usersShow");
+        return "template";
     }
     @GetMapping("/register")
Index: src/main/resources/static/css/shared.css
===================================================================
--- src/main/resources/static/css/shared.css	(revision c02189fa25621ce1d654581cba8f42042572979c)
+++ src/main/resources/static/css/shared.css	(revision 3fe36de5813c3dc0a535a893e180e3b45bfb1430)
@@ -164,5 +164,5 @@
 .genres-listing ul li{
     background-color: rgba(192,128,128,0.7);
-    text-decoration: none !important;
+    text-decoration: none;
 }
 
@@ -214,2 +214,90 @@
     display: none;
 }
+
+.user-text{
+    font-size: 95%;
+    text-decoration: none !important;
+    text-decoration-color: transparent;
+    text-align: justify;
+}
+
+.user-text-small{
+    font-size: 85%;
+    text-decoration: none !important;
+    text-decoration-color: transparent;
+    text-align: justify;
+}
+
+
+.user-movies-list{
+    margin: auto;
+    margin-top: 20px;
+    padding: 10px;
+    width: 80%;
+    background-color: rgba(52, 58, 64, 0.7);
+    border-radius: 10px;
+    transition: 200ms;
+    margin-right: 15px;
+    color: white;
+    transition: 200ms;
+}
+
+.user-movies-list:hover{
+    background-color: rgba(52, 58, 64, 1);
+}
+
+.user-movies-list ul{
+    list-style-type: none;
+    width: 99%;
+    margin: auto;
+    display: none;
+}
+
+.hidden-class{
+    background-color: rgba(192,255,192,0.6);
+    color: black;
+}
+
+.hidden-class:hover{
+    background-color: rgba(128,255,128,1) !important;
+
+}
+
+.user-movies-list ul li{
+    color:black;
+    background-color: rgba(255,255,255,0.7);
+    padding: 12px;
+    font-size: 80%;
+    width: 90%;
+    text-align: center;
+    margin: auto;
+    transition: 200ms;
+    border-radius: 10px;
+    margin-bottom: 5px;
+    text-decoration: none;
+    float: left;
+}
+
+.user-movies-list hr{
+    color: white;
+    background-color: white;
+    border-color: white;
+}
+
+
+.user-movies-list ul li:hover{
+    background-color: rgba(255,255,255,1);
+}
+
+.rate-title{
+    font-size: 130%;
+}
+
+#buttons-person{
+    margin-top: 10px;
+}
+
+#buttons-person li{
+    float: left;
+    margin-right: 10px;
+}
Index: src/main/resources/static/js/sharedScript.js
===================================================================
--- src/main/resources/static/js/sharedScript.js	(revision c02189fa25621ce1d654581cba8f42042572979c)
+++ src/main/resources/static/js/sharedScript.js	(revision 3fe36de5813c3dc0a535a893e180e3b45bfb1430)
@@ -88,4 +88,18 @@
         else
             $("#filters_div").fadeToggle();
+    })
+
+    $(".user-movies-list").on("click", function (){
+        children = $(this).children()
+        first = true
+        for (let item of children){
+            if(first){
+                first = !first
+            }
+            else{
+                $(item).fadeToggle();
+            }
+        }
+        $(this).toggleClass("hidden-class")
     })
 
Index: src/main/resources/templates/discussion.html
===================================================================
--- src/main/resources/templates/discussion.html	(revision c02189fa25621ce1d654581cba8f42042572979c)
+++ src/main/resources/templates/discussion.html	(revision 3fe36de5813c3dc0a535a893e180e3b45bfb1430)
@@ -19,5 +19,7 @@
         <br>
         <h6 style="width: 60%; float:left;">
+            <a th:href="@{'/profiles/{id}' (id=${disc.getUser().getUserId()})}" >
             <span th:text="${'Поставено од: '+disc.getUser().getUsername()}"></span>
+            </a>
             <span th:text="${', на датум '+ disc.getDate()}"></span>
             <br>
@@ -48,5 +50,7 @@
             <td th:text="${reply.getText()}"></td>
             <td th:text="${reply.getDate()}"></td>
-            <td th:text="${reply.getUser().getUsername()}"></td>
+            <td >
+                <a th:href="@{'/profiles/{id}' (id=${reply.getUser().getUserId()})}" th:text="${reply.getUser().getUsername()}"></a>
+            </td>
             <td th:if="${reply.getUser().equals(user)}"><a class="btn btn-warning" th:href="@{'/replies/edit/{discussionId}/{replyId}' (discussionId=${disc.getDiscussionId()},replyId=${reply.getReplyId()})}">Промени</a> </td>
             <td th:if="${reply.getUser().equals(user)}"><a class="btn btn-danger button-delete-reply" th:reply-id="${reply.getReplyId()}" th:dicsussion-id="${disc.getDiscussionId()}">Избриши</a> </td>
Index: src/main/resources/templates/discussionsList.html
===================================================================
--- src/main/resources/templates/discussionsList.html	(revision c02189fa25621ce1d654581cba8f42042572979c)
+++ src/main/resources/templates/discussionsList.html	(revision 3fe36de5813c3dc0a535a893e180e3b45bfb1430)
@@ -1,5 +1,5 @@
 <div xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.w3.org/1999/xhtml">
     <div class="container mb-4">
-        <a sec:authorize="isAuthenticated()" th:href="@{/discussions/add}">Додади нова дискусија</a>
+        <a sec:authorize="isAuthenticated()" th:href="@{/discussions/add}" class="btn btn-secondary">Додади нова дискусија</a>
     </div>
     <div class="container mb-4">
Index: src/main/resources/templates/movieShow.html
===================================================================
--- src/main/resources/templates/movieShow.html	(revision c02189fa25621ce1d654581cba8f42042572979c)
+++ src/main/resources/templates/movieShow.html	(revision 3fe36de5813c3dc0a535a893e180e3b45bfb1430)
@@ -78,4 +78,7 @@
         <div th:each="rating: ${movie.getRates()}" style="margin-bottom: 10px; border: 2px solid gray; border-radius: 10px; background-color: lightblue; padding: 10px; border-radius: 10px; min-height: 130px;">
                 <div style="width: 60%; float:left;">
+                    <a th:href="@{'/profiles/{id}' (id=${rating.getUser().getUserId()})}">
+                        <h4 th:text="${'Oд: '+rating.getUser().getName() + ' ' + rating.getUser().getSurname()}"> </h4>
+                    </a>
                     <p th:text="${rating.getReason()}" style="text-align: justify"></p>
                 </div>
@@ -93,8 +96,10 @@
         <div th:each="liked: ${movie.getLikes()}" style="margin-bottom: 10px; border: 2px solid gray; border-radius: 10px; background-color: lightblue; padding: 10px; border-radius: 10px; min-height: 60px;">
             <div style="width: 100%; float:left;">
-                <h3  style="text-align: center">
-                    <span th:text="${liked.getUser().getName() + ' ' + liked.getUser().getSurname()}"></span>
-                    <span style="color: green; font-size: 100%" >✔</span>
-                </h3>
+                <a th:href="@{'/profiles/{id}' (id=${liked.getUser().getUserId()})}" >
+                    <h3  style="text-align: center">
+                        <span th:text="${liked.getUser().getName() + ' ' + liked.getUser().getSurname()}"></span>
+                        <span style="color: green; font-size: 100%" >✔</span>
+                    </h3>
+                </a>
             </div>
         </div>
Index: src/main/resources/templates/moviesListPaged.html
===================================================================
--- src/main/resources/templates/moviesListPaged.html	(revision c02189fa25621ce1d654581cba8f42042572979c)
+++ src/main/resources/templates/moviesListPaged.html	(revision 3fe36de5813c3dc0a535a893e180e3b45bfb1430)
@@ -30,5 +30,5 @@
 
     <div class="container mb-4">
-        <a  sec:authorize="isAuthenticated()" th:href="@{/movies/add}">Додади нов филм</a>
+        <a  sec:authorize="isAuthenticated()" th:href="@{/movies/add}" class="btn btn-secondary">Додади нов филм</a>
     </div>
 
@@ -46,6 +46,6 @@
                         </span>
                         <th:block sec:authorize="isAuthenticated()">
-                            <a class="bottom-heart btn btn-success button-add-favourite-list" th:movie-id="${movie.getMovieId()}" th:user-id="${user.getUserId()}" th:if="${!likedMovies.contains(movie)}">❤</a>
-                            <a class="bottom-heart btn btn-danger button-remove-favourite-list" th:movie-id="${movie.getMovieId()}" th:user-id="${user.getUserId()}" th:if="${likedMovies.contains(movie)}">💔</a>
+                            <button class="bottom-heart btn btn-success button-add-favourite-list" th:movie-id="${movie.getMovieId()}" th:user-id="${user.getUserId()}" th:if="${!likedMovies.contains(movie)}">❤</button>
+                            <button class="bottom-heart btn btn-danger button-remove-favourite-list" th:movie-id="${movie.getMovieId()}" th:user-id="${user.getUserId()}" th:if="${likedMovies.contains(movie)}">💔</button>
                         </th:block>
                     </div>
Index: src/main/resources/templates/personShow.html
===================================================================
--- src/main/resources/templates/personShow.html	(revision c02189fa25621ce1d654581cba8f42042572979c)
+++ src/main/resources/templates/personShow.html	(revision 3fe36de5813c3dc0a535a893e180e3b45bfb1430)
@@ -5,5 +5,5 @@
             <h1 th:text="${person.getName() + ' ' + person.getSurname()}" style="text-align: center; padding:10px; background-color: rgba(64,64,64,0.5); color:white; border-radius: 10px 0px"></h1>
             <hr>
-            <h3 th:text="${'Роден на: ' + person.getDateFormatted()}"></h3>
+            <h3 th:text="${'Роден/а на: ' + person.getDateFormatted()}"></h3>
             <div style="background-color: rgba(200,200,200,0.5); border-radius: 10px; padding:15px; ">
                 <h3>Краток Опис:</h3>
@@ -24,5 +24,14 @@
                     <li th:each="movie: ${person.getMovieActors()}" ><a th:text="${movie.getMovie().getTitle()}" th:href="@{'/movies/{id}' (id=${movie.getMovie().getMovieId()})}" ></a></li>
                 </ul>
-            </div>
+            </div><br>
+            <ul style="list-style-type: none; width: 100%; margin: auto" id="buttons-person">
+                <li><a class="btn btn-primary" th:href="@{'discussions/all/{id}?type=P' (id=${person.getPersonId()})}" >Прегледај дискусии</a></li>
+                <th:block sec:authorize="isAuthenticated()">
+                    <li><a class="btn btn-secondary button-add-grade-person" th:person-id="${person.getPersonId()}" th:if="${!person.hasGradeFromUser(user)}">Остави оценка</a></li>
+                    <li><a class="btn btn-secondary button-add-grade-person" th:person-id="${person.getPersonId()}" th:if="${person.hasGradeFromUser(user)}">Промени оценка</a></li>
+                    <li><a class="btn btn-warning" th:href="@{'persons/edit/{personId}' (personId = ${person.getPersonId()})}">Промени</a></li>
+                    <li><a class="btn btn-danger button-delete-actor" th:person-id="${person.getPersonId()}">Избриши</a></li>
+                </th:block>
+            </ul>
         </div>
         <div style="width: 30%; margin-left: 10px; padding:20px; border-left: 3px solid black; border-radius: 10px; float:right">
@@ -39,4 +48,7 @@
         <div th:each="rating: ${person.getPersonRates()}" style="margin-bottom: 10px; border: 2px solid gray; border-radius: 10px; background-color: lightblue; padding: 10px; border-radius: 10px; min-height: 130px;">
             <div style="width: 60%; float:left;">
+                <a th:href="@{'/profiles/{id}' (id=${rating.getUser().getUserId()})}">
+                    <h4 th:text="${'Oд: '+rating.getUser().getName() + ' ' + rating.getUser().getSurname()}"> </h4>
+                </a>
                 <p th:text="${rating.getReason()}" style="text-align: justify"></p>
             </div>
Index: src/main/resources/templates/personsList.html
===================================================================
--- src/main/resources/templates/personsList.html	(revision c02189fa25621ce1d654581cba8f42042572979c)
+++ src/main/resources/templates/personsList.html	(revision 3fe36de5813c3dc0a535a893e180e3b45bfb1430)
@@ -1,6 +1,6 @@
 <div xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.w3.org/1999/xhtml">
 
-    <div>
-        <a sec:authorize="isAuthenticated()" th:href="@{'persons/add'}">Додади актер или режисер</a>
+    <div style="width: 70%; margin: auto;">
+        <a sec:authorize="isAuthenticated()" th:href="@{'persons/add'}" class="btn btn-secondary">Додади актер или режисер</a>
     </div>
     <div class="container mb-4">
@@ -47,5 +47,4 @@
                                 <td>
                                     <a class="btn btn-secondary button-add-grade-person" th:person-id="${person.getPersonId()}">Остави оценка</a>
-
                                 </td>
                             <td>
Index: src/main/resources/templates/template.html
===================================================================
--- src/main/resources/templates/template.html	(revision c02189fa25621ce1d654581cba8f42042572979c)
+++ src/main/resources/templates/template.html	(revision 3fe36de5813c3dc0a535a893e180e3b45bfb1430)
@@ -16,9 +16,12 @@
 </head>
 <body>
-<section class="jumbotron text-center" style="background: url('/img/cover.jpg') center; background-repeat: no-repeat; background-size: 100% auto; height: 280px; margin-bottom: 0px ">
-    <div class="container" >
-        <h1 class="jumbotron-heading" style="z-index: -1"></h1>
-    </div>
-</section>
+<a href="/movies">
+
+    <section class="jumbotron text-center" style="background: url('/img/cover.jpg') center; background-repeat: no-repeat; background-size: 100% auto; height: 280px; margin-bottom: 0px ">
+        <div class="container" >
+            <h1 class="jumbotron-heading" style="z-index: -1"></h1>
+        </div>
+    </section>
+</a>
 
 <header th:replace="fragments/header"></header>
Index: src/main/resources/templates/usersShow.html
===================================================================
--- src/main/resources/templates/usersShow.html	(revision 3fe36de5813c3dc0a535a893e180e3b45bfb1430)
+++ src/main/resources/templates/usersShow.html	(revision 3fe36de5813c3dc0a535a893e180e3b45bfb1430)
@@ -0,0 +1,83 @@
+
+<div xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.w3.org/1999/xhtml">
+    <div style="width: 70%; margin: auto">
+        <h1 th:text="${user.getName() + ' ' + user.getSurname()}" style="text-align: center; padding:10px; background-color: rgba(64,64,64,0.5); color:white; border-radius: 10px 0px"></h1>
+        <hr>
+        <div style="width: 80%; margin: auto">
+            <h3>
+                <span>Е-маил:</span>
+                <span th:text="${user.getEmail()}"></span>
+            </h3>
+            <h3>
+                <span>Корисничко име:</span>
+                <span th:text="${user.getUsername()}"></span>
+            </h3>
+        </div>
+    </div>
+    <div style="width: 60%; margin:auto">
+        <div class="user-movies-list genres-listing hidden-class" style="width: 45%;float: left">
+            <h3>Жанрови кои му се допаднале на корисникот:</h3>
+            <ul>
+                <li th:each="genre: ${user.getUserGenres()}" th:text="${genre.getGenre().getGenreType()}"></li>
+            </ul>
+        </div>
+        <div class="user-movies-list genres-listing hidden-class" style="width: 45%;float: left">
+            <h3>Филмови кои му се допаднале на корисникот:</h3>
+            <ul>
+                <div th:each="movie: ${user.getMovieLikes()}">
+                    <a th:href="@{'/movies/{id}' (id=${movie.getMovie().getMovieId()})}">
+                        <li th:text="${movie.getMovie().getTitle()}"></li>
+                    </a>
+                </div>
+            </ul>
+        </div>
+    </div>
+    <div style="width: 60%; margin: auto">
+        <div class="user-movies-list hidden-class" style="width: 45%;float: left">
+            <h3>Актери и Режисери на кои корисникот им дал оцена:</h3>
+            <ul>
+                <li th:each="person: ${user.getPersonRates()}">
+                    <a th:text="${person.getPerson().getName() + ' ' + person.getPerson().getSurname()}" th:href="@{'/persons/{id}' (id=${person.getPerson().getPersonId()})}" class="rate-title"></a>
+                    <hr>
+                    <h4 th:text="${person.getStarsRated() + '/10'}"></h4>
+                    <br>
+                    <p th:text="${person.getReason()}" class="user-text"></p>
+                </li>
+            </ul>
+        </div>
+        <div class="user-movies-list hidden-class" style="width: 45%;float: left">
+            <h3>Филмови на кои корисникот им дал оцена:</h3>
+            <ul>
+                <li th:each="movieRates: ${user.getMovieRates()}">
+                    <a th:text="${movieRates.getMovie().getTitle() }" th:href="@{'/movies/{id}' (id=${movieRates.getMovie().getMovieId()})}" class="rate-title"></a>
+                    <hr>
+                    <h4 th:text="${movieRates.getStarsRated() + '/10'}"></h4>
+                    <br>
+                    <p th:text="${movieRates.getReason()}" class="user-text"></p>
+                </li>
+            </ul>
+        </div>
+    </div>
+    <div style="width: 60%; margin: auto">
+        <div class="user-movies-list hidden-class" style="width: 45%;float: left">
+            <h3>Дискусии од корисникот:</h3>
+            <ul>
+                <li th:each="discussion: ${user.getDiscussions()}">
+                    <a th:text="${discussion.getTitle() }" th:href="@{'/discussions/{id}' (id=${discussion.getDiscussionId()})}" class="rate-title"></a>
+                    <hr>
+                    <p th:text="${discussion.getText()}" class="user-text-small"></p>
+                </li>
+            </ul>
+        </div>
+        <div class="user-movies-list hidden-class" style="width: 45%;float: left">
+            <h3>Реплики од корисникот:</h3>
+            <ul>
+                <li th:each="reply: ${user.getReplies()}">
+                    <a th:text="${reply.getDiscussion().getTitle() }" th:href="@{'/discussions/{id}' (id=${reply.getDiscussion().getDiscussionId()})}" class="rate-title"></a>
+                    <hr>
+                    <p th:text="${reply.getText()}" class="user-text-small"></p>
+                </li>
+            </ul>
+        </div>
+    </div>
+</div>
Index: target/classes/static/css/shared.css
===================================================================
--- target/classes/static/css/shared.css	(revision c02189fa25621ce1d654581cba8f42042572979c)
+++ target/classes/static/css/shared.css	(revision 3fe36de5813c3dc0a535a893e180e3b45bfb1430)
@@ -164,5 +164,5 @@
 .genres-listing ul li{
     background-color: rgba(192,128,128,0.7);
-    text-decoration: none !important;
+    text-decoration: none;
 }
 
@@ -214,2 +214,90 @@
     display: none;
 }
+
+.user-text{
+    font-size: 95%;
+    text-decoration: none !important;
+    text-decoration-color: transparent;
+    text-align: justify;
+}
+
+.user-text-small{
+    font-size: 85%;
+    text-decoration: none !important;
+    text-decoration-color: transparent;
+    text-align: justify;
+}
+
+
+.user-movies-list{
+    margin: auto;
+    margin-top: 20px;
+    padding: 10px;
+    width: 80%;
+    background-color: rgba(52, 58, 64, 0.7);
+    border-radius: 10px;
+    transition: 200ms;
+    margin-right: 15px;
+    color: white;
+    transition: 200ms;
+}
+
+.user-movies-list:hover{
+    background-color: rgba(52, 58, 64, 1);
+}
+
+.user-movies-list ul{
+    list-style-type: none;
+    width: 99%;
+    margin: auto;
+    display: none;
+}
+
+.hidden-class{
+    background-color: rgba(192,255,192,0.6);
+    color: black;
+}
+
+.hidden-class:hover{
+    background-color: rgba(128,255,128,1) !important;
+
+}
+
+.user-movies-list ul li{
+    color:black;
+    background-color: rgba(255,255,255,0.7);
+    padding: 12px;
+    font-size: 80%;
+    width: 90%;
+    text-align: center;
+    margin: auto;
+    transition: 200ms;
+    border-radius: 10px;
+    margin-bottom: 5px;
+    text-decoration: none;
+    float: left;
+}
+
+.user-movies-list hr{
+    color: white;
+    background-color: white;
+    border-color: white;
+}
+
+
+.user-movies-list ul li:hover{
+    background-color: rgba(255,255,255,1);
+}
+
+.rate-title{
+    font-size: 130%;
+}
+
+#buttons-person{
+    margin-top: 10px;
+}
+
+#buttons-person li{
+    float: left;
+    margin-right: 10px;
+}
Index: target/classes/static/js/sharedScript.js
===================================================================
--- target/classes/static/js/sharedScript.js	(revision c02189fa25621ce1d654581cba8f42042572979c)
+++ target/classes/static/js/sharedScript.js	(revision 3fe36de5813c3dc0a535a893e180e3b45bfb1430)
@@ -88,4 +88,18 @@
         else
             $("#filters_div").fadeToggle();
+    })
+
+    $(".user-movies-list").on("click", function (){
+        children = $(this).children()
+        first = true
+        for (let item of children){
+            if(first){
+                first = !first
+            }
+            else{
+                $(item).fadeToggle();
+            }
+        }
+        $(this).toggleClass("hidden-class")
     })
 
Index: target/classes/templates/discussion.html
===================================================================
--- target/classes/templates/discussion.html	(revision c02189fa25621ce1d654581cba8f42042572979c)
+++ target/classes/templates/discussion.html	(revision 3fe36de5813c3dc0a535a893e180e3b45bfb1430)
@@ -19,5 +19,7 @@
         <br>
         <h6 style="width: 60%; float:left;">
+            <a th:href="@{'/profiles/{id}' (id=${disc.getUser().getUserId()})}" >
             <span th:text="${'Поставено од: '+disc.getUser().getUsername()}"></span>
+            </a>
             <span th:text="${', на датум '+ disc.getDate()}"></span>
             <br>
@@ -48,5 +50,7 @@
             <td th:text="${reply.getText()}"></td>
             <td th:text="${reply.getDate()}"></td>
-            <td th:text="${reply.getUser().getUsername()}"></td>
+            <td >
+                <a th:href="@{'/profiles/{id}' (id=${reply.getUser().getUserId()})}" th:text="${reply.getUser().getUsername()}"></a>
+            </td>
             <td th:if="${reply.getUser().equals(user)}"><a class="btn btn-warning" th:href="@{'/replies/edit/{discussionId}/{replyId}' (discussionId=${disc.getDiscussionId()},replyId=${reply.getReplyId()})}">Промени</a> </td>
             <td th:if="${reply.getUser().equals(user)}"><a class="btn btn-danger button-delete-reply" th:reply-id="${reply.getReplyId()}" th:dicsussion-id="${disc.getDiscussionId()}">Избриши</a> </td>
Index: target/classes/templates/discussionsList.html
===================================================================
--- target/classes/templates/discussionsList.html	(revision c02189fa25621ce1d654581cba8f42042572979c)
+++ target/classes/templates/discussionsList.html	(revision 3fe36de5813c3dc0a535a893e180e3b45bfb1430)
@@ -1,5 +1,5 @@
 <div xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.w3.org/1999/xhtml">
     <div class="container mb-4">
-        <a sec:authorize="isAuthenticated()" th:href="@{/discussions/add}">Додади нова дискусија</a>
+        <a sec:authorize="isAuthenticated()" th:href="@{/discussions/add}" class="btn btn-secondary">Додади нова дискусија</a>
     </div>
     <div class="container mb-4">
Index: target/classes/templates/movieShow.html
===================================================================
--- target/classes/templates/movieShow.html	(revision c02189fa25621ce1d654581cba8f42042572979c)
+++ target/classes/templates/movieShow.html	(revision 3fe36de5813c3dc0a535a893e180e3b45bfb1430)
@@ -78,4 +78,7 @@
         <div th:each="rating: ${movie.getRates()}" style="margin-bottom: 10px; border: 2px solid gray; border-radius: 10px; background-color: lightblue; padding: 10px; border-radius: 10px; min-height: 130px;">
                 <div style="width: 60%; float:left;">
+                    <a th:href="@{'/profiles/{id}' (id=${rating.getUser().getUserId()})}">
+                        <h4 th:text="${'Oд: '+rating.getUser().getName() + ' ' + rating.getUser().getSurname()}"> </h4>
+                    </a>
                     <p th:text="${rating.getReason()}" style="text-align: justify"></p>
                 </div>
@@ -93,8 +96,10 @@
         <div th:each="liked: ${movie.getLikes()}" style="margin-bottom: 10px; border: 2px solid gray; border-radius: 10px; background-color: lightblue; padding: 10px; border-radius: 10px; min-height: 60px;">
             <div style="width: 100%; float:left;">
-                <h3  style="text-align: center">
-                    <span th:text="${liked.getUser().getName() + ' ' + liked.getUser().getSurname()}"></span>
-                    <span style="color: green; font-size: 100%" >✔</span>
-                </h3>
+                <a th:href="@{'/profiles/{id}' (id=${liked.getUser().getUserId()})}" >
+                    <h3  style="text-align: center">
+                        <span th:text="${liked.getUser().getName() + ' ' + liked.getUser().getSurname()}"></span>
+                        <span style="color: green; font-size: 100%" >✔</span>
+                    </h3>
+                </a>
             </div>
         </div>
Index: target/classes/templates/moviesListPaged.html
===================================================================
--- target/classes/templates/moviesListPaged.html	(revision c02189fa25621ce1d654581cba8f42042572979c)
+++ target/classes/templates/moviesListPaged.html	(revision 3fe36de5813c3dc0a535a893e180e3b45bfb1430)
@@ -30,5 +30,5 @@
 
     <div class="container mb-4">
-        <a  sec:authorize="isAuthenticated()" th:href="@{/movies/add}">Додади нов филм</a>
+        <a  sec:authorize="isAuthenticated()" th:href="@{/movies/add}" class="btn btn-secondary">Додади нов филм</a>
     </div>
 
@@ -46,6 +46,6 @@
                         </span>
                         <th:block sec:authorize="isAuthenticated()">
-                            <a class="bottom-heart btn btn-success button-add-favourite-list" th:movie-id="${movie.getMovieId()}" th:user-id="${user.getUserId()}" th:if="${!likedMovies.contains(movie)}">❤</a>
-                            <a class="bottom-heart btn btn-danger button-remove-favourite-list" th:movie-id="${movie.getMovieId()}" th:user-id="${user.getUserId()}" th:if="${likedMovies.contains(movie)}">💔</a>
+                            <button class="bottom-heart btn btn-success button-add-favourite-list" th:movie-id="${movie.getMovieId()}" th:user-id="${user.getUserId()}" th:if="${!likedMovies.contains(movie)}">❤</button>
+                            <button class="bottom-heart btn btn-danger button-remove-favourite-list" th:movie-id="${movie.getMovieId()}" th:user-id="${user.getUserId()}" th:if="${likedMovies.contains(movie)}">💔</button>
                         </th:block>
                     </div>
Index: target/classes/templates/personShow.html
===================================================================
--- target/classes/templates/personShow.html	(revision c02189fa25621ce1d654581cba8f42042572979c)
+++ target/classes/templates/personShow.html	(revision 3fe36de5813c3dc0a535a893e180e3b45bfb1430)
@@ -5,5 +5,5 @@
             <h1 th:text="${person.getName() + ' ' + person.getSurname()}" style="text-align: center; padding:10px; background-color: rgba(64,64,64,0.5); color:white; border-radius: 10px 0px"></h1>
             <hr>
-            <h3 th:text="${'Роден на: ' + person.getDateFormatted()}"></h3>
+            <h3 th:text="${'Роден/а на: ' + person.getDateFormatted()}"></h3>
             <div style="background-color: rgba(200,200,200,0.5); border-radius: 10px; padding:15px; ">
                 <h3>Краток Опис:</h3>
@@ -24,5 +24,14 @@
                     <li th:each="movie: ${person.getMovieActors()}" ><a th:text="${movie.getMovie().getTitle()}" th:href="@{'/movies/{id}' (id=${movie.getMovie().getMovieId()})}" ></a></li>
                 </ul>
-            </div>
+            </div><br>
+            <ul style="list-style-type: none; width: 100%; margin: auto" id="buttons-person">
+                <li><a class="btn btn-primary" th:href="@{'discussions/all/{id}?type=P' (id=${person.getPersonId()})}" >Прегледај дискусии</a></li>
+                <th:block sec:authorize="isAuthenticated()">
+                    <li><a class="btn btn-secondary button-add-grade-person" th:person-id="${person.getPersonId()}" th:if="${!person.hasGradeFromUser(user)}">Остави оценка</a></li>
+                    <li><a class="btn btn-secondary button-add-grade-person" th:person-id="${person.getPersonId()}" th:if="${person.hasGradeFromUser(user)}">Промени оценка</a></li>
+                    <li><a class="btn btn-warning" th:href="@{'persons/edit/{personId}' (personId = ${person.getPersonId()})}">Промени</a></li>
+                    <li><a class="btn btn-danger button-delete-actor" th:person-id="${person.getPersonId()}">Избриши</a></li>
+                </th:block>
+            </ul>
         </div>
         <div style="width: 30%; margin-left: 10px; padding:20px; border-left: 3px solid black; border-radius: 10px; float:right">
@@ -39,4 +48,7 @@
         <div th:each="rating: ${person.getPersonRates()}" style="margin-bottom: 10px; border: 2px solid gray; border-radius: 10px; background-color: lightblue; padding: 10px; border-radius: 10px; min-height: 130px;">
             <div style="width: 60%; float:left;">
+                <a th:href="@{'/profiles/{id}' (id=${rating.getUser().getUserId()})}">
+                    <h4 th:text="${'Oд: '+rating.getUser().getName() + ' ' + rating.getUser().getSurname()}"> </h4>
+                </a>
                 <p th:text="${rating.getReason()}" style="text-align: justify"></p>
             </div>
Index: target/classes/templates/personsList.html
===================================================================
--- target/classes/templates/personsList.html	(revision c02189fa25621ce1d654581cba8f42042572979c)
+++ target/classes/templates/personsList.html	(revision 3fe36de5813c3dc0a535a893e180e3b45bfb1430)
@@ -1,6 +1,6 @@
 <div xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.w3.org/1999/xhtml">
 
-    <div>
-        <a sec:authorize="isAuthenticated()" th:href="@{'persons/add'}">Додади актер или режисер</a>
+    <div style="width: 70%; margin: auto;">
+        <a sec:authorize="isAuthenticated()" th:href="@{'persons/add'}" class="btn btn-secondary">Додади актер или режисер</a>
     </div>
     <div class="container mb-4">
@@ -47,5 +47,4 @@
                                 <td>
                                     <a class="btn btn-secondary button-add-grade-person" th:person-id="${person.getPersonId()}">Остави оценка</a>
-
                                 </td>
                             <td>
Index: target/classes/templates/template.html
===================================================================
--- target/classes/templates/template.html	(revision c02189fa25621ce1d654581cba8f42042572979c)
+++ target/classes/templates/template.html	(revision 3fe36de5813c3dc0a535a893e180e3b45bfb1430)
@@ -16,9 +16,12 @@
 </head>
 <body>
-<section class="jumbotron text-center" style="background: url('/img/cover.jpg') center; background-repeat: no-repeat; background-size: 100% auto; height: 280px; margin-bottom: 0px ">
-    <div class="container" >
-        <h1 class="jumbotron-heading" style="z-index: -1"></h1>
-    </div>
-</section>
+<a href="/movies">
+
+    <section class="jumbotron text-center" style="background: url('/img/cover.jpg') center; background-repeat: no-repeat; background-size: 100% auto; height: 280px; margin-bottom: 0px ">
+        <div class="container" >
+            <h1 class="jumbotron-heading" style="z-index: -1"></h1>
+        </div>
+    </section>
+</a>
 
 <header th:replace="fragments/header"></header>
Index: target/classes/templates/usersShow.html
===================================================================
--- target/classes/templates/usersShow.html	(revision 3fe36de5813c3dc0a535a893e180e3b45bfb1430)
+++ target/classes/templates/usersShow.html	(revision 3fe36de5813c3dc0a535a893e180e3b45bfb1430)
@@ -0,0 +1,83 @@
+
+<div xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.w3.org/1999/xhtml">
+    <div style="width: 70%; margin: auto">
+        <h1 th:text="${user.getName() + ' ' + user.getSurname()}" style="text-align: center; padding:10px; background-color: rgba(64,64,64,0.5); color:white; border-radius: 10px 0px"></h1>
+        <hr>
+        <div style="width: 80%; margin: auto">
+            <h3>
+                <span>Е-маил:</span>
+                <span th:text="${user.getEmail()}"></span>
+            </h3>
+            <h3>
+                <span>Корисничко име:</span>
+                <span th:text="${user.getUsername()}"></span>
+            </h3>
+        </div>
+    </div>
+    <div style="width: 60%; margin:auto">
+        <div class="user-movies-list genres-listing hidden-class" style="width: 45%;float: left">
+            <h3>Жанрови кои му се допаднале на корисникот:</h3>
+            <ul>
+                <li th:each="genre: ${user.getUserGenres()}" th:text="${genre.getGenre().getGenreType()}"></li>
+            </ul>
+        </div>
+        <div class="user-movies-list genres-listing hidden-class" style="width: 45%;float: left">
+            <h3>Филмови кои му се допаднале на корисникот:</h3>
+            <ul>
+                <div th:each="movie: ${user.getMovieLikes()}">
+                    <a th:href="@{'/movies/{id}' (id=${movie.getMovie().getMovieId()})}">
+                        <li th:text="${movie.getMovie().getTitle()}"></li>
+                    </a>
+                </div>
+            </ul>
+        </div>
+    </div>
+    <div style="width: 60%; margin: auto">
+        <div class="user-movies-list hidden-class" style="width: 45%;float: left">
+            <h3>Актери и Режисери на кои корисникот им дал оцена:</h3>
+            <ul>
+                <li th:each="person: ${user.getPersonRates()}">
+                    <a th:text="${person.getPerson().getName() + ' ' + person.getPerson().getSurname()}" th:href="@{'/persons/{id}' (id=${person.getPerson().getPersonId()})}" class="rate-title"></a>
+                    <hr>
+                    <h4 th:text="${person.getStarsRated() + '/10'}"></h4>
+                    <br>
+                    <p th:text="${person.getReason()}" class="user-text"></p>
+                </li>
+            </ul>
+        </div>
+        <div class="user-movies-list hidden-class" style="width: 45%;float: left">
+            <h3>Филмови на кои корисникот им дал оцена:</h3>
+            <ul>
+                <li th:each="movieRates: ${user.getMovieRates()}">
+                    <a th:text="${movieRates.getMovie().getTitle() }" th:href="@{'/movies/{id}' (id=${movieRates.getMovie().getMovieId()})}" class="rate-title"></a>
+                    <hr>
+                    <h4 th:text="${movieRates.getStarsRated() + '/10'}"></h4>
+                    <br>
+                    <p th:text="${movieRates.getReason()}" class="user-text"></p>
+                </li>
+            </ul>
+        </div>
+    </div>
+    <div style="width: 60%; margin: auto">
+        <div class="user-movies-list hidden-class" style="width: 45%;float: left">
+            <h3>Дискусии од корисникот:</h3>
+            <ul>
+                <li th:each="discussion: ${user.getDiscussions()}">
+                    <a th:text="${discussion.getTitle() }" th:href="@{'/discussions/{id}' (id=${discussion.getDiscussionId()})}" class="rate-title"></a>
+                    <hr>
+                    <p th:text="${discussion.getText()}" class="user-text-small"></p>
+                </li>
+            </ul>
+        </div>
+        <div class="user-movies-list hidden-class" style="width: 45%;float: left">
+            <h3>Реплики од корисникот:</h3>
+            <ul>
+                <li th:each="reply: ${user.getReplies()}">
+                    <a th:text="${reply.getDiscussion().getTitle() }" th:href="@{'/discussions/{id}' (id=${reply.getDiscussion().getDiscussionId()})}" class="rate-title"></a>
+                    <hr>
+                    <p th:text="${reply.getText()}" class="user-text-small"></p>
+                </li>
+            </ul>
+        </div>
+    </div>
+</div>