Index: src/main/resources/application-prod.properties
===================================================================
--- src/main/resources/application-prod.properties	(revision a51a591b1eec04fb1d9d9128cf341696beef9312)
+++ src/main/resources/application-prod.properties	(revision a51a591b1eec04fb1d9d9128cf341696beef9312)
@@ -0,0 +1,16 @@
+## PostgreSQL
+spring.datasource.url=jdbc:postgresql://localhost:5444/db_202223z_va_prj_eventrra
+spring.datasource.username=db_202223z_va_prj_eventrra_owner
+spring.datasource.password=e5195b942c11
+
+
+## default connection pool
+spring.datasource.hikari.connectionTimeout=20000
+spring.datasource.hikari.maximumPoolSize=5
+
+spring.jpa.properties.hibernate.dialect = org.hibernate.dialect.PostgreSQL95Dialect
+spring.jpa.properties.hibernate.jdbc.lob.non_contextual_creation=true
+spring.jpa.properties.hibernate.default_schema=project
+
+spring.jpa.hibernate.ddl-auto=validate
+spring.jpa.show-sql=true
Index: src/main/resources/application.properties
===================================================================
--- src/main/resources/application.properties	(revision de70cd4fbb548837239a11395f292094a60fa5b9)
+++ src/main/resources/application.properties	(revision a51a591b1eec04fb1d9d9128cf341696beef9312)
@@ -1,3 +1,3 @@
 server.port=9999
 spring.profiles.active=prod
