Index: source/freeparkingspace/src/main/resources/templates/register.html
===================================================================
--- source/freeparkingspace/src/main/resources/templates/register.html	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/resources/templates/register.html	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,291 @@
+
+<!DOCTYPE html>
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
+<head>
+  <base href="${pageContext.request.contextPath}">
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <title>РЕГИСТРАЦИЈА!</title>
+  <meta name="description" content="">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <style>
+    @import url('https://fonts.googleapis.com/css?family=Montserrat:500');
+    @import url('https://fonts.googleapis.com/css2?family=Crete+Round&family=Roboto:ital,wght@0,900;1,900&display=swap');
+
+    :root {
+      --shadow-color: #FF9E9E;
+      --shadow-color-light: white;
+    }
+
+    .navbar {
+      max-width: 100%;
+      height: 100%;
+      background: rgba(0,0,0,0.25);
+    }
+
+    header {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      padding: 30px 10%;
+      max-width: 100%;
+      height: 10%;
+      background-color: rgb(0, 0, 0, 0.25);
+      border: none;
+    }
+
+    table{
+      color: white;
+      font-size: 0.3rem;
+      background: rgba(255,255,255,0.05);
+    }
+
+    img {
+      width: 120px;
+      height: 120px;
+    }
+    html{
+      text-align: center;
+    }
+    body {
+      padding: 0;
+      margin: 0;
+      max-width: 100%;
+      background-image: url('../images/background2.jpg');
+      object-fit: cover;
+      height: 100vh;
+      background-size: cover;
+      background-repeat:repeat;
+      text-align: center;
+    }
+
+
+    li,
+    a:not(.btn) {
+      font-family: "Montserrat", sans-serif;
+      font-weight: 500;
+      font-size: 1.2rem;
+      text-decoration: none;
+      color: white;
+      padding: 10%;
+      list-style: none;
+    }
+
+    h1{
+      font-family: 'Roboto', sans-serif;
+      font-width: 900;
+      font-size: 4rem;
+
+    }
+
+    .right {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background-color: rgb(0, 225, 255, 0.05);
+      border-radius: 10%;
+      flex-direction: row;
+      margin-left: 25%;
+      width: 17%;
+      height: 2%;
+    }
+
+    .right a {
+      margin: -5px;
+    }
+    .navbar{
+      max-width: 100%;
+      height: 100vh;
+    }
+
+    .reg {
+      color: rgb(255, 0, 0);
+    }
+
+    ul {
+      display: flex;
+      flex-direction: row;
+    }
+
+
+
+    .reg:hover {
+      color: white;
+    }
+    .container-main{
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 100%;
+      font-size: 3rem;
+      margin: 0 0 30% 105%;
+    }
+    P{
+      font-family: "Montserrat", sans-serif;
+      font-weight: 500;
+      font-size: 4rem;
+      text-decoration: none;
+      color: white;
+      width: 80%;
+      list-style: none;
+      margin-top: -2%;
+    }
+
+    .glow{
+      text-transform: uppercase;
+      height: auto;
+      text-align: center;
+    }
+
+    .glow {
+      color: white;
+      animation: neon 3s infinite;
+    }
+
+    .h1Combined{
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: center;
+      max-width: 100%;
+    }
+
+    @keyframes neon {
+      0% {
+        text-shadow: -1px -1px 1px var(--shadow-color-light), -1px 1px 1px var(--shadow-color-light), 1px -1px 1px var(--shadow-color-light), 1px 1px 1px var(--shadow-color-light),
+        0 0 3px var(--shadow-color-light), 0 0 10px var(--shadow-color-light), 0 0 20px var(--shadow-color-light),
+        0 0 30px var(--shadow-color), 0 0 40px var(--shadow-color), 0 0 50px var(--shadow-color), 0 0 70px var(--shadow-color), 0 0 100px var(--shadow-color), 0 0 200px var(--shadow-color);
+      }
+      50% {
+        text-shadow: -1px -1px 1px var(--shadow-color-light), -1px 1px 1px var(--shadow-color-light), 1px -1px 1px var(--shadow-color-light), 1px 1px 1px var(--shadow-color-light),
+        0 0 5px var(--shadow-color-light), 0 0 15px var(--shadow-color-light), 0 0 25px var(--shadow-color-light),
+        0 0 40px var(--shadow-color), 0 0 50px var(--shadow-color), 0 0 60px var(--shadow-color), 0 0 80px var(--shadow-color), 0 0 110px var(--shadow-color), 0 0 210px var(--shadow-color);
+      }
+      100% {
+        text-shadow: -1px -1px 1px var(--shadow-color-light), -1px 1px 1px var(--shadow-color-light), 1px -1px 1px var(--shadow-color-light), 1px 1px 1px var(--shadow-color-light),
+        0 0 3px var(--shadow-color-light), 0 0 10px var(--shadow-color-light), 0 0 20px var(--shadow-color-light),
+        0 0 30px var(--shadow-color), 0 0 40px var(--shadow-color), 0 0 50px var(--shadow-color), 0 0 70px var(--shadow-color), 0 0 100px var(--shadow-color), 0 0 200px var(--shadow-color);
+      }
+    }
+
+    .btn{
+      text-shadow: -1px -1px 10px rgba(255,255,255,0.5);
+      border: 1px solid #b70000;
+      color: white;
+      font-size: 2rem;
+      border:none;
+      background: #af0101;
+      padding: 0.5rem 1.3rem;
+      border-radius: 10%;
+      cursor: pointer;
+      transition: 1s ease;
+      display:block;
+      box-shadow: 3px 2px 10px #d50101,
+      -1px -1px 1px #e60000;
+      font-family: 'Roboto', sans-serif;
+      font-weight: 500;
+      text-decoration: none;
+      transition: infinite 1s ease;
+    }
+    input{
+      font-size: 1.5rem;
+    }
+
+    .btn:hover{
+      background-color: #58ACFA;
+      color: white;
+    }
+
+    .btn2{
+      text-shadow: -1px -1px 10px rgba(255,255,255,0.5);
+      border: 1px solid #b70000;
+      color: white;
+      font-size: 1.5rem;
+      border:none;
+      background: #af0101;
+      padding: 0.5rem 1.3rem;
+      border-radius: 10%;
+      cursor: pointer;
+      transition: 1s ease;
+      display:block;
+      box-shadow: 3px 2px 10px #d50101,
+      -1px -1px 1px #e60000;
+      font-family: 'Roboto', sans-serif;
+      font-weight: 500;
+      text-decoration: none;
+      transition: infinite 1s ease;
+    }
+
+    .btn2:hover{
+      background-color: #58ACFA;
+      color: white;
+    }
+
+
+  </style>
+</head>
+
+<body>
+<div class="navbar">
+  <!--    <header th:replace="fragments/header.html">-->
+  <!--    </header>-->
+  <main>
+    <div class="container-main">
+      <div class="h1Combined">
+        <h1 style="color:white">FreeParking <h1 style="color:red">Space</h1></h1>
+      </div>
+      <div class="container"  xmlns:th="http://www.w3.org/1999/xhtml" >
+        <h1 th:if="${hasError}" th:text="${error}"></h1>
+      </div>
+      <div class="container" style="background-color: rgba(0,0,0,0.5);margin-top: 3%; ">
+        <h2 class="form-signin-heading" style="margin-bot: 15%;color:white;">Регистрација на Корисник</h2>
+        <form class="form-signin mt-xl-5" method="post" action="/register">
+
+          <p>
+            <label for="ime" class="sr-only">Име</label>
+            <input type="text" id="ime" name="ime" class="form-control" placeholder="Име" required=""
+                   autofocus="" style="margin-bottom: 5%;margin-left:10%">
+          </p>
+          <p>
+            <label for="prezime" class="sr-only">Презиме</label>
+            <input type="text" id="prezime" name="prezime" class="form-control" placeholder="Презиме"
+                   required="" style="margin-bottom: 5%;margin-left:10%">
+          </p>
+          <p>
+            <label for="korisnicko_ime" class="sr-only">Корисничко Име</label>
+            <input type="text" id="korisnicko_ime" name="korisnicko_ime" class="form-control"
+                   placeholder="Username" required="" style="margin-bottom: 5%;margin-left:10%">
+          </p>
+
+          <p>
+            <label for="embg" class="sr-only">EMBG</label>
+            <input type="text" id="embg" name="embg" class="form-control"
+                   placeholder="EMBG" required="" style="margin-bottom: 5%;margin-left:10%">
+          </p>
+
+          <p>
+            <label for="email" class="sr-only">E-mail</label>
+            <input type="text" id="email" name="email" class="form-control" placeholder="E-mail" required="" autofocus="" style="margin-bottom: 5%;margin-left:10%">
+          </p>
+
+          <p>
+            <label for="br_tel" class="sr-only">Телефонски Број</label>
+            <input type="text" id="br_tel" name="br_tel" class="form-control" placeholder="Phone Number" required="" autofocus="" style="margin-bottom: 5%;margin-left:10%">
+          </p>
+
+          <p>
+            <label for="password" class="sr-only">Лозинка</label>
+            <input type="text" id="password" name="password" class="form-control" placeholder="Password" required="" autofocus="" style="margin-bottom: 5%;margin-left:10%">
+          </p>
+          <button class="btn btn-lg btn-primary btn-block" type="submit">Sign up</button>
+        </form>
+        <button href="/login" class="btn btn-block btn-light">Already have an account? Login here!</button>
+      </div>
+    </div>
+  </main>
+  <!--<footer th:replace="fragments/footer"/>-->
+</div>
+</body>
+</html>
