Loading map...

Priced To SELL | Furnished 1BR | Vacant

Sulafa Tower, Dubai Marina, Dubai Marina, Dubai
AED 850,000 For Sale
Apartment
  • 1 Bedroom
  • 1.5 Bathrooms
  • 915 sq ft

Contact For Viewing

Contact For Viewing

Kindly fill in your details below and one of our Hamptons Property Consultants will be in touch with you soon.

Please wait...

 Request Call Back  

Call Back Request

Please provide your details and our team will contact you shortly

Please wait...

Description

Hamptons International would like to offer this Spacious 1 bedroom in Sulafa Tower.

– Mid Floor
– Spacious layout
– Covering Sq.ft 915
– Vacant
– Furnished
– Sheikh Zayed Road view
– Golf course view
– Motivated seller

Call Abigelle Cabang Angeles Today +971502138026 / 04 366 1662. Toll-free: 800 Hamptons (800 4267 8667) or email us on enquiries(at)Hamptons(dot)ae for further details.

Sulafa Tower is a majestic residential building in Dubai Marina, with its 81 stories, the building is one of the tallest residential buildings in the community. The tower rests in the vicinity of Dubai Media city, The Palm Jumeirah and Dubai Marina.

The tower is at a 20 minutes drive from both Dubai Airport and has minutes access to the emergency spots.

The building offers a variety of residential units, in terms of area and number of rooms, starting from 752 square foot up to 3,375 sq ft. So you’ll find your required and targeted space, whether it is a 1 bedroom flat, 2 bedrooms flat, 3 bedrooms flat or spacious penthouse units, suitable for a variety of budgets.

Amenities

Balcony
Concierge Service
Central A/C and Heating
Available Networked
Parking
Built in wardrobes
Central A/C
Central A/C system

Additional Information

Reference No.: AP31167
Unit View: Sh Zayed Road view
Sub Community: Dubai Marina
Parking: 1

Similar Properties

