www.topgraha.id
Open in
urlscan Pro
103.251.44.213
Public Scan
Submitted URL: https://topgraha.id/
Effective URL: https://www.topgraha.id/
Submission: On May 02 via automatic, source certstream-suspicious — Scanned from DE
Effective URL: https://www.topgraha.id/
Submission: On May 02 via automatic, source certstream-suspicious — Scanned from DE
Form analysis
7 forms found in the DOM<form>
<div class="form-group field-group">
<div class="input-user input-icon">
<input id="login_username" name="username" placeholder="Username" type="text">
</div>
<div class="input-pass input-icon">
<input id="password" name="password" placeholder="Kata sandi" type="password">
</div>
</div>
<div class="forget-block clearfix">
<div class="form-group pull-left">
<div class="checkbox">
<label>
<input name="remember" id="remember" type="checkbox"> Ingat saya </label>
</div>
</div>
<div class="form-group pull-right">
<a href="#" data-dismiss="modal" data-toggle="modal" data-target="#pop-reset-pass">Kehilangan password?</a>
</div>
</div>
<input type="hidden" id="houzez_login_security" name="houzez_login_security" value="a31857a4ef"><input type="hidden" name="_wp_http_referer" value="/"> <input type="hidden" name="action" id="login_action" value="houzez_login">
<button type="submit" class="fave-login-button btn btn-primary btn-block">Masuk</button>
</form>
<form>
<div class="form-group field-group">
<div class="input-user input-icon">
<input id="register_username" name="username" type="text" placeholder="Username">
</div>
<div class="input-email input-icon">
<input id="useremail" name="useremail" type="email" placeholder="E-mail">
</div>
<div class="input-pass input-icon">
<input id="register_pass" name="register_pass" placeholder="Kata sandi" type="password">
</div>
<div class="input-pass input-icon">
<input id="register_pass_retype" name="register_pass_retype" placeholder="Ketik ulang kata sandi" type="password">
</div>
</div>
<div class="form-group">
</div>
<div class="form-group">
<div class="checkbox">
<label>
<input name="term_condition" id="term_condition" type="checkbox"> I agree with your <a href="https://www.topgraha.id/terms-and-conditions/">Terms & Conditions</a> </label>
</div>
</div>
<input type="hidden" id="houzez_register_security" name="houzez_register_security" value="c161594c1e"><input type="hidden" name="_wp_http_referer" value="/"> <input type="hidden" name="action" value="houzez_register" id="register_action">
<button type="submit" class="fave-register-button btn btn-primary btn-block">Daftar</button>
</form>
<form>
<div class="form-group">
<div class="input-user input-icon">
<input name="user_login_forgot" id="user_login_forgot" placeholder="Masukkan username atau email anda" class="form-control">
</div>
</div>
<input type="hidden" id="fave_resetpassword_security" name="fave_resetpassword_security" value="8f7ef423cf"><input type="hidden" name="_wp_http_referer" value="/"> <button type="button" id="houzez_forgetpass"
class="btn btn-primary btn-block">Dapatkan password baru</button>
</form>
GET https://www.topgraha.id/advanced-search/
<form method="get" action="https://www.topgraha.id/advanced-search/">
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="form-group no-margin">
<div class="input-search input-icon">
<input type="text" class="form-control" name="keyword" placeholder="Masukkan kata kunci ...">
</div>
</div>
</div>
<div class="col-md-2 col-sm-4 col-xs-4">
<div class="form-group gorty">
<select class="selectpicker bs-select-hidden" name="type" data-live-search="false" data-live-search-style="begins">
<option value="">Jenis properti</option>
<option value="apartment"> Apartment</option>
<option value="kost"> Kost</option>
<option value="ruko-kantor"> Ruko / Kantor</option>
<option value="rumah"> Rumah</option>
<option value="tanah"> Tanah</option>
</select>
<div class="btn-group bootstrap-select"><button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" title="Jenis properti"><span class="filter-option pull-left">Jenis properti</span> <span
class="fa fa-sort"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Jenis properti</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="null"><span class="text"> Apartment</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="2"><a tabindex="0" class="" style="" data-tokens="null"><span class="text"> Kost</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="3"><a tabindex="0" class="" style="" data-tokens="null"><span class="text"> Ruko / Kantor</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="4"><a tabindex="0" class="" style="" data-tokens="null"><span class="text"> Rumah</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="5"><a tabindex="0" class="" style="" data-tokens="null"><span class="text"> Tanah</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-2 col-sm-4 col-xs-4">
<div class="form-group no-margin gorty">
<select name="location" class="selectpicker bs-select-hidden" data-live-search="false" data-live-search-style="begins">
<option value="">Kota</option>
</select>
<div class="btn-group bootstrap-select"><button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" title="Kota"><span class="filter-option pull-left">Kota</span> <span class="fa fa-sort"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Kota</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-2 col-sm-4 col-xs-4">
<div class="form-group no-margin gorty">
<select name="area" class="selectpicker bs-select-hidden" data-live-search="false" data-live-search-style="begins">
<option value="">Area</option>
</select>
<div class="btn-group bootstrap-select"><button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" title="Area"><span class="filter-option pull-left">Area</span> <span class="fa fa-sort"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Area</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="advance-fields">
<div class="row">
<div class="col-sm-3 col-xs-12">
<div class="form-group no-margin">
<select name="state" class="selectpicker bs-select-hidden" data-live-search="false" data-live-search-style="begins">
<option value="">Propinsi</option>
</select>
<div class="btn-group bootstrap-select"><button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" title="Propinsi"><span class="filter-option pull-left">Propinsi</span> <span
class="fa fa-sort"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Propinsi</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-sm-3 col-xs-12">
<div class="form-group">
<select class="selectpicker bs-select-hidden" id="selected_status" name="status" data-live-search="false" data-live-search-style="begins">
<option value="">Semua Status</option>
<option value="for-sale"> Dijual</option>
<option value="for-rent"> Disewakan</option>
</select>
<div class="btn-group bootstrap-select"><button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" data-id="selected_status" title="Semua Status"><span class="filter-option pull-left">Semua Status</span> <span
class="fa fa-sort"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Semua Status</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="null"><span class="text"> Dijual</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="2"><a tabindex="0" class="" style="" data-tokens="null"><span class="text"> Disewakan</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-sm-3 col-xs-6">
<div class="form-group">
<div style="color:#fff">Km.Tidur</div>
<select name="bedrooms" class="selectpicker bs-select-hidden" data-live-search="false" data-live-search-style="begins">
<option value="any">Berapa saja</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<div class="btn-group bootstrap-select"><button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" title="Berapa saja"><span class="filter-option pull-left">Berapa saja</span> <span
class="fa fa-sort"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Berapa saja</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">1</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="2"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">2</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="3"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">3</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="4"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">4</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="5"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">5</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="6"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">6</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="7"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">7</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="8"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">8</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="9"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">9</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="10"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">10</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-sm-3 col-xs-6">
<div class="form-group">
<div style="color:#fff">Km.Mandi</div>
<select name="bathrooms" class="selectpicker bs-select-hidden" data-live-search="false" data-live-search-style="begins">
<option value="any">Berapa saja</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<div class="btn-group bootstrap-select"><button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" title="Berapa saja"><span class="filter-option pull-left">Berapa saja</span> <span
class="fa fa-sort"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Berapa saja</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">1</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="2"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">2</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="3"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">3</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="4"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">4</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="5"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">5</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="6"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">6</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="7"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">7</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="8"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">8</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="9"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">9</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="10"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">10</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-sm-3 col-xs-6">
<div class="form-group">
<input type="text" class="form-control" value="" name="min-area" placeholder="Min Area">
</div>
</div>
<div class="col-sm-3 col-xs-6">
<div class="form-group">
<input type="text" class="form-control" value="" name="max-area" placeholder="Area Max">
</div>
</div>
<div class="col-sm-6 col-xs-12">
<div class="range-advanced-main">
<div class="range-text">
<input type="hidden" name="min-price" class="min-price-range-hidden range-input" readonly="" value="Rp 0">
<input type="hidden" name="max-price" class="max-price-range-hidden range-input" readonly="" value="Rp 100.000.000.000">
<p style="color:#fff"><span class="range-title" style="color:#fff">Kisaran harga:</span> dari <span class="min-price-range" style="color:#fff">Rp 0</span> sampai <span class="max-price-range" style="color:#fff">Rp 100.000.000.000</span>
</p>
</div>
<div class="range-wrap">
<div class="price-range-advanced ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
<div class="ui-slider-range ui-widget-header ui-corner-all" style="left: 0%; width: 100%;"></div><span class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0" style="left: 0%;"></span><span
class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0" style="left: 100%;"></span>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-xs-12 features-list">
<label class="text-uppercase title" style="color:#fff">Fitur lainnya</label>
<div class="clearfix"></div>
<label class="checkbox-inline" style="color:#fff"><input name="feature[]" id="feature-air-conditioning" type="checkbox" value="air-conditioning">AC</label><label class="checkbox-inline" style="color:#fff"><input name="feature[]"
id="feature-balkon" type="checkbox" value="balkon">Balkon</label><label class="checkbox-inline" style="color:#fff"><input name="feature[]" id="feature-bathup" type="checkbox" value="bathup">Bathup</label><label class="checkbox-inline"
style="color:#fff"><input name="feature[]" id="feature-dapur" type="checkbox" value="dapur">Dapur</label><label class="checkbox-inline" style="color:#fff"><input name="feature[]" id="feature-dryer" type="checkbox"
value="dryer">Dryer</label><label class="checkbox-inline" style="color:#fff"><input name="feature[]" id="feature-gym" type="checkbox" value="gym">Fitness</label><label class="checkbox-inline" style="color:#fff"><input name="feature[]"
id="feature-kolamrenang" type="checkbox" value="kolamrenang">Kolam Renang</label><label class="checkbox-inline" style="color:#fff"><input name="feature[]" id="feature-kulkas" type="checkbox" value="kulkas">Kulkas</label><label
class="checkbox-inline" style="color:#fff"><input name="feature[]" id="feature-laundry" type="checkbox" value="laundry">Laundry</label><label class="checkbox-inline" style="color:#fff"><input name="feature[]" id="feature-washer"
type="checkbox" value="washer">Mesin Cuci</label><label class="checkbox-inline" style="color:#fff"><input name="feature[]" id="feature-microwave" type="checkbox" value="microwave">Microwave</label><label class="checkbox-inline"
style="color:#fff"><input name="feature[]" id="feature-shower" type="checkbox" value="shower">Shower</label><label class="checkbox-inline" style="color:#fff"><input name="feature[]" id="feature-taman" type="checkbox"
value="taman">Taman</label><label class="checkbox-inline" style="color:#fff"><input name="feature[]" id="feature-tv-cable" type="checkbox" value="tv-cable">TV Cable</label><label class="checkbox-inline" style="color:#fff"><input
name="feature[]" id="feature-wifi" type="checkbox" value="wifi">WiFi</label>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-6 text-center">
<button class="advance-btn btn sdfsdaa" type="button"><i class="fa fa-gear"></i>Pencarian Lengkap</button>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<button type="submit" class="btn btn-secondary btn-block sdfsdaa" style="padding: 8px 15px;"><i class="fa fa-search"></i> Cari</button>
</div>
</div>
</form>
GET https://www.topgraha.id/advanced-search/
<form method="get" action="https://www.topgraha.id/advanced-search/">
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="form-group no-margin">
<div class="input-search input-icon">
<input type="text" class="form-control" name="keyword" placeholder="Masukkan kata kunci ...">
</div>
</div>
</div>
<div class="col-md-2 col-sm-4 col-xs-4">
<div class="form-group gorty">
<select class="selectpicker bs-select-hidden" name="type" data-live-search="false" data-live-search-style="begins">
<option value="">Jenis properti</option>
<option value="apartment"> Apartment</option>
<option value="kost"> Kost</option>
<option value="ruko-kantor"> Ruko / Kantor</option>
<option value="rumah"> Rumah</option>
<option value="tanah"> Tanah</option>
</select>
<div class="btn-group bootstrap-select"><button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" title="Jenis properti"><span class="filter-option pull-left">Jenis properti</span> <span
class="fa fa-sort"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Jenis properti</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="null"><span class="text"> Apartment</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="2"><a tabindex="0" class="" style="" data-tokens="null"><span class="text"> Kost</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="3"><a tabindex="0" class="" style="" data-tokens="null"><span class="text"> Ruko / Kantor</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="4"><a tabindex="0" class="" style="" data-tokens="null"><span class="text"> Rumah</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="5"><a tabindex="0" class="" style="" data-tokens="null"><span class="text"> Tanah</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-2 col-sm-4 col-xs-4">
<div class="form-group no-margin gorty">
<select name="location" class="selectpicker bs-select-hidden" data-live-search="false" data-live-search-style="begins">
<option value="">Kota</option>
</select>
<div class="btn-group bootstrap-select"><button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" title="Kota"><span class="filter-option pull-left">Kota</span> <span class="fa fa-sort"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Kota</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-2 col-sm-4 col-xs-4">
<div class="form-group no-margin gorty">
<select name="area" class="selectpicker bs-select-hidden" data-live-search="false" data-live-search-style="begins">
<option value="">Area</option>
</select>
<div class="btn-group bootstrap-select"><button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" title="Area"><span class="filter-option pull-left">Area</span> <span class="fa fa-sort"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Area</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="advance-fields">
<div class="row">
<div class="col-sm-3 col-xs-12">
<div class="form-group no-margin">
<select name="state" class="selectpicker bs-select-hidden" data-live-search="false" data-live-search-style="begins">
<option value="">Propinsi</option>
</select>
<div class="btn-group bootstrap-select"><button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" title="Propinsi"><span class="filter-option pull-left">Propinsi</span> <span
class="fa fa-sort"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Propinsi</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-sm-3 col-xs-12">
<div class="form-group">
<select class="selectpicker bs-select-hidden" id="selected_status" name="status" data-live-search="false" data-live-search-style="begins">
<option value="">Semua Status</option>
<option value="for-sale"> Dijual</option>
<option value="for-rent"> Disewakan</option>
</select>
<div class="btn-group bootstrap-select"><button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" data-id="selected_status" title="Semua Status"><span class="filter-option pull-left">Semua Status</span> <span
class="fa fa-sort"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Semua Status</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="null"><span class="text"> Dijual</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="2"><a tabindex="0" class="" style="" data-tokens="null"><span class="text"> Disewakan</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-sm-3 col-xs-6">
<div class="form-group">
<div style="color:#fff">Km.Tidur</div>
<select name="bedrooms" class="selectpicker bs-select-hidden" data-live-search="false" data-live-search-style="begins">
<option value="any">Berapa saja</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<div class="btn-group bootstrap-select"><button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" title="Berapa saja"><span class="filter-option pull-left">Berapa saja</span> <span
class="fa fa-sort"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Berapa saja</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">1</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="2"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">2</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="3"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">3</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="4"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">4</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="5"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">5</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="6"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">6</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="7"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">7</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="8"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">8</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="9"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">9</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="10"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">10</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-sm-3 col-xs-6">
<div class="form-group">
<div style="color:#fff">Km.Mandi</div>
<select name="bathrooms" class="selectpicker bs-select-hidden" data-live-search="false" data-live-search-style="begins">
<option value="any">Berapa saja</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<div class="btn-group bootstrap-select"><button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" title="Berapa saja"><span class="filter-option pull-left">Berapa saja</span> <span
class="fa fa-sort"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Berapa saja</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">1</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="2"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">2</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="3"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">3</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="4"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">4</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="5"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">5</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="6"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">6</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="7"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">7</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="8"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">8</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="9"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">9</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="10"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">10</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-sm-3 col-xs-6">
<div class="form-group">
<input type="text" class="form-control" value="" name="min-area" placeholder="Min Area">
</div>
</div>
<div class="col-sm-3 col-xs-6">
<div class="form-group">
<input type="text" class="form-control" value="" name="max-area" placeholder="Area Max">
</div>
</div>
<div class="col-sm-6 col-xs-12">
<div class="range-advanced-main">
<div class="range-text">
<input type="hidden" name="min-price" class="min-price-range-hidden range-input" readonly="" value="Rp 0">
<input type="hidden" name="max-price" class="max-price-range-hidden range-input" readonly="" value="Rp 100.000.000.000">
<p style="color:#fff"><span class="range-title" style="color:#fff">Kisaran harga:</span> dari <span class="min-price-range" style="color:#fff">Rp 0</span> sampai <span class="max-price-range" style="color:#fff">Rp 100.000.000.000</span>
</p>
</div>
<div class="range-wrap">
<div class="price-range-advanced ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
<div class="ui-slider-range ui-widget-header ui-corner-all" style="left: 0%; width: 100%;"></div><span class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0" style="left: 0%;"></span><span
class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0" style="left: 100%;"></span>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-xs-12 features-list">
<label class="text-uppercase title" style="color:#fff">Fitur lainnya</label>
<div class="clearfix"></div>
<label class="checkbox-inline" style="color:#fff"><input name="feature[]" id="feature-air-conditioning" type="checkbox" value="air-conditioning">AC</label><label class="checkbox-inline" style="color:#fff"><input name="feature[]"
id="feature-balkon" type="checkbox" value="balkon">Balkon</label><label class="checkbox-inline" style="color:#fff"><input name="feature[]" id="feature-bathup" type="checkbox" value="bathup">Bathup</label><label class="checkbox-inline"
style="color:#fff"><input name="feature[]" id="feature-dapur" type="checkbox" value="dapur">Dapur</label><label class="checkbox-inline" style="color:#fff"><input name="feature[]" id="feature-dryer" type="checkbox"
value="dryer">Dryer</label><label class="checkbox-inline" style="color:#fff"><input name="feature[]" id="feature-gym" type="checkbox" value="gym">Fitness</label><label class="checkbox-inline" style="color:#fff"><input name="feature[]"
id="feature-kolamrenang" type="checkbox" value="kolamrenang">Kolam Renang</label><label class="checkbox-inline" style="color:#fff"><input name="feature[]" id="feature-kulkas" type="checkbox" value="kulkas">Kulkas</label><label
class="checkbox-inline" style="color:#fff"><input name="feature[]" id="feature-laundry" type="checkbox" value="laundry">Laundry</label><label class="checkbox-inline" style="color:#fff"><input name="feature[]" id="feature-washer"
type="checkbox" value="washer">Mesin Cuci</label><label class="checkbox-inline" style="color:#fff"><input name="feature[]" id="feature-microwave" type="checkbox" value="microwave">Microwave</label><label class="checkbox-inline"
style="color:#fff"><input name="feature[]" id="feature-shower" type="checkbox" value="shower">Shower</label><label class="checkbox-inline" style="color:#fff"><input name="feature[]" id="feature-taman" type="checkbox"
value="taman">Taman</label><label class="checkbox-inline" style="color:#fff"><input name="feature[]" id="feature-tv-cable" type="checkbox" value="tv-cable">TV Cable</label><label class="checkbox-inline" style="color:#fff"><input
name="feature[]" id="feature-wifi" type="checkbox" value="wifi">WiFi</label>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-6 text-center">
<button class="advance-btn btn sdfsdaa" type="button"><i class="fa fa-gear"></i>Pencarian Lengkap</button>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<button type="submit" class="btn btn-secondary btn-block sdfsdaa" style="padding: 8px 15px;"><i class="fa fa-search"></i> Cari</button>
</div>
</div>
</form>
GET https://www.topgraha.id/advanced-search/
<form method="get" action="https://www.topgraha.id/advanced-search/">
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="form-group no-margin">
<div class="input-search input-icon">
<input type="text" class="form-control" name="keyword" placeholder="Masukkan kata kunci ...">
</div>
</div>
</div>
<div class="col-md-2 col-sm-4 col-xs-4">
<div class="form-group gorty">
<select class="selectpicker bs-select-hidden" name="type" data-live-search="false" data-live-search-style="begins">
<option value="">Jenis properti</option>
<option value="apartment"> Apartment</option>
<option value="kost"> Kost</option>
<option value="ruko-kantor"> Ruko / Kantor</option>
<option value="rumah"> Rumah</option>
<option value="tanah"> Tanah</option>
</select>
<div class="btn-group bootstrap-select"><button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" title="Jenis properti"><span class="filter-option pull-left">Jenis properti</span> <span
class="fa fa-sort"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Jenis properti</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="null"><span class="text"> Apartment</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="2"><a tabindex="0" class="" style="" data-tokens="null"><span class="text"> Kost</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="3"><a tabindex="0" class="" style="" data-tokens="null"><span class="text"> Ruko / Kantor</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="4"><a tabindex="0" class="" style="" data-tokens="null"><span class="text"> Rumah</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="5"><a tabindex="0" class="" style="" data-tokens="null"><span class="text"> Tanah</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-2 col-sm-4 col-xs-4">
<div class="form-group no-margin gorty">
<select name="location" class="selectpicker bs-select-hidden" data-live-search="false" data-live-search-style="begins">
<option value="">Kota</option>
</select>
<div class="btn-group bootstrap-select"><button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" title="Kota"><span class="filter-option pull-left">Kota</span> <span class="fa fa-sort"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Kota</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-2 col-sm-4 col-xs-4">
<div class="form-group no-margin gorty">
<select name="area" class="selectpicker bs-select-hidden" data-live-search="false" data-live-search-style="begins">
<option value="">Area</option>
</select>
<div class="btn-group bootstrap-select"><button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" title="Area"><span class="filter-option pull-left">Area</span> <span class="fa fa-sort"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Area</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="advance-fields">
<div class="row">
<div class="col-sm-3 col-xs-12">
<div class="form-group no-margin">
<select name="state" class="selectpicker bs-select-hidden" data-live-search="false" data-live-search-style="begins">
<option value="">Propinsi</option>
</select>
<div class="btn-group bootstrap-select"><button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" title="Propinsi"><span class="filter-option pull-left">Propinsi</span> <span
class="fa fa-sort"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Propinsi</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-sm-3 col-xs-12">
<div class="form-group">
<select class="selectpicker bs-select-hidden" id="selected_status" name="status" data-live-search="false" data-live-search-style="begins">
<option value="">Semua Status</option>
<option value="for-sale"> Dijual</option>
<option value="for-rent"> Disewakan</option>
</select>
<div class="btn-group bootstrap-select"><button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" data-id="selected_status" title="Semua Status"><span class="filter-option pull-left">Semua Status</span> <span
class="fa fa-sort"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Semua Status</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="null"><span class="text"> Dijual</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="2"><a tabindex="0" class="" style="" data-tokens="null"><span class="text"> Disewakan</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-sm-3 col-xs-6">
<div class="form-group">
<div style="color:#fff">Km.Tidur</div>
<select name="bedrooms" class="selectpicker bs-select-hidden" data-live-search="false" data-live-search-style="begins">
<option value="any">Berapa saja</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<div class="btn-group bootstrap-select"><button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" title="Berapa saja"><span class="filter-option pull-left">Berapa saja</span> <span
class="fa fa-sort"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Berapa saja</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">1</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="2"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">2</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="3"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">3</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="4"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">4</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="5"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">5</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="6"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">6</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="7"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">7</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="8"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">8</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="9"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">9</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="10"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">10</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-sm-3 col-xs-6">
<div class="form-group">
<div style="color:#fff">Km.Mandi</div>
<select name="bathrooms" class="selectpicker bs-select-hidden" data-live-search="false" data-live-search-style="begins">
<option value="any">Berapa saja</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<div class="btn-group bootstrap-select"><button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" title="Berapa saja"><span class="filter-option pull-left">Berapa saja</span> <span
class="fa fa-sort"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Berapa saja</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">1</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="2"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">2</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="3"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">3</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="4"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">4</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="5"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">5</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="6"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">6</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="7"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">7</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="8"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">8</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="9"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">9</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="10"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">10</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-sm-3 col-xs-6">
<div class="form-group">
<input type="text" class="form-control" value="" name="min-area" placeholder="Min Area">
</div>
</div>
<div class="col-sm-3 col-xs-6">
<div class="form-group">
<input type="text" class="form-control" value="" name="max-area" placeholder="Area Max">
</div>
</div>
<div class="col-sm-6 col-xs-12">
<div class="range-advanced-main">
<div class="range-text">
<input type="hidden" name="min-price" class="min-price-range-hidden range-input" readonly="" value="Rp 0">
<input type="hidden" name="max-price" class="max-price-range-hidden range-input" readonly="" value="Rp 100.000.000.000">
<p style="color:#fff"><span class="range-title" style="color:#fff">Kisaran harga:</span> dari <span class="min-price-range" style="color:#fff">Rp 0</span> sampai <span class="max-price-range" style="color:#fff">Rp 100.000.000.000</span>
</p>
</div>
<div class="range-wrap">
<div class="price-range-advanced ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
<div class="ui-slider-range ui-widget-header ui-corner-all" style="left: 0%; width: 100%;"></div><span class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0" style="left: 0%;"></span><span
class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0" style="left: 100%;"></span>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-xs-12 features-list">
<label class="text-uppercase title" style="color:#fff">Fitur lainnya</label>
<div class="clearfix"></div>
<label class="checkbox-inline" style="color:#fff"><input name="feature[]" id="feature-air-conditioning" type="checkbox" value="air-conditioning">AC</label><label class="checkbox-inline" style="color:#fff"><input name="feature[]"
id="feature-balkon" type="checkbox" value="balkon">Balkon</label><label class="checkbox-inline" style="color:#fff"><input name="feature[]" id="feature-bathup" type="checkbox" value="bathup">Bathup</label><label class="checkbox-inline"
style="color:#fff"><input name="feature[]" id="feature-dapur" type="checkbox" value="dapur">Dapur</label><label class="checkbox-inline" style="color:#fff"><input name="feature[]" id="feature-dryer" type="checkbox"
value="dryer">Dryer</label><label class="checkbox-inline" style="color:#fff"><input name="feature[]" id="feature-gym" type="checkbox" value="gym">Fitness</label><label class="checkbox-inline" style="color:#fff"><input name="feature[]"
id="feature-kolamrenang" type="checkbox" value="kolamrenang">Kolam Renang</label><label class="checkbox-inline" style="color:#fff"><input name="feature[]" id="feature-kulkas" type="checkbox" value="kulkas">Kulkas</label><label
class="checkbox-inline" style="color:#fff"><input name="feature[]" id="feature-laundry" type="checkbox" value="laundry">Laundry</label><label class="checkbox-inline" style="color:#fff"><input name="feature[]" id="feature-washer"
type="checkbox" value="washer">Mesin Cuci</label><label class="checkbox-inline" style="color:#fff"><input name="feature[]" id="feature-microwave" type="checkbox" value="microwave">Microwave</label><label class="checkbox-inline"
style="color:#fff"><input name="feature[]" id="feature-shower" type="checkbox" value="shower">Shower</label><label class="checkbox-inline" style="color:#fff"><input name="feature[]" id="feature-taman" type="checkbox"
value="taman">Taman</label><label class="checkbox-inline" style="color:#fff"><input name="feature[]" id="feature-tv-cable" type="checkbox" value="tv-cable">TV Cable</label><label class="checkbox-inline" style="color:#fff"><input
name="feature[]" id="feature-wifi" type="checkbox" value="wifi">WiFi</label>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-6 text-center">
<button class="advance-btn btn sdfsdaa" type="button"><i class="fa fa-gear"></i>Pencarian Lengkap</button>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<button type="submit" class="btn btn-secondary btn-block sdfsdaa" style="padding: 8px 15px;"><i class="fa fa-search"></i> Cari</button>
</div>
</div>
</form>
#
<form method="" action="#">
<div class="form-group icon-holder">
<input class="form-control komah" id="mc_total_amount" placeholder="Jumlah total" type="text">
<span class="field-icon">Rp </span>
</div>
<div class="form-group icon-holder">
<input class="form-control komah" id="mc_down_payment" placeholder="Uang muka" type="text">
<span class="field-icon">Rp </span>
</div>
<div class="form-group icon-holder">
<input class="form-control" id="mc_interest_rate" placeholder="Suku bunga" type="text">
<span class="field-icon">%</span>
</div>
<div class="form-group icon-holder">
<input class="form-control" id="mc_term_years" placeholder="Jangka Waktu Pinjaman (Tahun)" type="text">
<span class="field-icon"><i class="fa fa-calendar"></i></span>
</div>
<div class="form-group icon-holder">
<select class="selectpicker bs-select-hidden" id="mc_payment_period" data-live-search="false" data-live-search-style="begins">
<option value="12">Bulanan</option>
<option value="26">Dua kali seminggu</option>
<option value="52">Mingguan</option>
</select>
<div class="btn-group bootstrap-select"><button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" data-id="mc_payment_period" title="Bulanan"><span class="filter-option pull-left">Bulanan</span> <span
class="fa fa-sort"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Bulanan</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Dua kali seminggu</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="2"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Mingguan</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
<button id="houzez_mortgage_calculate" class="btn btn-secondary btn-block">Hitung</button>
<div class="morg-detail">
<div class="morg-result">
<div id="mortgage_mwbi"></div>
<img src="https://www.topgraha.id/tampilan/images/icon_inspector.png" alt="icon inspector" class="show-morg">
</div>
<div class="morg-summery" style="display: block;">
<div class="result-title"> Jumlah yang Dibiayai: </div>
<div id="amount_financed" class="result-value"></div>
<div class="result-title"> Ansuran per bulan: </div>
<div id="mortgage_pay" class="result-value"></div>
<div class="result-title"> Angsuran per tahun: </div>
<div id="annual_cost" class="result-value"></div>
</div>
</div>
<script type="text/javascript">
$('.komah').mask("#,##0", {
reverse: true
});
$('.dfdf').mask('000.000.000.000.000,00', {
reverse: true
});
$('.dfdf2').mask('000.000.000.000.000', {
reverse: true
});
</script>
</form>
Text Content
* Masuk * Daftar Ingat saya Kehilangan password? Masuk I agree with your Terms & Conditions Daftar * Reset Password Silahkan masukkan Username atau alamat email anda. Anda akan menerima link untuk membuat kata sandi baru melalui email. Dapatkan password baru * Property * Apartment * Kost * Ruko / Kantor * Rumah * Tanah * Jual * Sewa * Agents * About * News * Contact Login / Daftar * Property * Apartment * Kost * Ruko / Kantor * Rumah * Tanah * Jual * Sewa * Agents * About * News * Contact * Login / Daftar * Buat Listing * Login * Website Properti Terbaik di Indonesia Semua Dijual Disewakan Jenis properti Apartment Kost Ruko / Kantor Rumah Tanah Jenis properti * Jenis properti * Apartment * Kost * Ruko / Kantor * Rumah * Tanah Kota Kota * Kota Area Area * Area Propinsi Propinsi * Propinsi Semua Status Dijual Disewakan Semua Status * Semua Status * Dijual * Disewakan Km.Tidur Berapa saja12345678910 Berapa saja * Berapa saja * 1 * 2 * 3 * 4 * 5 * 6 * 7 * 8 * 9 * 10 Km.Mandi Berapa saja12345678910 Berapa saja * Berapa saja * 1 * 2 * 3 * 4 * 5 * 6 * 7 * 8 * 9 * 10 Kisaran harga: dari Rp 0 sampai Rp 100.000.000.000 Fitur lainnya ACBalkonBathupDapurDryerFitnessKolam RenangKulkasLaundryMesin CuciMicrowaveShowerTamanTV CableWiFi Pencarian Lengkap Cari Jenis properti Apartment Kost Ruko / Kantor Rumah Tanah Jenis properti * Jenis properti * Apartment * Kost * Ruko / Kantor * Rumah * Tanah Kota Kota * Kota Area Area * Area Propinsi Propinsi * Propinsi Semua Status Dijual Disewakan Semua Status * Semua Status * Dijual * Disewakan Km.Tidur Berapa saja12345678910 Berapa saja * Berapa saja * 1 * 2 * 3 * 4 * 5 * 6 * 7 * 8 * 9 * 10 Km.Mandi Berapa saja12345678910 Berapa saja * Berapa saja * 1 * 2 * 3 * 4 * 5 * 6 * 7 * 8 * 9 * 10 Kisaran harga: dari Rp 0 sampai Rp 100.000.000.000 Fitur lainnya ACBalkonBathupDapurDryerFitnessKolam RenangKulkasLaundryMesin CuciMicrowaveShowerTamanTV CableWiFi Pencarian Lengkap Cari Jenis properti Apartment Kost Ruko / Kantor Rumah Tanah Jenis properti * Jenis properti * Apartment * Kost * Ruko / Kantor * Rumah * Tanah Kota Kota * Kota Area Area * Area Propinsi Propinsi * Propinsi Semua Status Dijual Disewakan Semua Status * Semua Status * Dijual * Disewakan Km.Tidur Berapa saja12345678910 Berapa saja * Berapa saja * 1 * 2 * 3 * 4 * 5 * 6 * 7 * 8 * 9 * 10 Km.Mandi Berapa saja12345678910 Berapa saja * Berapa saja * 1 * 2 * 3 * 4 * 5 * 6 * 7 * 8 * 9 * 10 Kisaran harga: dari Rp 0 sampai Rp 100.000.000.000 Fitur lainnya ACBalkonBathupDapurDryerFitnessKolam RenangKulkasLaundryMesin CuciMicrowaveShowerTamanTV CableWiFi Pencarian Lengkap Cari BANDINGKAN DAFTAR MAAF TIDAK ADA HASIL YANG DITEMUKAN PROPERTY UNGGULAN MAAF TIDAK ADA HASIL YANG DITEMUKAN AGEN No Name Company Agent Whatsapp STRULINE PROPERTY Whatsapp * Properti di Bekasi * Properti di Bogor * Properti di Depok * Properti di Jakarta Barat * Properti di Jakarta Pusat * Properti di Jakarta Selatan * Properti di Jakarta Timur * Properti di Jakarta Utara * Properti di Tangerang TENTANG KAMI TOP GRAHA adalah situs jual beli property di Indonesia yang senantiasa memberikan pelayanan professional serta penawaran harga terbaik. Baca lebih lanjut HUBUNGI KAMI * Jakarta Selatan * WA: 0813-8222-7045 * topgraha@yahoo.com Hubungi kami PROPERTY UNGGULAN KALKULATOR KPR Rp Rp % Bulanan Dua kali seminggu Mingguan Bulanan * Bulanan * Dua kali seminggu * Mingguan Hitung Jumlah yang Dibiayai: Ansuran per bulan: Angsuran per tahun: TOP GRAHA - All rights reserved - Developed by BuatWebProperty * Privacy * Terms and Conditions * Hubungi Kami Ikuti kami * Property * Apartment * Kost * Ruko / Kantor * Rumah * Tanah * Jual * Sewa * Agents * About * News * Contact Login / Daftar * Property * Apartment * Kost * Ruko / Kantor * Rumah * Tanah * Jual * Sewa * Agents * About * News * Contact * Login / Daftar * Buat Listing * Login