Skip to content

S
SkuciSe
Commit 19cf9240 by Milovan Samardzic
Options

indexIzmenjen

parent 07e68ab1
Showing with 51 additions and 30 deletions
SkuciSe/src/main/resources/templates/index.html
...@@ -91,49 +91,70 @@ ...@@ -91,49 +91,70 @@
</ul> </ul>
</div> </div>
</nav> </nav>
<div class="container-main pozadinaSVG d-flex justify-content-center align-items-center">
<div class="row" style="width: 40%;z-index: 100"> <header class="masthead">
<div class="form-content p-0 w-100"> <div class="container d-flex justify-content-center align-items-center" style="height: 450px;font-size: 27px">
<div class="form-items w-100 p-0" style="background: transparent;color:black"> <div class="row justify-content-center">
<h1>Pretrazite smestaj</h1> <div class="col d-flex justify-content-center align-items-center">
<form class="requires-validation d-flex flex-wrap justify-content-around align-items-center w-100" <div class="text-center text-white">
novalidate <h1 class="mb-5" style="color:black">Pretrazite oglase</h1>
th:object="${filter}" method="GET" th:action="@{/lista-oglasa}" enctype="multipart/form-data"> <form class="form-subscribe" method="GET" th:action="@{/lista-oglasa}">
<div class="row w-100">
<div class="col-md-4 col-sm-4 col-xs-4 d-flex justify-content-start align-items-center">
<div class="row"> <div class="row">
<select th:field="${filter.lokacijaId}"> <div class="col-auto">
<select class="form-select" name="lokacijaId" id="lokacijeopt">
<option value="" selected>Sve lokacije</option>
<option th:each="lokacija: ${lokacije}" th:value="${lokacija.getLokacijaId()}" <option th:each="lokacija: ${lokacije}" th:value="${lokacija.getLokacijaId()}"
th:text="${lokacija.getNaziv()}"> th:text="${lokacija.getNaziv()}"></option>
</option>
</select> </select>
</div> </div>
<div class="col-auto">
<input type="radio" name="vrstaOglasaId" id="radiodugme1" value="1">
<label for="radiodugme1" style="color:black">Prodaja</label>
</div> </div>
<div class="col-md-7 col-sm-7 col-xs-7 d-flex justify-content-between align-items-center flex-row"> <div class="col-auto">
<div class="d-flex justify-content-between align-items-center flex-row w-50"> <input type="radio" name="vrstaOglasaId" id="radiodugme2" value="2">
<input checked class="form-check-input" type="radio" name="flexRadioDefault" <label for="radiodugme2" style="color:black">Iznajmljivanje</label>
id="flexRadioDefault1" value="1" th:field="${filter.vrstaOglasaId}">
<span class="ml-1">
Prodaja
</span>
</div> </div>
<div class="d-flex justify-content-between align-items-center flex-row w-50"> <div class="col-auto">
<input class="form-check-input" type="radio" name="flexRadioDefault" <button class="btn btn-secondary btn-lg" id="submitButton" type="submit">Pretrazi
id="flexRadioDefault2" value="2" th:field="${filter.vrstaOglasaId}"> </button>
<span class="ml-1">
Izdavanje
</span>
</div> </div>
</div> </div>
<div class="col-md-1 col-sm-1 col-xs-1 form-button mt-3"> </form>
<button id="submit" type="submit" class="btn btn-primary">Pretrazi</button>
</div> </div>
</div> </div>
</form>
</div> </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>
<h3>Fully Responsive</h3>
<p class="lead mb-0">This theme will look great on any device, no matter the size!</p>
</div> </div>
</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>
<h3>Bootstrap 5 Ready</h3>
<p class="lead mb-0">Featuring the latest build of the new Bootstrap 5 framework!</p>
</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>
<h3>Easy to Use</h3>
<p class="lead mb-0">Ready to use with your own content, or customize the source files!</p>
</div>
</div>
</div>
</div>
</section>
<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">
......
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