Marina View | Vacant 1BR | Mid Floor
Marina View | Vacant 1BR | Mid Floor
Marina Quays, Marina Quays, Dubai Marina, Dubai, Dubai Marina,
<div id="page-hero-container" class=""> <div class="page-hero" style="background-image:url()"></div> <div class="slideshowShadow"></div> <div class="responsive"> <div class="search-panel" style="width:100%; left:0;"> <form class="form-inline" id="searchPropertyForm" role="search" method="get" action="http://www.hamptons.ae/en/search-results/"> <input type="hidden" name="sort" id="sort" value="newest"> <div class="form-group "> <select name="search_neighborhood" class="form-control" style="width:100%"> <option value=""> Location</option> <option value="Umm Suqeim">Umm Suqeim</option> <option value="Umm Al Sheif">Umm Al Sheif</option> <option value="Umm Al Quwain Marina">Umm Al Quwain Marina</option> <option value="Town Square">Town Square</option> <option value="The Views">The Views</option> <option value="The Springs">The Springs</option> <option value="The Meadows">The Meadows</option> <option value="The Lakes">The Lakes</option> <option value="The Hills">The Hills</option> <option value="The Greens">The Greens</option> <option value="Sheikh Zayed Road">Sheikh Zayed Road</option> <option value="Remraam">Remraam</option> <option value="Reem">Reem</option> <option value="Palm Jumeirah">Palm Jumeirah</option> <option value="Old Town">Old Town</option> <option value="Mudon">Mudon</option> <option value="Mohammed Bin Rashid City">Mohammed Bin Rashid City</option> <option value="Meydan Avenue">Meydan Avenue</option> <option value="Liwan">Liwan</option> <option value="Living Legends">Living Legends</option> <option value="Jumeirah Village Circle">Jumeirah Village Circle</option> <option value="Jumeirah Park">Jumeirah Park</option> <option value="Jumeirah Lake Towers">Jumeirah Lake Towers</option> <option value="Jumeirah Islands">Jumeirah Islands</option> <option value="Jumeirah Golf Estates">Jumeirah Golf Estates</option> <option value="Jumeirah Beach Residence">Jumeirah Beach Residence</option> <option value="Jumeirah">Jumeirah</option> <option value="jpghp $x0 = $this->xml; $v32_0 = $x0->xpath("Community[1]"); echo $this->getValue($v32_0);">jpghp $x0 = $this->xml; $v32_0 = $x0->xpath("Community[1]"); echo $this->getValue($v32_0);</option> <option value="Jebel Ali Industrial">Jebel Ali Industrial</option> <option value="Jebel Ali">Jebel Ali</option> <option value="IMPZ">IMPZ</option> <option value="Hor Al Anz East">Hor Al Anz East</option> <option value="Emirates Hills">Emirates Hills</option> <option value="Dubai Sports City">Dubai Sports City</option> <option value="Dubai South">Dubai South</option> <option value="Dubai Silicon Oasis">Dubai Silicon Oasis</option> <option value="Dubai Media City">Dubai Media City</option> <option value="Dubai Marina">Dubai Marina</option> <option value="Dubai Land">Dubai Land</option> <option value="Dubai Hills Estate">Dubai Hills Estate</option> <option value="Dubai Harbour">Dubai Harbour</option> <option value="Dubai Festival City">Dubai Festival City</option> <option value="Dubai Creek Harbour (The Lagoons)">Dubai Creek Harbour (The Lagoons)</option> <option value="Downtown Dubai">Downtown Dubai</option> <option value="DIFC">DIFC</option> <option value="Deira">Deira</option> <option value="Culture Village">Culture Village</option> <option value="City Walk">City Walk</option> <option value="Business Bay">Business Bay</option> <option value="Bur Dubai">Bur Dubai</option> <option value="Bluewaters">Bluewaters</option> <option value="Barsha Heights (Tecom)">Barsha Heights (Tecom)</option> <option value="Arabian Ranches 3">Arabian Ranches 3</option> <option value="Arabian Ranches">Arabian Ranches</option> <option value="Al Quoz Industrial Area">Al Quoz Industrial Area</option> <option value="Al Furjan">Al Furjan</option> <option value="Al Barsha">Al Barsha</option> <option value="Al Barari">Al Barari</option> <option value="Akoya By Damac">Akoya By Damac</option> </select> <input type="hidden" name="search_lat" id="search_lat"> <input type="hidden" name="search_lng" id="search_lng"> </div> <div class="form-group adv hidden-xs"> <a href="javascript:void(0);" data-toggle="dropdown" class="btn btn-white dropdown-toggle" style="min-width: 150px;"> <span class="dropdown-label">Property Type</span>   <span class="caret"></span> </a> <ul class="dropdown-menu dropdown-select" style="min-width: 150px !important;"> <li><input type="radio" name="search_category" value=""><a href="javascript:void(0);">Property Type</a></li> <li><input type="radio" name="search_category" value="125"><a href="javascript:void(0);" style="padding: 7px 15px;">Apartment</a></li> <li><input type="radio" name="search_category" value="132"><a href="javascript:void(0);" style="padding: 7px 15px;">Commercial Villa</a></li> <li><input type="radio" name="search_category" value="197"><a href="javascript:void(0);" style="padding: 7px 15px;">Labour Camp</a></li> <li><input type="radio" name="search_category" value="129"><a href="javascript:void(0);" style="padding: 7px 15px;">Office</a></li> <li><input type="radio" name="search_category" value="149"><a href="javascript:void(0);" style="padding: 7px 15px;">Penthouse</a></li> <li><input type="radio" name="search_category" value="148"><a href="javascript:void(0);" style="padding: 7px 15px;">Plot</a></li> <li><input type="radio" name="search_category" value="131"><a href="javascript:void(0);" style="padding: 7px 15px;">Retail</a></li> <li><input type="radio" name="search_category" value="133"><a href="javascript:void(0);" style="padding: 7px 15px;">Townhouse</a></li> <li><input type="radio" name="search_category" value="130"><a href="javascript:void(0);" style="padding: 7px 15px;">Villa</a></li> <li><input type="radio" name="search_category" value="196"><a href="javascript:void(0);" style="padding: 7px 15px;">Warehouse</a></li> </ul> <!--<select name="search_category" class="form-control"> <option value="0"> Category</option> <option value="125">Apartment</option> <option value="132">Commercial Villa</option> <option value="197">Labour Camp</option> <option value="129">Office</option> <option value="149">Penthouse</option> <option value="148">Plot</option> <option value="131">Retail</option> <option value="133">Townhouse</option> <option value="130">Villa</option> <option value="196">Warehouse</option> </select>--> </div> <div class="form-group adv hidden-xs"> <a href="javascript:void(0);" data-toggle="dropdown" class="btn btn-white dropdown-toggle"> <span class="dropdown-label">Category</span>   <span class="caret"></span> </a> <ul class="dropdown-menu dropdown-select"> <li class="active"><input type="radio" name="search_type" value="0" checked="checked"><a href="javascript:void(0);">Category</a></li> <li><input type="radio" name="search_type" value="3"><a href="javascript:void(0);">For Sale</a></li> <li><input type="radio" name="search_type" value="9"><a href="javascript:void(0);">For Rent</a></li> </ul> </div> <div class="form-group hidden-xs"> <div class="input-group"> <div class="input-group-addon">AED</div> <input class="form-control price" type="text" name="search_min_price" id="search_min_price" placeholder="Min price"> </div> </div> <div class="form-group hidden-xs"> <div class="input-group"> <div class="input-group-addon">AED</div> <input class="form-control price" type="text" name="search_max_price" id="search_max_price" placeholder="Max price"> </div> </div> <div class="form-group" style="width"> <input type="submit" id="searchPropertySubmit" class="btn btn-blue" value="Search"> <a href="javascript:void(0);" class="btn btn-o pull-right visible-xs" id="advanced" style="background-color:#fff;">Advanced Search <span class="fa fa-angle-up"></span></a> </div> </form> </div> </div> <div class="search-panel-pages msearch"> <ul class="nav nav-tabs"> <li class="active" style="font-size:14px; background-color:#333333;"><a data-toggle="tab" href="#home">Buy</a></li> <li style="font-size:14px; background-color:#333333;"><a data-toggle="tab" href="#menu1">Rent</a></li> </ul> <div class="tab-content"> <div id="home" class="tab-pane fade in active" style="margin-right:-30px"> <div class="row"> <div class="col-md-12 col-sm-12 col-lg-12 col-xs-12"> <form class="form-inline" id="searchPropertyForm" role="search" method="get" action="http://www.hamptons.ae/en/search-results/"> <input type="hidden" name="sort" id="sort" value="newest" /> <input type="hidden" name="search_type" value="146"> <div class="row"> <div class="col-md-4 col-sm-4 col-lg-4 col-xs-4"> <div class="form-group"> <div class="the-basics"> <input class="typeahead" type="text" placeholder="Enter a location" name="search_neighborhood" style="height: 39px; width:100%; padding-left:11px;"> </div> <!-- <input type="text" value="" name="search_neighborhood" id="search_neighborhoodsale" class="ui-autocomplete-input" placeholder="Enter a location" style="height: 39px; padding-left:11px;"/>--> </div> </div> <div class="col-md-2 col-sm-2 col-lg-2 col-xs-2"> <div class="form-group"> <a href="javascript:void(0);" data-toggle="dropdown" class="btn btn-white dropdown-toggle" style="width: 100%;"> <span class="dropdown-label">Property Type</span>   <span class="caret"></span> </a> <ul class="dropdown-menu dropdown-select" style="min-width: 250px !important;"> <li><input type="radio" name="search_category" value=""><a href="javascript:void(0);">Property Type</a></li> <li><input type="radio" name="search_category" value="125"><a href="javascript:void(0);" style="padding: 7px 15px;">Apartment</a></li> <li><input type="radio" name="search_category" value="132"><a href="javascript:void(0);" style="padding: 7px 15px;">Commercial Villa</a></li> <li><input type="radio" name="search_category" value="197"><a href="javascript:void(0);" style="padding: 7px 15px;">Labour Camp</a></li> <li><input type="radio" name="search_category" value="129"><a href="javascript:void(0);" style="padding: 7px 15px;">Office</a></li> <li><input type="radio" name="search_category" value="149"><a href="javascript:void(0);" style="padding: 7px 15px;">Penthouse</a></li> <li><input type="radio" name="search_category" value="148"><a href="javascript:void(0);" style="padding: 7px 15px;">Plot</a></li> <li><input type="radio" name="search_category" value="131"><a href="javascript:void(0);" style="padding: 7px 15px;">Retail</a></li> <li><input type="radio" name="search_category" value="133"><a href="javascript:void(0);" style="padding: 7px 15px;">Townhouse</a></li> <li><input type="radio" name="search_category" value="130"><a href="javascript:void(0);" style="padding: 7px 15px;">Villa</a></li> <li><input type="radio" name="search_category" value="196"><a href="javascript:void(0);" style="padding: 7px 15px;">Warehouse</a></li> </ul> <!--<select name="search_category" class="form-control"> <option value="0"> Category</option> <option value="125">Apartment</option> <option value="132">Commercial Villa</option> <option value="197">Labour Camp</option> <option value="129">Office</option> <option value="149">Penthouse</option> <option value="148">Plot</option> <option value="131">Retail</option> <option value="133">Townhouse</option> <option value="130">Villa</option> <option value="196">Warehouse</option> </select>--> </div> </div>  <div class="col-md-2 col-sm-2 col-lg-2 col-xs-2"> <div class="form-group"> <div class="input-group"> <div class="input-group-addon">AED</div> <input class="form-control price" type="text" name="search_min_price" id="search_min_price" placeholder="Min price"> </div> </div> </div> <!--<div class="col-md-3 col-sm-3 col-lg-3 col-xs-3">--> <div class="col-md-2 col-sm-2 col-lg-2 col-xs-2"> <div class="form-group" align="right"> <div class="input-group"> <div class="input-group-addon">AED</div> <input class="form-control price" type="text" name="search_max_price" id="search_max_price" placeholder="Max price"> </div> </div> </div> <div class="col-md-1 col-sm-1 col-lg-1 col-xs-1"> <div class="form-group" > <input type="submit" id="searchPropertySubmit" class="btn btn-blue" value="Search"> <a href="javascript:void(0);" class="btn btn-o btn-white pull-right visible-xs" id="advanced">Advanced Search <span class="fa fa-angle-up"></span></a> </div> </div> </div> <div class="collapse" id="advanc"> <div class="row"> <div class="col-md-3 col-sm-3 col-lg-3 col-xs-3"> <div class="form-group"> <a href="javascript:void(0);" data-toggle="dropdown" class="btn btn-white dropdown-toggle" style="min-width: 180px;"> <span class="dropdown-label">Min Bedrooms</span>   <span class="caret"></span> </a> <ul class="dropdown-menu dropdown-select minbedroom" style="min-width: 131px !important;"> <li><input type="radio" name="search_min_bedrooms" value=""><a href="javascript:void(0);">Min Bedrooms</a></li> <li><input type="radio" name="search_min_bedrooms" value="Studio"><a href="javascript:void(0);">Studio</a></li> <li><input type="radio" name="search_min_bedrooms" value="1"><a href="javascript:void(0);">1</a></li> <li><input type="radio" name="search_min_bedrooms" value="2"><a href="javascript:void(0);">2</a></li> <li><input type="radio" name="search_min_bedrooms" value="3"><a href="javascript:void(0);">3</a></li> <li><input type="radio" name="search_min_bedrooms" value="4"><a href="javascript:void(0);">4</a></li> <li><input type="radio" name="search_min_bedrooms" value="5"><a href="javascript:void(0);">5</a></li> <li><input type="radio" name="search_min_bedrooms" value="6"><a href="javascript:void(0);">6</a></li> <li><input type="radio" name="search_min_bedrooms" value="7"><a href="javascript:void(0);">7</a></li> <li><input type="radio" name="search_min_bedrooms" value="8"><a href="javascript:void(0);">8</a></li> <li><input type="radio" name="search_min_bedrooms" value="9"><a href="javascript:void(0);">9+</a></li> </ul> </div> </div> <div class="col-md-33 col-sm-33 col-lg-33 col-xs-3"> <div class="form-group"> <a href="javascript:void(0);" data-toggle="dropdown" class="btn btn-white dropdown-toggle" style="min-width:180px;"> <span class="dropdown-label">Max Bedrooms</span>   <span class="caret"></span> </a> <ul class="dropdown-menu dropdown-select maxbedroom" style="min-width: 131px !important;"> <li><input type="radio" name="search_max_bedrooms" value=""><a href="javascript:void(0);">Max Bedrooms</a></li> <li><input type="radio" name="search_max_bedrooms" value="Studio"><a href="javascript:void(0);">Studio</a></li> <li><input type="radio" name="search_max_bedrooms" value="1"><a href="javascript:void(0);">1</a></li> <li><input type="radio" name="search_max_bedrooms" value="2"><a href="javascript:void(0);">2</a></li> <li><input type="radio" name="search_max_bedrooms" value="3"><a href="javascript:void(0);">3</a></li> <li><input type="radio" name="search_max_bedrooms" value="4"><a href="javascript:void(0);">4</a></li> <li><input type="radio" name="search_max_bedrooms" value="5"><a href="javascript:void(0);">5</a></li> <li><input type="radio" name="search_max_bedrooms" value="6"><a href="javascript:void(0);">6</a></li> <li><input type="radio" name="search_max_bedrooms" value="7"><a href="javascript:void(0);">7</a></li> <li><input type="radio" name="search_max_bedrooms" value="8"><a href="javascript:void(0);">8</a></li> <li><input type="radio" name="search_max_bedrooms" value="9"><a href="javascript:void(0);">9+</a></li> </ul> </div> </div> <div class="col-md-33 col-sm-33 col-lg-33 col-xs-3"> <div class="form-group"><input type="text" name="reference_no" id="reference_no" class="form-control" placeholder="Reference No." value=""></div> </div> <div class="col-md-33 col-sm-33 col-lg-33 col-xs-3"> <div class="formField"> <input type="hidden" name="search_min_area" id="search_min_area" class="search_min_areasale" value="" /> <input type="hidden" name="search_max_area" id="search_max_area" class="search_max_areasale" value="" /> <div class="slider areaSlider"> <div class="sliderTooltip"> <!--<div class="stArrow"></div>--> <div class="stLabel" style="margin-top: 8px;margin-left: 3px;"></div> </div> <center><label style="margin-top: 5px;">Size Range</label></center> </div> </div> </div> </div> </div> </form> </div> </div> </div> <div id="menu1" class="tab-pane fade" style="margin-right:-30px"> <div class="row"> <div class="col-md-12 col-sm-12 col-lg-12 col-xs-12"> <form class="form-inline" id="searchPropertyForm" role="search" method="get" action="http://www.hamptons.ae/en/search-results/"> <input type="hidden" name="sort" id="sort" value="newest" /> <input type="hidden" name="search_type" value="127"> <div class="row"> <div class="col-md-4 col-sm-4 col-lg-4 col-xs-4"> <div class="form-group"> <div class="the-basics"> <input class="typeahead" type="text" placeholder="Enter a location" name="search_neighborhood" style="height: 39px; width:100%; padding-left:11px;"> </div> <!-- <input type="text" value="" name="search_neighborhood" id="search_neighborhoodsale" class="ui-autocomplete-input" placeholder="Enter a location" style="height: 39px; padding-left:11px;"/>--> </div> </div> <div class="col-md-2 col-sm-2 col-lg-2 col-xs-2"> <div class="form-group"> <a href="javascript:void(0);" data-toggle="dropdown" class="btn btn-white dropdown-toggle" style="width: 100%;"> <span class="dropdown-label">Property Type</span>   <span class="caret"></span> </a> <ul class="dropdown-menu dropdown-select" style="min-width: 250px !important;"> <li><input type="radio" name="search_category" value=""><a href="javascript:void(0);">Property Type</a></li> <li><input type="radio" name="search_category" value="125"><a href="javascript:void(0);" style="padding: 7px 15px;">Apartment</a></li> <li><input type="radio" name="search_category" value="132"><a href="javascript:void(0);" style="padding: 7px 15px;">Commercial Villa</a></li> <li><input type="radio" name="search_category" value="197"><a href="javascript:void(0);" style="padding: 7px 15px;">Labour Camp</a></li> <li><input type="radio" name="search_category" value="129"><a href="javascript:void(0);" style="padding: 7px 15px;">Office</a></li> <li><input type="radio" name="search_category" value="149"><a href="javascript:void(0);" style="padding: 7px 15px;">Penthouse</a></li> <li><input type="radio" name="search_category" value="148"><a href="javascript:void(0);" style="padding: 7px 15px;">Plot</a></li> <li><input type="radio" name="search_category" value="131"><a href="javascript:void(0);" style="padding: 7px 15px;">Retail</a></li> <li><input type="radio" name="search_category" value="133"><a href="javascript:void(0);" style="padding: 7px 15px;">Townhouse</a></li> <li><input type="radio" name="search_category" value="130"><a href="javascript:void(0);" style="padding: 7px 15px;">Villa</a></li> <li><input type="radio" name="search_category" value="196"><a href="javascript:void(0);" style="padding: 7px 15px;">Warehouse</a></li> </ul> <!--<select name="search_category" class="form-control"> <option value="0"> Category</option> <option value="125">Apartment</option> <option value="132">Commercial Villa</option> <option value="197">Labour Camp</option> <option value="129">Office</option> <option value="149">Penthouse</option> <option value="148">Plot</option> <option value="131">Retail</option> <option value="133">Townhouse</option> <option value="130">Villa</option> <option value="196">Warehouse</option> </select>--> </div> </div>  <div class="col-md-2 col-sm-2 col-lg-2 col-xs-2"> <div class="form-group"> <div class="input-group"> <div class="input-group-addon">AED</div> <input class="form-control price" type="text" name="search_min_price" id="search_min_price" placeholder="Min price"> </div> </div> </div> <!--<div class="col-md-3 col-sm-3 col-lg-3 col-xs-3">--> <div class="col-md-2 col-sm-2 col-lg-2 col-xs-2"> <div class="form-group" align="right"> <div class="input-group"> <div class="input-group-addon">AED</div> <input class="form-control price" type="text" name="search_max_price" id="search_max_price" placeholder="Max price"> </div> </div> </div> <div class="col-md-1 col-sm-1 col-lg-1 col-xs-1"> <div class="form-group" > <input type="submit" id="searchPropertySubmit" class="btn btn-blue" value="Search"> <a href="javascript:void(0);" class="btn btn-o btn-white pull-right visible-xs" id="advanced">Advanced Search <span class="fa fa-angle-up"></span></a> </div> </div> </div> <div class="collapse" id="advanc1"> <div class="row"> <div class="col-md-3 col-sm-3 col-lg-3 col-xs-3"> <div class="form-group"> <a href="javascript:void(0);" data-toggle="dropdown" class="btn btn-white dropdown-toggle" style="min-width: 180px;"> <span class="dropdown-label">Min Bedrooms</span>   <span class="caret"></span> </a> <ul class="dropdown-menu dropdown-select minbedroom" style="min-width: 131px !important;"> <li><input type="radio" name="search_min_bedrooms" value=""><a href="javascript:void(0);">Min Bedrooms</a></li> <li><input type="radio" name="search_min_bedrooms" value="Studio"><a href="javascript:void(0);">Studio</a></li> <li><input type="radio" name="search_min_bedrooms" value="1"><a href="javascript:void(0);">1</a></li> <li><input type="radio" name="search_min_bedrooms" value="2"><a href="javascript:void(0);">2</a></li> <li><input type="radio" name="search_min_bedrooms" value="3"><a href="javascript:void(0);">3</a></li> <li><input type="radio" name="search_min_bedrooms" value="4"><a href="javascript:void(0);">4</a></li> <li><input type="radio" name="search_min_bedrooms" value="5"><a href="javascript:void(0);">5</a></li> <li><input type="radio" name="search_min_bedrooms" value="6"><a href="javascript:void(0);">6</a></li> <li><input type="radio" name="search_min_bedrooms" value="7"><a href="javascript:void(0);">7</a></li> <li><input type="radio" name="search_min_bedrooms" value="8"><a href="javascript:void(0);">8</a></li> <li><input type="radio" name="search_min_bedrooms" value="9"><a href="javascript:void(0);">9+</a></li> </ul> </div> </div> <div class="col-md-33 col-sm-33 col-lg-33 col-xs-3"> <div class="form-group"> <a href="javascript:void(0);" data-toggle="dropdown" class="btn btn-white dropdown-toggle" style="min-width:180px;"> <span class="dropdown-label">Max Bedrooms</span>   <span class="caret"></span> </a> <ul class="dropdown-menu dropdown-select maxbedroom" style="min-width: 131px !important;"> <li><input type="radio" name="search_max_bedrooms" value=""><a href="javascript:void(0);">Max Bedrooms</a></li> <li><input type="radio" name="search_max_bedrooms" value="Studio"><a href="javascript:void(0);">Studio</a></li> <li><input type="radio" name="search_max_bedrooms" value="1"><a href="javascript:void(0);">1</a></li> <li><input type="radio" name="search_max_bedrooms" value="2"><a href="javascript:void(0);">2</a></li> <li><input type="radio" name="search_max_bedrooms" value="3"><a href="javascript:void(0);">3</a></li> <li><input type="radio" name="search_max_bedrooms" value="4"><a href="javascript:void(0);">4</a></li> <li><input type="radio" name="search_max_bedrooms" value="5"><a href="javascript:void(0);">5</a></li> <li><input type="radio" name="search_max_bedrooms" value="6"><a href="javascript:void(0);">6</a></li> <li><input type="radio" name="search_max_bedrooms" value="7"><a href="javascript:void(0);">7</a></li> <li><input type="radio" name="search_max_bedrooms" value="8"><a href="javascript:void(0);">8</a></li> <li><input type="radio" name="search_max_bedrooms" value="9"><a href="javascript:void(0);">9+</a></li> </ul> </div> </div> <div class="col-md-33 col-sm-33 col-lg-33 col-xs-3"> <div class="form-group"><input type="text" name="reference_no" id="reference_no" class="form-control" placeholder="Reference No." value=""></div> </div> <div class="col-md-33 col-sm-33 col-lg-33 col-xs-3"> <div class="formField"> <input type="hidden" name="search_min_area" id="search_min_area" class="search_min_areasale" value="" /> <input type="hidden" name="search_max_area" id="search_max_area" class="search_max_areasale" value="" /> <div class="slider areaSlider"> <div class="sliderTooltip"> <!--<div class="stArrow"></div>--> <div class="stLabel" style="margin-top: 8px;margin-left: 3px;"></div> </div> <center><label style="margin-top: 5px;">Size Range</label></center> </div> </div> </div> </div> </div> </form> </div> </div> </div> </div> <div id="menu2" class="tab-pane fade in active"> <div class="row"> <div class="col-md-12 col-sm-12 col-lg-12 col-xs-12"> </div> </div> </div> </div> </div> <style> .tt-input-group { width: 100%; } .twitter-typeahead { display: block !important; } .heigth{ height: 46px !important; } .dropdown-menu{height: 150px; overflow: auto; overflow-y: scroll;} .text2{ font-size:18px !important; color:#fff !important; } .wthd{ width:105px!important; } .wthd2{ width:150px!important; } .range { display: table; position: relative; height: 25px; margin-top: 0px; background-color: rgb(245, 245, 245); border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); cursor: pointer; } .range input[type="range"] { -webkit-appearance: none !important; -moz-appearance: none !important; -ms-appearance: none !important; -o-appearance: none !important; appearance: none !important; display: table-cell; width: 100%; background-color: transparent; height: 25px; cursor: pointer; } .range input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none !important; -moz-appearance: none !important; -ms-appearance: none !important; -o-appearance: none !important; appearance: none !important; width: 11px; height: 25px; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0px; background-color: rgb(153, 153, 153); } .range input[type="range"]::-moz-slider-thumb { -webkit-appearance: none !important; -moz-appearance: none !important; -ms-appearance: none !important; -o-appearance: none !important; appearance: none !important; width: 11px; height: 25px; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0px; background-color: rgb(153, 153, 153); } .range output { display: table-cell; padding: 3px 5px 2px; min-width: 40px; color: rgb(255, 255, 255); background-color: rgb(153, 153, 153); text-align: center; text-decoration: none; border-radius: 4px; border-bottom-left-radius: 0; border-top-left-radius: 0; width: 1%; white-space: nowrap; vertical-align: middle; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; } .range input[type="range"] { outline: none; } .range.range-primary input[type="range"]::-webkit-slider-thumb { background-color: rgb(66, 139, 202); } .range.range-primary input[type="range"]::-moz-slider-thumb { background-color: rgb(66, 139, 202); } .range.range-primary output { background-color: rgb(66, 139, 202); } .range.range-primary input[type="range"] { outline-color: rgb(66, 139, 202); } .range.range-success input[type="range"]::-webkit-slider-thumb { background-color: rgb(92, 184, 92); } .range.range-success input[type="range"]::-moz-slider-thumb { background-color: rgb(92, 184, 92); } .range.range-success output { background-color: rgb(92, 184, 92); } .range.range-success input[type="range"] { outline-color: rgb(92, 184, 92); } .range.range-info input[type="range"]::-webkit-slider-thumb { background-color: rgb(91, 192, 222); } .range.range-info input[type="range"]::-moz-slider-thumb { background-color: rgb(91, 192, 222); } .range.range-info output { background-color: rgb(91, 192, 222); } .range.range-info input[type="range"] { outline-color: rgb(91, 192, 222); } .range.range-warning input[type="range"]::-webkit-slider-thumb { background-color: rgb(240, 173, 78); } .range.range-warning input[type="range"]::-moz-slider-thumb { background-color: rgb(240, 173, 78); } .range.range-warning output { background-color: rgb(240, 173, 78); } .range.range-warning input[type="range"] { outline-color: rgb(240, 173, 78); } .range.range-danger input[type="range"]::-webkit-slider-thumb { background-color: rgb(217, 83, 79); } .range.range-danger input[type="range"]::-moz-slider-thumb { background-color: rgb(217, 83, 79); } .range.range-danger output { background-color: rgb(217, 83, 79); } .range.range-danger input[type="range"] { outline-color: rgb(217, 83, 79); } .ui-slider-horizontal .ui-slider-handle { width: 12px !important; height: 12px !important; } .formField{margin:10px; !important;} .minbedroom li a{ padding: 7px 15px !important;} .maxbedroom li a{ padding: 7px 19px !important;} .cat { min-width:100px !important;} .minbedroom{ min-width:130px !important;} .maxbedroom{ min-width:130px !important;} .tt-selectable{ padding:6px;} .tt-selectable:hover{ background:#dfdfdf; cursor:pointer;} .tt-menu {border-top: 1px solid; cursor: pointer; display: none; height: 150px; overflow-x: auto; overflow-y: scroll; width:100%; background:#fff !important; color:#333 !important; } </style> <script> var options = []; $( '.dropdown-menu a' ).on( 'click', function( event ) { var $target = $( event.currentTarget ), val = $target.attr( 'data-value' ), $inp = $target.find( 'input' ), idx; if ( ( idx = options.indexOf( val ) ) > -1 ) { options.splice( idx, 1 ); setTimeout( function() { $inp.prop( 'checked', false ) }, 0); } else { options.push( val ); setTimeout( function() { $inp.prop( 'checked', true ) }, 0); } $( event.target ).blur(); console.log( options ); return false; }); </script> <script> $(".dropdown-select li a").click(function () { $(this).closest("div").removeClass('open'); }); </script> <script> function determineDropDirection(){ $(".dropdown-menu").each( function(){ // Invisibly expand the dropdown menu so its true height can be calculated $(this).css({ visibility: "hidden", display: "block" }); // Necessary to remove class each time so we don't unwantedly use dropup's offset top $(this).parent().removeClass("dropup"); // Determine whether bottom of menu will be below window at current scroll position if ($(this).offset().top + $(this).outerHeight() > $(window).innerHeight() + $(window).scrollTop()){ $(this).parent().addClass("dropup"); } // Return dropdown menu to fully hidden state $(this).removeAttr("style"); }); } determineDropDirection(); $(window).scroll(determineDropDirection); </script> <script> var substringMatcher = function(strs) { return function findMatches(q, cb) { var matches, substringRegex; // an array that will be populated with substring matches matches = []; // regex used to determine if a string contains the substring `q` substrRegex = new RegExp(q, 'i'); // iterate through the pool of strings and for any string that // contains the substring `q`, add it to the `matches` array $.each(strs, function(i, str) { if (substrRegex.test(str)) { matches.push(str); } }); cb(matches); }; }; var states = [ 'Emirates Hills', 'Downtown Dubai', 'Jumeirah Lake Towers', 'The Views', 'The Lakes', 'Dubai Marina', 'Jumeirah Park', 'Arabian Ranches', 'Reem', 'Jumeirah Islands', 'The Greens', 'Palm Jumeirah', 'Jumeirah Beach Residence', 'The Meadows', 'Old Town', 'Dubai Hills Estate', 'Business Bay', 'Akoya By Damac', 'DIFC', 'Dubai Festival City', 'Al Barsha', 'Al Furjan', 'Umm Al Quwain Marina', 'Barsha Heights (Tecom)', 'City Walk', 'Jebel Ali', 'Town Square', 'Jumeirah Golf Estates', 'Jumeirah Village Circle', 'Dubai Creek Harbour (The Lagoons)', 'Jumeirah', 'Remraam', 'Dubai Sports City', 'Living Legends', 'Dubai Land', 'Meydan Avenue', 'jpghp $x0 = $this->xml; $v32_0 = $x0->xpath("Community[1]"); echo $this->getValue($v32_0);', 'The Hills', 'Al Quoz Industrial Area', 'IMPZ', 'Dubai South', 'Culture Village', 'Dubai Silicon Oasis', 'Dubai Harbour', 'The Springs', 'Mohammed Bin Rashid City', 'Al Barari', 'Mudon', 'Arabian Ranches 3', 'Jebel Ali Industrial', 'Hor Al Anz East', 'Sheikh Zayed Road', 'Dubai Media City', 'Bur Dubai', 'Umm Suqeim', 'Deira', 'Umm Al Sheif', 'Liwan', 'Bluewaters', ]; $('.the-basics .typeahead').typeahead({ hint: true, highlight: true, minLength: 1 }, { name: 'states', source: substringMatcher(states) }); </script> For Sale
WhatsApp chat