Skip to content

S
SkuciSe
Commit 3796df36 by Milovan Samardzic
Options

frontIzmenaSve

parent 35bdd449
Showing with 250 additions and 215 deletions
SkuciSe/src/main/java/com/example/SkuciSe/controller/AppController.java
......@@ -58,7 +58,6 @@ public class AppController
@PostMapping("/register-proccess")
public String postRegisterProccess(@ModelAttribute Korisnik korisnik, @RequestParam("image") MultipartFile multipartFile, Model model)
{
System.out.println(korisnik);
try {
kRepo.insert( korisnik, multipartFile);
return("redirect:/login");
......
SkuciSe/src/main/resources/templates/index.html
......@@ -105,22 +105,22 @@
<h1 class="mb-5" style="color:white">Pretrazite oglase</h1>
<form class="form-subscribe" method="GET" th:action="@{/lista-oglasa}">
<div class="row">
<div class="col-3">
<div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">
<select class="form-select" name="lokacijaId" id="lokacijeopt">
<option value="" selected>Sve lokacije</option>
<option th:each="lokacija: ${lokacije}" th:value="${lokacija.getLokacijaId()}"
th:text="${lokacija.getNaziv()}"></option>
</select>
</div>
<div class="col-3">
<div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">
<input type="radio" name="vrstaOglasaId" id="radiodugme1" value="1">
<label for="radiodugme1" style="color:white">Prodaja</label>
</div>
<div class="col-3">
<div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">
<input type="radio" name="vrstaOglasaId" id="radiodugme2" value="2">
<label for="radiodugme2" style="color:white">Iznajmljivanje</label>
</div>
<div class="col-3">
<div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">
<button class="btn btn-secondary btn-lg" id="submitButton" type="submit">Pretrazi
</button>
</div>
......
SkuciSe/src/main/resources/templates/korisnik.html
......@@ -222,6 +222,7 @@
<div id="div-ocene" style="display: none" class="row w-100">
<div class="container">
<div class="row w-100" th:object="${korisniciKomentari}">
<h4 th:if="${korisniciKomentari.size() == 0}" class="text-center">Nema ocena za ovog korisnika</h4>
<div class="row" th:each="komentar:${komentari}">
<div class="media g-mb-30 media-comment">
<div class="media-body u-shadow-v18 g-bg-secondary g-pa-30">
......
SkuciSe/src/main/resources/templates/lista-korisnika.html
......@@ -93,8 +93,9 @@
</div>
</nav>
<div class="container container-main d-flex align-items-center justify-content-center flex-column">
<div class="container container-main d-flex align-items-center justify-content-center flex-column h-100" style="min-height:600px;">
<h1>Spisak korisnika</h1>
<h4 th:if="${korisnici.size() == 0}">Nema drugih korisnika!</h4>
<div class="alert alert-info" th:object="${deleted}" th:if="${deleted == true}">
<strong>Uspesno!</strong> Uspesno ste obrisali korisnika!
<button type="button" class="btn-close" data-dismiss="alert"></button>
......
SkuciSe/src/main/resources/templates/lista-oglasa.html
......@@ -99,7 +99,7 @@
<form class="main-section mb-5 d-flex flew-row m-4"
method="GET" th:action="@{/lista-oglasa}" id="filter">
<div class="row w-100">
<div class="col-3">
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
<div class="card mt-2" style="min-width: 130px">
<article class="card-group-item">
<header class="card-header">
......@@ -147,16 +147,16 @@
<input type="radio" class="custom-control-input" name="vrstaOglasaId" value="2"
id="radio-izdavanje">
<label class="custom-control-label" for="radio-izdavanje">Izdavanje</label>
</div> <!-- form-check.// -->
</div>
<div class="custom-control custom-radio">
<input type="radio" class="custom-control-input" name="vrstaOglasaId" value="1"
id="radio-prodaja">
<label class="custom-control-label" for="radio-prodaja">Prodaja</label>
</div> <!-- form-check.// -->
</div> <!-- card-body.// -->
</div>
</div>
</div>
</article> <!-- card-group-item.// -->
</article>
<article class="card-group-item">
<header class="card-header">
<h6 class="title">Lokacija</h6>
......@@ -168,7 +168,7 @@
<option th:each="lokacija: ${lokacije}" th:value="${lokacija.getLokacijaId()}"
th:text="${lokacija.getNaziv()}"></option>
</select>
</div> <!-- card-body.// -->
</div>
</div>
</article>
<article class="card-group-item">
......@@ -203,7 +203,7 @@
<input type="number" class="form-control" name="brojSoba" id="broj-soba" placeholder="0"
min="0">
</div>
</div> <!-- card-body.// -->
</div>
</div>
</article>
<article class="card-group-item">
......@@ -215,31 +215,31 @@
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="lift" id="check-lift">
<label class="custom-control-label" for="check-lift">Lift</label>
</div> <!-- form-check.// -->
</div>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="grejanje" id="check-grejanje">
<label class="custom-control-label" for="check-grejanje">Grejanje</label>
</div> <!-- form-check.// -->
</div>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="namesten" id="check-namesten">
<label class="custom-control-label" for="check-namesten">Namesten</label>
</div> <!-- form-check.// -->
</div> <!-- card-body.// -->
</div>
</div>
</div>
</article> <!-- card-group-item.// -->
</article>
<article class="card-group-item">
<div class="card-header d-flex justify-content-between">
<div class="card-header d-flex justify-content-between flex-wrap">
<a th:href="@{/lista-oglasa}">
<button type="button" class="btn btn-primary">Resetuj filtere</button>
<button type="button" class="btn btn-primary mb-2">Resetuj filtere</button>
</a>
<button type="submit" class="btn btn-primary">Primeni filtere</button>
<button type="submit" class="btn btn-primary mb-2">Primeni filtere</button>
</div>
</article>
</div>
</div>
<div class="col-9" th:object="${slikeOglasa}">
<div class="col-lg-9 col-md-9 col-sm-9 col-xs-9" th:object="${slikeOglasa}">
<h1 th:if="${oglasi.size() == 0}" class="text-center">Nema oglasa!</h1>
<div class="row w-100 box " th:each="i : ${#numbers.sequence(0, oglasi.size()-1,3)}">
<div class="col-lg-4 p-2" data-aos="zoom-in" th:if="${oglasi[i].naslov != null}">
......
SkuciSe/src/main/resources/templates/moji-zahtevi.html
......@@ -14,7 +14,7 @@
integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
<link href="/css/oglasiStyle.css" rel="stylesheet"/>
</head>
<body th:object="${loggedUser}" class="pozadinaSVG">
<body th:object="${loggedUser}">
<nav class="navbar navbar-icon-top navbar-expand-lg p-3">
<a class="navbar-brand" href="#"> </a>
......@@ -96,16 +96,18 @@
<div class="container container-main d-flex align-items-center justify-content-center flex-column"
th:object="${zahtevi}" style="min-height: 600px">
<h1>Spisak zahteva za obilazak</h1>
<div class="row w-100 justify-content center">
<h1 class="text-center">Spisak zahteva za obilazak</h1>
</div>
<div class="row w-100 h-50" style="margin-top:50px;">
<div class="row">
<h2 th:if="${oglasi.size() == 0}" class="text-center">Jos niste poslali nijedan zahtev!</h2>
<h2 th:if="${oglasi.size() == 0}" class="text-center ml-3">Jos niste poslali nijedan zahtev!</h2>
<div class="card mb-3" th:each="oglas: ${oglasi}" style="background: transparent" th:if="${!zahtevi[oglasStat.index].korisnikKom}">
<div class="row">
<div class="col-lg-2 col-md-12 col-sm-12 col-xs-12 d-flex justify-content-center align-items-center">
<img
style="width: 120px;height: 120px;border-radius: 50%;object-fit: cover;"
th:src="@{'data:image/png;charset=utf-8;base64,'+${vlasnici[oglasStat.index].getSlika()}}"
th:src="@{'data:image/png;charset=utf-8;base64,'+${slike[oglasStat.index].slikaCode}}"
alt="slika korisnika"
th:styleappend="${zahtevi[oglasStat.index].status.toString() == 'POTVRDJEN' ? 'border: green 3px solid'
: zahtevi[oglasStat.index].status.toString() == 'CEKANJE' ? 'border: yellow 3px solid'
......
SkuciSe/src/main/resources/templates/novi-oglas-form.html
......@@ -109,7 +109,7 @@
novalidate th:object="${newOglas}" method="POST"
th:action="@{/novi-oglas/save}" enctype="multipart/form-data">
<div class="row">
<div class="col">
<div class="col-lg col-md-12 col-sm-12 col-xs-12">
<div class="row">
<label class="form-check-label">
Naslov
......@@ -139,13 +139,13 @@
<div class="invalid-feedback">Naselje ne sme biti prazno!</div>
</div>
</div>
<div class="col ml-4">
<div class="col-lg col-md-12 col-sm-12 col-xs-12 ml-lg-4">
<div class="row">
<label class="form-check-label">
Kvadratura
</label>
<input th:field="${newOglas.kvadratura}" class="form-control" type="number"
placeholder="Kvadratura" required>
placeholder="Kvadratura" step="0.01" required>
<div class="invalid-feedback">Kvadratura ne sme biti prazna!</div>
</div>
......@@ -154,7 +154,7 @@
Cena po m2
</label>
<input th:field="${newOglas.cena}" class="form-control" type="number"
placeholder="Cena po m2" required>
step="0.01" placeholder="Cena po m2" required>
<div class="invalid-feedback">Cena ne sme biti prazan!</div>
</div>
......@@ -169,7 +169,7 @@
</div>
</div>
<div class="row mt-3 mb-3">
<div class="col-6 d-flex justify-content-between align-items-center flex-wrap">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 d-flex justify-content-between align-items-center flex-wrap">
<div class="col-lg-6 col-md-6 col-sm-6">
<input checked class="form-check-input" type="radio" name="flexRadioDefault"
id="flexRadioDefault1" value="1" th:field="${newOglas.vrstaOglasaId}"
......
SkuciSe/src/main/resources/templates/oglas.html
......@@ -248,7 +248,7 @@
<div class="container">
<h1>Komentari</h1>
<div class="row" th:object="${korisniciKomentari}">
<h4 th:if="${komentari.size() == 0}">Nema komentara na ovom oglasu</h4>
<h4 th:if="${komentari.size() == 0}" class="mb-5">Nema komentara na ovom oglasu</h4>
<div class="col-12" th:each="komentar:${komentari}">
<div class="media g-mb-30 media-comment">
<div class="media-body u-shadow-v18 g-bg-secondary g-pa-30">
......
SkuciSe/src/main/resources/templates/portfolio.html
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
<meta name="description" content=""/>
<meta name="author" content=""/>
<title>SkuciSe</title>
<link rel="shortcut icon" type="image/x-icon" href="/images/logo.ico"/>
<link href='https://fonts.googleapis.com/css?family=Jost' rel='stylesheet'>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
<link href="/css/style.css" rel="stylesheet"/>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
<meta name="description" content=""/>
<meta name="author" content=""/>
<title>SkuciSe</title>
<link rel="shortcut icon" type="image/x-icon" href="/images/logo.ico"/>
<link href='https://fonts.googleapis.com/css?family=Jost' rel='stylesheet'>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
<link href="/css/style.css" rel="stylesheet"/>
</head>
<body th:object="${loggedUser}">
<nav class="navbar navbar-icon-top navbar-expand-lg p-3">
<a class="navbar-brand" href="#"> </a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#"> </a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" th:href="@{/index}">
<i class="fa fa-home"></i>
Pocetna
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="/lista-oglasa">
<i class="fa fa-poll-h"></i>
Lista oglasa
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item active">
<a class="nav-link" th:href="@{/onama}">
<i class="fa-sharp fa-solid fa-address-card"></i>
<p>O nama</p>
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item active">
<a class="nav-link" th:href="@{/portfolio}">
<i class="fa-solid fa-briefcase"></i>
<p>Portfolio</p>
<span class="sr-only">(current)</span>
</a>
</li>
</ul>
<form class="form-inline my-2 my-lg-0" th:if="${loggedUser != null}">
<a th:href="@{/novi-oglas}">
<button type="button" class="btn btn-primary btn-md mr-2"><i class="fa-solid fa-plus"></i> Postavite
novi oglas
</button>
</a>
</form>
<ul class="navbar-nav">
<li class="nav-item" th:if="${loggedUser == null}">
<a th:href="@{/login}"><i class="fas fa-sign-in-alt" style="color:#495056"></i><span
style="padding:10px;color:#495056">Prijavi se</span></a>
</li>
<li class="nav-item" th:if="${loggedUser == null}">
<a th:href="@{/register}"><i class="fa-solid fa-circle-user" style="color:#495056"></i><span
style="padding:10px;color:#495056">Registruj se</span></a>
</li>
<li th:if="${loggedUser != null}">
<div class="dropdown mr-4">
<button class="btn btn-secondary dropdown-toggle round" type="button" id="dropdownMenuButton"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa-solid fa-circle-user"></i><span style="padding:10px;"
th:text="${loggedUser.getKorisnik().getIme()}"></span>
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" th:href="@{/profile}">Moj Profil</a>
<a class="dropdown-item" th:href="@{/profile/moji-oglasi}">Moji Oglasi</a>
<a class="dropdown-item" th:href="@{/profile/moji-zahtevi}">Moji Zahtevi</a>
<a th:if="${loggedUser.getKorisnik().getTipId() == 2}" class="dropdown-item"
th:href="@{/lista-korisnika}">Lista Profila</a>
<form th:action="@{/logout}" method="post" id="my_form" class="dropdown-item">
<a href="#" onclick="document.getElementById('my_form').submit(); return false;"><i
class="fas fa-sign-in-alt"></i><span style="padding:5px;">Odjavi se</span></a>
</form>
</div>
</div>
</li>
</ul>
</div>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" th:href="@{/index}">
<i class="fa fa-home"></i>
Pocetna
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="/lista-oglasa">
<i class="fa fa-poll-h"></i>
Lista oglasa
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item active">
<a class="nav-link" th:href="@{/onama}">
<i class="fa-sharp fa-solid fa-address-card"></i>
<p>O nama</p>
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item active">
<a class="nav-link" th:href="@{/portfolio}">
<i class="fa-solid fa-briefcase"></i>
<p>Portfolio</p>
<span class="sr-only">(current)</span>
</a>
</li>
</ul>
<form class="form-inline my-2 my-lg-0" th:if="${loggedUser != null}">
<a th:href="@{/novi-oglas}">
<button type="button" class="btn btn-primary btn-md mr-2"><i class="fa-solid fa-plus"></i> Postavite
novi oglas
</button>
</a>
</form>
<ul class="navbar-nav">
<li class="nav-item" th:if="${loggedUser == null}">
<a th:href="@{/login}"><i class="fas fa-sign-in-alt" style="color:#495056"></i><span
style="padding:10px;color:#495056">Prijavi se</span></a>
</li>
<li class="nav-item" th:if="${loggedUser == null}">
<a th:href="@{/register}"><i class="fa-solid fa-circle-user" style="color:#495056"></i><span
style="padding:10px;color:#495056">Registruj se</span></a>
</li>
<li th:if="${loggedUser != null}">
<div class="dropdown mr-4">
<button class="btn btn-secondary dropdown-toggle round" type="button" id="dropdownMenuButton"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa-solid fa-circle-user"></i><span style="padding:10px;"
th:text="${loggedUser.getKorisnik().getIme()}"></span>
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" th:href="@{/profile}">Moj Profil</a>
<a class="dropdown-item" th:href="@{/profile/moji-oglasi}">Moji Oglasi</a>
<a class="dropdown-item" th:href="@{/profile/moji-zahtevi}">Moji Zahtevi</a>
<a th:if="${loggedUser.getKorisnik().getTipId() == 2}" class="dropdown-item"
th:href="@{/lista-korisnika}">Lista Profila</a>
<form th:action="@{/logout}" method="post" id="my_form" class="dropdown-item">
<a href="#" onclick="document.getElementById('my_form').submit(); return false;"><i
class="fas fa-sign-in-alt"></i><span style="padding:5px;">Odjavi se</span></a>
</form>
</div>
</div>
</li>
</ul>
</div>
</nav>
<div class="bg-light py-5">
<div class="container py-5 h-auto">
<div class="row mb-4">
<div class="col-lg-6">
<h2 class="display-4 font-weight-light">Upoznajte naš tim</h2>
<p class="font-italic text-muted">Profili ljudi koji su zaslužni za kreiranje ove platfmorme.</p>
</div>
</div>
<div class="row text-center">
<!-- Team item-->
<div class="col-xl-3 col-sm-6 mb-5">
<div class="bg-white rounded shadow-sm py-5 px-3 h-100"><img src="/images/milovan.png" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">
<h5 class="mb-0">Milovan Samardzić </h5><span class="small text-uppercase text-muted row pt-2 justify-content-center mb-3">Front-End Developer </span>
<ul class="social mb-0 list-inline pt-3">
<li class="list-inline-item"><a href="https://facebook.com" class="social-link"><i class="fa fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="https://twitter.com" class="social-link "><i class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="https://www.instagram.com" class="social-link"><i class="fa fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com" class="social-link"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<!-- End-->
<!-- Team item-->
<div class="col-xl-3 col-sm-6 mb-5">
<div class="bg-white rounded shadow-sm py-5 px-4 h-100"><img src="/images/bogdan.png" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">
<h5 class="mb-0">Bogdan Anđelković</h5><span class="small text-uppercase text-muted row pt-2 justify-content-center mb-3">Back-End Developer</span>
<ul class="social mb-0 list-inline pt-3">
<li class="list-inline-item"><a href="https://facebook.com" class="social-link"><i class="fa fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="https://twitter.com" class="social-link"><i class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="https://www.instagram.com" class="social-link"><i class="fa fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com" class="social-link"><i class="fa fa-linkedin"></i></a></li>
</ul>
<div class="container py-5 h-auto">
<div class="row mb-4">
<div class="col-lg-6">
<h2 class="display-4 font-weight-light">Upoznajte naš tim</h2>
<p class="font-italic text-muted">Profili ljudi koji su zaslužni za kreiranje ove platfmorme.</p>
</div>
</div>
</div>
<!-- End-->
<!-- Team item-->
<div class="col-xl-3 col-sm-6 mb-5">
<div class="bg-white rounded shadow-sm py-5 px-3 h-100"><img src="/images/nikola.png" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">
<h5 class="mb-0">Nikola Marković</h5><span class="small text-uppercase text-muted row pt-2 justify-content-center mb-3">Front-End Developer</span>
<ul class="social mb-0 list-inline pt-3">
<li class="list-inline-item"><a href="https://facebook.com" class="social-link"><i class="fa fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="https://twitter.com" class="social-link"><i class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="https://www.instagram.com" class="social-link"><i class="fa fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com" class="social-link"><i class="fa fa-linkedin"></i></a></li>
</ul>
<div class="row text-center">
<div class="col-xl-3 col-sm-6 mb-5">
<div class="bg-white rounded shadow-sm py-5 px-3 h-100"><img src="/images/milovan.png" alt=""
width="100"
class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">
<h5 class="mb-0">Milovan Samardzić </h5><span
class="small text-uppercase text-muted row pt-2 justify-content-center mb-3">Front-End Developer </span>
<ul class="social mb-0 list-inline pt-3">
<li class="list-inline-item"><a href="https://facebook.com" class="social-link"><i
class="fa fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="https://twitter.com" class="social-link "><i
class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="https://www.instagram.com" class="social-link"><i
class="fa fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com" class="social-link"><i
class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<div class="col-xl-3 col-sm-6 mb-5">
<div class="bg-white rounded shadow-sm py-5 px-4 h-100"><img src="/images/bogdan.png" alt="" width="100"
class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">
<h5 class="mb-0">Bogdan Anđelković</h5><span
class="small text-uppercase text-muted row pt-2 justify-content-center mb-3">Back-End Developer</span>
<ul class="social mb-0 list-inline pt-3">
<li class="list-inline-item"><a href="https://facebook.com" class="social-link"><i
class="fa fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="https://twitter.com" class="social-link"><i
class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="https://www.instagram.com" class="social-link"><i
class="fa fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com" class="social-link"><i
class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<div class="col-xl-3 col-sm-6 mb-5">
<div class="bg-white rounded shadow-sm py-5 px-3 h-100"><img src="/images/nikola.png" alt="" width="100"
class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">
<h5 class="mb-0">Nikola Marković</h5><span
class="small text-uppercase text-muted row pt-2 justify-content-center mb-3">Front-End Developer</span>
<ul class="social mb-0 list-inline pt-3">
<li class="list-inline-item"><a href="https://facebook.com" class="social-link"><i
class="fa fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="https://twitter.com" class="social-link"><i
class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="https://www.instagram.com" class="social-link"><i
class="fa fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com" class="social-link"><i
class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<div class="col-xl-3 col-sm-6 mb-5">
<div class="bg-white rounded shadow-sm py-5 px-4 h-100"><img src="/images/mihailo.png" alt=""
width="100"
class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">
<h5 class="mb-0">Mihailo Šebek</h5><span
class="small text-uppercase text-muted row pt-2 justify-content-center mb-3">Back-End Developer</span>
<ul class="social mb-0 list-inline pt-3">
<li class="list-inline-item"><a href="https://facebook.com" class="social-link"><i
class="fa fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="https://twitter.com" class="social-link"><i
class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="https://www.instagram.com" class="social-link"><i
class="fa fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com" class="social-link"><i
class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- End-->
<!-- Team item-->
<div class="col-xl-3 col-sm-6 mb-5">
<div class="bg-white rounded shadow-sm py-5 px-4 h-100"><img src="/images/mihailo.png" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">
<h5 class="mb-0">Mihailo Šebek</h5><span class="small text-uppercase text-muted row pt-2 justify-content-center mb-3">Back-End Developer</span>
<ul class="social mb-0 list-inline pt-3">
<li class="list-inline-item"><a href="https://facebook.com" class="social-link"><i class="fa fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="https://twitter.com" class="social-link"><i class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="https://www.instagram.com" class="social-link"><i class="fa fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com" class="social-link"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid pb-0 mb-0 justify-content-center text-light ">
<footer>
<div class="row my-5 justify-content-center py-5">
<div class="col-11">
<div class="row ">
<div class="col-xl-8 col-md-4 col-sm-4 col-12 my-auto mx-auto a"><h3
class="text-muted mb-md-0 mb-5 bold-text">SkuciSe</h3></div>
<div class="col-xl-2 col-md-4 col-sm-4 col-12"><h6 class="mb-3 mb-lg-4 bold-text "><b>MENI </b><i class="fa-solid fa-bars"></i></h6>
<ul class="list-unstyled">
<li><a href="/index" style="text-decoration: none;color:#627482;" onmouseover="this.style.color='#989c9e'" onMouseOut="this.style.color='#627482'">Pocetna</a></li>
<li><a th:href="@{/onama}" style="text-decoration: none;color:#627482;" onmouseover="this.style.color='#989c9e'" onMouseOut="this.style.color='#627482'">O nama</a></li>
<li><a href="/portfolio" style="text-decoration: none;color:#627482;" onmouseover="this.style.color='#989c9e'" onMouseOut="this.style.color='#627482'">Portfolio</a></li>
</ul>
</div>
<div class="col-xl-2 col-md-4 col-sm-4 col-12"><h6
class="mb-3 mb-lg-4 text-muted bold-text mt-sm-0 mt-5"><b>ADRESA </b><i class="fa-solid fa-map-pin"></i></h6>
<p><a href="http://maps.google.com/maps?daddr=Radoja Domanovića 12 Kragujevac&amp;" style="text-decoration: none;color:#627482;" onmouseover="this.style.color='#989c9e'" onMouseOut="this.style.color='#627482'">Radoja Domanovića 12 Kragujevac 34000</a></p>
</div>
<div class="row ">
<div class="col-xl-8 col-md-4 col-sm-4 col-auto my-md-0 mt-5 order-sm-1 order-3 align-self-end"><p
class="social text-muted mb-0 pb-0 bold-text"><span class="mx-2"><i class="fa fa-facebook"
aria-hidden="true"></i></span>
<span class="mx-2"><i class="fa fa-linkedin-square" aria-hidden="true"></i></span> <span
class="mx-2"><i class="fa fa-twitter" aria-hidden="true"></i></span> <span class="mx-2"><i
class="fa fa-instagram" aria-hidden="true"></i></span></p><small class="rights"><span>&#174;</span>
SkuciSe. Sva prava zadrzana.</small></div>
<div class="col-xl-2 col-md-4 col-sm-4 col-auto order-1 align-self-end "><h6
class="mt-55 mt-2 text-muted bold-text"><b>Korisnicki centar </b><i class="fa-solid fa-phone"></i></h6><small> <span><i
class="fa fa-envelope" aria-hidden="true"></i></span><a href="mailto:someone@yoursite.com" style="text-decoration: none;color:#627482;" onmouseover="this.style.color='#989c9e'" onMouseOut="this.style.color='#627482'"> skucise@gmail.com</a> </small></div>
</div>
<footer>
<div class="row my-5 justify-content-center py-5">
<div class="col-11">
<div class="row ">
<div class="col-xl-8 col-md-4 col-sm-4 col-12 my-auto mx-auto a"><h3
class="text-muted mb-md-0 mb-5 bold-text">SkuciSe</h3></div>
<div class="col-xl-2 col-md-4 col-sm-4 col-12"><h6 class="mb-3 mb-lg-4 bold-text "><b>MENI </b><i
class="fa-solid fa-bars"></i></h6>
<ul class="list-unstyled">
<li><a href="/index" style="text-decoration: none;color:#627482;"
onmouseover="this.style.color='#989c9e'" onMouseOut="this.style.color='#627482'">Pocetna</a>
</li>
<li><a th:href="@{/onama}" style="text-decoration: none;color:#627482;"
onmouseover="this.style.color='#989c9e'" onMouseOut="this.style.color='#627482'">O
nama</a></li>
<li><a href="/portfolio" style="text-decoration: none;color:#627482;"
onmouseover="this.style.color='#989c9e'" onMouseOut="this.style.color='#627482'">Portfolio</a>
</li>
</ul>
</div>
<div class="col-xl-2 col-md-4 col-sm-4 col-12"><h6
class="mb-3 mb-lg-4 text-muted bold-text mt-sm-0 mt-5"><b>ADRESA </b><i
class="fa-solid fa-map-pin"></i></h6>
<p><a href="http://maps.google.com/maps?daddr=Radoja Domanovića 12 Kragujevac&amp;"
style="text-decoration: none;color:#627482;" onmouseover="this.style.color='#989c9e'"
onMouseOut="this.style.color='#627482'">Radoja Domanovića 12 Kragujevac 34000</a></p>
</div>
<div class="row ">
<div class="col-xl-8 col-md-4 col-sm-4 col-auto my-md-0 mt-5 order-sm-1 order-3 align-self-end">
<p
class="social text-muted mb-0 pb-0 bold-text"><span class="mx-2"><i
class="fa fa-facebook"
aria-hidden="true"></i></span>
<span class="mx-2"><i class="fa fa-linkedin-square" aria-hidden="true"></i></span> <span
class="mx-2"><i class="fa fa-twitter" aria-hidden="true"></i></span> <span
class="mx-2"><i
class="fa fa-instagram" aria-hidden="true"></i></span></p><small class="rights"><span>&#174;</span>
SkuciSe. Sva prava zadrzana.</small></div>
<div class="col-xl-2 col-md-4 col-sm-4 col-auto order-1 align-self-end "><h6
class="mt-55 mt-2 text-muted bold-text"><b>Korisnicki centar </b><i
class="fa-solid fa-phone"></i></h6><small> <span><i
class="fa fa-envelope" aria-hidden="true"></i></span><a
href="mailto:someone@yoursite.com" style="text-decoration: none;color:#627482;"
onmouseover="this.style.color='#989c9e'" onMouseOut="this.style.color='#627482'">
skucise@gmail.com</a> </small></div>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
</footer>
</div>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment