<?php
/* Template Name: Quick Search*/
get_header(); ?>
<!-- Modal -->
<div id="location-change" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Some text in the modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<section class="search-section">
<div class="container">
<form class="searching-bar" action="/action_page.php">
<div class="location">
<span><img src="<?php echo get_stylesheet_directory_uri(); ?>/images/maps-and-flags.svg" alt=""/></span>
<input type="text" class="form-control" placeholder="Enter City, State or Zip">
</div>
<div class="select-custom bedroom">
<select class="form-control">
<option>Bedroom</option>
</select>
<span><img src="<?php echo get_stylesheet_directory_uri(); ?>/images/sort-arrows-couple-pointing-up-and-down.svg" alt=""/></span>
</div>
<div class="select-custom bathroom">
<select class="form-control">
<option>Bathrooms</option>
</select>
<span><img src="<?php echo get_stylesheet_directory_uri(); ?>/images/sort-arrows-couple-pointing-up-and-down.svg" alt=""/></span>
</div>
<div class="select-custom price-range">
<select class="form-control">
<option>Price Range (100-5000)</option>
</select>
<span><img src="<?php echo get_stylesheet_directory_uri(); ?>/images/sort-arrows-couple-pointing-up-and-down.svg" alt=""/></span>
</div>
<div class="select-custom property-type">
<select class="form-control border-right-redius">
<option>Property Type</option>
</select>
<span><img src="<?php echo get_stylesheet_directory_uri(); ?>/images/sort-arrows-couple-pointing-up-and-down.svg" alt=""/></span>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
</section>
<section class="search-result-body">
<div class="clearfix">
<div class="search-map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2903308.022761429!2d-120.57553235847915!3d44.82169455350057!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x54936e7c9b9f6a55%3A0x7d4c65db7a0bb876!2sOregon%2C+USA!5e0!3m2!1sen!2sin!4v1542718960399" width="480" height="850" frameborder="0" style="border:0" allowfullscreen ></iframe>
<a href="JavaScript:Void(0);" class="btn-collapse-map" id="left-arrow"><img src="images/left-arrow.svg" alt=""/></a>
</div>
<div class="listing-info custom-collape">
<div class="list-showing">
<h3>159 Listings Showing of 1319
<a href="" class="pull-right list-dots"><img src="images/list-with-dots.svg" alt=""></a>
<a href="" class="pull-right menu-dots"><img src="images/menu.svg" alt=""></a></h3>
</div>
<div class="wrapper-border">
<div class="list-wrap clearfix">
<div class="box-wrapper">
<div class="proparty-item">
<a href="property-details.html">
<div class="spacious">
<div class="info">i
<span class="hover-text">Single family room</span>
</div>
</div>
<div class="box-wrapper-info">
<h5>Spacious and Newly Re...</h5>
<p>525 W 28th St, New York, NY 10001</p>
<h4>$ 210,000</h4>
</div>
<div class="box clearfix">
<div class="one">
<span><b>2</b></span>
<p>Bedrooms</p>
<span class="select-property"><img src="<?php echo get_stylesheet_directory_uri(); ?>/images/pointer.svg" /></span>
</div>
<div class="two">
<span><b>1</b></span>
<p>Bathrooms</p>
</div>
</div>
</a>
</div>
</div>
<div class="box-wrapper">
<div class="proparty-item">
<a href="property-details.html">
<div class="country">
<div class="info">i
<span class="hover-text">Single family room</span>
</div>
</div>
<div class="box-wrapper-info">
<h5>Spacious and Newly Re...</h5>
<p>525 W 28th St, New York, NY 10001</p>
<h4>$ 210,000</h4>
</div>
<div class="box clearfix">
<div class="one">
<span><b>2</b></span>
<p>Bedrooms</p>
<span class="select-property"><img src="<?php echo get_stylesheet_directory_uri(); ?>/images/pointer.svg" /></span>
</div>
<div class="two">
<span><b>1</b></span>
<p>Bathrooms</p>
</div>
</div>
</a>
</div>
</div>
<div class="box-wrapper">
<div class="proparty-item">
<a href="property-details.html">
<div class="coun-setting">
<div class="info">i
<span class="hover-text">Single family room</span>
</div>
</div>
<div class="box-wrapper-info">
<h5>Spacious and Newly Re...</h5>
<p>525 W 28th St, New York, NY 10001</p>
<h4>$ 210,000</h4>
</div>
<div class="box clearfix">
<div class="one">
<span><b>2</b></span>
<p>Bedrooms</p>
<span class="select-property"><img src="<?php echo get_stylesheet_directory_uri(); ?>/images/pointer.svg" /></span>
</div>
<div class="two">
<span><b>1</b></span>
<p>Bathrooms</p>
</div>
</div>
</a>
</div>
</div>
<div class="box-wrapper">
<div class="proparty-item">
<a href="property-details.html">
<div class="coun-setting">
<div class="info">i
<span class="hover-text">Single family room</span>
</div>
</div>
<div class="box-wrapper-info">
<h5>Spacious and Newly Re...</h5>
<p>525 W 28th St, New York, NY 10001</p>
<h4>$ 210,000</h4>
</div>
<div class="box clearfix">
<div class="one">
<span><b>2</b></span>
<p>Bedrooms</p>
<span class="select-property"><img src="<?php echo get_stylesheet_directory_uri(); ?>/images/pointer.svg" /></span>
</div>
<div class="two">
<span><b>1</b></span>
<p>Bathrooms</p>
</div>
</div>
</a>
</div>
</div>
<div class="box-wrapper">
<div class="proparty-item">
<a href="property-details.html">
<div class="coun-setting">
<div class="info">i
<span class="hover-text">Single family room</span>
</div>
</div>
<div class="box-wrapper-info">
<h5>Spacious and Newly Re...</h5>
<p>525 W 28th St, New York, NY 10001</p>
<h4>$ 210,000</h4>
</div>
<div class="box clearfix">
<div class="one">
<span><b>2</b></span>
<p>Bedrooms</p>
<span class="select-property"><img src="<?php echo get_stylesheet_directory_uri(); ?>/images/pointer.svg" /></span>
</div>
<div class="two">
<span><b>1</b></span>
<p>Bathrooms</p>
</div>
</div>
</a>
</div>
</div>
<div class="box-wrapper">
<div class="proparty-item">
<a href="property-details.html">
<div class="coun-setting">
<div class="info">i
<span class="hover-text">Single family room</span>
</div>
</div>
<div class="box-wrapper-info">
<h5>Spacious and Newly Re...</h5>
<p>525 W 28th St, New York, NY 10001</p>
<h4>$ 210,000</h4>
</div>
<div class="box clearfix">
<div class="one">
<span><b>2</b></span>
<p>Bedrooms</p>
<span class="select-property"><img src="<?php echo get_stylesheet_directory_uri(); ?>/images/pointer.svg" /></span>
</div>
<div class="two">
<span><b>1</b></span>
<p>Bathrooms</p>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="listing-footer text-center">
<nav aria-label="Page navigation">
<ul class="pagination">
<li>
<a href="#" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li>
<a href="#" aria-label="Next">
<span aria-hidden="true">»</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</section>
<?php
get_footer();