-spring.jpa.properties.hibernate.default_schema=project
+spring.jpa.properties.hibernate.default_schema=public
Index: src/main/resources/static/style.css
===================================================================
--- src/main/resources/static/style.css	(revision a51a591b1eec04fb1d9d9128cf341696beef9312)
+++ src/main/resources/static/style.css	(revision a51a591b1eec04fb1d9d9128cf341696beef9312)
@@ -0,0 +1,166 @@
+.navbar{
+    background: darkkhaki;
+}
+span{
+    color: #b2d7ff;
+    text-decoration: none;
+    background: transparent;
+}
+ul{
+    text-align: justify;
+    margin-left: 50px;
+    margin-right: 50px;
+
+}
+body{
+    background-image: url("https://images.unsplash.com/photo-1511795409834-ef04bbd61622?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=869&q=80");
+    background-size: 100%;
+    background-repeat: no-repeat;
+    background-position: center top -150px; /* Adjust the background position to move the image up */            }
+.navbar-brand{
+    color:yellow;
+}
+.nav-link{
+    color: yellow;
+}
+footer{
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background: #111;
+    height: auto;
+    width: 100vw;
+    padding-top: 40px;
+    color: #fff;
+}
+.footer-content{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    text-align: center;
+    height: 80px;
+}
+.footer-content h3{
+    font-size: 2.1rem;
+    font-weight: 500;
+    text-transform: capitalize;
+    line-height: 3rem;
+    margin-top: 20px;
+}
+.footer-content p{
+    max-width: 500px;
+    margin: 10px auto;
+    line-height: 28px;
+    font-size: 14px;
+    color: #cacdd2;
+}
+.socials{
+    list-style: none;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 1rem 0 3rem 0;
+}
+.socials li{
+    margin: 0 10px;
+}
+.socials a{
+    text-decoration: none;
+    color: #fff;
+    border: 1.1px solid white;
+    padding: 5px;
+    border-radius: 50%;
+}
+.socials a i{
+    font-size: 1.1rem;
+    width: 20px;
+    transition: color .4s ease;
+}
+.socials a:hover i{
+    color: aqua;
+}
+.footer-bottom p{
+    float: left;
+    font-size: 14px;
+    word-spacing: 2px;
+    text-transform: capitalize;
+}
+.footer-bottom p a{
+    color:#44bae8;
+    font-size: 16px;
+    text-decoration: none;
+}
+.footer-bottom span{
+    text-transform: uppercase;
+    opacity: .4;
+    font-weight: 200;
+}
+.footer-menu ul{
+    display: flex;
+}
+.footer-menu ul li{
+    padding-right: 10px;
+    display: block;
+}
+.footer-menu ul li a{
+    color: #cfd2d6;
+    text-decoration: none;
+}
+.footer-menu ul li a:hover{
+    color: #27bcda;
+}
+@media (max-width:500px) {
+    .footer-menu ul{
+        display: flex;
+        margin-top: 10px;
+        margin-bottom: 20px;
+    }
+}
+.kopce{
+    background-color: mediumslateblue;
+    border: none;
+    color: white;
+    padding: 15px 32px;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    font-size: 16px;
+    margin-left: 20px;
+}
+/*#logo{*/
+/*    width:160px;*/
+/*    height: 60px*/
+/*}*/
+h1{
+    color: black;
+    font-size: 60px;
+    font-weight: 700;
+    letter-spacing: 8px;
+    margin-bottom: 20px;
+    margin-left:auto;
+    margin-right:auto;
+    margin-top:50px;
+    position: relative;
+    animation: text 3s 1;
+}
+@keyframes text {
+    0%{
+        color: black;
+        margin-bottom: -40px;
+    }
+    30%{
+        letter-spacing: 25px;
+        margin-bottom: -40px;
+    }
+    85%{
+        letter-spacing: 8px;
+        margin-bottom: -40px;
+    }
+}
+footer{
+    width: 100%;
+    padding: 20px;
+    box-sizing: border-box;
+}
Index: src/main/resources/templates/Home.html
===================================================================
--- src/main/resources/templates/Home.html	(revision de70cd4fbb548837239a11395f292094a60fa5b9)
+++ src/main/resources/templates/Home.html	(revision a51a591b1eec04fb1d9d9128cf341696beef9312)
@@ -4,15 +4,15 @@
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <style>
-
-        .navbar{
+        .navbar {
             background: darkkhaki;
-
-        }
-        span{
+        }
+
+        span {
             color: #b2d7ff;
             text-decoration: none;
             background: transparent;
         }
-        ul{
+
+        ul {
             text-align: justify;
             margin-left: 50px;
@@ -20,30 +20,25 @@
 
         }
-        #txt {text-align: center;
-            margin-top:17.2rem;
-            margin-bottom: 300px;
-            font-size: 110px;
-            color: black;
-        }
-        #txt1 {text-align: center;
-            margin-top:17.2rem;
-            margin-bottom: 300px;
-            font-size: 110px;
-            color: black;
-        }
-        body{
-            background-image: url("../static/eventrabg.jpg");
+
+        body {
+            background-image: url("https://images.unsplash.com/photo-1511795409834-ef04bbd61622?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=869&q=80");
             background-size: 100%;
             background-repeat: no-repeat;
-        }
-        .navbar-brand{
-            color:yellow;
-        }
-        .nav-link{
-            color: yellow;
-        }
-
-        footer{
-            position: absolute;
+            background-position: center top -150px; /* Adjust the background position to move the image up */
+        }
+
+        .navbar-brand {
+            color: #343a40;
+            font-weight: bold;
+        }
+
+        .nav-link {
+            color: #343a40;
+            font-weight: bold;
+
+        }
+
+        footer {
+            position: fixed;
             bottom: 0;
             left: 0;
@@ -52,9 +47,9 @@
             height: auto;
             width: 100vw;
-
             padding-top: 40px;
             color: #fff;
         }
-        .footer-content{
+
+        .footer-content {
             display: flex;
             align-items: center;
@@ -62,13 +57,16 @@
             flex-direction: column;
             text-align: center;
-            height: 100px;
-        }
-        .footer-content h3{
+            height: 80px;
+        }
+
+        .footer-content h3 {
             font-size: 2.1rem;
             font-weight: 500;
             text-transform: capitalize;
             line-height: 3rem;
-        }
-        .footer-content p{
+            margin-top: 20px;
+        }
+
+        .footer-content p {
             max-width: 500px;
             margin: 10px auto;
@@ -77,5 +75,6 @@
             color: #cacdd2;
         }
-        .socials{
+
+        .socials {
             list-style: none;
             display: flex;
@@ -84,36 +83,28 @@
             margin: 1rem 0 3rem 0;
         }
-        .socials li{
+
+        .socials li {
             margin: 0 10px;
         }
-        .socials a{
+
+        .socials a {
             text-decoration: none;
             color: #fff;
             border: 1.1px solid white;
             padding: 5px;
-
             border-radius: 50%;
-
-        }
-        .socials a i{
+        }
+
+        .socials a i {
             font-size: 1.1rem;
             width: 20px;
-
-
             transition: color .4s ease;
-
-        }
-        .socials a:hover i{
+        }
+
+        .socials a:hover i {
             color: aqua;
         }
 
-        .footer-bottom{
-            background: #000;
-            width: 100vw;
-            padding: 20px;
-            padding-bottom: 40px;
-            text-align: center;
-        }
-        .footer-bottom p{
+        .footer-bottom p {
             float: left;
             font-size: 14px;
@@ -121,35 +112,37 @@
             text-transform: capitalize;
         }
-        .footer-bottom p a{
-            color:#44bae8;
+
+        .footer-bottom p a {
+            color: #44bae8;
             font-size: 16px;
             text-decoration: none;
         }
-        .footer-bottom span{
+
+        .footer-bottom span {
             text-transform: uppercase;
             opacity: .4;
             font-weight: 200;
         }
-        .footer-menu{
-            float: right;
-
-        }
-        .footer-menu ul{
+
+        .footer-menu ul {
             display: flex;
         }
-        .footer-menu ul li{
+
+        .footer-menu ul li {
             padding-right: 10px;
             display: block;
         }
-        .footer-menu ul li a{
+
+        .footer-menu ul li a {
             color: #cfd2d6;
             text-decoration: none;
         }
-        .footer-menu ul li a:hover{
+
+        .footer-menu ul li a:hover {
             color: #27bcda;
         }
 
-        @media (max-width:500px) {
-            .footer-menu ul{
+        @media (max-width: 500px) {
+            .footer-menu ul {
                 display: flex;
                 margin-top: 10px;
@@ -158,5 +151,5 @@
         }
 
-        .kopce{
+        .kopce {
             background-color: mediumslateblue;
             border: none;
@@ -170,116 +163,117 @@
         }
 
-        #logo{
-            width:160px;
-            height: 60px
+        /*#logo{*/
+        /*    width:160px;*/
+        /*    height: 60px*/
+        /*}*/
+        h1 {
+            color: black;
+            font-size: 60px;
+            font-weight: 700;
+            letter-spacing: 8px;
+            margin-bottom: 20px;
+            margin-left: auto;
+            margin-right: auto;
+            margin-top: 50px;
+            position: relative;
+            animation: text 3s 1;
+        }
+
+        @keyframes text {
+            0% {
+                color: black;
+                margin-bottom: -40px;
+            }
+            30% {
+                letter-spacing: 25px;
+                margin-bottom: -40px;
+            }
+            85% {
+                letter-spacing: 8px;
+                margin-bottom: -40px;
+            }
+        }
+
+        footer {
+            width: 100%;
+            padding: 20px;
+            box-sizing: border-box;
         }
     </style>
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta charset="UTF-8"/>
-    <title>Home</title>
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
-    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
-    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
+    <title>Home - Eventrra</title>
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
+          integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
+            integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
+            crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
+            integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
+            crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
+            integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
+            crossorigin="anonymous"></script>
 </head>
 <body>
 <div>
-<nav class="navbar navbar-expand-md ">
-    <div  class="container">
-
-        <img id="logo" src="../static/logoeventra.png">
-        <a class="navbar-brand" href="/home"></a>
-        <a class="navbar-brand" href="/home"> Eventrra</a>
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
-                aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-        </button>
-
-        <div class="collapse navbar-collapse justify-content-end" id="navbarsExampleDefault">
-            <ul class="navbar-nav m-auto">
-
-                <li  class="nav-item m-auto">
-                    <a  class="nav-link active" href="/home">Home</a>
-                </li>
-
-                <li  class="nav-item m-auto">
-                    <a class="kopce" href="/home/hostevent">Host an event</a>
-                </li>
-            </ul>
-            <form class="form-inline my-2 my-lg-0">
-
-            <div th:if="${session.user==null}">
-                    <a class="btn btn-light btn-sm ml-3" href="/login">
-                         Login
-                    </a>
-
-                    <a  class="btn btn-light btn-sm ml-3" href="/register">
-                         SignUp
-                    </a>
+    <nav class="navbar navbar-expand-md ">
+        <div class="container">
+            <!--                    <img class="u-image u-image-default u-image-1" src="../static/logoeventra.png" alt="" data-image-width="648" data-image-height="292">-->
+            <!--                <a class="navbar-brand" href="/home"></a>-->
+            <a class="navbar-brand"> Eventrra</a>
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
+                    aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse justify-content-end" id="navbarsExampleDefault">
+                <ul class="navbar-nav m-auto">
+
+                    <li th:if="${session.user!=null}" class="nav-item m-auto">
+                        <a class="nav-link active" href="/">Home</a>
+                    </li>
+
+                    <li th:if="${session.user!=null and session.role == 'ROLE_CLIENT'}"
+                        class="nav-item m-auto">
+                    <a class="kopce" href="/host_event">Host an event</a>
+                    </li>
+                    <li th:if="${session.user!=null}" class="nav-item m-auto">
+                        <a class="nav-link active" href="/my_events">Scheduled events</a>
+                    </li>
+                </ul>
+
+                <form class="form-inline my-2 my-lg-0">
+
+                    <div th:if="${session.user==null}">
+                        <a class="btn btn-light btn-sm ml-3" href="/login">
+                            Login
+                        </a>
+
+                        <a class="btn btn-light btn-sm ml-3" href="/register">
+                            Sign up
+                        </a>
+                    </div>
+                    <div style="text-align: center" th:if="${session.user!=null}" class="nav-item m-auto">
+                        <a th:text="${session.user.username}" style="color:white; font-size: 20px;"
+                           class="nav-link active" href="/login/profile"></a>
+                    </div>
+
+                    <div th:if="${session.user!=null}">
+                        <a class="btn btn-light btn-sm ml-3" href="/logout">
+                            Log out
+                        </a>
+                    </div>
+                </form>
             </div>
-                <div  style="  text-align: center"  th:if="${session.user!=null}" class="nav-item m-auto">
-                    <a th:text="${session.user.username}" style="color:white; font-size: 20px;" class="nav-link active" href="/login/profile"></a>
-                </div>
-
-                <div th:if="${session.user!=null}">
-                    <a class="btn btn-light btn-sm ml-3" href="/logout">
-                         Log out
-                    </a>
-
-
-
-                    </a>
-                </div>
-
-            </form>
         </div>
-    </div>
-</nav>
+    </nav>
 </div>
-
-
-
-
-<style>
-    h1{
-        color: black;
-        font-size: 60px;
-        font-weight: 700;
-        letter-spacing: 8px;
-        margin-bottom: 20px;
-        margin-left:auto;
-        margin-right:auto;
-        margin-top:50px;
-        position: relative;
-        animation: text 3s 1;
-    }
-
-
-    @keyframes text {
-        0%{
-            color: black;
-            margin-bottom: -40px;
-        }
-        30%{
-            letter-spacing: 25px;
-            margin-bottom: -40px;
-        }
-        85%{
-            letter-spacing: 8px;
-            margin-bottom: -40px;
-        }
-    }
-
-</style>
-
-
-
-</section>
-</body>
-<!-- Footer -->
-
-
+<!--        <div class="ml-5">-->
+<!--        <img class="img-fluid" src="https://images.unsplash.com/photo-1511795409834-ef04bbd61622?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=869&q=80" alt="Image">-->
+<!--        </div>-->
 <footer>
     <div class="footer-content">
+        <br>
         <h3>Contact us</h3>
 
@@ -292,12 +286,5 @@
         </ul>
     </div>
-
-
 </footer>
-
-
-
-
-
-
+</body>
 </html>
Index: src/main/resources/templates/host_event.html
===================================================================
--- src/main/resources/templates/host_event.html	(revision a51a591b1eec04fb1d9d9128cf341696beef9312)
+++ src/main/resources/templates/host_event.html	(revision a51a591b1eec04fb1d9d9128cf341696beef9312)
@@ -0,0 +1,347 @@
+<!DOCTYPE html>
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
+<head>
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+    <style>
+        .navbar {
+            background: darkkhaki;
+        }
+
+        span {
+            color: #b2d7ff;
+            text-decoration: none;
+            background: transparent;
+        }
+
+        ul {
+            text-align: justify;
+            margin-left: 50px;
+            margin-right: 50px;
+
+        }
+
+        body {
+          background-color: wheat;
+        }
+
+        .navbar-brand {
+            color: #343a40;
+            font-weight: bold;
+        }
+
+        .nav-link {
+            color: #343a40;
+            font-weight: bold;
+
+        }
+
+        footer {
+            position: fixed;
+            bottom: 0;
+            left: 0;
+            right: 0;
+            background: #111;
+            height: auto;
+            width: 100vw;
+            padding-top: 40px;
+            color: #fff;
+        }
+
+        .footer-content {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-direction: column;
+            text-align: center;
+            height: 80px;
+        }
+
+        .footer-content h3 {
+            font-size: 2.1rem;
+            font-weight: 500;
+            text-transform: capitalize;
+            line-height: 3rem;
+            margin-top: 20px;
+        }
+
+        .footer-content p {
+            max-width: 500px;
+            margin: 10px auto;
+            line-height: 28px;
+            font-size: 14px;
+            color: #cacdd2;
+        }
+
+        .socials {
+            list-style: none;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin: 1rem 0 3rem 0;
+        }
+
+        .socials li {
+            margin: 0 10px;
+        }
+
+        .socials a {
+            text-decoration: none;
+            color: #fff;
+            border: 1.1px solid white;
+            padding: 5px;
+            border-radius: 50%;
+        }
+
+        .socials a i {
+            font-size: 1.1rem;
+            width: 20px;
+            transition: color .4s ease;
+        }
+
+        .socials a:hover i {
+            color: aqua;
+        }
+
+        .footer-bottom p {
+            float: left;
+            font-size: 14px;
+            word-spacing: 2px;
+            text-transform: capitalize;
+        }
+
+        .footer-bottom p a {
+            color: #44bae8;
+            font-size: 16px;
+            text-decoration: none;
+        }
+
+        .footer-bottom span {
+            text-transform: uppercase;
+            opacity: .4;
+            font-weight: 200;
+        }
+
+        .footer-menu ul {
+            display: flex;
+        }
+
+        .footer-menu ul li {
+            padding-right: 10px;
+            display: block;
+        }
+
+        .footer-menu ul li a {
+            color: #cfd2d6;
+            text-decoration: none;
+        }
+
+        .footer-menu ul li a:hover {
+            color: #27bcda;
+        }
+
+        @media (max-width: 500px) {
+            .footer-menu ul {
+                display: flex;
+                margin-top: 10px;
+                margin-bottom: 20px;
+            }
+        }
+
+        .kopce {
+            background-color: mediumslateblue;
+            border: none;
+            color: white;
+            padding: 15px 32px;
+            text-align: center;
+            text-decoration: none;
+            display: inline-block;
+            font-size: 16px;
+            margin-left: 20px;
+        }
+
+        /*#logo{*/
+        /*    width:160px;*/
+        /*    height: 60px*/
+        /*}*/
+        h1 {
+            color: black;
+            font-size: 60px;
+            font-weight: 700;
+            letter-spacing: 8px;
+            margin-bottom: 20px;
+            margin-left: auto;
+            margin-right: auto;
+            margin-top: 50px;
+            position: relative;
+            animation: text 3s 1;
+        }
+
+        @keyframes text {
+            0% {
+                color: black;
+                margin-bottom: -40px;
+            }
+            30% {
+                letter-spacing: 25px;
+                margin-bottom: -40px;
+            }
+            85% {
+                letter-spacing: 8px;
+                margin-bottom: -40px;
+            }
+        }
+
+        footer {
+            width: 100%;
+            padding: 20px;
+            box-sizing: border-box;
+        }
+
+        #hostEventText{
+            color: white;
+            font-weight: bold;
+        }
+    </style>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="UTF-8"/>
+    <title>Host Event</title>
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
+          integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
+            integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
+            crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
+            integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
+            crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
+            integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
+            crossorigin="anonymous"></script>
+</head>
+<body>
+<div>
+    <nav class="navbar navbar-expand-md ">
+        <div class="container">
+            <!--                    <img class="u-image u-image-default u-image-1" src="../static/logoeventra.png" alt="" data-image-width="648" data-image-height="292">-->
+            <!--                <a class="navbar-brand" href="/home"></a>-->
+            <a class="navbar-brand"> Eventrra</a>
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
+                    aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse justify-content-end" id="navbarsExampleDefault">
+                <ul class="navbar-nav m-auto">
+
+                    <li th:if="${session.user!=null}" class="nav-item m-auto">
+                        <a class="nav-link active" href="/">Home</a>
+                    </li>
+
+                    <li th:if="${session.user!=null and session.role == 'ROLE_CLIENT'}"
+                        class="nav-item m-auto">
+                        <a class="kopce" href="/host_event">Host an event</a>
+                    </li>
+                    <li th:if="${session.user!=null}" class="nav-item m-auto">
+                        <a class="nav-link active" href="/my_events">Scheduled events</a>
+                    </li>
+                </ul>
+
+                <form class="form-inline my-2 my-lg-0">
+
+                    <div th:if="${session.user==null}">
+                        <a class="btn btn-light btn-sm ml-3" href="/login">
+                            Login
+                        </a>
+
+                        <a class="btn btn-light btn-sm ml-3" href="/register">
+                            Sign up
+                        </a>
+                    </div>
+                    <div style="text-align: center" th:if="${session.user!=null}" class="nav-item m-auto">
+                        <a th:text="${session.user.username}" style="color:white; font-size: 20px;"
+                           class="nav-link active" href="/login/profile"></a>
+                    </div>
+
+                    <div th:if="${session.user!=null}">
+                        <a class="btn btn-light btn-sm ml-3" href="/logout">
+                            Log out
+                        </a>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </nav>
+</div>
+<br>
+<div class="container">
+    <form class="form-signin mt-xl-5" method="POST" action="/host_event">
+        <h2 class="form-signin-heading" id="hostEventText">Host an event</h2>
+        <p>
+            <label for="time">Time</label>
+            <input type="text" id="time" name="time" class="form-control"
+                   placeholder="Choose the time of the event" required="required">
+        </p>
+
+        <p>
+            <label for="date">Date</label>
+            <input type="date" id="date" name="date" class="form-control"
+                   placeholder="Choose the date of the event" required="required">
+        </p>
+
+        <label for="location">Location</label>
+        <select id="location" name="location" class="form-control" required="required">
+            <option th:each="l : ${locations}"
+                    th:text="${l.getAddress()}"
+                    th.value="${l.getAdress()}">
+            </option>
+        </select>
+
+        <p>
+            <label for="type">Type</label>
+            <input type="text" id="type" name="type" class="form-control" placeholder="Type of the event" required="required">
+        </p>
+
+        <p>
+            <label for="description">Description</label>
+            <input type="text" width="auto" height = "150px" id="description"
+                   name="description" class="form-control" placeholder="Description of the event">
+        </p>
+
+        <p >
+            <label for="bands">Select band/s</label>
+            <br>
+            <input type="checkbox" id="bands" name="bands"
+                   th:each="b : ${bands}"
+                   th:text="${b.getName()}"
+                   th:value="${b.getId()}">
+            <!--            <button type="button" class="btn btn-primary add-field" onclick="addField()">Add Field</button>-->
+        </p>
+
+        <p>
+            <label for="caterings">Select catering/s</label>
+            <br>
+            <input type="checkbox" id="caterings" name="caterings"
+                   th:each="c : ${caterings}"
+                   th:text="${c.getName()}"
+                   th:value="${c.getId()}">
+        </p>
+
+<!--        <p>-->
+<!--            <label for="number_waiters">Number of waiters</label>-->
+<!--            <input type="text" id="number_waiters" name="number_waiters" class="form-control"-->
+<!--                   placeholder="Number of waiters for the event" required="required">-->
+<!--        </p>-->
+
+        <p>
+            <label for="photographers">Select photographer/s</label>
+            <br>
+            <input type="checkbox" id="photographers" name="photographers"
+                   th:each="p : ${photographers}"
+                   th:text="${p.getName()}"
+                   th:value="${p.getId()}">
+        </p>
+        <button class="btn btn-lg btn-primary btn-block" type="submit">Make a reservation</button>
+    </form>
+</div>
+<br>
+</body>
+</html>
Index: src/main/resources/templates/login.html
===================================================================
--- src/main/resources/templates/login.html	(revision a51a591b1eec04fb1d9d9128cf341696beef9312)
+++ src/main/resources/templates/login.html	(revision a51a591b1eec04fb1d9d9128cf341696beef9312)
@@ -0,0 +1,308 @@
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" lang="">
+<head>
+    <title>Login</title>
+    <head>
+        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+        <style>
+            .navbar {
+                background: darkkhaki;
+            }
+
+            span {
+                color: #b2d7ff;
+                text-decoration: none;
+                background: transparent;
+            }
+
+            ul {
+                text-align: justify;
+                margin-left: 50px;
+                margin-right: 50px;
+
+            }
+
+            body {
+                background-image: url("https://images.unsplash.com/photo-1511795409834-ef04bbd61622?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=869&q=80");
+                background-size: 100%;
+                background-repeat: no-repeat;
+                background-position: center top -150px; /* Adjust the background position to move the image up */
+            }
+
+            .navbar-brand {
+                color: #343a40;
+                font-weight: bold;
+            }
+
+            .nav-link {
+                color: #343a40;
+                font-weight: bold;
+
+            }
+
+            footer {
+                position: fixed;
+                bottom: 0;
+                left: 0;
+                right: 0;
+                background: #111;
+                height: auto;
+                width: 100vw;
+                padding-top: 40px;
+                color: #fff;
+            }
+
+            .footer-content {
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                flex-direction: column;
+                text-align: center;
+                height: 80px;
+            }
+
+            .footer-content h3 {
+                font-size: 2.1rem;
+                font-weight: 500;
+                text-transform: capitalize;
+                line-height: 3rem;
+                margin-top: 20px;
+            }
+
+            .footer-content p {
+                max-width: 500px;
+                margin: 10px auto;
+                line-height: 28px;
+                font-size: 14px;
+                color: #cacdd2;
+            }
+
+            .socials {
+                list-style: none;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                margin: 1rem 0 3rem 0;
+            }
+
+            .socials li {
+                margin: 0 10px;
+            }
+
+            .socials a {
+                text-decoration: none;
+                color: #fff;
+                border: 1.1px solid white;
+                padding: 5px;
+                border-radius: 50%;
+            }
+
+            .socials a i {
+                font-size: 1.1rem;
+                width: 20px;
+                transition: color .4s ease;
+            }
+
+            .socials a:hover i {
+                color: aqua;
+            }
+
+            .footer-bottom p {
+                float: left;
+                font-size: 14px;
+                word-spacing: 2px;
+                text-transform: capitalize;
+            }
+
+            .footer-bottom p a {
+                color: #44bae8;
+                font-size: 16px;
+                text-decoration: none;
+            }
+
+            .footer-bottom span {
+                text-transform: uppercase;
+                opacity: .4;
+                font-weight: 200;
+            }
+
+            .footer-menu ul {
+                display: flex;
+            }
+
+            .footer-menu ul li {
+                padding-right: 10px;
+                display: block;
+            }
+
+            .footer-menu ul li a {
+                color: #cfd2d6;
+                text-decoration: none;
+            }
+
+            .footer-menu ul li a:hover {
+                color: #27bcda;
+            }
+
+            @media (max-width: 500px) {
+                .footer-menu ul {
+                    display: flex;
+                    margin-top: 10px;
+                    margin-bottom: 20px;
+                }
+            }
+
+            .kopce {
+                background-color: mediumslateblue;
+                border: none;
+                color: white;
+                padding: 15px 32px;
+                text-align: center;
+                text-decoration: none;
+                display: inline-block;
+                font-size: 16px;
+                margin-left: 20px;
+            }
+
+            /*#logo{*/
+            /*    width:160px;*/
+            /*    height: 60px*/
+            /*}*/
+            h1 {
+                color: black;
+                font-size: 60px;
+                font-weight: 700;
+                letter-spacing: 8px;
+                margin-bottom: 20px;
+                margin-left: auto;
+                margin-right: auto;
+                margin-top: 50px;
+                position: relative;
+                animation: text 3s 1;
+            }
+
+            @keyframes text {
+                0% {
+                    color: black;
+                    margin-bottom: -40px;
+                }
+                30% {
+                    letter-spacing: 25px;
+                    margin-bottom: -40px;
+                }
+                85% {
+                    letter-spacing: 8px;
+                    margin-bottom: -40px;
+                }
+            }
+
+            footer {
+                width: 100%;
+                padding: 20px;
+                box-sizing: border-box;
+            }
+
+            #signInText{
+                color:white;
+                font-weight: 500;
+            }
+        </style>
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
+              integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+        <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
+                integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
+                crossorigin="anonymous"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
+                integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
+                crossorigin="anonymous"></script>
+        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
+                integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
+                crossorigin="anonymous"></script>
+    </head>
+
+<body>
+    <div>
+        <nav class="navbar navbar-expand-md ">
+            <div class="container">
+                <!--                    <img class="u-image u-image-default u-image-1" src="../static/logoeventra.png" alt="" data-image-width="648" data-image-height="292">-->
+                <!--                <a class="navbar-brand" href="/home"></a>-->
+                <a class="navbar-brand"> Eventrra</a>
+                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
+                        aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
+                    <span class="navbar-toggler-icon"></span>
+                </button>
+
+                <div class="collapse navbar-collapse justify-content-end" id="navbarsExampleDefault">
+                    <ul class="navbar-nav m-auto">
+
+                        <li th:if="${session.user!=null}" class="nav-item m-auto">
+                            <a class="nav-link active" href="/">Home</a>
+                        </li>
+
+                        <li th:if="${session.user!=null and session.role == 'ROLE_CLIENT'}"
+                            class="nav-item m-auto">
+                            <a class="kopce" href="/host_event">Host an event</a>
+                        </li>
+                        <li th:if="${session.user!=null}" class="nav-item m-auto">
+                            <a class="nav-link active" href="/my_events">Scheduled events</a>
+                        </li>
+                    </ul>
+
+                    <form class="form-inline my-2 my-lg-0">
+
+                        <div th:if="${session.user==null}">
+                            <a class="btn btn-light btn-sm ml-3" href="/login">
+                                Login
+                            </a>
+
+                            <a class="btn btn-light btn-sm ml-3" href="/register">
+                                Sign up
+                            </a>
+                        </div>
+                        <div style="text-align: center" th:if="${session.user!=null}" class="nav-item m-auto">
+                            <a th:text="${session.user.username}" style="color:white; font-size: 20px;"
+                               class="nav-link active" href="/login/profile"></a>
+                        </div>
+
+                        <div th:if="${session.user!=null}">
+                            <a class="btn btn-light btn-sm ml-3" href="/logout">
+                                Log out
+                            </a>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </nav>
+    </div>
+    <br>
+    <form th:method="POST" th:action="@{/login}">
+        <div class="container">
+            <form class="form-signin mt-xl-5" method="post" action="/login">
+                <h2 class="form-signin-heading" id="signInText">Sign in</h2>
+                <p>
+                    <label for="username" class="sr-only">Username</label>
+                    <input type="text" id="username" name="username" class="form-control" placeholder="Username" required=""
+                           autofocus="">
+                </p>
+                <p>
+                    <label for="password" class="sr-only">Password</label>
+                    <input type="password" id="password" name="password" class="form-control" placeholder="Password"
+                           required="">
+                </p>
+
+                <div th:if="${hasError}">
+                    <div th:text="${error}" class="text-danger"></div>
+                </div>
+            </form>
+            <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
+        </div>
+    </form>
+    <form th:method="GET" th:action="@{/register}">
+        <div>
+            <button class="btn btn-lg btn-light btn-block" type="submit">You don't have an account? Register here</button>
+        </div>
+    </form>
+    <br>
+</body>
+</html>
Index: src/main/resources/templates/more_details.html
===================================================================
--- src/main/resources/templates/more_details.html	(revision a51a591b1eec04fb1d9d9128cf341696beef9312)
+++ src/main/resources/templates/more_details.html	(revision a51a591b1eec04fb1d9d9128cf341696beef9312)
@@ -0,0 +1,319 @@
+<!DOCTYPE html>
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
+<head>
+    <style>
+        .navbar {
+            background: darkkhaki;
+        }
+
+        span {
+            color: #b2d7ff;
+            text-decoration: none;
+            background: transparent;
+        }
+
+        ul {
+            text-align: justify;
+            margin-left: 50px;
+            margin-right: 50px;
+
+        }
+
+        body {
+            background-color: wheat;
+        }
+
+        .navbar-brand {
+            color: #343a40;
+            font-weight: bold;
+        }
+
+        .nav-link {
+            color: #343a40;
+            font-weight: bold;
+
+        }
+
+        footer {
+            position: fixed;
+            bottom: 0;
+            left: 0;
+            right: 0;
+            background: #111;
+            height: auto;
+            width: 100vw;
+            padding-top: 40px;
+            color: #fff;
+            box-sizing: border-box;
+        }
+
+        .footer-content {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-direction: column;
+            text-align: center;
+            height: 80px;
+        }
+
+        .footer-content h3 {
+            font-size: 2.1rem;
+            font-weight: 500;
+            text-transform: capitalize;
+            line-height: 3rem;
+            margin-top: 20px;
+        }
+
+        .footer-content p {
+            max-width: 500px;
+            margin: 10px auto;
+            line-height: 28px;
+            font-size: 14px;
+            color: #cacdd2;
+        }
+
+        .socials {
+            list-style: none;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin: 1rem 0 3rem 0;
+        }
+
+        .socials li {
+            margin: 0 10px;
+        }
+
+        .socials a {
+            text-decoration: none;
+            color: #fff;
+            border: 1.1px solid white;
+            padding: 5px;
+            border-radius: 50%;
+        }
+
+        .socials a i {
+            font-size: 1.1rem;
+            width: 20px;
+            transition: color .4s ease;
+        }
+
+        .socials a:hover i {
+            color: aqua;
+        }
+
+        .footer-bottom p {
+            float: left;
+            font-size: 14px;
+            word-spacing: 2px;
+            text-transform: capitalize;
+        }
+
+        .footer-bottom p a {
+            color: #44bae8;
+            font-size: 16px;
+            text-decoration: none;
+        }
+
+        .footer-bottom span {
+            text-transform: uppercase;
+            opacity: .4;
+            font-weight: 200;
+        }
+
+        .footer-menu ul {
+            display: flex;
+        }
+
+        .footer-menu ul li {
+            padding-right: 10px;
+            display: block;
+        }
+
+        .footer-menu ul li a {
+            color: #cfd2d6;
+            text-decoration: none;
+        }
+
+        .footer-menu ul li a:hover {
+            color: #27bcda;
+        }
+
+        @media (max-width: 500px) {
+            .footer-menu ul {
+                display: flex;
+                margin-top: 10px;
+                margin-bottom: 20px;
+            }
+        }
+
+        .kopce {
+            background-color: mediumslateblue;
+            border: none;
+            color: white;
+            padding: 15px 32px;
+            text-align: center;
+            text-decoration: none;
+            display: inline-block;
+            font-size: 16px;
+            margin-left: 20px;
+        }
+
+        /*#logo{*/
+        /*    width:160px;*/
+        /*    height: 60px*/
+        /*}*/
+        h1 {
+            font-size: 1rem;
+            font-weight: 200;
+            /*letter-spacing: 8px;*/
+            margin-left: 20px;
+            margin-right: 20px;
+            position: relative;
+            background-color: #343a40;
+        }
+
+        p, table {
+            margin-left: 40px;
+            font-size: 20px;
+        }
+
+        @keyframes text {
+            0% {
+                color: black;
+                margin-bottom: -40px;
+            }
+            30% {
+                letter-spacing: 25px;
+                margin-bottom: -40px;
+            }
+            85% {
+                letter-spacing: 8px;
+                margin-bottom: -40px;
+            }
+        }
+    </style>
+
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="UTF-8">
+    <title>My events</title>
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
+          integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
+            integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
+            crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
+            integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
+            crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
+            integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
+            crossorigin="anonymous"></script>
+</head>
+<body>
+    <div>
+        <nav class="navbar navbar-expand-md ">
+            <div class="container">
+                <!--                    <img class="u-image u-image-default u-image-1" src="../static/logoeventra.png" alt="" data-image-width="648" data-image-height="292">-->
+                <!--                <a class="navbar-brand" href="/home"></a>-->
+                <a class="navbar-brand" style="color: yellow"> Eventrra</a>
+                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
+                        aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
+                    <span class="navbar-toggler-icon"></span>
+                </button>
+
+                <div class="collapse navbar-collapse justify-content-end" id="navbarsExampleDefault">
+                    <ul class="navbar-nav m-auto">
+
+                        <li th:if="${session.user!=null}" class="nav-item m-auto">
+                            <a class="nav-link active" href="/">Home</a>
+                        </li>
+
+                        <li th:if="${session.user!=null and session.role == 'ROLE_CLIENT'}"
+                            class="nav-item m-auto">
+                            <a class="kopce" href="/host_event">Host an event</a>
+                        </li>
+                        <li th:if="${session.user!=null}" class="nav-item m-auto">
+                            <a class="nav-link active" href="/my_events">Scheduled events</a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </nav>
+    </div>
+    <br>
+    <br>
+    <div>
+        <div>
+            <h1>Time</h1>
+            <p th:text="${event.getTime()}"></p>
+
+            <h1>Date</h1>
+            <p th:text="${event.getDate()}"></p>
+
+            <h1>Location</h1>
+            <p th:text="${event.getLocation()}"></p>
+
+            <h1>Type</h1>
+            <p th:text="${event.getType()}"></p>
+
+            <h1>Description</h1>
+            <p th:text="${event.getDescription()}"></p>
+
+            <h1>Bands</h1>
+            <table>
+                <tr th:each="band : ${bandList}">
+                    <td th:text="${band}"></td>
+                </tr>
+            </table>
+
+            <h1>Caterings</h1>
+            <table>
+                <tr th:each="cat : ${cateringList}">
+                    <td th:text="${cat}"></td>
+                </tr>
+            </table>
+
+            <h1>Photographers</h1>
+            <table>
+                <tr th:each="ph : ${photographerList}">
+                    <td th:text="${ph}"></td>
+                </tr>
+            </table>
+
+            <h1>Status</h1>
+            <p th:text="${event.getStatus()}"></p>
+
+            <form method="post" th:if="${session.role == 'ROLE_ADMIN'}"
+                  th:action="@{'/approveEvent/{id}' (id=${event.getId()}) }">
+                <button class="btn btn-primary btn-block btn-lg" type="submit">Approve Event</button>
+            </form>
+            <br>
+            <form method="post" th:if="${session.role == 'ROLE_ADMIN'}"
+                  th:action="@{'/rejectEvent/{id}' (id=${event.getId()}) }">
+                <button class="btn btn-primary btn-block btn-lg" type="submit">Reject Event</button>
+            </form>
+            <br>
+        </div>
+        <br>
+        <br>
+        <br>
+        <br>
+        <br>
+    </div>
+    <footer>
+        <div class="footer-content">
+            <br>
+            <h3>Contact us</h3>
+
+            <ul class="socials">
+                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
+                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
+                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
+                <li><a href="#"><i class="fa fa-youtube"></i></a></li>
+                <li><a href="#"><i class="fa fa-linkedin-square"></i></a></li>
+            </ul>
+        </div>
+    </footer>
+</body>
+</html>
Index: src/main/resources/templates/my_events.html
===================================================================
--- src/main/resources/templates/my_events.html	(revision a51a591b1eec04fb1d9d9128cf341696beef9312)
+++ src/main/resources/templates/my_events.html	(revision a51a591b1eec04fb1d9d9128cf341696beef9312)
@@ -0,0 +1,324 @@
+<!DOCTYPE html>
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
+<head>
+    <style>
+        .navbar{
+            background: darkkhaki;
+        }
+        span{
+            color: #b2d7ff;
+            text-decoration: none;
+            background: transparent;
+        }
+        ul{
+            text-align: justify;
+            margin-left: 50px;
+            margin-right: 50px;
+
+        }
+        body{
+            background-color: wheat;
+        }
+        .navbar-brand {
+            color: #343a40;
+            font-weight: bold;
+        }
+
+        .nav-link {
+            color: #343a40;
+            font-weight: bold;
+
+        }
+        footer{
+            position: fixed;
+            bottom: 0;
+            left: 0;
+            right: 0;
+            background: #111;
+            height: auto;
+            width: 100vw;
+            padding-top: 40px;
+            color: #fff;
+        }
+        .footer-content{
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-direction: column;
+            text-align: center;
+            height: 80px;
+        }
+        .footer-content h3{
+            font-size: 2.1rem;
+            font-weight: 500;
+            text-transform: capitalize;
+            line-height: 3rem;
+            margin-top: 20px;
+        }
+        .footer-content p{
+            max-width: 500px;
+            margin: 10px auto;
+            line-height: 28px;
+            font-size: 14px;
+            color: #cacdd2;
+        }
+        .socials{
+            list-style: none;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin: 1rem 0 3rem 0;
+        }
+        .socials li{
+            margin: 0 10px;
+        }
+        .socials a{
+            text-decoration: none;
+            color: #fff;
+            border: 1.1px solid white;
+            padding: 5px;
+            border-radius: 50%;
+        }
+        .socials a i{
+            font-size: 1.1rem;
+            width: 20px;
+            transition: color .4s ease;
+        }
+        .socials a:hover i{
+            color: aqua;
+        }
+        .footer-bottom p{
+            float: left;
+            font-size: 14px;
+            word-spacing: 2px;
+            text-transform: capitalize;
+        }
+        .footer-bottom p a{
+            color:#44bae8;
+            font-size: 16px;
+            text-decoration: none;
+        }
+        .footer-bottom span{
+            text-transform: uppercase;
+            opacity: .4;
+            font-weight: 200;
+        }
+        .footer-menu ul{
+            display: flex;
+        }
+        .footer-menu ul li{
+            padding-right: 10px;
+            display: block;
+        }
+        .footer-menu ul li a{
+            color: #cfd2d6;
+            text-decoration: none;
+        }
+        .footer-menu ul li a:hover{
+            color: #27bcda;
+        }
+        @media (max-width:500px) {
+            .footer-menu ul{
+                display: flex;
+                margin-top: 10px;
+                margin-bottom: 20px;
+            }
+        }
+        .kopce{
+            background-color: mediumslateblue;
+            border: none;
+            color: white;
+            padding: 15px 32px;
+            text-align: center;
+            text-decoration: none;
+            display: inline-block;
+            font-size: 16px;
+            margin-left: 20px;
+        }
+        /*#logo{*/
+        /*    width:160px;*/
+        /*    height: 60px*/
+        /*}*/
+        h1{
+            color: black;
+            font-size: 60px;
+            font-weight: 700;
+            letter-spacing: 8px;
+            margin-bottom: 20px;
+            margin-left:auto;
+            margin-right:auto;
+            margin-top:50px;
+            position: relative;
+            animation: text 3s 1;
+        }
+        @keyframes text {
+            0%{
+                color: black;
+                margin-bottom: -40px;
+            }
+            30%{
+                letter-spacing: 25px;
+                margin-bottom: -40px;
+            }
+            85%{
+                letter-spacing: 8px;
+                margin-bottom: -40px;
+            }
+        }
+        footer{
+            width: 100%;
+            padding: 20px;
+            box-sizing: border-box;
+        }
+    </style>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="UTF-8">
+    <title>My events</title>
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
+</head>
+<body>
+    <div>
+        <nav class="navbar navbar-expand-md ">
+            <div  class="container">
+                <!--                    <img class="u-image u-image-default u-image-1" src="../static/logoeventra.png" alt="" data-image-width="648" data-image-height="292">-->
+                <!--                <a class="navbar-brand" href="/home"></a>-->
+                <a class="navbar-brand"> Eventrra</a>
+                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
+                        aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
+                    <span class="navbar-toggler-icon"></span>
+                </button>
+
+                <div class="collapse navbar-collapse justify-content-end" id="navbarsExampleDefault">
+                    <ul class="navbar-nav m-auto">
+
+                        <li th:if="${session.user!=null}" class="nav-item m-auto">
+                            <a  class="nav-link active" href="/">Home</a>
+                        </li>
+
+                        <li th:if="${session.user!=null and session.role == 'ROLE_CLIENT'}"
+                            class="nav-item m-auto">
+                            <a class="kopce" href="/host_event">Host an event</a>
+                        </li>
+                        <li th:if="${session.user!=null}" class="nav-item m-auto">
+                            <a class="nav-link active" href="/my_events">Scheduled events</a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </nav>
+    </div>
+
+    <div class="container mb-4">
+        <div class="row">
+            <div class="col-12">
+                <div class="table-responsive">
+                    <table class="table table-striped">
+                        <thead class="thead-dark">
+                        <tr>
+                            <th scope="col">Time</th>
+                            <th scope="col">Date</th>
+                            <th scope="col">Status</th>
+                            <th scope="col"></th>
+                        </tr>
+                        </thead>
+                        <tbody>
+                        <tr th:each="event : ${events}" class="event">
+                            <td th:text="${event.getTime()}"></td>
+                            <td th:text="${event.getDate()}"></td>
+                            <td th:text="${event.getStatus()}">
+                            <td>
+                                <form method="get" th:action="@{'/event/{id}' (id=${event.getId()}) }">
+                                    <button class="btn btn-primary btn-block btn-lg" type="submit">Details</button>
+                                </form>
+                            </td>
+    <!--                        <td class="text-right">-->
+    <!--                            <th:block sec:authorize="hasRole('ROLE_ADMIN')">-->
+    <!--                                <form th:action="@{'/products/delete/{id}' (id=${product.getId()})}"-->
+    <!--                                      th:method="DELETE">-->
+    <!--                                    <button type="submit"-->
+    <!--                                            class="btn btn-sm btn-danger delete-product">-->
+    <!--                                        <i class="fa fa-trash">Delete</i>-->
+    <!--                                    </button>-->
+    <!--                                </form>-->
+    <!--                            </th:block>-->
+    <!--                            <th:block sec:authorize="hasRole('ROLE_ADMIN')">-->
+    <!--                                <a th:href="@{'/products/edit-form/{id}' (id=${product.getId()})}"-->
+    <!--                                   class="btn btn-sm btn-info edit-product">-->
+    <!--                                    <i class="fa fa-trash">Edit</i>-->
+    <!--                                </a>-->
+    <!--                            </th:block>-->
+    <!--                            <form th:action="@{'/shopping-cart/add-product/{id}' (id=${product.getId()})}"-->
+    <!--                                  th:method="POST"-->
+    <!--                                  sec:authorize="isAuthenticated()">-->
+    <!--                                <button type="submit"-->
+    <!--                                        class="btn btn-sm btn-primary cart-product">-->
+    <!--                                    <i class="fa fa-trash">Add product to cart</i>-->
+    <!--                                </button>-->
+    <!--                            </form>-->
+    <!--                        </td>-->
+                        </tr>
+                        </tbody>
+                    </table>
+                    <br>
+                    <br>
+                    <br>
+                    <br>
+                </div>
+            </div>
+    <!--        <div class="col mb-3">-->
+    <!--            <div class="row">-->
+    <!--                <div class="col-sm-12 col-md-12" sec:authorize="hasRole('ROLE_ADMIN')">-->
+    <!--                    <a href="/products/add-form" class="btn btn-block btn-dark add-product-btn">-->
+    <!--                        Add new product-->
+    <!--                    </a>-->
+    <!--                </div>-->
+    <!--            </div>-->
+    <!--        </div>-->
+        </div>
+    </div>
+
+    <footer>
+        <div class="footer-content">
+            <br>
+            <h3>Contact us</h3>
+
+            <ul class="socials">
+                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
+                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
+                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
+                <li><a href="#"><i class="fa fa-youtube"></i></a></li>
+                <li><a href="#"><i class="fa fa-linkedin-square"></i></a></li>
+            </ul>
+        </div>
+    </footer>
+<!--<div>-->
+<!--    <h1 class="mt-3 mb-3">My events</h1>-->
+<!--    <table class="table table-bordered">-->
+<!--        <thead class="thead-dark">-->
+<!--        <tr>-->
+<!--            <th>Time</th>-->
+<!--            <th>Date</th>-->
+<!--            <th>Location</th>-->
+<!--            <th>Type</th>-->
+<!--            <th>Description</th>-->
+<!--            <th>Status</th>-->
+<!--        </tr>-->
+<!--        </thead>-->
+<!--        <tbody>-->
+<!--        <tr th:each="event : ${events}">-->
+<!--            <td th:text="${event.getTime()}"></td>-->
+<!--            <td th:text="${event.getDate()}"></td>-->
+<!--            <td th:text="${event.location}"></td>-->
+<!--            <td th:text="${event.getType()}"></td>-->
+<!--            <td th:text="${event.getDescription()}"></td>-->
+<!--            <td th:text="${event.getStatus()}"></td>-->
+<!--        </tr>-->
+<!--        </tbody>-->
+<!--    </table>-->
+<!--</div>-->
+</body>
+</html>
Index: src/main/resources/templates/register.html
===================================================================
--- src/main/resources/templates/register.html	(revision a51a591b1eec04fb1d9d9128cf341696beef9312)
+++ src/main/resources/templates/register.html	(revision a51a591b1eec04fb1d9d9128cf341696beef9312)
@@ -0,0 +1,327 @@
+<!DOCTYPE html>
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
+<head>
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+    <style>
+        .navbar {
+            background: darkkhaki;
+        }
+
+        span {
+            color: #b2d7ff;
+            text-decoration: none;
+            background: transparent;
+        }
+
+        ul {
+            text-align: justify;
+            margin-left: 50px;
+            margin-right: 50px;
+
+        }
+
+        body {
+            background-image: url("https://images.unsplash.com/photo-1511795409834-ef04bbd61622?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=869&q=80");
+            background-size: 100%;
+            background-repeat: no-repeat;
+            background-position: center top -150px; /* Adjust the background position to move the image up */
+        }
+
+        .navbar-brand {
+            color: #343a40;
+            font-weight: bold;
+        }
+
+        .nav-link {
+            color: #343a40;
+            font-weight: bold;
+
+        }
+
+        footer {
+            position: fixed;
+            bottom: 0;
+            left: 0;
+            right: 0;
+            background: #111;
+            height: auto;
+            width: 100vw;
+            padding-top: 40px;
+            color: #fff;
+        }
+
+        .footer-content {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-direction: column;
+            text-align: center;
+            height: 80px;
+        }
+
+        .footer-content h3 {
+            font-size: 2.1rem;
+            font-weight: 500;
+            text-transform: capitalize;
+            line-height: 3rem;
+            margin-top: 20px;
+        }
+
+        .footer-content p {
+            max-width: 500px;
+            margin: 10px auto;
+            line-height: 28px;
+            font-size: 14px;
+            color: #cacdd2;
+        }
+
+        .socials {
+            list-style: none;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin: 1rem 0 3rem 0;
+        }
+
+        .socials li {
+            margin: 0 10px;
+        }
+
+        .socials a {
+            text-decoration: none;
+            color: #fff;
+            border: 1.1px solid white;
+            padding: 5px;
+            border-radius: 50%;
+        }
+
+        .socials a i {
+            font-size: 1.1rem;
+            width: 20px;
+            transition: color .4s ease;
+        }
+
+        .socials a:hover i {
+            color: aqua;
+        }
+
+        .footer-bottom p {
+            float: left;
+            font-size: 14px;
+            word-spacing: 2px;
+            text-transform: capitalize;
+        }
+
+        .footer-bottom p a {
+            color: #44bae8;
+            font-size: 16px;
+            text-decoration: none;
+        }
+
+        .footer-bottom span {
+            text-transform: uppercase;
+            opacity: .4;
+            font-weight: 200;
+        }
+
+        .footer-menu ul {
+            display: flex;
+        }
+
+        .footer-menu ul li {
+            padding-right: 10px;
+            display: block;
+        }
+
+        .footer-menu ul li a {
+            color: #cfd2d6;
+            text-decoration: none;
+        }
+
+        .footer-menu ul li a:hover {
+            color: #27bcda;
+        }
+
+        @media (max-width: 500px) {
+            .footer-menu ul {
+                display: flex;
+                margin-top: 10px;
+                margin-bottom: 20px;
+            }
+        }
+
+        .kopce {
+            background-color: mediumslateblue;
+            border: none;
+            color: white;
+            padding: 15px 32px;
+            text-align: center;
+            text-decoration: none;
+            display: inline-block;
+            font-size: 16px;
+            margin-left: 20px;
+        }
+
+        /*#logo{*/
+        /*    width:160px;*/
+        /*    height: 60px*/
+        /*}*/
+
+        h1 {
+            color: black;
+            font-size: 60px;
+            font-weight: 700;
+            letter-spacing: 8px;
+            margin-bottom: 20px;
+            margin-left: auto;
+            margin-right: auto;
+            margin-top: 50px;
+            position: relative;
+            animation: text 3s 1;
+        }
+
+        @keyframes text {
+            0% {
+                color: black;
+                margin-bottom: -40px;
+            }
+            30% {
+                letter-spacing: 25px;
+                margin-bottom: -40px;
+            }
+            85% {
+                letter-spacing: 8px;
+                margin-bottom: -40px;
+            }
+        }
+
+        footer {
+            width: 100%;
+            padding: 20px;
+            box-sizing: border-box;
+        }
+
+        #signUpText{
+            color: white;
+            font-weight: 500;
+        }
+    </style>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="UTF-8"/>
+    <title>Sign Up</title>
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
+          integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
+            integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
+            crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
+            integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
+            crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
+            integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
+            crossorigin="anonymous"></script>
+</head>
+
+<body>
+<div>
+    <nav class="navbar navbar-expand-md ">
+        <div class="container">
+            <!--                    <img class="u-image u-image-default u-image-1" src="../static/logoeventra.png" alt="" data-image-width="648" data-image-height="292">-->
+            <!--                <a class="navbar-brand" href="/home"></a>-->
+            <a class="navbar-brand"> Eventrra</a>
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
+                    aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse justify-content-end" id="navbarsExampleDefault">
+                <ul class="navbar-nav m-auto">
+
+                    <li th:if="${session.user!=null}" class="nav-item m-auto">
+                        <a class="nav-link active" href="/">Home</a>
+                    </li>
+
+                    <li th:if="${session.user!=null and session.role == 'ROLE_CLIENT'}"
+                        class="nav-item m-auto">
+                        <a class="kopce" href="/host_event">Host an event</a>
+                    </li>
+                    <li th:if="${session.user!=null}" class="nav-item m-auto">
+                        <a class="nav-link active" href="/my_events">Scheduled events</a>
+                    </li>
+                </ul>
+
+                <form class="form-inline my-2 my-lg-0">
+
+                    <div th:if="${session.user==null}">
+                        <a class="btn btn-light btn-sm ml-3" href="/login">
+                            Login
+                        </a>
+
+                        <a class="btn btn-light btn-sm ml-3" href="/register">
+                            Sign up
+                        </a>
+                    </div>
+                    <div style="text-align: center" th:if="${session.user!=null}" class="nav-item m-auto">
+                        <a th:text="${session.user.username}" style="color:white; font-size: 20px;"
+                           class="nav-link active" href="/login/profile"></a>
+                    </div>
+
+                    <div th:if="${session.user!=null}">
+                        <a class="btn btn-light btn-sm ml-3" href="/logout">
+                            Log out
+                        </a>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </nav>
+</div>
+    <br>
+    <form th:method="POST" th:action="@{/register}">
+        <div class="container">
+            <form class="form-signin mt-xl-5" method="post" action="/register">
+                <h2 class="form-signin-heading" id="signUpText">Register</h2>
+                <p>
+                    <label for="name" class="sr-only">Name</label>
+                    <input type="text" id="name" name="name" class="form-control" placeholder="Name" required="" autofocus="">
+                </p>
+                <p>
+                    <label for="username" class="sr-only">Username</label>
+                    <input type="text" id="username" name="username" class="form-control" placeholder="Username" required="" autofocus="">
+                </p>
+                <p>
+                    <label  class="sr-only">Phone number</label>
+                    <input type="text" id="phone" name="number" class="form-control" placeholder="Phone" required="" autofocus="">
+                </p>
+                <p>
+                    <label for="password" class="sr-only">Password</label>
+                    <input type="password" id="password" name="password" class="form-control" placeholder="Password" required="">
+                </p>
+                <p>
+                    <label for="rpassword" class="sr-only">Repeat Password</label>
+                    <input type="password" id="rpassword" name="rpassword" class="form-control" placeholder="Repeat Password" required="">
+                </p>
+                <p>
+                    <label for="role" class="sr-only">
+                        Choose a role
+                    </label>
+                    <select class="form-control" id="role" name="role" required>
+                        <option value="client">Client</option>
+                        <option value="band">Band</option>
+                        <option value="photographer">Photographer</option>
+                        <option value="waiter">Waiter</option>
+                        <option value="catering">Catering Company</option>
+                    </select>
+                </p>
+
+                <div th:if="${hasError}">
+                    <div th:text="${error}" class="text-danger"></div>
+                </div>
+            </form>
+            <button class="btn btn-lg btn-primary btn-block" type="submit">Sign up</button>
+        </div>
+    </form>
+    <br>
+    <a href="/login" class="btn btn-lg btn-block btn-light">Already have an account? Login here!</a>
+</body>
+</html>
Index: src/main/resources/templates/registerBand.html
===================================================================
--- src/main/resources/templates/registerBand.html	(revision a51a591b1eec04fb1d9d9128cf341696beef9312)
+++ src/main/resources/templates/registerBand.html	(revision a51a591b1eec04fb1d9d9128cf341696beef9312)
@@ -0,0 +1,284 @@
+<!DOCTYPE html>
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
+<head>
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+    <style>
+        .navbar {
+            background: darkkhaki;
+        }
+
+        span {
+            color: #b2d7ff;
+            text-decoration: none;
+            background: transparent;
+        }
+
+        ul {
+            text-align: justify;
+            margin-left: 50px;
+            margin-right: 50px;
+
+        }
+
+        body {
+            background-image: url("https://images.unsplash.com/photo-1511795409834-ef04bbd61622?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=869&q=80");
+            background-size: 100%;
+            background-repeat: no-repeat;
+            background-position: center top -150px; /* Adjust the background position to move the image up */
+        }
+
+        .navbar-brand {
+            color: #343a40;
+            font-weight: bold;
+        }
+
+        .nav-link {
+            color: #343a40;
+            font-weight: bold;
+
+        }
+
+        footer {
+            position: fixed;
+            bottom: 0;
+            left: 0;
+            right: 0;
+            background: #111;
+            height: auto;
+            width: 100vw;
+            padding-top: 40px;
+            color: #fff;
+        }
+
+        .footer-content {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-direction: column;
+            text-align: center;
+            height: 80px;
+        }
+
+        .footer-content h3 {
+            font-size: 2.1rem;
+            font-weight: 500;
+            text-transform: capitalize;
+            line-height: 3rem;
+            margin-top: 20px;
+        }
+
+        .footer-content p {
+            max-width: 500px;
+            margin: 10px auto;
+            line-height: 28px;
+            font-size: 14px;
+            color: #cacdd2;
+        }
+
+        .socials {
+            list-style: none;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin: 1rem 0 3rem 0;
+        }
+
+        .socials li {
+            margin: 0 10px;
+        }
+
+        .socials a {
+            text-decoration: none;
+            color: #fff;
+            border: 1.1px solid white;
+            padding: 5px;
+            border-radius: 50%;
+        }
+
+        .socials a i {
+            font-size: 1.1rem;
+            width: 20px;
+            transition: color .4s ease;
+        }
+
+        .socials a:hover i {
+            color: aqua;
+        }
+
+        .footer-bottom p {
+            float: left;
+            font-size: 14px;
+            word-spacing: 2px;
+            text-transform: capitalize;
+        }
+
+        .footer-bottom p a {
+            color: #44bae8;
+            font-size: 16px;
+            text-decoration: none;
+        }
+
+        .footer-bottom span {
+            text-transform: uppercase;
+            opacity: .4;
+            font-weight: 200;
+        }
+
+        .footer-menu ul {
+            display: flex;
+        }
+
+        .footer-menu ul li {
+            padding-right: 10px;
+            display: block;
+        }
+
+        .footer-menu ul li a {
+            color: #cfd2d6;
+            text-decoration: none;
+        }
+
+        .footer-menu ul li a:hover {
+            color: #27bcda;
+        }
+
+        @media (max-width: 500px) {
+            .footer-menu ul {
+                display: flex;
+                margin-top: 10px;
+                margin-bottom: 20px;
+            }
+        }
+
+        .kopce {
+            background-color: mediumslateblue;
+            border: none;
+            color: white;
+            padding: 15px 32px;
+            text-align: center;
+            text-decoration: none;
+            display: inline-block;
+            font-size: 16px;
+            margin-left: 20px;
+        }
+
+        /*#logo{*/
+        /*    width:160px;*/
+        /*    height: 60px*/
+        /*}*/
+        h1 {
+            color: white;
+            font-size: 60px;
+            font-weight: 500;
+            /*letter-spacing: 8px;*/
+            margin-bottom: 20px;
+            margin-left: 20px;
+            margin-right: auto;
+            margin-top: 50px;
+            position: relative;
+
+        form-signin mt-xl-5{
+            margin-left: 40px;
+        }
+
+        @keyframes text {
+            0% {
+                color: black;
+                margin-bottom: -40px;
+            }
+            30% {
+                letter-spacing: 25px;
+                margin-bottom: -40px;
+            }
+            85% {
+                letter-spacing: 8px;
+                margin-bottom: -40px;
+            }
+        }
+
+        footer {
+            width: 100%;
+            padding: 20px;
+            box-sizing: border-box;
+        }
+    </style>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="UTF-8"/>
+    <title>Sign Up</title>
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
+          integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
+            integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
+            crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
+            integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
+            crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
+            integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
+            crossorigin="anonymous"></script>
+</head>
+
+<body>
+<div>
+    <nav class="navbar navbar-expand-md ">
+        <div class="container">
+            <!--                    <img class="u-image u-image-default u-image-1" src="../static/logoeventra.png" alt="" data-image-width="648" data-image-height="292">-->
+            <!--                <a class="navbar-brand" href="/home"></a>-->
+            <a class="navbar-brand"> Eventrra</a>
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
+                    aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse justify-content-end" id="navbarsExampleDefault">
+                <ul class="navbar-nav m-auto">
+
+                    <li th:if="${session.user!=null}" class="nav-item m-auto">
+                        <a class="nav-link active" href="/">Home</a>
+                    </li>
+
+                    <li th:if="${session.user!=null and session.role == 'ROLE_CLIENT'}"
+                        class="nav-item m-auto">
+                        <a class="kopce" href="/host_event">Host an event</a>
+                    </li>
+                    <li th:if="${session.user!=null}" class="nav-item m-auto">
+                        <a class="nav-link active" href="/my_events">Scheduled events</a>
+                    </li>
+                </ul>
+
+                <form class="form-inline my-2 my-lg-0">
+
+                    <div th:if="${session.user==null}">
+                        <a class="btn btn-light btn-sm ml-3" href="/login">
+                            Login
+                        </a>
+
+                        <a class="btn btn-light btn-sm ml-3" href="/register">
+                            Sign up
+                        </a>
+                    </div>
+                    <div style="text-align: center" th:if="${session.user!=null}" class="nav-item m-auto">
+                        <a th:text="${session.user.username}" style="color:white; font-size: 20px;"
+                           class="nav-link active" href="/login/profile"></a>
+                    </div>
+
+                    <div th:if="${session.user!=null}">
+                        <a class="btn btn-light btn-sm ml-3" href="/logout">
+                            Log out
+                        </a>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </nav>
+</div>
+    <div>
+        <h1 class="mt-3 mb-3">Insert data</h1>
+        <form class="form-signin mt-xl-5" method="post" action="/finishRegisterBand">
+            <label for="price">Price</label>
+            <input type="number" name="price" id="price" placeholder="Insert price" th:value="${price}">
+            <button type="submit" class="btn btn-primary btn-lg btn-block">Finish</button>
+        </form>
+    </div>
+</body>
+</html>
Index: src/main/resources/templates/registerCatering.html
===================================================================
--- src/main/resources/templates/registerCatering.html	(revision a51a591b1eec04fb1d9d9128cf341696beef9312)
+++ src/main/resources/templates/registerCatering.html	(revision a51a591b1eec04fb1d9d9128cf341696beef9312)
@@ -0,0 +1,288 @@
+<!DOCTYPE html>
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
+<head>
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+    <style>
+        .navbar {
+            background: darkkhaki;
+        }
+
+        span {
+            color: #b2d7ff;
+            text-decoration: none;
+            background: transparent;
+        }
+
+        ul {
+            text-align: justify;
+            margin-left: 50px;
+            margin-right: 50px;
+
+        }
+
+        body {
+            background-image: url("https://images.unsplash.com/photo-1511795409834-ef04bbd61622?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=869&q=80");
+            background-size: 100%;
+            background-repeat: no-repeat;
+            background-position: center top -150px; /* Adjust the background position to move the image up */
+        }
+
+        .navbar-brand {
+            color: #343a40;
+            font-weight: bold;
+        }
+
+        .nav-link {
+            color: #343a40;
+            font-weight: bold;
+
+        }
+
+        footer {
+            position: fixed;
+            bottom: 0;
+            left: 0;
+            right: 0;
+            background: #111;
+            height: auto;
+            width: 100vw;
+            padding-top: 40px;
+            color: #fff;
+        }
+
+        .footer-content {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-direction: column;
+            text-align: center;
+            height: 80px;
+        }
+
+        .footer-content h3 {
+            font-size: 2.1rem;
+            font-weight: 500;
+            text-transform: capitalize;
+            line-height: 3rem;
+            margin-top: 20px;
+        }
+
+        .footer-content p {
+            max-width: 500px;
+            margin: 10px auto;
+            line-height: 28px;
+            font-size: 14px;
+            color: #cacdd2;
+        }
+
+        .socials {
+            list-style: none;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin: 1rem 0 3rem 0;
+        }
+
+        .socials li {
+            margin: 0 10px;
+        }
+
+        .socials a {
+            text-decoration: none;
+            color: #fff;
+            border: 1.1px solid white;
+            padding: 5px;
+            border-radius: 50%;
+        }
+
+        .socials a i {
+            font-size: 1.1rem;
+            width: 20px;
+            transition: color .4s ease;
+        }
+
+        .socials a:hover i {
+            color: aqua;
+        }
+
+        .footer-bottom p {
+            float: left;
+            font-size: 14px;
+            word-spacing: 2px;
+            text-transform: capitalize;
+        }
+
+        .footer-bottom p a {
+            color: #44bae8;
+            font-size: 16px;
+            text-decoration: none;
+        }
+
+        .footer-bottom span {
+            text-transform: uppercase;
+            opacity: .4;
+            font-weight: 200;
+        }
+
+        .footer-menu ul {
+            display: flex;
+        }
+
+        .footer-menu ul li {
+            padding-right: 10px;
+            display: block;
+        }
+
+        .footer-menu ul li a {
+            color: #cfd2d6;
+            text-decoration: none;
+        }
+
+        .footer-menu ul li a:hover {
+            color: #27bcda;
+        }
+
+        @media (max-width: 500px) {
+            .footer-menu ul {
+                display: flex;
+                margin-top: 10px;
+                margin-bottom: 20px;
+            }
+        }
+
+        .kopce {
+            background-color: mediumslateblue;
+            border: none;
+            color: white;
+            padding: 15px 32px;
+            text-align: center;
+            text-decoration: none;
+            display: inline-block;
+            font-size: 16px;
+            margin-left: 20px;
+        }
+
+        /*#logo{*/
+        /*    width:160px;*/
+        /*    height: 60px*/
+        /*}*/
+        h1 {
+            color: white;
+            font-size: 60px;
+            font-weight: 500;
+            /*letter-spacing: 8px;*/
+            margin-bottom: 20px;
+            margin-left: 20px;
+            margin-right: auto;
+            margin-top: 50px;
+            position: relative;
+        }
+
+        form-signin mt-xl-5{
+            margin-left: 40px;
+        }
+
+        @keyframes text {
+            0% {
+                color: black;
+                margin-bottom: -40px;
+            }
+            30% {
+                letter-spacing: 25px;
+                margin-bottom: -40px;
+            }
+            85% {
+                letter-spacing: 8px;
+                margin-bottom: -40px;
+            }
+        }
+
+        footer {
+            width: 100%;
+            padding: 20px;
+            box-sizing: border-box;
+        }
+    </style>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="UTF-8"/>
+    <title>Sign Up</title>
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
+          integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
+            integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
+            crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
+            integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
+            crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
+            integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
+            crossorigin="anonymous"></script>
+</head>
+<body>
+<div>
+    <nav class="navbar navbar-expand-md ">
+        <div class="container">
+            <!--                    <img class="u-image u-image-default u-image-1" src="../static/logoeventra.png" alt="" data-image-width="648" data-image-height="292">-->
+            <!--                <a class="navbar-brand" href="/home"></a>-->
+            <a class="navbar-brand"> Eventrra</a>
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
+                    aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse justify-content-end" id="navbarsExampleDefault">
+                <ul class="navbar-nav m-auto">
+
+                    <li th:if="${session.user!=null}" class="nav-item m-auto">
+                        <a class="nav-link active" href="/">Home</a>
+                    </li>
+
+                    <li th:if="${session.user!=null and session.role == 'ROLE_CLIENT'}"
+                        class="nav-item m-auto">
+                        <a class="kopce" href="/host_event">Host an event</a>
+                    </li>
+                    <li th:if="${session.user!=null}" class="nav-item m-auto">
+                        <a class="nav-link active" href="/my_events">Scheduled events</a>
+                    </li>
+                </ul>
+
+                <form class="form-inline my-2 my-lg-0">
+
+                    <div th:if="${session.user==null}">
+                        <a class="btn btn-light btn-sm ml-3" href="/login">
+                            Login
+                        </a>
+
+                        <a class="btn btn-light btn-sm ml-3" href="/register">
+                            Sign up
+                        </a>
+                    </div>
+                    <div style="text-align: center" th:if="${session.user!=null}" class="nav-item m-auto">
+                        <a th:text="${session.user.username}" style="color:white; font-size: 20px;"
+                           class="nav-link active" href="/login/profile"></a>
+                    </div>
+
+                    <div th:if="${session.user!=null}">
+                        <a class="btn btn-light btn-sm ml-3" href="/logout">
+                            Log out
+                        </a>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </nav>
+</div>
+<div>
+    <h1 class="mt-3 mb-3">Insert data</h1>
+    <form class="form-signin mt-xl-5" method="post" action="/finishRegisterCatering">
+        <label for="price">Price</label>
+        <input type="number" name="price" id="price" placeholder="Insert price" th:value="${price}">
+
+        <label for="address">Address</label>
+        <input type="text" name="address" id="address" placeholder="Insert address" th:value="${address}">
+
+        <button type="submit" class="btn btn-primary btn-lg btn-block">Finish</button>
+    </form>
+</div>
+</body>
+</html>
Index: src/main/resources/templates/registerPhotographer.html
===================================================================
--- src/main/resources/templates/registerPhotographer.html	(revision a51a591b1eec04fb1d9d9128cf341696beef9312)
+++ src/main/resources/templates/registerPhotographer.html	(revision a51a591b1eec04fb1d9d9128cf341696beef9312)
@@ -0,0 +1,288 @@
+<!DOCTYPE html>
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
+<head>
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+    <style>
+        .navbar {
+            background: darkkhaki;
+        }
+
+        span {
+            color: #b2d7ff;
+            text-decoration: none;
+            background: transparent;
+        }
+
+        ul {
+            text-align: justify;
+            margin-left: 50px;
+            margin-right: 50px;
+
+        }
+
+        body {
+            background-image: url("https://images.unsplash.com/photo-1511795409834-ef04bbd61622?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=869&q=80");
+            background-size: 100%;
+            background-repeat: no-repeat;
+            background-position: center top -150px; /* Adjust the background position to move the image up */
+        }
+
+        .navbar-brand {
+            color: #343a40;
+            font-weight: bold;
+        }
+
+        .nav-link {
+            color: #343a40;
+            font-weight: bold;
+
+        }
+
+        footer {
+            position: fixed;
+            bottom: 0;
+            left: 0;
+            right: 0;
+            background: #111;
+            height: auto;
+            width: 100vw;
+            padding-top: 40px;
+            color: #fff;
+        }
+
+        .footer-content {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-direction: column;
+            text-align: center;
+            height: 80px;
+        }
+
+        .footer-content h3 {
+            font-size: 2.1rem;
+            font-weight: 500;
+            text-transform: capitalize;
+            line-height: 3rem;
+            margin-top: 20px;
+        }
+
+        .footer-content p {
+            max-width: 500px;
+            margin: 10px auto;
+            line-height: 28px;
+            font-size: 14px;
+            color: #cacdd2;
+        }
+
+        .socials {
+            list-style: none;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin: 1rem 0 3rem 0;
+        }
+
+        .socials li {
+            margin: 0 10px;
+        }
+
+        .socials a {
+            text-decoration: none;
+            color: #fff;
+            border: 1.1px solid white;
+            padding: 5px;
+            border-radius: 50%;
+        }
+
+        .socials a i {
+            font-size: 1.1rem;
+            width: 20px;
+            transition: color .4s ease;
+        }
+
+        .socials a:hover i {
+            color: aqua;
+        }
+
+        .footer-bottom p {
+            float: left;
+            font-size: 14px;
+            word-spacing: 2px;
+            text-transform: capitalize;
+        }
+
+        .footer-bottom p a {
+            color: #44bae8;
+            font-size: 16px;
+            text-decoration: none;
+        }
+
+        .footer-bottom span {
+            text-transform: uppercase;
+            opacity: .4;
+            font-weight: 200;
+        }
+
+        .footer-menu ul {
+            display: flex;
+        }
+
+        .footer-menu ul li {
+            padding-right: 10px;
+            display: block;
+        }
+
+        .footer-menu ul li a {
+            color: #cfd2d6;
+            text-decoration: none;
+        }
+
+        .footer-menu ul li a:hover {
+            color: #27bcda;
+        }
+
+        @media (max-width: 500px) {
+            .footer-menu ul {
+                display: flex;
+                margin-top: 10px;
+                margin-bottom: 20px;
+            }
+        }
+
+        .kopce {
+            background-color: mediumslateblue;
+            border: none;
+            color: white;
+            padding: 15px 32px;
+            text-align: center;
+            text-decoration: none;
+            display: inline-block;
+            font-size: 16px;
+            margin-left: 20px;
+        }
+
+        /*#logo{*/
+        /*    width:160px;*/
+        /*    height: 60px*/
+        /*}*/
+        h1 {
+            color: white;
+            font-size: 60px;
+            font-weight: 500;
+            /*letter-spacing: 8px;*/
+            margin-bottom: 20px;
+            margin-left: 20px;
+            margin-right: auto;
+            margin-top: 50px;
+            position: relative;
+        }
+
+        form-signin mt-xl-5{
+            margin-left: 40px;
+        }
+
+        @keyframes text {
+            0% {
+                color: black;
+                margin-bottom: -40px;
+            }
+            30% {
+                letter-spacing: 25px;
+                margin-bottom: -40px;
+            }
+            85% {
+                letter-spacing: 8px;
+                margin-bottom: -40px;
+            }
+        }
+
+        footer {
+            width: 100%;
+            padding: 20px;
+            box-sizing: border-box;
+        }
+    </style>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="UTF-8"/>
+    <title>Sign Up</title>
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
+          integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
+            integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
+            crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
+            integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
+            crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
+            integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
+            crossorigin="anonymous"></script>
+</head>
+<body>
+<div>
+    <nav class="navbar navbar-expand-md ">
+        <div class="container">
+            <!--                    <img class="u-image u-image-default u-image-1" src="../static/logoeventra.png" alt="" data-image-width="648" data-image-height="292">-->
+            <!--                <a class="navbar-brand" href="/home"></a>-->
+            <a class="navbar-brand"> Eventrra</a>
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
+                    aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse justify-content-end" id="navbarsExampleDefault">
+                <ul class="navbar-nav m-auto">
+
+                    <li th:if="${session.user!=null}" class="nav-item m-auto">
+                        <a class="nav-link active" href="/">Home</a>
+                    </li>
+
+                    <li th:if="${session.user!=null and session.role == 'ROLE_CLIENT'}"
+                        class="nav-item m-auto">
+                        <a class="kopce" href="/host_event">Host an event</a>
+                    </li>
+                    <li th:if="${session.user!=null}" class="nav-item m-auto">
+                        <a class="nav-link active" href="/my_events">Scheduled events</a>
+                    </li>
+                </ul>
+
+                <form class="form-inline my-2 my-lg-0">
+
+                    <div th:if="${session.user==null}">
+                        <a class="btn btn-light btn-sm ml-3" href="/login">
+                            Login
+                        </a>
+
+                        <a class="btn btn-light btn-sm ml-3" href="/register">
+                            Sign up
+                        </a>
+                    </div>
+                    <div style="text-align: center" th:if="${session.user!=null}" class="nav-item m-auto">
+                        <a th:text="${session.user.username}" style="color:white; font-size: 20px;"
+                           class="nav-link active" href="/login/profile"></a>
+                    </div>
+
+                    <div th:if="${session.user!=null}">
+                        <a class="btn btn-light btn-sm ml-3" href="/logout">
+                            Log out
+                        </a>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </nav>
+</div>
+<div>
+    <h1 class="mt-3 mb-3">Insert data</h1>
+    <form class="form-signin mt-xl-5" method="post" action="/finishRegisterPhotographer">
+        <label for="price">Price</label>
+        <input type="number" name="price" id="price" placeholder="Insert price" th:value="${price}">
+        <label for="portfolio">Portfolio</label>
+        <input type="text" width="400px" height="100px" name="portfolio" id="portfolio" placeholder="Insert portfolio" th:value="${portfolio}">
+        <button type="submit" class="btn btn-primary btn-lg btn-block">Finish</button>
+    </form>
+
+
+</div>
+</body>
+</html>
Index: src/main/resources/templates/registerWaiter.html
===================================================================
--- src/main/resources/templates/registerWaiter.html	(revision a51a591b1eec04fb1d9d9128cf341696beef9312)
+++ src/main/resources/templates/registerWaiter.html	(revision a51a591b1eec04fb1d9d9128cf341696beef9312)
@@ -0,0 +1,296 @@
+<!DOCTYPE html>
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
+<head>
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+    <style>
+        .navbar {
+            background: darkkhaki;
+        }
+
+        span {
+            color: #b2d7ff;
+            text-decoration: none;
+            background: transparent;
+        }
+
+        ul {
+            text-align: justify;
+            margin-left: 50px;
+            margin-right: 50px;
+
+        }
+
+        body {
+            background-image: url("https://images.unsplash.com/photo-1511795409834-ef04bbd61622?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=869&q=80");
+            background-size: 100%;
+            background-repeat: no-repeat;
+            background-position: center top -150px; /* Adjust the background position to move the image up */
+        }
+
+        .navbar-brand {
+            color: #343a40;
+            font-weight: bold;
+        }
+
+        .nav-link {
+            color: #343a40;
+            font-weight: bold;
+
+        }
+
+        footer {
+            position: fixed;
+            bottom: 0;
+            left: 0;
+            right: 0;
+            background: #111;
+            height: auto;
+            width: 100vw;
+            padding-top: 40px;
+            color: #fff;
+        }
+
+        .footer-content {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-direction: column;
+            text-align: center;
+            height: 80px;
+        }
+
+        .footer-content h3 {
+            font-size: 2.1rem;
+            font-weight: 500;
+            text-transform: capitalize;
+            line-height: 3rem;
+            margin-top: 20px;
+        }
+
+        .footer-content p {
+            max-width: 500px;
+            margin: 10px auto;
+            line-height: 28px;
+            font-size: 14px;
+            color: #cacdd2;
+        }
+
+        .socials {
+            list-style: none;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin: 1rem 0 3rem 0;
+        }
+
+        .socials li {
+            margin: 0 10px;
+        }
+
+        .socials a {
+            text-decoration: none;
+            color: #fff;
+            border: 1.1px solid white;
+            padding: 5px;
+            border-radius: 50%;
+        }
+
+        .socials a i {
+            font-size: 1.1rem;
+            width: 20px;
+            transition: color .4s ease;
+        }
+
+        .socials a:hover i {
+            color: aqua;
+        }
+
+        .footer-bottom p {
+            float: left;
+            font-size: 14px;
+            word-spacing: 2px;
+            text-transform: capitalize;
+        }
+
+        .footer-bottom p a {
+            color: #44bae8;
+            font-size: 16px;
+            text-decoration: none;
+        }
+
+        .footer-bottom span {
+            text-transform: uppercase;
+            opacity: .4;
+            font-weight: 200;
+        }
+
+        .footer-menu ul {
+            display: flex;
+        }
+
+        .footer-menu ul li {
+            padding-right: 10px;
+            display: block;
+        }
+
+        .footer-menu ul li a {
+            color: #cfd2d6;
+            text-decoration: none;
+        }
+
+        .footer-menu ul li a:hover {
+            color: #27bcda;
+        }
+
+        @media (max-width: 500px) {
+            .footer-menu ul {
+                display: flex;
+                margin-top: 10px;
+                margin-bottom: 20px;
+            }
+        }
+
+        .kopce {
+            background-color: mediumslateblue;
+            border: none;
+            color: white;
+            padding: 15px 32px;
+            text-align: center;
+            text-decoration: none;
+            display: inline-block;
+            font-size: 16px;
+            margin-left: 20px;
+        }
+
+        /*#logo{*/
+        /*    width:160px;*/
+        /*    height: 60px*/
+        /*}*/
+        h1 {
+            color: white;
+            font-size: 60px;
+            font-weight: 500;
+            /*letter-spacing: 8px;*/
+            margin-bottom: 20px;
+            margin-left: 20px;
+            margin-right: auto;
+            margin-top: 50px;
+            position: relative;
+        }
+
+        @keyframes text {
+            0% {
+                color: black;
+                margin-bottom: -40px;
+            }
+            30% {
+                letter-spacing: 25px;
+                margin-bottom: -40px;
+            }
+            85% {
+                letter-spacing: 8px;
+                margin-bottom: -40px;
+            }
+        }
+
+        footer {
+            width: 100%;
+            padding: 20px;
+            box-sizing: border-box;
+        }
+
+        form-signin mt-xl-5{
+            margin-left: 40px;
+        }
+    </style>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="UTF-8"/>
+    <title>Sign Up</title>
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
+          integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
+            integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
+            crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
+            integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
+            crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
+            integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
+            crossorigin="anonymous"></script>
+</head>
+<body>
+<div>
+    <nav class="navbar navbar-expand-md ">
+        <div class="container">
+            <!--                    <img class="u-image u-image-default u-image-1" src="../static/logoeventra.png" alt="" data-image-width="648" data-image-height="292">-->
+            <!--                <a class="navbar-brand" href="/home"></a>-->
+            <a class="navbar-brand"> Eventrra</a>
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
+                    aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse justify-content-end" id="navbarsExampleDefault">
+                <ul class="navbar-nav m-auto">
+
+                    <li th:if="${session.user!=null}" class="nav-item m-auto">
+                        <a class="nav-link active" href="/">Home</a>
+                    </li>
+
+                    <li th:if="${session.user!=null and session.role == 'ROLE_CLIENT'}"
+                        class="nav-item m-auto">
+                        <a class="kopce" href="/host_event">Host an event</a>
+                    </li>
+                    <li th:if="${session.user!=null}" class="nav-item m-auto">
+                        <a class="nav-link active" href="/my_events">Scheduled events</a>
+                    </li>
+                </ul>
+
+                <form class="form-inline my-2 my-lg-0">
+
+                    <div th:if="${session.user==null}">
+                        <a class="btn btn-light btn-sm ml-3" href="/login">
+                            Login
+                        </a>
+
+                        <a class="btn btn-light btn-sm ml-3" href="/register">
+                            Sign up
+                        </a>
+                    </div>
+                    <div style="text-align: center" th:if="${session.user!=null}" class="nav-item m-auto">
+                        <a th:text="${session.user.username}" style="color:white; font-size: 20px;"
+                           class="nav-link active" href="/login/profile"></a>
+                    </div>
+
+                    <div th:if="${session.user!=null}">
+                        <a class="btn btn-light btn-sm ml-3" href="/logout">
+                            Log out
+                        </a>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </nav>
+</div>
+    <div>
+        <h1 class="mt-3 mb-3">Insert data</h1>
+        <form class="form-signin mt-xl-5" method="post" action="/finishRegisterWaiter">
+            <label for="free_day">Insert a number for the free day of the week (from 1 to 7)</label>
+            <input type="number" name="free_day" id="free_day" placeholder="Insert number" th:value="${free_day}">
+            <br>
+            <label for="experience">Ages of experience</label>
+            <input type="number" name="experience" id="experience" placeholder="Insert number" th:value="${experience}">
+            <br>
+            <label for="catering_name">Catering Firm - Employer</label>
+            <select class="form-control" name="catering_name" id="catering_name" required>
+                <option th:each="cat : ${caterings}"
+                        th:text="${cat.getName()}"
+                        th:value="${cat.getName()}">
+                </option>
+            </select>
+            <br>
+            <button type="submit" class="btn btn-primary btn-lg btn-block">Finish</button>
+        </form>
+    </div>
+</body>
+</html>
