Index: source/freeparkingspace/src/main/java/com/proekt/Controller/Blank.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/Controller/Blank.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/Controller/Blank.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,25 @@
+package com.proekt.Controller;
+
+
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.GetMapping;
+
+@Controller
+public class Blank {
+
+
+    @GetMapping("/contact")
+    public String getViewHome(Model model) {
+
+        model.addAttribute("bodyContent","contact");
+        return "master-template";
+    }
+    @GetMapping("/about")
+    public String getViewHome2(Model model) {
+
+        model.addAttribute("bodyContent","about");
+        return "master-template";
+    }
+
+}
Index: source/freeparkingspace/src/main/java/com/proekt/Controller/Employee.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/Controller/Employee.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/Controller/Employee.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,41 @@
+package com.proekt.Controller;
+
+
+import com.proekt.Repository.NajavaRepository;
+import com.proekt.Repository.VrabotenRepository1;
+import com.proekt.Service.EmployeeService;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.*;
+
+@Controller
+@RequestMapping("/employee")
+public class Employee {
+
+    private final VrabotenRepository1 vrabotenRepository1;
+    private final NajavaRepository najavaRepository;
+    private final EmployeeService employeeService;
+
+    public Employee(VrabotenRepository1 vrabotenRepository1, NajavaRepository najavaRepository, EmployeeService employeeService) {
+        this.vrabotenRepository1 = vrabotenRepository1;
+        this.najavaRepository = najavaRepository;
+        this.employeeService = employeeService;
+    }
+
+    @GetMapping
+    public String getMoviePage(@RequestParam(required = false) String error, Model model) {
+        if (error != null && !error.isEmpty()) {
+            model.addAttribute("hasError", true);
+            model.addAttribute("error", error);
+        }
+
+        model.addAttribute("employee", this.vrabotenRepository1.findAll());
+        model.addAttribute("bodyContent", "employee");
+        return "master-template";
+    }
+    @PostMapping("/{id}/delete")
+    public String delete(@PathVariable String id) {
+        this.employeeService.delete(id);
+        return "redirect:/employee";
+    }
+}
Index: source/freeparkingspace/src/main/java/com/proekt/Controller/Home.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/Controller/Home.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/Controller/Home.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,19 @@
+package com.proekt.Controller;
+
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.RequestMapping;
+
+@Controller
+@RequestMapping(value={"/", "/home"})
+public class Home{
+
+    @GetMapping
+    public String getViewHome(Model model) {
+
+        model.addAttribute("bodyContent","home");
+        return "master-template";
+    }
+
+}
Index: source/freeparkingspace/src/main/java/com/proekt/Controller/Register.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/Controller/Register.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/Controller/Register.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,69 @@
+package com.proekt.Controller;
+
+import com.proekt.Repository.KorisnikRepository;
+import com.proekt.Repository.NajavaRepository;
+import com.proekt.model.Korisnik.Korisnik;
+import com.proekt.model.Korisnik.KorisnikKey;
+import com.proekt.model.Najava;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestParam;
+
+import java.util.List;
+
+@Controller
+@RequestMapping("/register")
+public class Register {
+
+    private final NajavaRepository najavaRepository;
+    private final KorisnikRepository korisnikRepository;
+
+    public Register(NajavaRepository najavaRepository, KorisnikRepository korisnikRepository) {
+        this.najavaRepository = najavaRepository;
+        this.korisnikRepository = korisnikRepository;
+    }
+
+
+    @GetMapping
+    public String getRegisterPage(@RequestParam(required = false) String error, Model model) {
+        if(error != null && !error.isEmpty()) {
+            model.addAttribute("hasError", true);
+            model.addAttribute("error", error);
+        }
+        model.addAttribute("bodyContent","register");
+        return "master-template";
+    }
+
+    @PostMapping
+    public String register(@RequestParam String korisnicko_ime,
+                           @RequestParam String ime,
+                           @RequestParam String prezime,
+                           @RequestParam String embg,
+                           @RequestParam String email,
+                           @RequestParam String br_tel,
+                           @RequestParam String password
+    ) {
+        Najava najava = new Najava();
+        najava.setKorisnickoIme(korisnicko_ime);
+        najava.setIme(ime);
+        najava.setPrezime(prezime);
+        najava.setEmbg(embg);
+        najava.setEmail(email);
+        najava.setBrTel(br_tel);
+        najava.setPassword(password);
+
+        KorisnikKey korisnikKey = new KorisnikKey(najava);
+        Korisnik korisnik = new Korisnik();
+        korisnik.setKorisnikKey(korisnikKey);
+        List<Korisnik> korisnik1 = korisnikRepository.findAll();
+        int id = korisnik1.size() + 1;
+        korisnik.setKorisnicko_ime(id);
+
+        this.najavaRepository.save(najava);
+        this.korisnikRepository.save(korisnik);
+        return "redirect:/success";
+    }
+}
Index: source/freeparkingspace/src/main/java/com/proekt/Controller/RegisterConfirmation.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/Controller/RegisterConfirmation.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/Controller/RegisterConfirmation.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,23 @@
+package com.proekt.Controller;
+
+import com.proekt.Repository.NajavaRepository;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestParam;
+
+@Controller
+@RequestMapping("/register-info")
+public class RegisterConfirmation {
+
+        @GetMapping
+        public String getRegisterPage(@RequestParam(required = false) String error, Model model) {
+            if(error != null && !error.isEmpty()) {
+                model.addAttribute("hasError", true);
+                model.addAttribute("error", error);
+            }
+            model.addAttribute("bodyContent","registerConfirmation");
+            return "master-template";
+        }
+}
Index: source/freeparkingspace/src/main/java/com/proekt/Controller/RegisterEmployee.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/Controller/RegisterEmployee.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/Controller/RegisterEmployee.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,124 @@
+package com.proekt.Controller;
+
+
+import com.proekt.model.Kontroler.Kontroler;
+import com.proekt.model.Kontroler.KontrolerKey;
+import com.proekt.Repository.AdministratorRepository;
+import com.proekt.Repository.KontrolerRepository;
+import com.proekt.Repository.NajavaRepository;
+import com.proekt.Repository.VrabotenRepository1;
+import com.proekt.model.Admin.AdminKey;
+import com.proekt.model.Admin.Administrator;
+import com.proekt.model.Najava;
+import com.proekt.model.Vraboten.Vraboten;
+import com.proekt.model.Vraboten.VrabotenKey;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Controller
+@RequestMapping("/register-employee")
+public class RegisterEmployee {
+
+    private final NajavaRepository najavaRepository;
+    private final AdministratorRepository administratorRepository;
+    private final VrabotenRepository1 vrabotenRepository;
+    private final KontrolerRepository kontrolerRepository;
+
+    public RegisterEmployee(NajavaRepository najavaRepository, AdministratorRepository administratorRepository, VrabotenRepository1 vrabotenRepository, KontrolerRepository kontrolerRepository) {
+        this.najavaRepository = najavaRepository;
+        this.administratorRepository = administratorRepository;
+        this.vrabotenRepository = vrabotenRepository;
+        this.kontrolerRepository = kontrolerRepository;
+    }
+
+
+    @GetMapping
+    public String getRegisterPage(@RequestParam(required = false) String error, Model model) {
+        if(error != null && !error.isEmpty()) {
+            model.addAttribute("hasError", true);
+            model.addAttribute("error", error);
+        }
+        model.addAttribute("bodyContent","registerEmployee");
+        return "master-template";
+    }
+
+    @PostMapping
+    public String register(@RequestParam String korisnicko_ime,
+                           @RequestParam String ime,
+                           @RequestParam String prezime,
+                           @RequestParam String embg,
+                           @RequestParam String email,
+                           @RequestParam String br_tel,
+                           @RequestParam String password,
+                           @RequestParam String user_role
+    ) {
+
+            String admin = "ROLE_ADMIN";
+            String controller = "ROLE_CONTROLLER";
+
+
+
+            if(user_role.equals(admin)){
+            Najava najava = new Najava();
+            najava.setKorisnickoIme(korisnicko_ime);
+            najava.setIme(ime);
+            najava.setPrezime(prezime);
+            najava.setEmbg(embg);
+            najava.setEmail(email);
+            najava.setBrTel(br_tel);
+            najava.setPassword(password);
+            this.najavaRepository.save(najava);
+
+            Administrator admin2 = new Administrator();
+            AdminKey adminKey = new AdminKey(najava);
+            admin2.setAdminKey(adminKey);
+            List<Najava> administrators = najavaRepository.findAll();
+            int size = administrators.size() + 1;
+            admin2.setIdAdministrator(size);
+            this.administratorRepository.save(admin2);
+
+                Vraboten vraboten = new Vraboten();
+                VrabotenKey vrabotenKey = new VrabotenKey(najava);
+                vraboten.setVrabotenKey(vrabotenKey);
+                //vraboten.setIdVraboten(1337);
+                vraboten.setUloga("Administrator");
+                vraboten.setIdVraboten(size);
+            this.vrabotenRepository.save(vraboten);
+            return "redirect:/success";
+            }else if(user_role.equals(controller)){
+
+                Najava najava = new Najava();
+                najava.setKorisnickoIme(korisnicko_ime);
+                najava.setIme(ime);
+                najava.setPrezime(prezime);
+                najava.setEmbg(embg);
+                najava.setEmail(email);
+                najava.setBrTel(br_tel);
+                najava.setPassword(password);
+                this.najavaRepository.save(najava);
+
+                KontrolerKey kontrolerKey = new KontrolerKey(najava);
+                Kontroler kontroler = new Kontroler();
+                kontroler.setKontrolerKey(kontrolerKey);
+                List<Najava> administrators = najavaRepository.findAll();
+                int size = administrators.size() + 1;
+                kontroler.setId_kontroler(size);
+                this.kontrolerRepository.save(kontroler);
+
+                Vraboten vraboten = new Vraboten();
+                VrabotenKey vrabotenKey = new VrabotenKey(najava);
+                vraboten.setVrabotenKey(vrabotenKey);
+                //vraboten.setIdVraboten(1337);
+                vraboten.setUloga("Controller");
+                vraboten.setIdVraboten(size);
+                this.vrabotenRepository.save(vraboten);
+                return "redirect:/success";
+            }else{
+                return "redirect:/register-employee";
+            }
+    }
+
+}
Index: source/freeparkingspace/src/main/java/com/proekt/Controller/Reservation.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/Controller/Reservation.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/Controller/Reservation.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,90 @@
+package com.proekt.Controller;
+
+import com.proekt.Repository.*;
+import com.proekt.model.Avtomobil;
+import com.proekt.model.Korisnik.Korisnik;
+import com.proekt.model.Korisnik.KorisnikKey;
+import com.proekt.model.Plakjanje;
+import com.proekt.model.Rezervacija;
+import org.apache.tomcat.jni.Local;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestParam;
+
+import java.time.LocalDateTime;
+import java.util.List;
+
+@Controller
+@RequestMapping("/reservation")
+public class Reservation {
+
+    private final RezervacijaRepository rezervacijaRepository;
+    private final KorisnikRepository korisnikRepository;
+    private final PlakjanjeRepository plakjanjeRepository;
+    private final NajavaRepository najavaRepository;
+    private final ParkingMestoRepository parkingMestoRepository;
+    private final AvtomobilRepository avtomobilRepository;
+
+    public Reservation(RezervacijaRepository rezervacijaRepository, KorisnikRepository korisnikRepository, PlakjanjeRepository plakjanjeRepository, NajavaRepository najavaRepository, ParkingMestoRepository parkingMestoRepository, AvtomobilRepository avtomobilRepository) {
+        this.rezervacijaRepository = rezervacijaRepository;
+        this.korisnikRepository = korisnikRepository;
+        this.plakjanjeRepository = plakjanjeRepository;
+        this.najavaRepository = najavaRepository;
+        this.parkingMestoRepository = parkingMestoRepository;
+        this.avtomobilRepository = avtomobilRepository;
+    }
+
+    @RequestMapping("/parking-place")
+    public String getRegisterPage(@RequestParam(value = "broj_na_pmesta", required = false) Integer broj_na_pmesta, Model model) {
+
+        model.addAttribute("parking", this.parkingMestoRepository.findById(broj_na_pmesta).get());
+        model.addAttribute("bodyContent","reservation");
+        return "master-template";
+    }
+
+    @PostMapping("/parking-place/add")
+    public String register(@RequestParam String reg_tablica,
+                           @RequestParam String marka,
+                           @RequestParam String boja,
+                           @RequestParam String pocetno_vreme,
+                           @RequestParam String krajno_vreme,
+                           @RequestParam Integer broj_na_pmesta
+
+    ) {
+
+       // LocalDateTime dateTime = LocalDateTime.parse(pocetno_vreme);
+       // LocalDateTime dateTime2 = LocalDateTime.parse(krajno_vreme);
+        KorisnikKey korisnikKey = new KorisnikKey();
+        korisnikKey.setUser(this.najavaRepository.findById("Majkl0810").get());
+        Korisnik korisnik = korisnikRepository.findById(korisnikKey).get();
+
+        Avtomobil avtomobil = new Avtomobil();
+        avtomobil.setRegTablica(reg_tablica);
+        avtomobil.setKorisnickoIme(korisnik);
+        avtomobil.setBoja(boja);
+        avtomobil.setMarka(marka);
+        this.avtomobilRepository.save(avtomobil);
+
+        Rezervacija rezervacija = new Rezervacija();
+
+        List<Rezervacija> rezervacijaList = this.rezervacijaRepository.findAll();
+        int sizeRezervacija = rezervacijaList.size() + 1;
+        rezervacija.setIdRezervacija(sizeRezervacija);
+
+        rezervacija.setRegTablica(avtomobil);
+        //rezervacija.setPocetnoVreme(dateTime);
+        //rezervacija.setKrajnoVreme(dateTime2);
+        rezervacija.setBrojNaPmesta(this.parkingMestoRepository.findById(broj_na_pmesta).get());
+        Plakjanje plakjanje = plakjanjeRepository.findById(113).get();
+        rezervacija.setIdPlakanje(plakjanje);
+        this.rezervacijaRepository.save(rezervacija);
+        return "redirect:/success";
+    }
+
+
+
+
+}
Index: source/freeparkingspace/src/main/java/com/proekt/Controller/ReservationInfo.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/Controller/ReservationInfo.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/Controller/ReservationInfo.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,31 @@
+package com.proekt.Controller;
+
+
+import com.proekt.Repository.ParkingMestoRepository;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestParam;
+
+@Controller
+@RequestMapping("/reservation-info")
+public class ReservationInfo {
+
+    private final ParkingMestoRepository parkingMestoRepository;
+
+    public ReservationInfo(ParkingMestoRepository parkingMestoRepository) {
+        this.parkingMestoRepository = parkingMestoRepository;
+    }
+
+    @GetMapping
+    public String getRegisterPage(@RequestParam(required = false) String error, Model model) {
+        if(error != null && !error.isEmpty()) {
+            model.addAttribute("hasError", true);
+            model.addAttribute("error", error);
+        }
+        model.addAttribute("parking_mesto", this.parkingMestoRepository.findAll());
+        model.addAttribute("bodyContent","reservationInfo");
+        return "master-template";
+    }
+}
Index: source/freeparkingspace/src/main/java/com/proekt/Controller/SuccessController.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/Controller/SuccessController.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/Controller/SuccessController.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,17 @@
+package com.proekt.Controller;
+
+
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.RequestMapping;
+
+@Controller
+@RequestMapping("/success")
+public class SuccessController {
+    @GetMapping
+    public String getViewHome(Model model) {
+        model.addAttribute("bodyContent","success");
+        return "master-template";
+    }
+}
Index: source/freeparkingspace/src/main/java/com/proekt/Controller/test.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/Controller/test.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/Controller/test.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,68 @@
+package com.proekt.Controller;
+
+import com.proekt.Repository.*;
+import com.proekt.model.*;
+import com.proekt.model.Korisnik.Korisnik;
+import com.proekt.model.Korisnik.KorisnikKey;
+import com.proekt.model.Vraboten.Vraboten;
+import com.proekt.model.Vraboten.VrabotenKey;
+import org.springframework.http.ResponseEntity;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RestController;
+
+import java.util.List;
+
+@RestController
+@RequestMapping("/tests")
+public class test {
+
+    private final NajavaRepository najavaRepository;
+    private final KorisnikRepository korisnikRepository;
+    private final VrabotenRepository1 vrabotenRepository;
+    private final AvtomobilRepository avtomobilRepository;
+    private final ParkingMestoRepository parkingMestoRepository;
+    private final PlakjanjeRepository plakjanjeRepository;
+
+
+    public test(NajavaRepository najavaRepository, KorisnikRepository korisnikRepository, VrabotenRepository1 vrabotenRepository, AvtomobilRepository avtomobilRepository, ParkingMestoRepository parkingMestoRepository, PlakjanjeRepository plakjanje, PlakjanjeRepository plakjanjeRepository) {
+        this.najavaRepository = najavaRepository;
+        this.korisnikRepository = korisnikRepository;
+        this.vrabotenRepository = vrabotenRepository;
+        this.avtomobilRepository = avtomobilRepository;
+        this.parkingMestoRepository = parkingMestoRepository;
+        this.plakjanjeRepository = plakjanjeRepository;
+    }
+
+
+    @GetMapping
+    public ResponseEntity viewQuery() {
+        Najava najava = new Najava();
+        najava.setKorisnickoIme("korisnicko_ime");
+        najava.setIme("ime");
+        najava.setPrezime("prezime");
+        najava.setEmbg("embg");
+        najava.setEmail("email");
+        najava.setBrTel("br_tel");
+        najava.setPassword("password");
+
+
+
+        //////TEST-RESERVATION-ALL///////
+        Avtomobil avtomobil = avtomobilRepository.findById("SK-2410-AZ").get();
+        ParkingMesto parkingMesto = parkingMestoRepository.findById(1).get();
+        Plakjanje plakjanje = plakjanjeRepository.findById(113).get();
+        Rezervacija rezervacija = new Rezervacija();
+        rezervacija.setIdRezervacija(1337);
+        rezervacija.setRegTablica(avtomobil);
+        rezervacija.setBrojNaPmesta(parkingMesto);
+        rezervacija.setIdPlakanje(plakjanje);
+
+        return ResponseEntity.ok(rezervacija);
+
+
+    }
+
+
+
+}
Index: source/freeparkingspace/src/main/java/com/proekt/ProektApplication.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/ProektApplication.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/ProektApplication.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,13 @@
+package com.proekt;
+
+import org.springframework.boot.SpringApplication;
+import org.springframework.boot.autoconfigure.SpringBootApplication;
+
+@SpringBootApplication
+public class ProektApplication {
+
+    public static void main(String[] args) {
+        SpringApplication.run(ProektApplication.class, args);
+    }
+
+}
Index: source/freeparkingspace/src/main/java/com/proekt/Repository/AdministratorRepository.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/Repository/AdministratorRepository.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/Repository/AdministratorRepository.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,8 @@
+package com.proekt.Repository;
+
+import com.proekt.model.Admin.AdminKey;
+import com.proekt.model.Admin.Administrator;
+import org.springframework.data.jpa.repository.JpaRepository;
+
+public interface AdministratorRepository extends JpaRepository<Administrator, AdminKey> {
+}
Index: source/freeparkingspace/src/main/java/com/proekt/Repository/AvtomobilRepository.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/Repository/AvtomobilRepository.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/Repository/AvtomobilRepository.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,7 @@
+package com.proekt.Repository;
+
+import com.proekt.model.Avtomobil;
+import org.springframework.data.jpa.repository.JpaRepository;
+
+public interface AvtomobilRepository extends JpaRepository<Avtomobil, String> {
+}
Index: source/freeparkingspace/src/main/java/com/proekt/Repository/KontrolerRepository.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/Repository/KontrolerRepository.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/Repository/KontrolerRepository.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,8 @@
+package com.proekt.Repository;
+
+import com.proekt.model.Kontroler.Kontroler;
+import com.proekt.model.Kontroler.KontrolerKey;
+import org.springframework.data.jpa.repository.JpaRepository;
+
+public interface KontrolerRepository extends JpaRepository<Kontroler, KontrolerKey> {
+}
Index: source/freeparkingspace/src/main/java/com/proekt/Repository/KorisnikRepository.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/Repository/KorisnikRepository.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/Repository/KorisnikRepository.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,8 @@
+package com.proekt.Repository;
+
+import com.proekt.model.Korisnik.Korisnik;
+import com.proekt.model.Korisnik.KorisnikKey;
+import org.springframework.data.jpa.repository.JpaRepository;
+
+public interface KorisnikRepository extends JpaRepository<Korisnik, KorisnikKey> {
+}
Index: source/freeparkingspace/src/main/java/com/proekt/Repository/NajavaRepository.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/Repository/NajavaRepository.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/Repository/NajavaRepository.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,7 @@
+package com.proekt.Repository;
+
+import com.proekt.model.Najava;
+import org.springframework.data.jpa.repository.JpaRepository;
+
+public interface NajavaRepository extends JpaRepository<Najava, String> {
+}
Index: source/freeparkingspace/src/main/java/com/proekt/Repository/ParkingMestoRepository.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/Repository/ParkingMestoRepository.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/Repository/ParkingMestoRepository.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,7 @@
+package com.proekt.Repository;
+
+import com.proekt.model.ParkingMesto;
+import org.springframework.data.jpa.repository.JpaRepository;
+
+public interface ParkingMestoRepository extends JpaRepository<ParkingMesto, Integer> {
+}
Index: source/freeparkingspace/src/main/java/com/proekt/Repository/PlakjanjeRepository.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/Repository/PlakjanjeRepository.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/Repository/PlakjanjeRepository.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,7 @@
+package com.proekt.Repository;
+
+import com.proekt.model.Plakjanje;
+import org.springframework.data.jpa.repository.JpaRepository;
+
+public interface PlakjanjeRepository extends JpaRepository<Plakjanje, Integer> {
+}
Index: source/freeparkingspace/src/main/java/com/proekt/Repository/RezervacijaRepository.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/Repository/RezervacijaRepository.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/Repository/RezervacijaRepository.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,7 @@
+package com.proekt.Repository;
+
+import com.proekt.model.Rezervacija;
+import org.springframework.data.jpa.repository.JpaRepository;
+
+public interface RezervacijaRepository extends JpaRepository<Rezervacija, Integer> {
+}
Index: source/freeparkingspace/src/main/java/com/proekt/Repository/VrabotenRepository.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/Repository/VrabotenRepository.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/Repository/VrabotenRepository.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,7 @@
+package com.proekt.Repository;
+
+import com.proekt.model.Vraboten.Vraboten;
+import org.springframework.data.jpa.repository.JpaRepository;
+
+public interface VrabotenRepository extends JpaRepository<Vraboten, String> {
+}
Index: source/freeparkingspace/src/main/java/com/proekt/Repository/VrabotenRepository1.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/Repository/VrabotenRepository1.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/Repository/VrabotenRepository1.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,8 @@
+package com.proekt.Repository;
+
+import com.proekt.model.Vraboten.Vraboten;
+import com.proekt.model.Vraboten.VrabotenKey;
+import org.springframework.data.jpa.repository.JpaRepository;
+
+public interface VrabotenRepository1 extends JpaRepository<Vraboten, VrabotenKey> {
+}
Index: source/freeparkingspace/src/main/java/com/proekt/Service/AdminService.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/Service/AdminService.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/Service/AdminService.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,8 @@
+package com.proekt.Service;
+
+import com.proekt.model.Admin.Administrator;
+import com.proekt.model.Vraboten.Vraboten;
+
+public interface AdminService {
+    public Administrator delete(String id);
+}
Index: source/freeparkingspace/src/main/java/com/proekt/Service/EmployeeService.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/Service/EmployeeService.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/Service/EmployeeService.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,7 @@
+package com.proekt.Service;
+
+import com.proekt.model.Vraboten.Vraboten;
+
+public interface EmployeeService{
+    public Vraboten delete(String id);
+}
Index: source/freeparkingspace/src/main/java/com/proekt/Service/KontrolerService.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/Service/KontrolerService.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/Service/KontrolerService.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,7 @@
+package com.proekt.Service;
+
+import com.proekt.model.Kontroler.Kontroler;
+
+public interface KontrolerService {
+    public Kontroler delete(String id);
+}
Index: source/freeparkingspace/src/main/java/com/proekt/Service/ServiceImpl/AdminServiceImpl.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/Service/ServiceImpl/AdminServiceImpl.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/Service/ServiceImpl/AdminServiceImpl.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,32 @@
+package com.proekt.Service.ServiceImpl;
+
+import com.proekt.Repository.AdministratorRepository;
+import com.proekt.Repository.NajavaRepository;
+import com.proekt.Service.AdminService;
+import com.proekt.Service.EmployeeService;
+import com.proekt.model.Admin.AdminKey;
+import com.proekt.model.Admin.Administrator;
+import com.proekt.model.Najava;
+import org.springframework.stereotype.Service;
+
+@Service
+public class AdminServiceImpl implements AdminService {
+
+    private final NajavaRepository najavaRepository;
+    private final AdministratorRepository administratorRepository;
+
+    public AdminServiceImpl(NajavaRepository najavaRepository, AdministratorRepository administratorRepository) {
+        this.najavaRepository = najavaRepository;
+        this.administratorRepository = administratorRepository;
+    }
+
+    @Override
+    public Administrator delete(String id) {
+        Najava najava2 = najavaRepository.findById(id).get();
+        AdminKey vrabotenKey1 = new AdminKey(najava2);
+        Administrator vraboten3 = administratorRepository.findById(vrabotenKey1).get();
+        this.administratorRepository.delete(vraboten3);
+        return vraboten3;
+    }
+
+}
Index: source/freeparkingspace/src/main/java/com/proekt/Service/ServiceImpl/EmployeeServiceImpl.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/Service/ServiceImpl/EmployeeServiceImpl.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/Service/ServiceImpl/EmployeeServiceImpl.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,31 @@
+package com.proekt.Service.ServiceImpl;
+
+import com.proekt.Repository.NajavaRepository;
+import com.proekt.Repository.VrabotenRepository1;
+import com.proekt.Service.EmployeeService;
+import com.proekt.model.Najava;
+import com.proekt.model.Vraboten.Vraboten;
+import com.proekt.model.Vraboten.VrabotenKey;
+import org.springframework.stereotype.Service;
+
+@Service
+public class EmployeeServiceImpl implements EmployeeService {
+
+    private final NajavaRepository najavaRepository;
+    private final VrabotenRepository1 vrabotenRepository1;
+
+    public EmployeeServiceImpl(NajavaRepository najavaRepository, VrabotenRepository1 vrabotenRepository1) {
+        this.najavaRepository = najavaRepository;
+        this.vrabotenRepository1 = vrabotenRepository1;
+    }
+
+    @Override
+    public Vraboten delete(String id) {
+        Najava najava2 = najavaRepository.findById(id).get();
+        VrabotenKey vrabotenKey1 = new VrabotenKey(najava2);
+        Vraboten vraboten3 = vrabotenRepository1.findById(vrabotenKey1).get();
+        this.vrabotenRepository1.delete(vraboten3);
+        return vraboten3;
+    }
+
+}
Index: source/freeparkingspace/src/main/java/com/proekt/model/Admin/AdminKey.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/model/Admin/AdminKey.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/model/Admin/AdminKey.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,34 @@
+package com.proekt.model.Admin;
+
+
+import com.proekt.model.Najava;
+
+import javax.persistence.Embeddable;
+import javax.persistence.JoinColumn;
+import javax.persistence.ManyToOne;
+import java.io.Serializable;
+
+@Embeddable
+public class AdminKey implements Serializable {
+
+    @ManyToOne
+    @JoinColumn(name="korisnicko_ime")
+    public Najava user;
+
+    public AdminKey(Najava user) {
+        this.user = user;
+    }
+
+    public AdminKey() {
+
+    }
+
+    public Najava getUser() {
+        return user;
+    }
+
+    public void setUser(Najava user) {
+        this.user = user;
+    }
+
+}
Index: source/freeparkingspace/src/main/java/com/proekt/model/Admin/Administrator.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/model/Admin/Administrator.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/model/Admin/Administrator.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,41 @@
+package com.proekt.model.Admin;
+import lombok.Data;
+
+import javax.persistence.*;
+
+@Data
+@Table(name = "administrator")
+@Entity
+public class Administrator{
+
+    @EmbeddedId
+    @GeneratedValue(strategy = GenerationType.IDENTITY)
+    @Column(nullable = false, unique = true)
+    private AdminKey adminKey;
+
+    private int idAdministrator;
+
+    public Administrator(AdminKey adminKey, int idAdministrator) {
+        this.adminKey = adminKey;
+        this.idAdministrator = idAdministrator;
+    }
+
+    public Administrator() {
+    }
+
+    public AdminKey getAdminKey() {
+        return adminKey;
+    }
+
+    public void setAdminKey(AdminKey adminKey) {
+        this.adminKey = adminKey;
+    }
+
+    public int getIdAdministrator() {
+        return idAdministrator;
+    }
+
+    public void setIdAdministrator(int idAdministrator) {
+        this.idAdministrator = idAdministrator;
+    }
+}
Index: source/freeparkingspace/src/main/java/com/proekt/model/Avtomobil.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/model/Avtomobil.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/model/Avtomobil.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,73 @@
+package com.proekt.model;
+
+
+import com.proekt.model.Korisnik.Korisnik;
+import lombok.Data;
+
+import javax.persistence.*;
+import javax.persistence.ManyToOne;
+
+@Data
+@Table
+@Entity
+
+public class Avtomobil {
+
+    @Id
+    @Column(name="reg_tablica")
+    private String regTablica;
+
+    @Column(nullable = false,length = 20,unique = true)
+    private String marka;
+
+    @Column(nullable = false,length = 15,unique = true)
+    private String boja;
+
+
+
+    @ManyToOne
+    @JoinColumn(name="korisnickoime")
+    public Korisnik korisnickoIme;
+
+    public Avtomobil(String regTablica, String marka, String boja, Korisnik korisnik) {
+        this.regTablica = regTablica;
+        this.korisnickoIme = korisnik;
+        this.marka = marka;
+        this.boja = boja;
+    }
+
+    public Avtomobil() {
+    }
+
+    public String getRegTablica() {
+        return regTablica;
+    }
+
+    public void setRegTablica(String regTablica) {
+        this.regTablica = regTablica;
+    }
+
+    public String getMarka() {
+        return marka;
+    }
+
+    public void setMarka(String marka) {
+        this.marka = marka;
+    }
+
+    public String getBoja() {
+        return boja;
+    }
+
+    public void setBoja(String boja) {
+        this.boja = boja;
+    }
+
+    public Korisnik getKorisnickoIme() {
+        return korisnickoIme;
+    }
+
+    public void setKorisnickoIme(Korisnik korisnickoIme) {
+        this.korisnickoIme = korisnickoIme;
+    }
+}
Index: source/freeparkingspace/src/main/java/com/proekt/model/ImeNaParking.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/model/ImeNaParking.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/model/ImeNaParking.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,54 @@
+package com.proekt.model;
+import lombok.Data;
+import javax.persistence.ManyToOne;
+import javax.persistence.*;
+import com.proekt.model.Admin.Administrator;
+@Data
+@Table
+@Entity
+
+public class ImeNaParking {
+    @Id
+    @GeneratedValue(strategy = GenerationType.IDENTITY)
+    @Column(nullable = false, unique = true)
+    private int Id_ime;
+
+    @Column(nullable = false,length = 150,unique = true)
+    private String Lokacija;
+
+    @ManyToOne
+    @JoinColumn(name="administrator_korisnicko_ime")
+    public Administrator korisnickoime;
+
+    public ImeNaParking(int id_ime, String lokacija) {
+        Id_ime = id_ime;
+        Lokacija = lokacija;
+    }
+
+    public ImeNaParking() {
+    }
+
+    public int getId_ime() {
+        return Id_ime;
+    }
+
+    public void setId_ime(int id_ime) {
+        Id_ime = id_ime;
+    }
+
+    public String getLokacija() {
+        return Lokacija;
+    }
+
+    public void setLokacija(String lokacija) {
+        Lokacija = lokacija;
+    }
+
+    public Administrator getKorisnickoime() {
+        return korisnickoime;
+    }
+
+    public void setKorisnickoime(Administrator korisnickoime) {
+        this.korisnickoime = korisnickoime;
+    }
+}
Index: source/freeparkingspace/src/main/java/com/proekt/model/Kancelar.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/model/Kancelar.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/model/Kancelar.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,22 @@
+package com.proekt.model;
+import com.proekt.model.Vraboten.Vraboten;
+import lombok.Data;
+
+import javax.persistence.*;
+
+@Data
+@Table
+@Entity
+public class Kancelar{
+    @Id
+    @GeneratedValue(strategy = GenerationType.IDENTITY)
+    @Column(nullable = false, unique = true)
+    private int idKancelar;
+
+    public Kancelar(int idKancelar) {
+        this.idKancelar = idKancelar;
+    }
+
+    public Kancelar() {
+    }
+}
Index: source/freeparkingspace/src/main/java/com/proekt/model/Kazna.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/model/Kazna.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/model/Kazna.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,31 @@
+package com.proekt.model;
+import com.proekt.model.Korisnik.Korisnik;
+import lombok.Data;
+import javax.persistence.ManyToOne;
+import javax.persistence.*;
+
+@Data
+@Table
+@Entity
+public class Kazna {
+    @Id
+    @GeneratedValue(strategy = GenerationType.IDENTITY)
+    @Column(nullable = false,unique = true)
+    private int idKazna;
+    @Column(nullable = false,unique = true)
+    private int iznos;
+    @Column(nullable = false,unique = true)
+    private int brojKazni;
+    @ManyToOne
+    @JoinColumn(name="korisnickoime")
+    public Korisnik korisnickoIme;
+
+    public Kazna() {
+    }
+
+    public Kazna(int idKazna, int iznos, int brojKazni) {
+        this.idKazna = idKazna;
+        this.iznos = iznos;
+        this.brojKazni = brojKazni;
+    }
+}
Index: source/freeparkingspace/src/main/java/com/proekt/model/Kontrola.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/model/Kontrola.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/model/Kontrola.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,52 @@
+package com.proekt.model;
+
+import com.proekt.model.Kontroler.Kontroler;
+import lombok.Data;
+
+import javax.persistence.*;
+import java.time.LocalDateTime;
+import javax.persistence.ManyToOne;
+@Data
+@Table
+@Entity
+public class Kontrola {
+    @Id
+    @GeneratedValue(strategy = GenerationType.IDENTITY)
+    @Column(nullable = false, unique = true)
+    private int idKontrola;
+
+    @Column(nullable = false, unique = true)
+    private int izvrsenaKontrola;
+
+    @Column(nullable = false, unique = true)
+    private LocalDateTime vremeNaKontrola;
+
+    @Column(nullable = false,length = 300)
+    private String konstantacija;
+
+    @ManyToOne
+    @JoinColumn(name="korisnicko_ime")
+    public Kontroler korisnickoIme;
+
+    @ManyToOne
+    @JoinColumn(name="broj_na_pmesta")
+    public ParkingMesto brojNaPmesta;
+
+    @ManyToOne
+    @JoinColumn(name="id_rezervacija")
+    public Rezervacija idRezervacija;
+
+    @ManyToOne
+    @JoinColumn(name="id_kazna")
+    public Kazna idKazna;
+
+    public Kontrola() {
+    }
+
+    public Kontrola(int idKontrola, int izvrsenaKontrola, LocalDateTime vremeNaKontrola, String konstantacija) {
+        this.idKontrola = idKontrola;
+        this.izvrsenaKontrola = izvrsenaKontrola;
+        this.vremeNaKontrola = vremeNaKontrola;
+        this.konstantacija = konstantacija;
+    }
+}
Index: source/freeparkingspace/src/main/java/com/proekt/model/Kontroler/Kontroler.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/model/Kontroler/Kontroler.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/model/Kontroler/Kontroler.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,41 @@
+package com.proekt.model.Kontroler;
+
+import lombok.Data;
+
+import javax.persistence.*;
+
+@Data
+@Table
+@Entity
+public class Kontroler{
+
+    private int id_kontroler;
+
+    @EmbeddedId
+    private KontrolerKey kontrolerKey;
+
+    public Kontroler(int id_kontroler, KontrolerKey kontrolerKey) {
+        this.id_kontroler = id_kontroler;
+        this.kontrolerKey = kontrolerKey;
+    }
+
+    public Kontroler() {
+
+    }
+
+    public int getId_kontroler() {
+        return id_kontroler;
+    }
+
+    public void setId_kontroler(int id_kontroler) {
+        this.id_kontroler = id_kontroler;
+    }
+
+    public KontrolerKey getKontrolerKey() {
+        return kontrolerKey;
+    }
+
+    public void setKontrolerKey(KontrolerKey kontrolerKey) {
+        this.kontrolerKey = kontrolerKey;
+    }
+}
Index: source/freeparkingspace/src/main/java/com/proekt/model/Kontroler/KontrolerKey.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/model/Kontroler/KontrolerKey.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/model/Kontroler/KontrolerKey.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,32 @@
+package com.proekt.model.Kontroler;
+
+import com.proekt.model.Najava;
+
+import javax.persistence.Embeddable;
+import javax.persistence.JoinColumn;
+import javax.persistence.ManyToOne;
+import java.io.Serializable;
+
+@Embeddable
+public class KontrolerKey implements Serializable {
+
+    @ManyToOne
+    @JoinColumn(name="korisnicko_ime")
+    public Najava user;
+
+    public KontrolerKey(Najava user) {
+        this.user = user;
+    }
+
+    public KontrolerKey() {
+
+    }
+
+    public Najava getUser() {
+        return user;
+    }
+
+    public void setUser(Najava user) {
+        this.user = user;
+    }
+}
Index: source/freeparkingspace/src/main/java/com/proekt/model/Korisnik/Korisnik.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/model/Korisnik/Korisnik.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/model/Korisnik/Korisnik.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,41 @@
+package com.proekt.model.Korisnik;
+import lombok.Data;
+
+import javax.persistence.*;
+@Data
+@Table(name = "korisnik")
+@Entity
+public class Korisnik{
+
+    @EmbeddedId
+    @GeneratedValue(strategy = GenerationType.IDENTITY)
+    private KorisnikKey korisnikKey;
+
+    @Column(name = "id_korisnik")
+    private int korisnicko_ime;
+
+    public Korisnik(KorisnikKey korisnikKey, int korisnicko_ime) {
+        this.korisnikKey = korisnikKey;
+        this.korisnicko_ime = korisnicko_ime;
+    }
+
+    public Korisnik() {
+
+    }
+
+    public KorisnikKey getKorisnikKey() {
+        return korisnikKey;
+    }
+
+    public void setKorisnikKey(KorisnikKey korisnikKey) {
+        this.korisnikKey = korisnikKey;
+    }
+
+    public int getKorisnicko_ime() {
+        return korisnicko_ime;
+    }
+
+    public void setKorisnicko_ime(int korisnicko_ime) {
+        this.korisnicko_ime = korisnicko_ime;
+    }
+}
Index: source/freeparkingspace/src/main/java/com/proekt/model/Korisnik/KorisnikKey.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/model/Korisnik/KorisnikKey.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/model/Korisnik/KorisnikKey.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,32 @@
+package com.proekt.model.Korisnik;
+
+import com.proekt.model.Najava;
+
+import javax.persistence.Embeddable;
+import javax.persistence.JoinColumn;
+import javax.persistence.ManyToOne;
+import java.io.Serializable;
+
+@Embeddable
+public class KorisnikKey implements Serializable {
+
+    @ManyToOne
+    @JoinColumn(name="korisnicko_ime")
+    public Najava user;
+
+    public KorisnikKey(Najava user) {
+        this.user = user;
+    }
+
+    public KorisnikKey() {
+
+    }
+
+    public Najava getUser() {
+        return user;
+    }
+
+    public void setUser(Najava user) {
+        this.user = user;
+    }
+}
Index: source/freeparkingspace/src/main/java/com/proekt/model/Najava.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/model/Najava.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/model/Najava.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,97 @@
+package com.proekt.model;
+import lombok.Data;
+
+import javax.persistence.*;
+
+@Table(name = "najava")
+@Data
+@Entity
+
+@Inheritance(strategy = InheritanceType.JOINED)
+public class Najava {
+    @Id
+    @Column (nullable = false,unique = true, length = 150)
+    private String korisnickoIme;
+
+    @Column (nullable = false,unique = true, length = 13)
+    private String embg;
+    @Column (nullable = false,unique = true, length = 150)
+    private String brTel;
+    @Column (nullable = false,unique = true, length = 50)
+    private String email;
+    @Column (nullable = false,unique = true, length = 150)
+    private String password;
+    @Column (nullable = false,unique = true, length = 150)
+    private String ime;
+    @Column (nullable = false,unique = true, length = 150)
+    private String prezime;
+
+    public Najava() {
+    }
+
+    public Najava(String korisnickoIme, String embg, String brTel, String email, String password, String ime, String prezime) {
+        this.korisnickoIme = korisnickoIme;
+        this.embg = embg;
+        this.brTel = brTel;
+        this.email = email;
+        this.password = password;
+        this.ime = ime;
+        this.prezime = prezime;
+    }
+
+    public String getKorisnickoIme() {
+        return korisnickoIme;
+    }
+
+    public void setKorisnickoIme(String korisnickoIme) {
+        this.korisnickoIme = korisnickoIme;
+    }
+
+    public String getEmbg() {
+        return embg;
+    }
+
+    public void setEmbg(String embg) {
+        this.embg = embg;
+    }
+
+    public String getBrTel() {
+        return brTel;
+    }
+
+    public void setBrTel(String brTel) {
+        this.brTel = brTel;
+    }
+
+    public String getEmail() {
+        return email;
+    }
+
+    public void setEmail(String email) {
+        this.email = email;
+    }
+
+    public String getPassword() {
+        return password;
+    }
+
+    public void setPassword(String password) {
+        this.password = password;
+    }
+
+    public String getIme() {
+        return ime;
+    }
+
+    public void setIme(String ime) {
+        this.ime = ime;
+    }
+
+    public String getPrezime() {
+        return prezime;
+    }
+
+    public void setPrezime(String prezime) {
+        this.prezime = prezime;
+    }
+}
Index: source/freeparkingspace/src/main/java/com/proekt/model/ParkingMesto.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/model/ParkingMesto.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/model/ParkingMesto.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,44 @@
+package com.proekt.model;
+import lombok.Data;
+import javax.persistence.ManyToOne;
+import javax.persistence.*;
+
+@Data
+@Table(name = "parking_mesto")
+@Entity
+public class ParkingMesto {
+
+
+    @Id
+    @Column(nullable = false, unique = true)
+    private int brojNaPmesta;
+
+    @ManyToOne
+    @JoinColumn(name="idzona")
+    public Zona idZona;
+
+    public ParkingMesto(int brojNaPmesta, Zona idZona) {
+        this.brojNaPmesta = brojNaPmesta;
+        this.idZona = idZona;
+    }
+
+    public ParkingMesto() {
+    }
+
+    public int getBrojNaPmesta() {
+        return brojNaPmesta;
+    }
+
+    public void setBrojNaPmesta(int brojNaPmesta) {
+        this.brojNaPmesta = brojNaPmesta;
+    }
+
+    public Zona getIdZona() {
+        return idZona;
+    }
+
+    public void setIdZona(Zona idZona) {
+        this.idZona = idZona;
+    }
+
+}
Index: source/freeparkingspace/src/main/java/com/proekt/model/Plakjanje.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/model/Plakjanje.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/model/Plakjanje.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,38 @@
+package com.proekt.model;
+import com.proekt.model.Korisnik.Korisnik;
+import lombok.Data;
+import javax.persistence.ManyToOne;
+import javax.persistence.*;
+
+@Data
+@Table
+@Entity
+
+public class Plakjanje {
+
+    @Id
+    @Column(nullable = false, unique = true)
+    private int idPlakanje;
+
+    @Column(nullable = false,length = 30,unique = true)
+    private  String brTel;
+
+    @Column(nullable = false,length = 150,unique = true)
+    private  String brNaSmetka;
+
+    @Column(nullable = false,length = 150,unique = true)
+    private  String tipPlakjanje;
+    @ManyToOne
+    @JoinColumn(name="korisnickoime")
+    public Korisnik korisnickoIme;
+
+    public Plakjanje() {
+    }
+
+    public Plakjanje(int idPlakanje, String brTel, String brNaSmetka, String tipPlakjanje) {
+        this.idPlakanje = idPlakanje;
+        this.brTel = brTel;
+        this.brNaSmetka = brNaSmetka;
+        this.tipPlakjanje = tipPlakjanje;
+    }
+}
Index: source/freeparkingspace/src/main/java/com/proekt/model/Rezervacija.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/model/Rezervacija.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/model/Rezervacija.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,93 @@
+package com.proekt.model;
+import javax.persistence.ManyToOne;
+import javax.persistence.OneToOne;
+
+import lombok.Data;
+
+
+import javax.persistence.*;
+import java.time.LocalDateTime;
+
+@Data
+@Table
+@Entity
+
+public class Rezervacija {
+    @Id
+    @Column(name = "id_rezervacija")
+    private int idRezervacija;
+    private LocalDateTime pocetnoVreme;
+    private LocalDateTime krajnoVreme;
+
+    @ManyToOne
+    @JoinColumn(name="reg_tablica")
+    public Avtomobil regTablica;
+
+    @OneToOne
+    @JoinColumn(name="broj_na_pmesta")
+    private ParkingMesto brojNaPmesta;
+
+    @OneToOne
+    @JoinColumn(name="id_plakanje")
+    private Plakjanje idPlakanje;
+
+    public Rezervacija() {
+    }
+
+    public Rezervacija(int idRezervacija, LocalDateTime pocetnoVreme, LocalDateTime krajnoVreme, Avtomobil regTablica, ParkingMesto brojNaPmesta, Plakjanje idPlakanje) {
+        this.idRezervacija = idRezervacija;
+        this.pocetnoVreme = pocetnoVreme;
+        this.krajnoVreme = krajnoVreme;
+        this.regTablica = regTablica;
+        this.brojNaPmesta = brojNaPmesta;
+        this.idPlakanje = idPlakanje;
+    }
+
+    public int getIdRezervacija() {
+        return idRezervacija;
+    }
+
+    public void setIdRezervacija(int idRezervacija) {
+        this.idRezervacija = idRezervacija;
+    }
+
+    public LocalDateTime getPocetnoVreme() {
+        return pocetnoVreme;
+    }
+
+    public void setPocetnoVreme(LocalDateTime pocetnoVreme) {
+        this.pocetnoVreme = pocetnoVreme;
+    }
+
+    public LocalDateTime getKrajnoVreme() {
+        return krajnoVreme;
+    }
+
+    public void setKrajnoVreme(LocalDateTime krajnoVreme) {
+        this.krajnoVreme = krajnoVreme;
+    }
+
+    public Avtomobil getRegTablica() {
+        return regTablica;
+    }
+
+    public void setRegTablica(Avtomobil regTablica) {
+        this.regTablica = regTablica;
+    }
+
+    public ParkingMesto getBrojNaPmesta() {
+        return brojNaPmesta;
+    }
+
+    public void setBrojNaPmesta(ParkingMesto brojNaPmesta) {
+        this.brojNaPmesta = brojNaPmesta;
+    }
+
+    public Plakjanje getIdPlakanje() {
+        return idPlakanje;
+    }
+
+    public void setIdPlakanje(Plakjanje idPlakanje) {
+        this.idPlakanje = idPlakanje;
+    }
+}
Index: source/freeparkingspace/src/main/java/com/proekt/model/Vraboten/Vraboten.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/model/Vraboten/Vraboten.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/model/Vraboten/Vraboten.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,52 @@
+package com.proekt.model.Vraboten;
+import lombok.Data;
+
+import javax.persistence.*;
+@Data
+@Table
+@Entity
+public class Vraboten{
+
+    private int idVraboten;
+
+    @Column(name = "uloga")
+    private String uloga;
+
+    @EmbeddedId
+    @GeneratedValue(strategy = GenerationType.IDENTITY)
+    private VrabotenKey vrabotenKey;
+
+
+    public Vraboten() {
+    }
+
+    public Vraboten(int idVraboten, String uloga, VrabotenKey vrabotenKey) {
+        this.vrabotenKey = vrabotenKey;
+        this.idVraboten = idVraboten;
+        this.uloga = uloga;
+    }
+
+    public VrabotenKey getVrabotenKey() {
+        return vrabotenKey;
+    }
+
+    public void setVrabotenKey(VrabotenKey vrabotenKey) {
+        this.vrabotenKey = vrabotenKey;
+    }
+
+    public int getIdVraboten() {
+        return idVraboten;
+    }
+
+    public void setIdVraboten(int idVraboten) {
+        this.idVraboten = idVraboten;
+    }
+
+    public String getUloga() {
+        return uloga;
+    }
+
+    public void setUloga(String uloga) {
+        this.uloga = uloga;
+    }
+}
Index: source/freeparkingspace/src/main/java/com/proekt/model/Vraboten/VrabotenKey.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/model/Vraboten/VrabotenKey.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/model/Vraboten/VrabotenKey.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,32 @@
+package com.proekt.model.Vraboten;
+
+import com.proekt.model.Najava;
+
+import javax.persistence.Embeddable;
+import javax.persistence.JoinColumn;
+import javax.persistence.ManyToOne;
+import java.io.Serializable;
+
+@Embeddable
+public class VrabotenKey implements Serializable {
+
+    @ManyToOne
+    @JoinColumn(name="korisnicko_ime")
+    public Najava user;
+
+    public VrabotenKey(Najava user) {
+        this.user = user;
+    }
+
+    public VrabotenKey() {
+
+    }
+
+    public Najava getUser() {
+        return user;
+    }
+
+    public void setUser(Najava user) {
+        this.user = user;
+    }
+}
Index: source/freeparkingspace/src/main/java/com/proekt/model/Zona.java
===================================================================
--- source/freeparkingspace/src/main/java/com/proekt/model/Zona.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/java/com/proekt/model/Zona.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,43 @@
+package com.proekt.model;
+
+import lombok.Data;
+import javax.persistence.ManyToOne;
+import javax.persistence.*;
+
+@Data
+@Table(name = "zona")
+@Entity
+public class Zona {
+    @Id
+    @GeneratedValue(strategy = GenerationType.IDENTITY)
+    @Column(nullable = false, unique = true)
+    private String idZona;
+    @ManyToOne
+    @JoinColumn(name="ime_na_parking_id_ime")
+    public ImeNaParking idIme;
+
+    public Zona(String idZona, ImeNaParking idIme) {
+        this.idZona = idZona;
+        this.idIme = idIme;
+    }
+
+
+    public Zona() {
+    }
+
+    public String getIdZona() {
+        return idZona;
+    }
+
+    public void setIdZona(String idZona) {
+        this.idZona = idZona;
+    }
+
+    public ImeNaParking getIdIme() {
+        return idIme;
+    }
+
+    public void setIdIme(ImeNaParking idIme) {
+        this.idIme = idIme;
+    }
+}
Index: source/freeparkingspace/src/main/resources/application.properties
===================================================================
--- source/freeparkingspace/src/main/resources/application.properties	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/resources/application.properties	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,19 @@
+spring.datasource.driver-class-name=org.postgresql.Driver
+spring.datasource.url=jdbc:postgresql://localhost:9999/db_202122z_va_prj_freeparkingspace
+spring.datasource.username=db_202122z_va_prj_freeparkingspace_owner
+spring.datasource.password=62fdb3e574df
+
+
+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.show-sql=true
+spring.main.allow-bean-definition-overriding=true
+spring.mvc.hiddenmethod.filter.enabled = true
+
+
+
+server.port=9084
Index: source/freeparkingspace/src/main/resources/static/css/masterCss.css
===================================================================
--- source/freeparkingspace/src/main/resources/static/css/masterCss.css	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/resources/static/css/masterCss.css	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,225 @@
+@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;
+    color: white;
+}
+
+table{
+    border-collapse: collapse;
+    color: white;
+    font-size: 0.3rem;
+    background: rgba(0,0,0,0.4);
+
+}
+
+img {
+    width: 120px;
+    height: 120px;
+    margin-right: 230px;
+    margin-left: 5px;
+}
+html{
+    text-align: center;
+}
+body {
+    padding: 0;
+    margin: 0;
+    max-width: 100%;
+    background-image: url('batman.webp');
+    object-fit: cover;
+    height: 100vh;
+    background-size: cover;
+    background-repeat: no-repeat;
+}
+
+
+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: 5rem;
+
+}
+#projection-add
+{
+    margin-left: 142px;
+    width: 75%;
+}
+label{
+color:white;
+font-size: 1rem;
+}
+.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;
+}
+
+li,
+a:hover:not(.btn) {
+    color: red;
+    font-size: 1.5rem;
+}
+
+.reg:hover {
+    color: white;
+}
+.container-main{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%
+}
+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: 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;
+}
+
+.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;
+}
+
Index: source/freeparkingspace/src/main/resources/static/css/projection.css
===================================================================
--- source/freeparkingspace/src/main/resources/static/css/projection.css	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/resources/static/css/projection.css	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,219 @@
+@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{
+    border-collapse: collapse;
+    color: white;
+    font-size: 2rem;
+    background: rgba(0,0,0,0.4);
+    margin-left: 10px;
+
+}
+
+img {
+    width: 120px;
+    height: 120px;
+}
+html{
+    text-align: center;
+}
+body {
+    padding: 0;
+    margin: 0;
+    max-width: 100%;
+    background: white;
+    object-fit: cover;
+    height: 100vh;
+    background-size: cover;
+    background-repeat: no-repeat;
+}
+
+
+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: 5rem;
+
+}
+#projection-add
+{
+    margin-left: 100px;
+    width: 50%;
+}
+.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;
+}
+
+li,
+a:hover:not(.btn) {
+    color: red;
+    font-size: 1.5rem;
+}
+
+.reg:hover {
+    color: white;
+}
+.container-main{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%
+}
+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: 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;
+}
+
+.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;
+}
+
Index: source/freeparkingspace/src/main/resources/static/css/style.css
===================================================================
--- source/freeparkingspace/src/main/resources/static/css/style.css	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/resources/static/css/style.css	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,213 @@
+@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: no-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: 5rem;
+
+}
+
+.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;
+}
+
+li,
+a:hover {
+    color: red;
+    font-size: 1.3rem;
+}
+
+.reg:hover {
+    color: white;
+}
+.container-main{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%
+}
+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: 3vw;
+    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;
+}
+
+.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;
+}
+
Index: source/freeparkingspace/src/main/resources/static/css/styleAuditoriums.css
===================================================================
--- source/freeparkingspace/src/main/resources/static/css/styleAuditoriums.css	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/resources/static/css/styleAuditoriums.css	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,482 @@
+@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{
+    border-collapse: collapse;
+    color: white;
+    font-size: 0.3rem;
+    background: rgba(0,0,0,0.4);
+    margin-left: 210px;
+    margin-top: 50px;
+
+}
+
+img {
+    width: 120px;
+    height: 120px;
+}
+html{
+    text-align: center;
+}
+body {
+    padding: 0;
+    margin: 0;
+    max-width: 100%;
+    background-image: url('giphyavengers.webp');
+    object-fit: cover;
+    height: 100vh;
+    background-size: cover;
+    background-repeat: no-repeat;
+}
+
+
+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: 6rem;
+
+}
+
+.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;
+}
+
+li,
+a:hover:not(.btn) {
+    color: red;
+    font-size: 1.5rem;
+}
+
+.reg:hover {
+    color: white;
+}
+.container-main{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%
+}
+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: 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;
+}
+
+.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;
+}
+
+
+
+
+
+/*@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{*/
+/*    border-collapse: collapse;*/
+/*    color: white;*/
+/*    font-size: 1.5rem;*/
+/*    background: rgba(0,0,0,0.4);*/
+
+/*}*/
+
+/*img {*/
+/*    width: 120px;*/
+/*    height: 120px;*/
+/*}*/
+/*html{*/
+/*    text-align: center;*/
+/*}*/
+/*body {*/
+/*    padding: 0;*/
+/*    margin: 0;*/
+/*    max-width: 100%;*/
+/*    background-image: url('giphyavengers.webp');*/
+/*    object-fit: cover;*/
+/*    height: 100vh;*/
+/*    background-size: cover;*/
+/*    background-repeat: no-repeat;*/
+/*}*/
+
+/*!*: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{*!*/
+/*!*    border-collapse: collapse;*!*/
+/*!*    color: white;*!*/
+/*!*    font-size: 4rem;*!*/
+/*!*    background: rgba(0,0,0,0.4);*!*/
+
+/*!*}*!*/
+
+/*!*img {*!*/
+/*!*    width: 120px;*!*/
+/*!*    height: 120px;*!*/
+/*!*}*!*/
+/*!*html{*!*/
+/*!*    text-align: center;*!*/
+/*!*}*!*/
+/*!*body {*!*/
+/*!*    padding: 0;*!*/
+/*!*    margin: 0;*!*/
+/*!*    max-width: 100%;*!*/
+/*!*    background-image: url('auditorium.png');*!*/
+/*!*    object-fit: cover;*!*/
+/*!*    height: 100vh;*!*/
+/*!*    background-size: cover;*!*/
+/*!*    background-repeat: no-repeat;*!*/
+/*!*}*!*/
+
+
+/*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: 6rem;*/
+
+/*}*/
+
+/*.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;*/
+/*}*/
+
+/*li,*/
+/*a:hover {*/
+/*    color: red;*/
+/*    font-size: 1.5rem;*/
+/*}*/
+
+/*.reg:hover {*/
+/*    color: white;*/
+/*}*/
+/*.container-main{*/
+/*    display: flex;*/
+/*    flex-direction: column;*/
+/*    align-items: center;*/
+/*    justify-content: center;*/
+/*    width: 100%;*/
+/*    height: 100%*/
+/*}*/
+/*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: 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;*/
+/*}*/
+
+/*.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;*/
+/*}*/
+
Index: source/freeparkingspace/src/main/resources/static/css/styleMovies.css
===================================================================
--- source/freeparkingspace/src/main/resources/static/css/styleMovies.css	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/resources/static/css/styleMovies.css	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,443 @@
+@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{
+    border-collapse: collapse;
+    color: white;
+    font-size: 2rem;
+    background: rgba(0,0,0,0.4);
+    margin-left:10px;
+    margin-bottom: 5%;
+
+}
+
+img {
+    width: 120px;
+    height: 120px;
+    border-bottom: 0px;
+}
+html{
+    text-align: center;
+}
+body {
+    padding: 0;
+    margin: 0;
+    max-width: 100%;
+    background-image: url('batman.webp');
+    object-fit: cover;
+    height: 100vh;
+    background-size: cover;
+    background-repeat: no-repeat;
+
+}
+
+
+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: 5rem;
+
+}
+#projection-add
+{
+    margin-left: 142px;
+    width: 75%;
+}
+.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;
+}
+
+li,
+a:hover:not(.btn) {
+    color: red;
+    font-size: 1.5rem;
+}
+
+.reg:hover {
+    color: white;
+}
+.container-main{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%
+}
+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: 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;
+}
+
+.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;
+}
+
+
+
+
+
+
+
+
+/*@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{*/
+/*    border-collapse: collapse;*/
+/*    color: white;*/
+/*    font-size: 1.5rem;*/
+/*    background: rgba(0,0,0,0.4);*/
+
+/*}*/
+
+/*img {*/
+/*    width: 120px;*/
+/*    height: 120px;*/
+/*}*/
+/*html{*/
+/*    text-align: center;*/
+/*}*/
+/*body {*/
+/*    padding: 0;*/
+/*    margin: 0;*/
+/*    max-width: 100%;*/
+/*    background-image: url('giphyavengers.webp');*/
+/*    object-fit: cover;*/
+/*    height: 100vh;*/
+/*    background-size: cover;*/
+/*    background-repeat: no-repeat;*/
+/*}*/
+
+
+/*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: 6rem;*/
+
+/*}*/
+
+/*.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;*/
+/*}*/
+
+/*li,*/
+/*a:hover:not(.btn) {*/
+/*    color: red;*/
+/*    font-size: 1.5rem;*/
+/*}*/
+
+/*.reg:hover {*/
+/*    color: white;*/
+/*}*/
+/*.container-main{*/
+/*    display: flex;*/
+/*    flex-direction: column;*/
+/*    align-items: center;*/
+/*    justify-content: center;*/
+/*    width: 100%;*/
+/*    height: 100%*/
+/*}*/
+/*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: 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;*/
+/*}*/
+
+/*.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;*/
+/*}*/
+
Index: source/freeparkingspace/src/main/resources/templates/about.html
===================================================================
--- source/freeparkingspace/src/main/resources/templates/about.html	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/resources/templates/about.html	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+<p style="color: red">
+    <br>
+    <br>
+    <br>
+    Изработиле: <br>
+    Мајкл Танчин 193187 <br>
+    Златко Стојановски 193288 <br>
+
+</p>
+
+</body>
+</html>
Index: source/freeparkingspace/src/main/resources/templates/contact.html
===================================================================
--- source/freeparkingspace/src/main/resources/templates/contact.html	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/resources/templates/contact.html	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+<p style="color: red">
+    <br>
+    <br>
+    Контакт <br>
+    Адреса  <br>
+    "Руѓер Бошковиќ" 16  <br>
+    P.O. Box 393  <br>
+    1000 Скопје, Република Македонија  <br>
+
+    <br>
+
+    Телефони <br>
+    +389 77903008 <br>
+    <br>
+    E-mail <br>
+    Stojanovskizlatko08@gmail.com
+
+</p>
+</body>
+</html>
Index: source/freeparkingspace/src/main/resources/templates/employee.html
===================================================================
--- source/freeparkingspace/src/main/resources/templates/employee.html	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/resources/templates/employee.html	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,294 @@
+<!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">
+    <link rel="stylesheet" type="text/css" th:href="@{../css/styleMovies.css}"/>
+
+    <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: 2.2rem;
+            background: rgba(0,0,0,0.50);
+        }
+        th, td{
+            padding: 30px;
+        }
+
+        img {
+            width: 120px;
+            height: 120px;
+        }
+        html{
+            text-align: center;
+        }
+        body {
+            padding: 0;
+            margin: 0;
+            max-width: 100%;
+            background-image: url('../images/background3.jpg');
+            object-fit: cover;
+            height: 100vh;
+            background-size: cover;
+            background-repeat: no-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;
+        }
+
+        li,
+        a:hover {
+            color: red;
+            font-size: 1.3rem;
+        }
+
+        .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-left: 45%;
+        }
+        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" >-->
+    <!--&lt;!&ndash;        <a href="/home"><img class="logo" th:src="@{../images/LOGOPNG2.png}" alt="logo"></a>&ndash;&gt;-->
+    <!--&lt;!&ndash;        <ul class="nav_links">&ndash;&gt;-->
+    <!--&lt;!&ndash;            <li><a href="/movies">MOVIES</a></li>&ndash;&gt;-->
+    <!--&lt;!&ndash;            <li><a href="/projections">PROJECTIONS</a></li>&ndash;&gt;-->
+    <!--&lt;!&ndash;            <li><a href="/auditoriums">AUDITORIUMS</a></li>&ndash;&gt;-->
+
+    <!--&lt;!&ndash;        </ul>&ndash;&gt;-->
+
+    <!--&lt;!&ndash;        <div class="right">&ndash;&gt;-->
+    <!--&lt;!&ndash;            <li><a class="reg" href="/login">LOGIN</a></li>&ndash;&gt;-->
+    <!--&lt;!&ndash;            <li><a class="log" style="color: red" href="/register">REGISTER</a></li>&ndash;&gt;-->
+    <!--&lt;!&ndash;        </div>&ndash;&gt;-->
+    <!--    </header>-->
+    <main>
+        <div class="container-main">
+            <div class="h1Combined">
+                <h1 style="color:white">FreeParking <h1 style="color:red">Space</h1></h1>
+            </div>
+            <div class="content">
+                <!-- Page content -->
+                <div class="header-one">
+                </div>
+                <div class="centered">
+                    <table>
+                        <thead style="border-bottom: 1px solid rgba(255, 51, 51,0.8)">
+                        <tr>
+                            <td style="border-right: 1px solid rgba(255, 51, 51,0.8);font-size:2rem">Име</td>
+                            <td style="border-right: 1px solid rgba(255, 51, 51,0.8);font-size:2rem">Презиме</td>
+                            <td style="border-right: 1px solid rgba(255, 51, 51,0.8);font-size:2rem">Улога</td>
+                            <td></td>
+                        </tr>
+                        </thead>
+                        <tbody>
+                        <tr th:each="vraboten : ${employee}">
+                            <td th:text="${vraboten.getVrabotenKey().getUser().getIme()}"/>
+                            <td th:text="${vraboten.getVrabotenKey().getUser().getPrezime()}"/>
+                            <td th:text="${vraboten.getUloga()}"/>
+                            <td>
+                                    <!-- EmployeeController.delete (Only MASTER can see this element)-->
+                                    <form  th:action="@{'/employee/{id}/delete' (id=${vraboten.getVrabotenKey().getUser().getKorisnickoIme()})}" th:method="POST">
+                                        <button type="submit" class="btn">Одбиј</button>
+                                    </form>
+                            </td>
+                        </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+            <!--<a class="btn" href="/projections">Projections</a>-->
+        </div>
+    </main>
+    <!--<footer th:replace="fragments/footer"/>-->
+</div>
+</body>
Index: source/freeparkingspace/src/main/resources/templates/fragments/header.html
===================================================================
--- source/freeparkingspace/src/main/resources/templates/fragments/header.html	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/resources/templates/fragments/header.html	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,22 @@
+<head>    <link rel="stylesheet" type="text/css" th:href="@{../css/style.css}"/></head>
+<header xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.w3.org/1999/xhtml" style="
+    padding: 30px 10%;
+    max-width: 100%;
+    height: 15%;
+    background-color: rgba(0, 0, 0, 0.5);
+    border: none;">
+    <a href="/home"><img class="logo" th:src="@{../images/LOGOPNG.png}"></a>
+    <ul class="nav_links">
+        <li><a href="/home">Home</a></li>
+        <li><a href="/reservation-info">Reservation</a></li>
+        <li><a href="/contact" style="margin-right: 5px">Contact</a></li>
+        <li><a href="/about" style="margin-right: 5px">About</a></li>
+    </ul>
+    <div class="right" style="display:flex;">
+        <div sec:authorize="!isAuthenticated()">
+            <a href="/register-info" style="margin-right: 55px" >Register</a>
+        </div>
+        <!--            <a class="reg" href="/register">LOGIN</a>-->
+        <!--          <a class="log" href="/login">REGISTER</a>-->
+    </div>
+</header>
Index: source/freeparkingspace/src/main/resources/templates/home.html
===================================================================
--- source/freeparkingspace/src/main/resources/templates/home.html	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/resources/templates/home.html	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,245 @@
+<!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/background1.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: 5rem;
+
+        }
+
+        .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%
+        }
+        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: 3vw;
+            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;
+        }
+
+        .btn:hover{
+            background-color: #58ACFA;
+            color: white;
+            font-size: 3rem;
+        }
+
+        .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" style="margin-bottom: 5%">
+                <h1 style="color:white">FreeParking <h1 style="color:red">Space</h1></h1>
+            </div>
+            <p style="text-align: center;margin-bottom: 3%; background-color: rgba(0,0,0,0.35); font-size: 2.5rem;">
+                Платформата FreeParkingSpace ќе го реши проблемот за залудно потрошеното време на поединецот
+                во пронаоѓање на паркинг место низ густо населениот главен град. Главна карактеристика на оваа платофрма
+                е дека точно покажува на секој паркинг во кој реон има слободно место.
+            </p>
+            <a class="btn" th:href="@{/reservation-info}">Reservation</a>
+        </div>
+    </main>
+    <!--<footer th:replace="fragments/footer"/>-->
+</div>
+</body>
+</html>
Index: source/freeparkingspace/src/main/resources/templates/index.html
===================================================================
--- source/freeparkingspace/src/main/resources/templates/index.html	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/resources/templates/index.html	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <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">
+    <link rel="stylesheet" href="">
+</head>
+<body>
+
+
+<script src="" async defer></script>
+</body>
+</html>
Index: source/freeparkingspace/src/main/resources/templates/master-template.html
===================================================================
--- source/freeparkingspace/src/main/resources/templates/master-template.html	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/resources/templates/master-template.html	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,225 @@
+<!DOCTYPE html>
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
+<head>
+    <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>
+    <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%;
+            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: 5rem;
+
+        }
+
+        .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: 100vh;
+        }
+        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: 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;
+        }
+
+        .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: 1rem;
+            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>
+<header th:replace="fragments/header"/>
+<!--<header style="margin:0px;width: 0%;height: 0%"></header>-->
+<section th:include="${bodyContent}" />
+
+</body>
+</html>
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>
Index: source/freeparkingspace/src/main/resources/templates/registerConfirmation.html
===================================================================
--- source/freeparkingspace/src/main/resources/templates/registerConfirmation.html	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/resources/templates/registerConfirmation.html	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,257 @@
+
+<!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: 50%;
+            height: 100%;
+            font-size: 3rem;
+            margin: 0 0 7% 25%;
+            background-color: rgba(0,0,0,0.35);
+        }
+        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%;
+            margin-left: 10%;
+            background-color: rgba(0,0,0,0.45);
+        }
+
+        .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" style="margin-bottom: 5%">
+                <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>
+                <p>Ве молиме одберете што од следните понудени опции што би сакале да регистрирате!</p>
+                <div>
+                <a class="btn btn-lg btn-primary btn-block" href="/register-employee">Вработен</a>
+                <a class="btn btn-lg btn-primary btn-block" href="/register">Корисник</a>
+                </div>
+            </div>
+        </div>
+    </main>
+    <!--<footer th:replace="fragments/footer"/>-->
+</div>
+</body>
+</html>
Index: source/freeparkingspace/src/main/resources/templates/registerEmployee.html
===================================================================
--- source/freeparkingspace/src/main/resources/templates/registerEmployee.html	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/resources/templates/registerEmployee.html	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,297 @@
+
+<!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: 5rem;
+
+        }
+
+        .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%;
+            margin: 0 0 25% 90%;
+        }
+        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;
+        }
+
+        .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" style="margin-bottom: 5%">
+                <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-employee">
+
+                    <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>
+
+                    <div class="form-check form-check-inline">
+                        <input class="form-check-input" name="user_role" type="radio" id="ROLE_ADMIN" value="ROLE_ADMIN" style="margin-bottom: 3%;">
+                        <label class="form-check-label" for="ROLE_ADMIN" style="color:white;margin-bottom: 10%;font-size: 2rem">Admin</label>
+                    </div>
+                    <div class="form-check form-check-inline">
+                        <input class="form-check-input" name="user_role"  type="radio" id="ROLE_CONTROLLER" value="ROLE_CONTROLLER" style="margin-bottom: 3%">
+                        <label class="form-check-label" for="ROLE_CONTROLLER" style="color:white;margin-bottom: 10%;font-size: 2rem">Controller</label>
+                    </div>
+
+                    <button class="btn btn-lg btn-primary btn-block" type="submit">Sign up</button>
+                </form>
+                <a href="/login" class="btn btn-block btn-light">Already have an account? Login here!</a>
+            </div>
+        </div>
+    </main>
+    <!--<footer th:replace="fragments/footer"/>-->
+</div>
+</body>
+</html>
Index: source/freeparkingspace/src/main/resources/templates/reservation.html
===================================================================
--- source/freeparkingspace/src/main/resources/templates/reservation.html	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/resources/templates/reservation.html	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,314 @@
+<!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>РЕЗЕРВАЦИЈA!</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/background4.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: 5rem;
+
+        }
+
+        .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%;
+            background-color: rgba(0,0,0,0.50);
+            margin-left: 50%;
+            margin-bottom: 10%;
+        }
+        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: 2vw;
+            border:none;
+            background: #af0101;
+            padding: 0.5rem 1.3rem;
+            border-radius: 10%;
+            cursor: pointer;
+            transition: 1s ease;
+            display:block;
+            margin-left: 40%;
+            margin-top: 1.5%;
+            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;
+        }
+
+        .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;
+        }
+        .forma{
+            display:flex;
+            flex-direction: row;
+            align-items: center;
+            justify-content: center;
+            border: 1px solid red;
+            padding: 30px;
+            font-size: 2rem;
+
+
+        }
+        .vreme{
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            justify-content: center;
+        }
+        input{
+            margin-left: 10px;
+        }
+        .formi{
+            margin-top: -10%;
+            margin-bottom: 10%;
+        }
+
+
+    </style>
+</head>
+
+<body>
+<div class="navbar">
+    <!--    <header th:replace="fragments/header.html">-->
+    <!--    </header>-->
+    <main>
+        <div class="container-main">
+            <div class="h1Combined" style="margin-bottom: 5%">
+                <h1 style="color:white">FreeParking <h1 style="color:red">Space</h1></h1>
+            </div>
+            <div class="formi">
+                <form class="form-signin mt-xl-5" method="post" action="/reservation/parking-place/add">
+
+
+                    <div class="forma">
+                        <label for="reg_tablica" style="color: white;font-size: 1.5rem">Вашата регистација за автомобил</label>
+                    <input type="text" id="reg_tablica" name="reg_tablica" class="form-control" placeholder="XX-XXXX-XX"
+                           required="" >
+                </div>
+
+                <div class="forma">
+                    <label for="marka" style="color: white;font-size: 1.5rem">Марка за автомобилот</label>
+                    <input type="text" id="marka" name="marka" class="form-control" placeholder="BMW X6 / MERCEDES C220"
+                           required="" >
+                </div>
+                <div class="forma">
+                    <label for="boja" style="color: white;font-size: 1.5rem">Боја за автомобилот</label>
+                    <input type="text" id="boja" name="boja" class="form-control" placeholder="Bela / Crna / Crvena"
+                           required="" >
+                </div>
+
+                <div class="vreme">
+                <div class="forma">
+                    <label for="pocetno_vreme" style="color: white;font-size: 1.5rem">Резервација од</label>
+                    <input type="datetime-local" id="pocetno_vreme" name="pocetno_vreme" class="form-control" placeholder="2022-02-25 17:32:14.093681"
+                           required="" >
+                </div>
+                <div class="forma">
+                    <label for="krajno_vreme" style="color: white;font-size: 1.5rem">Резервација до</label>
+                    <input type="datetime-local" id="krajno_vreme" name="krajno_vreme" class="form-control" placeholder="2022-02-25 19:32:14.093681"
+                           required="" >
+                </div>
+                </div>
+                    <label style="opacity: 0%">Parking ID</label>
+                    <select name="broj_na_pmesta" class="form-control" autocomplete="off" style="opacity: 0%">
+                        <option th:if="${parking} != null"
+                                th:selected="${parking.getBrojNaPmesta() != null}"
+                                th:each="parking : ${parking}"
+                                th:value="${parking.getBrojNaPmesta()}"
+                                th:text="${parking.getBrojNaPmesta()}">
+                        </option>
+                        <option th:if="${parking} == null"
+                                th:each="parking : ${parking}"
+                                th:value="${parking.getBrojNaPmesta()}"
+                                th:text="${parking.getBrojNaPmesta()}">
+                        </option>
+                    </select>
+                    <button class="btn" type="submit">Reserve</button>
+                </form>
+            </div>
+        </div>
+    </main>
+    <!--<footer th:replace="fragments/footer"/>-->
+</div>
+</body>
Index: source/freeparkingspace/src/main/resources/templates/reservationInfo.html
===================================================================
--- source/freeparkingspace/src/main/resources/templates/reservationInfo.html	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/resources/templates/reservationInfo.html	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,265 @@
+<!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/background3.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: 5rem;
+
+        }
+
+        .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%;
+            margin-left: 40%;
+            margin-bottom: 20%;
+
+        }
+        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: 3.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;
+        }
+
+        .btn:hover{
+            background-color: #58ACFA;
+            color: white;
+            font-size: 3rem;
+        }
+
+        .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" style="margin-bottom: 5%">
+                <h1 style="color:white">FreeParking <h1 style="color:red">Space</h1></h1>
+            </div>
+            <div class="parking">
+                <table style="font-size:3.0rem;">
+                    <thead style="border-bottom: 1px solid rgba(255, 51, 51,0.8)">
+                    <tr>
+                        <td style="border-right: 1px solid rgba(255, 51, 51,0.8)">PARKING</td>
+                        <td style="border-right: 1px solid rgba(255, 51, 51,0.8)">ZONA</td>
+                        <td style="border-right: 1px solid rgba(255, 51, 51,0.8)">BROJ NA PARKING</td>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    <tr th:each="parking_mesto : ${parking_mesto}">
+                        <td th:text="${parking_mesto.getIdZona().getIdIme().getLokacija()} "/>
+                        <td th:text="${parking_mesto.getIdZona().getIdZona()} "/>
+                        <td th:text="${parking_mesto.getBrojNaPmesta()} "/>
+                        <td class="text-right">
+                            <form th:action="@{/reservation/parking-place/}">
+                                <button class="btn btn-sm btn-danger view-product" type="submit" th:name="broj_na_pmesta" th:value="${parking_mesto.getBrojNaPmesta()}">RESERVE</button>
+                            </form>
+                        </td>
+                    </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </main>
+    <!--<footer th:replace="fragments/footer"/>-->
+</div>
+</body>
+</html>
Index: source/freeparkingspace/src/main/resources/templates/success.html
===================================================================
--- source/freeparkingspace/src/main/resources/templates/success.html	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/main/resources/templates/success.html	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,245 @@
+<!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/background1.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: 5rem;
+
+        }
+
+        .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%;
+            margin-left: 10%;
+            margin-bottom: 20%;
+        }
+        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: 3vw;
+            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;
+        }
+
+        .btn:hover{
+            background-color: #58ACFA;
+            color: white;
+            font-size: 3rem;
+        }
+
+        .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" style="margin-bottom: 5%">
+                <h1 style="color:white">FreeParking <h1 style="color:red">Space</h1></h1>
+            </div>
+            <p style="text-align: center;color:lightgreen;margin-bottom: 3%; background-color: rgba(0,0,0,0.35); font-size: 3.5rem;">
+                ВАШЕТО БАРАЊЕ Е УСПЕШНО, ВИ БЛАГОДАРИМЕ!
+            </p>
+
+        </div>
+    </main>
+    <!--<footer th:replace="fragments/footer"/>-->
+</div>
+</body>
+</html>
Index: source/freeparkingspace/src/test/java/com/proekt/ProektApplicationTests.java
===================================================================
--- source/freeparkingspace/src/test/java/com/proekt/ProektApplicationTests.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
+++ source/freeparkingspace/src/test/java/com/proekt/ProektApplicationTests.java	(revision 31d67c0f0c6f25d3f0f116f6d94283ade221e11d)
@@ -0,0 +1,13 @@
+package com.proekt;
+
+import org.junit.jupiter.api.Test;
+import org.springframework.boot.test.context.SpringBootTest;
+
+@SpringBootTest
+class ProektApplicationTests {
+
+    @Test
+    void contextLoads() {
+    }
+
+}
