Skip to content

S
SkuciSe
Commit ae7813a1 by Mihailo Sebek
Options

Zavrsena o nama stranica i uradjen kostur portfolio stranice

parent 1c03793a
Showing with 72 additions and 89 deletions
SkuciSe/src/main/resources/templates/onama.html
......@@ -105,41 +105,18 @@
</ul>
</div>
</nav>
<header class="masthead pozadinaSlika">
<div class="container d-flex justify-content-center align-items-center" style="height: 450px;font-size: 27px">
<div class="row justify-content-center w-100">
<div class="col d-flex justify-content-center align-items-center">
<div class="text-center text-white w-100">
<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">
<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">
<input type="radio" name="vrstaOglasaId" id="radiodugme1" value="1">
<label for="radiodugme1" style="color:white">Prodaja</label>
</div>
<div class="col-3">
<input type="radio" name="vrstaOglasaId" id="radiodugme2" value="2">
<label for="radiodugme2" style="color:white">Iznajmljivanje</label>
</div>
<div class="col-3">
<button class="btn btn-secondary btn-lg" id="submitButton" type="submit">Pretrazi
</button>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="bg-image" style="background-image: url('images/Human hands holding model of dream house.jpeg');
height: 80vh;background-size: cover">
<div class="container py-auto ml-5">
<div class="row h-100 align-items-left py-5">
<div class="col-lg-7">
<h1 class="mt-5"style="color: white">O nama</h1>
<p class="mt-5" style="color: white">Cilj projekta <span><b>SkućiSe</b></span> je razvoj internet platforme za oglašavanje i zakazivanje razgledanja nekretnina, koja će korisnicima omogućiti direktnu razmenu informacija o ponudi i potražnji, bez posrednika i bez mogućnosti manipulacije podacima. Cilj je ušteda vremena obe strane i pouzdanost. Multiplatformska web aplikacija će korisnicima omogućiti pristup sa različitih vrsta računara i mobilnih uređaja. Zahvaljujući ovoj platformi, oglašivači stanova će bez posrednika lakše pronalaziti put do svojih budućih stanara/kupaca, dok će sa druge strane potencijalni stanari/kupci imati priliku da na pouzdan način <br>dođu do svog stana.</p>
</p>
</div>
</header>
</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">
......@@ -172,6 +149,7 @@
</div>
</div>
</div>
</div>
</footer>
</div>
<!-- JavaScript Bundle with Popper -->
......
SkuciSe/src/main/resources/templates/portfolio.html
......@@ -106,71 +106,75 @@
</div>
</nav>
<header class="masthead pozadinaSlika">
<div class="container d-flex justify-content-center align-items-center" style="height: 450px;font-size: 27px">
<div class="row justify-content-center w-100">
<div class="col d-flex justify-content-center align-items-center">
<div class="text-center text-white w-100">
<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">
<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">
<input type="radio" name="vrstaOglasaId" id="radiodugme1" value="1">
<label for="radiodugme1" style="color:white">Prodaja</label>
</div>
<div class="col-3">
<input type="radio" name="vrstaOglasaId" id="radiodugme2" value="2">
<label for="radiodugme2" style="color:white">Iznajmljivanje</label>
</div>
<div class="col-3">
<button class="btn btn-secondary btn-lg" id="submitButton" type="submit">Pretrazi
</button>
</div>
</div>
</form>
</div>
<div class="bg-light py-5">
<div class="container py-5">
<div class="row mb-4">
<div class="col-lg-6">
<h2 class="display-4 font-weight-light">Upoznajte nas tim</h2>
<p class="font-italic text-muted">Ovo su profili ljudi koji su zasluzni za kreiranje ove platfmorme.</p>
</div>
</div>
</div>
</header>
<section class="features-icons bg-light text-center">
<div class="container d-flex justify-content-center align-items-center" style="height: 400px">
<div class="row">
<div class="col-lg-4">
<div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3">
<div class="features-icons-icon d-flex"><i class="bi-window m-auto text-primary"></i></div>
<img src="https://d2dlxvmcs24r4u.cloudfront.net/modules/portals/template1/images/box-1.png" height="60">
<h3>Potpuna responzivnost</h3>
<p class="lead mb-0">Sajt ce izgledati sjajno na svakom uredjaju, nebitno od velicine</p>
<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-4"><img src="https://bootstrapious.com/i/snippets/sn-about/avatar-4.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">Front-End Developer </span>
<ul class="social mb-0 list-inline mt-3">
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="#" 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"><img src="https://bootstrapious.com/i/snippets/sn-about/avatar-3.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">Back-End Developer</span>
<ul class="social mb-0 list-inline mt-3">
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<div class="col-lg-4">
<div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3">
<div class="features-icons-icon d-flex"><i class="bi-layers m-auto text-primary"></i></div>
<img src="https://d2dlxvmcs24r4u.cloudfront.net/modules/portals/template1/images/box-2.png" height="60">
<h3>Pronadji najbolji dom u Srbiji</h3>
<p class="lead mb-0">Pronadji najbolji dom u Srbiji popunjavanjem velikog broja kriterijuma i filtera po vasoj zelji</p>
<!-- End-->
<!-- Team item-->
<div class="col-xl-3 col-sm-6 mb-5">
<div class="bg-white rounded shadow-sm py-5 px-4"><img src="https://bootstrapious.com/i/snippets/sn-about/avatar-2.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">Tester</span>
<ul class="social mb-0 list-inline mt-3">
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<div class="col-lg-4">
<div class="features-icons-item mx-auto mb-0 mb-lg-3">
<div class="features-icons-icon d-flex"><i class="bi-terminal m-auto text-primary"></i></div>
<img src="https://d2dlxvmcs24r4u.cloudfront.net/modules/portals/template1/images/box-3.png" height="60">
<h3>Nekretnine na mapi</h3>
<p class="lead mb-0">Pogledajte rezultate pretrage na mapi i otkrijte dostupne nekretnine na osnovu njihove tačne lokacije.</p>
<!-- End-->
<!-- Team item-->
<div class="col-xl-3 col-sm-6 mb-5">
<div class="bg-white rounded shadow-sm py-5 px-4"><img src="https://bootstrapious.com/i/snippets/sn-about/avatar-1.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">Podrška</span>
<ul class="social mb-0 list-inline mt-3">
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<!-- End-->
</div>
</div>
</section>
</div>
<div class="container-fluid pb-0 mb-0 justify-content-center text-light ">
<footer>
......@@ -204,7 +208,8 @@
</div>
</div>
</div>
</footer>
</div>
</footer>>
</div>
<!-- JavaScript Bundle with Popper -->
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.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