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 @@ ...@@ -105,41 +105,18 @@
</ul> </ul>
</div> </div>
</nav> </nav>
<div class="bg-image" style="background-image: url('images/Human hands holding model of dream house.jpeg');
<header class="masthead pozadinaSlika"> height: 80vh;background-size: cover">
<div class="container d-flex justify-content-center align-items-center" style="height: 450px;font-size: 27px"> <div class="container py-auto ml-5">
<div class="row justify-content-center w-100"> <div class="row h-100 align-items-left py-5">
<div class="col d-flex justify-content-center align-items-center"> <div class="col-lg-7">
<div class="text-center text-white w-100"> <h1 class="mt-5"style="color: white">O nama</h1>
<h1 class="mb-5" style="color:white">Pretrazite oglase</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>
<form class="form-subscribe" method="GET" th:action="@{/lista-oglasa}"> </p>
<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> </div>
</header> </div>
</div>
</div>
<div class="container-fluid pb-0 mb-0 justify-content-center text-light "> <div class="container-fluid pb-0 mb-0 justify-content-center text-light ">
<footer> <footer>
<div class="row my-5 justify-content-center py-5"> <div class="row my-5 justify-content-center py-5">
...@@ -172,6 +149,7 @@ ...@@ -172,6 +149,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</footer> </footer>
</div> </div>
<!-- JavaScript Bundle with Popper --> <!-- JavaScript Bundle with Popper -->
......
SkuciSe/src/main/resources/templates/portfolio.html
...@@ -106,71 +106,75 @@ ...@@ -106,71 +106,75 @@
</div> </div>
</nav> </nav>
<header class="masthead pozadinaSlika"> <div class="bg-light py-5">
<div class="container d-flex justify-content-center align-items-center" style="height: 450px;font-size: 27px"> <div class="container py-5">
<div class="row justify-content-center w-100"> <div class="row mb-4">
<div class="col d-flex justify-content-center align-items-center"> <div class="col-lg-6">
<div class="text-center text-white w-100"> <h2 class="display-4 font-weight-light">Upoznajte nas tim</h2>
<h1 class="mb-5" style="color:white">Pretrazite oglase</h1> <p class="font-italic text-muted">Ovo su profili ljudi koji su zasluzni za kreiranje ove platfmorme.</p>
<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> </div>
</div>
</header>
<section class="features-icons bg-light text-center"> <div class="row text-center">
<div class="container d-flex justify-content-center align-items-center" style="height: 400px"> <!-- Team item-->
<div class="row"> <div class="col-xl-3 col-sm-6 mb-5">
<div class="col-lg-4"> <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">
<div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3"> <h5 class="mb-0">Milovan Samardzić </h5><span class="small text-uppercase text-muted">Front-End Developer </span>
<div class="features-icons-icon d-flex"><i class="bi-window m-auto text-primary"></i></div> <ul class="social mb-0 list-inline mt-3">
<img src="https://d2dlxvmcs24r4u.cloudfront.net/modules/portals/template1/images/box-1.png" height="60"> <li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-facebook-f"></i></a></li>
<h3>Potpuna responzivnost</h3> <li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-twitter"></i></a></li>
<p class="lead mb-0">Sajt ce izgledati sjajno na svakom uredjaju, nebitno od velicine</p> <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> </div>
<div class="col-lg-4"> <!-- End-->
<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> <!-- Team item-->
<img src="https://d2dlxvmcs24r4u.cloudfront.net/modules/portals/template1/images/box-2.png" height="60"> <div class="col-xl-3 col-sm-6 mb-5">
<h3>Pronadji najbolji dom u Srbiji</h3> <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">
<p class="lead mb-0">Pronadji najbolji dom u Srbiji popunjavanjem velikog broja kriterijuma i filtera po vasoj zelji</p> <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> </div>
<div class="col-lg-4"> <!-- End-->
<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> <!-- Team item-->
<img src="https://d2dlxvmcs24r4u.cloudfront.net/modules/portals/template1/images/box-3.png" height="60"> <div class="col-xl-3 col-sm-6 mb-5">
<h3>Nekretnine na mapi</h3> <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">
<p class="lead mb-0">Pogledajte rezultate pretrage na mapi i otkrijte dostupne nekretnine na osnovu njihove tačne lokacije.</p> <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>
</div> </div>
<!-- End-->
</div> </div>
</div> </div>
</section> </div>
<div class="container-fluid pb-0 mb-0 justify-content-center text-light "> <div class="container-fluid pb-0 mb-0 justify-content-center text-light ">
<footer> <footer>
...@@ -204,7 +208,8 @@ ...@@ -204,7 +208,8 @@
</div> </div>
</div> </div>
</div> </div>
</footer> </div>
</footer>>
</div> </div>
<!-- JavaScript Bundle with Popper --> <!-- JavaScript Bundle with Popper -->
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <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