CINXE.COM

Best Hotels In Doha | Cheap Hotels In Doha - 100Destinations

<!DOCTYPE html> <!--[if IE 8]><html class="ie ie8"> <![endif]--> <!--[if IE 9]><html class="ie ie9"> <![endif]--> <html lang="en"> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="content-language" content="en-us"> <title>Best Hotels In Doha | Cheap Hotels In Doha - 100Destinations</title> <meta name="description" content="Get the Best Hotels In Doha at a very discounted price. Cheap Hotels In Doha available at very low prices, recommended by our experts on the basis of ratings." /> <meta name="keywords" content="best hotels in doha, cheap hotels in doha " /> <meta name="robots" content="index,follow" /> <link rel="canonical" href="https://www.100destinations.com/QA/doha/hotels" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Best Hotels In Doha | Cheap Hotels In Doha - 100Destinations" /> <meta property="og:description" content="Get the Best Hotels In Doha at a very discounted price. Cheap Hotels In Doha available at very low prices, recommended by our experts on the basis of ratings." /> <meta property="og:locale" content="en_GB" /> <meta property="og:url" content="https://www.100destinations.com/QA/doha/hotels" /> <meta property="og:site_name" content="100destinations.com" /> <link rel="apple-touch-icon" sizes="57x57" href="/images/favicons/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/images/favicons/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/images/favicons/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/images/favicons/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/images/favicons/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/favicons/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/favicons/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/favicons/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/images/favicons/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/images/favicons/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/images/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/images/favicons/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="/images/favicons/favicon-16x16.png"> <link rel="manifest" href="/images/favicons/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/images/favicons/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"> <!-- CSS --> <link href="//fonts.googleapis.com/css?family=Gochi+Hand|Lato:300,400|Montserrat:400,400i,700,700i" rel="stylesheet"> <link href="//fonts.googleapis.com/css?family=Poppins" rel="stylesheet"> <link href="/css/base.css" rel="stylesheet" type="text/css"> <link href="/css/my-custom-css-file.css" rel="stylesheet" type="text/css"> <link href="/css/custom-styles.css" rel="stylesheet" type="text/css"> <link href="/css/inner-pages.css" rel="stylesheet" type="text/css"> <link href="/css/font-awesome.min.css" rel="stylesheet" type="text/css"> <link href="/autocomplete/css.css" rel="stylesheet" type="text/css" > <link href="/css/jquery-ui.min.css" rel="stylesheet" type="text/css"> <link href="/css/loader.css" rel="stylesheet"> <link href="/css/Updated.css" rel="stylesheet"> <style>body{overflow-x: hidden;}</style><link href="/css/skins/square/grey.css" rel="stylesheet"> <link href="/css/ajax-page-css.css" rel="stylesheet"> <link href="/rent_a_car_global_files/my-custom-css-car-section.css" rel="stylesheet" /> <link rel="stylesheet" href="/css/fancy-radio-buttions.css" type="text/css" /> <meta name="google-site-verification" content="VAipKCuit2CC7OdC67HnLY3penitTy3s-_0p7uyGh6U" /> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-147628829-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-147628829-1'); </script> <script data-ad-client="ca-pub-0780533009655483" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- Facebook Pixel Code --> <!-- End Facebook Pixel Code --><style type="text/css"> @-webkit-keyframes placeHolderShimmer { 0% { background-position: -468px 0; } 100% { background-position: 468px 0; } } @keyframes placeHolderShimmer { 0% { background-position: -468px 0; } 100% { background-position: 468px 0; } } .content-placeholder { display: inline-block; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: placeHolderShimmer; animation-name: placeHolderShimmer; -webkit-animation-timing-function: linear; animation-timing-function: linear; background: #f6f7f8; background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee)); background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%); background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%); -webkit-background-size: 800px 104px; background-size: 800px 104px; height: inherit; position: relative; } .content-placeholder.norecordFind{animation-iteration-count: 1 !important;} .content-placeholder.leftbarside1{width:100%; height: 20px;} .content-placeholder.leftbarside2{width:100%; height: 80px;} .post_data{ background:#fff; padding:7px; margin:7px 0px;} .main-details.market-page .inner-detail{ height: 300px;} #loadData_message{ background: #fff; } .loadMoreButton{ text-align: center; } .loadMoreRecords{padding: 5px 10px;text-align: center;font-size: 16px;color: #ffffff;display: inline-block; background: #5c0931;margin: 0px 0 20px 0;cursor: pointer;border-radius: 2px;} .img_list a img { width: 100%; transition: all 0.6s ease;} .img_list a:hover img {-webkit-transform:scale(1.2); transform: scale(1.2); transition: all 0.6s ease;} .clndmainpages #main_form.hotellist-api-calender{position: relative;} .t-detailspage .parallax-content-2 {padding: 270px 0 20px 0;} .homepage #search_hotels_destination {padding-left: 46px;} .hotellist-apiload-page .reservation-sidebar{position: relative; z-index: 9999;} .hotellist-apiload-page .list-sortby-car{position: relative; z-index: 9999;} .marketpage-banner-h2{color: #fff;margin: 2px 0 5px 0;font-size: 22px;text-transform: uppercase;} .hotels-search-list .tour_list_desc{border-right: 0px solid #ededed;} .hotels-search-list .price_list{background: #5c0931;margin-left: 0px;color: #fff;} .hotels-search-list ul.add_info{margin: 5px 0 0 0;} .hotels-search-list ul.add_info li{margin-bottom: 3px; width: 30px; height:30px;} .hotels-search-list ul.add_info li i{margin-bottom: 3px; font-size: 20px;} .hotels-search-list .offer-bg-color{background: #e12d2d; border-radius: 3px; padding: 2px 5px; width: 100%;display: flex; align-items: center;} .hotels-search-list .offer-bg-color i{color: #fff; transform: scale(-1,1);font-size:30px; padding: 0 0 0 2px;} .hotels-search-list .offer-bg-color b{font-weight: normal;line-height: 16px;padding: 7px 6px;} .main-loyalty-box{background-color:#05940b;position:relative;width:100%;display:flex;justify-content:space-between;align-items:center;border-top:3px solid #e12d2d;padding: 8px 0;} .main-loyalty-box .circle{position:absolute;width:50px;height:50px;background-color:#ffa903;border-radius:50%;left:10px;top:5px;display: flex;justify-content: center;align-items: center;z-index: 99; border: 1px solid #989494;} .main-loyalty-box .circle img{width: 30px;} .main-loyalty-box .middle-text h3{ margin:0px; padding:0px; color:#fff;font-size: 20px;letter-spacing:2px; margin-right:10px;} .main-loyalty-box .middle-text span{color: #fff;font-weight: bold;} .main-loyalty-box .middle-text{display:flex; align-items:center; margin-left:140px;} .main-loyalty-box .book-now a{color:#fff; letter-spacing:1px; text-transformation:none;text-decoration: none; display:flex; align-items:center;} .main-loyalty-box .book-now{margin-right:40px;} .main-loyalty-box .book-now a span{width:20px; height:20px; border:1px solid #eee;display:inline-block; margin-left:5px; border-radius:50%;display: flex;justify-content: center;align-items: center;} .hotels-search-list .price_list {background: #f5f1f1;color: #5c0931;border-left: 1px solid #e6e5e5;} .hotels-search-list .price_list small{color: #333;} .hotels-search-list span.night-price-rate:after{ content: ''; position: absolute; width: 100%;height: 1px;border: 1px solid #f00;top: 9px;left: 0px;transform: rotate(-10deg);} .promoOffers_prc .night-price-rate{position: relative;margin: 0 0 7px 0px;display: inline-block;color: #8e8e8e;font-size: 28px;text-decoration: none;} .hotels-search-list .price_list small{margin-top: 5px;} .list-giftsmall2{font-size: 13.5px;width: 160px;align-items: center; left:17px;position: relative;top: 50px;padding: 4px 3px;border-radius: 15px 0 0 16px;} .list-giftsmall2.color1{background: #533141;color: #fff;} .list-giftsmall2.color2{background: #d1cfcf;color: #000;} .list-giftsmall2.color3{background: #05940b;color: #fff;} .list-giftsmall2 .giftsmall-txt{left:-10px;position: relative;} .giftouter-style{border: 1px solid #84084a;padding: 1px 1px;position: relative;} .giftouter-style .list-giftbox{ top: -18px;width: 190px;border-radius: 0 20px 20px 0;left: 30px; background: #83566e;font-size: 12px;display: flex !important;align-items: center; position: relative;color: #fff;font-weight: normal;} .list-giftbox img{float: left;padding: 5px 5px;background: #84084a;border-radius: 50%; position: relative;left: -15px;} .list-giftbox .box-txt{left: -10px; position: relative;} .giftouter-subtxt{position: absolute;top: 7px;text-align: center;left: 28%;font-size: 16px; color: #550630;} .giftouter-subtxt.listtxt{font-size: 14px;left: 32%;} .giftouter-style .outerbox-col-border{border-top: 1px solid #e8e8e8;} .rigt-tagcross{width: 13px;height: 13px;margin-left: -28px;background-color: #533141; clip-path: polygon(100% 0, 0 0, 100% 100%);position: absolute;bottom: -13px; transform: scale(-1, 1);right: 0px;} .city-list-des{padding:20px 0 0 0;} .city-list-des h1{font-size:30px; margin: 0 0 5px 0;} .city-list-des h2{font-size:26px; margin: 0 0 5px 0;} .city-list-des h3{font-size:22px; margin: 0 0 5px 0;} .city-list-des a{color: #e12d2d;} .search-match-hotel{background: rgba(180, 248, 198, 0.24);box-shadow: 0px 0px 3px 3px rgba(12, 135, 50, 0.35); margin-top: 20px;} /* ================ price range css ======= */ .listRangPrc #pricerange-slider{margin: 30px 15px 40px 15px;height: 12px;} .listRangPrc #pricerange-slider .value { position: absolute; top: 30px; left: 50%; margin: 0 0 0 -20px; width: 40px; text-align: center; display: block; font-weight: normal; font-size: 14px; color: #333; } .listRangPrc #pricerange-slider .price-range-both.value {width: 100px;margin: 0 0 0 -50px;top: 26px;} .listRangPrc #pricerange-slider .price-range-both { display: none !important; } .listRangPrc #pricerange-slider .value i {font-style: normal;} .listRangPrc #pricerange-slider.ui-widget-content{ border:1px solid #ccc !important; min-width: 90%;} .listRangPrc #pricerange-slider .ui-state-hover, .listRangPrc #pricerange-slider.ui-widget-content .ui-state-hover, .listRangPrc #pricerange-slider .ui-widget-header .ui-state-hover, .listRangPrc #pricerange-slider .ui-state-focus, .listRangPrc #pricerange-slider.ui-widget-content .ui-state-focus, .listRangPrc #pricerange-slider .ui-widget-header .ui-state-focus{background: #ffa903 !important;} .listRangPrc #pricerange-slider .ui-state-default, .listRangPrc #pricerange-slider .ui-widget-content .ui-state-default, .listRangPrc #pricerange-slider .ui-widget-header .ui-state-default{ background: #ffa903 !important; border-radius: 50% !important; font-size:21px; border: none !important; box-shadow: 0 0 7px #306473; } .listRangPrc #pricerange-slider div.ui-slider-range.ui-widget-header {background: #5c0931;} .listRangPrc #pricerange-slider span.ui-slider-handle.ui-corner-all.ui-state-default:focus { outline: none;} /*================ price range css end ====== */ @media (min-width:320px) and (max-width:641px){ .hotellist-apiload-page .parallax-window{ height: 600px !important;} .hotellist-apiload-page .clndmainpages .button_inc{ width:40px !important;} .hotellist-apiload-page .clndmainpages #main_form{top: -40px !important;} .hotellist-api-calender .child-ages-box{position: relative;} .hotels-search-list .price_list{ font-size: 26px; padding-top: 20px;} .list-giftsmall2{left: 8%;top: 9px;} .list-giftsmall2 .giftsmall-txt{font-size: 14px;} .main-loyalty-box .middle-text{margin-left:65px;} .main-loyalty-box .middle-text h3{ padding: 7px 0;font-size: 10px;letter-spacing: 1px;margin-right: 0;} .hotels-search-list .price_list small{color: #fff;} .strip_all_tour_list .img_list{ min-height: 170px;} .main-loyalty-box .book-now{display: none;} .giftouter-subtxt{top: 18px;left: 3px;font-size: 12px;} .list-giftsmall2 img{background: #ffa903;} .list-giftsmall2.color2, .list-giftsmall2.color3 {background: #e12d2d;color: #fff;} .marketpagebanner .parallax-content-1{ height: 170px !important;} .list-marketpage .navlinks#position{ padding: 10px 0 0 0; } .list-marketpage .article_details_cat{ font-size: 12px; } .list-marketpage .list-sortby-car strong{font-size: 15px;} .list-marketpage .list-sortby-car .rgt-side a{font-size: 12px;} .list-marketpage .list-giftsmall2{ display: none; } .list-marketpage .giftouter-subtxt.listtxt {font-size: 10.5px;left: 1%;} .list-marketpage .score{top: -16px;position: relative;} .listRangPrc #pricerange-slider {margin: 30px 8px 40px 5px;} .listRangPrc #pricerange-slider .value{left: 25%;} .marketpage-banner-h2{margin: 5px 0 5px 0;font-size:18px;} } @media (min-width:768px) and (max-width:980px) { .hotellist-api-calender .child-ages-box{ width: 100%;} .hotellist-apiload-page .clndmainpages.homepage #main_form{ left: 0px;} .hotels-search-list .price_list{ height:auto; padding-top: 20px;} .hotels-search-list .price_list .hl_price{ float: left;width: 50%;} .hotels-search-list .price_list {background: #5c0931;color: #fff;} .hotels-search-list .price_list small{color: #fff;} .list-giftsmall2{width: 45%;left: 56%;top: -4px; font-size: 12px;} .main-loyalty-box .middle-text{margin-left:70px;} .main-loyalty-box .middle-text h3{font-size: 13px;letter-spacing: 2px;padding: 3px 0;} .main-loyalty-box .book-now{display: none;} .hotels-search-list .offer-bg-color i{display: none;} .giftouter-subtxt{top: 17px;left: 3%;font-size: 13px;} .list-giftsmall2 img{background: #f99705;} .list-marketpage .list-giftsmall2{ display: none; } .list-marketpage .hideMobileIpadFilter {display: none;} } @media (min-width:1020px) and (max-width:1152px) { .list-giftsmall2{width: 112%;left: -10%;top: 70px;} .main-loyalty-box .middle-text h3{font-size: 14px;} .giftouter-subtxt{left: 34%; font-size: 14px;} .hl_price_list.price_list{height: 240px;} .list-marketpage .car-awe-book-btn{min-width: 100px; margin: 30px 5px 0 5px;} .list-marketpage .list-giftsmall2{left: 0%;top: 25px;} .list-marketpage .giftouter-subtxt{font-size: 13px;left: 12%; top:18px;} } </style> </head> <body> <!--[if lte IE 8]> <![endif]--> <div class="layer"></div> <!-- Mobile menu overlay mask --> <!-- Header================================================== --> <header><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> .cms-page-banner-bg {background-size: cover !important;} .loaderwrapper{position: absolute;z-index: 200000;top: 0px;left: 0px;right: 0px;bottom: 0px;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.8);display:none;} .loader-2{display:none;} </style> <div class="container-fluid main_top_bar"> <div class="container"> <div class="row"> <div class="col-xs-12"> <div class="uppermenu"> <a href="javascript:void(0);" class="findmytrip"> My Trips</a> <a href="javascript:void(0);" class="loginform"><i class="icon-login-2"></i> Sign In</a> <a href="javascript:void(0);" class="registerform"><i class="icon-lock-3"></i> Sign Up</a> </div> </div> </div> </div> </div> <div class="container" style="padding-top:10px"> <div class="row"> <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3"> <div id="logo"> <a href="https://www.100destinations.com/"><img src="/img/logo5.png" alt="100Destinations" data-retina="true" class="logo_normal" style="max-width: 335px;"> </a> <a href="https://www.100destinations.com/"> <img src="/img/logo5.png" alt="100Destinations" data-retina="true" class="logo_sticky" style="max-width: 335px;"> </a> </div> </div> <nav class="col-lg-9 col-md-9 col-sm-9 col-xs-9"> <a class="cmn-toggle-switch cmn-toggle-switch__htx open_close" href="javascript:void(0);"><span>Menu mobile</span></a> <div class="main-menu"> <div id="header_menu"> <img src="/img/logo3.png" alt="City tours" data-retina="true"> </div> <a href="#" class="open_close" id="close_in"><i class="icon_set_1_icon-77"></i></a> <ul> <li><a href="https://www.100destinations.com/"><i class="icon-home"></i> Home</a></li> <li class="megamenu submenu"> <a href="javascript:void(0);" class="show-submenu-mega"><i class="icon-paper-plane-alt2"></i> Destination <i class="icon-down-open-mini"></i></a> <div class="menu-wrapper hidden-lg hidden-md"> <div class="megamenu-boxs"> <h3 class="mega-main-heading"><a href="javascript:;">Europe</a></h3> <ul> <li><a href="https://www.100destinations.com/IT/rome.html">Rome</a></li><li><a href="https://www.100destinations.com/UK/london.html">London</a></li><li><a href="https://www.100destinations.com/RU/saint-petersburg.html">Saint Petersburg</a></li><li><a href="https://www.100destinations.com/FR/paris.html">Paris</a></li><li><a href="https://www.100destinations.com/IT/florence.html">Florence</a></li><li><a href="https://www.100destinations.com/ES/barcelona.html">Barcelona</a></li> </ul> </div> <div class="megamenu-boxs"> <h3 class="mega-main-heading"><a href="javascript:;">North America</a></h3> <ul> <li><a href="https://www.100destinations.com/US/myrtle-beach.html">Myrtle Beach</a></li><li><a href="https://www.100destinations.com/US/los-angeles.html">Los Angeles</a></li><li><a href="https://www.100destinations.com/US/orlando.html">Orlando</a></li><li><a href="https://www.100destinations.com/US/new-york-city.html">New York City</a></li><li><a href="https://www.100destinations.com/US/honolulu.html">Honolulu</a></li><li><a href="https://www.100destinations.com/US/san-diego.html">San Diego</a></li> </ul> </div> <div class="megamenu-boxs"> <h3 class="mega-main-heading"><a href="javascript:;">Middle East</a></h3> <ul> <li><a href="https://www.100destinations.com/AE/dubai.html">Dubai</a></li><li><a href="https://www.100destinations.com/US/fort-myers-beach.html">Fort Myers Beach</a></li><li><a href="https://www.100destinations.com/EG/cairo.html">Cairo</a></li><li><a href="https://www.100destinations.com/TR/antalya.html">Antalya</a></li><li><a href="https://www.100destinations.com/EG/hurghada.html">Hurghada</a></li><li><a href="https://www.100destinations.com/BH/manama.html">Manama</a></li> </ul> </div> <div class="megamenu-boxs"> <h3 class="mega-main-heading"><a href="javascript:;">Asia</a></h3> <ul> <li><a href="https://www.100destinations.com/VN/ho-chi-minh-city.html">Ho Chi Minh City</a></li><li><a href="https://www.100destinations.com/TH/bangkok.html">Bangkok</a></li><li><a href="https://www.100destinations.com/TH/phuket.html">Phuket</a></li><li><a href="https://www.100destinations.com/JP/tokyo.html">Tokyo</a></li><li><a href="https://www.100destinations.com/MY/kuala-lumpur.html">Kuala Lumpur</a></li><li><a href="https://www.100destinations.com/ID/bali.html">Bali</a></li> </ul> </div> <div class="megamenu-boxs"> <h3 class="mega-main-heading"><a href="javascript:;">Africa</a></h3> <ul> <li><a href="https://www.100destinations.com/ZA/cape-town.html">Cape Town</a></li><li><a href="https://www.100destinations.com/MA/marrakech.html">Marrakech</a></li><li><a href="https://www.100destinations.com/ZA/johannesburg.html">Johannesburg</a></li><li><a href="https://www.100destinations.com/TZ/arusha.html">Arusha</a></li><li><a href="https://www.100destinations.com/MA/essaouira.html">Essaouira</a></li><li><a href="https://www.100destinations.com/TZ/zanzibar-city.html">Zanzibar City</a></li> </ul> </div> <div class="col-md-12 more-link-txt"> <a href="https://www.100destinations.com/destinations.html">View All Destinations</a></div> </div><!-- End menu-wrapper --> <div class="menu-wrapper hidden-xs hidden-sm"> <div class="megamenu-boxs itenarymegamenu"> <h3 class="mega-main-heading itenarymainheading"><a href="javascript:;" class="itenarylink" data-hotelcountry="europe">Europe</a></h3> <h3 class="mega-main-heading itenarymainheading"><a href="javascript:;" class="itenarylink" data-hotelcountry="north_america">North America</a></h3> <h3 class="mega-main-heading itenarymainheading"><a href="javascript:;" class="itenarylink" data-hotelcountry="middle_east">Middle East</a></h3> <h3 class="mega-main-heading itenarymainheading"><a href="javascript:;" class="itenarylink" data-hotelcountry="asia">Asia</a></h3> <h3 class="mega-main-heading itenarymainheading"><a href="javascript:;" class="itenarylink" data-hotelcountry="africa">Africa</a></h3> </div> <div class="megamenu-boxs itenarymenudiv"> <div class="loaderwrapper"> <div class="loader-2 center"><span></span></div> </div> <ul class="ul1"> </ul> </div> <div class="col-md-12 more-link-txt viewall_destinations"> <a href="https://www.100destinations.com/destinations.html">View All Destinations</a></div> </div><!-- End menu-wrapper --> </li> <li class="megamenu submenu"> <a href="javascript:void(0);" class="show-submenu-mega"><i class="icon-lodging"></i> Hotels <i class="icon-down-open-mini"></i></a> <div class="menu-wrapper hidden-md hidden-lg"> <div class="megamenu-boxs"> <h3 class="mega-main-heading"><a href="javascript:;">Europe</a></h3> <ul> <li><a href="https://www.100destinations.com/IT/rome/hotels">Rome</a></li><li><a href="https://www.100destinations.com/UK/london/hotels">London</a></li><li><a href="https://www.100destinations.com/FR/paris/hotels">Paris</a></li><li><a href="https://www.100destinations.com/IT/florence/hotels">Florence</a></li><li><a href="https://www.100destinations.com/ES/barcelona/hotels">Barcelona</a></li><li><a href="https://www.100destinations.com/TR/istanbul/hotels">Istanbul</a></li> </ul> </div> <div class="megamenu-boxs"> <h3 class="mega-main-heading"><a href="javascript:;">North America</a></h3> <ul> <li><a href="https://www.100destinations.com/US/los-angeles/hotels">Los Angeles</a></li><li><a href="https://www.100destinations.com/US/new-york-city/hotels">New York City</a></li><li><a href="https://www.100destinations.com/US/san-diego/hotels">San Diego</a></li><li><a href="https://www.100destinations.com/US/chicago/hotels">Chicago</a></li><li><a href="https://www.100destinations.com/US/miami/hotels">Miami</a></li><li><a href="https://www.100destinations.com/US/las-vegas/hotels">Las Vegas</a></li> </ul> </div> <div class="megamenu-boxs"> <h3 class="mega-main-heading"><a href="javascript:;">Middle East</a></h3> <ul> <li><a href="https://www.100destinations.com/AE/dubai/hotels">Dubai</a></li><li><a href="https://www.100destinations.com/EG/hurghada/hotels">Hurghada</a></li><li><a href="https://www.100destinations.com/BH/manama/hotels">Manama</a></li><li><a href="https://www.100destinations.com/EG/sharm-el-sheikh/hotels">Sharm El Sheikh</a></li><li><a href="https://www.100destinations.com/QA/doha/hotels">Doha</a></li><li><a href="https://www.100destinations.com/OM/muscat/hotels">Muscat</a></li> </ul> </div> <div class="megamenu-boxs"> <h3 class="mega-main-heading"><a href="javascript:;">Asia</a></h3> <ul> <li><a href="https://www.100destinations.com/VN/ho-chi-minh-city/hotels">Ho Chi Minh City</a></li><li><a href="https://www.100destinations.com/TH/bangkok/hotels">Bangkok</a></li><li><a href="https://www.100destinations.com/JP/tokyo/hotels">Tokyo</a></li><li><a href="https://www.100destinations.com/MY/kuala-lumpur/hotels">Kuala Lumpur</a></li><li><a href="https://www.100destinations.com/ID/bali/hotels">Bali</a></li><li><a href="https://www.100destinations.com/AZ/baku/hotels">Baku</a></li> </ul> </div> <div class="megamenu-boxs"> <h3 class="mega-main-heading"><a href="javascript:;">Africa</a></h3> <ul> <li><a href="https://www.100destinations.com/ZA/cape-town/hotels">Cape Town</a></li><li><a href="https://www.100destinations.com/ZA/johannesburg/hotels">Johannesburg</a></li><li><a href="https://www.100destinations.com/TZ/arusha/hotels">Arusha</a></li><li><a href="https://www.100destinations.com/MA/essaouira/hotels">Essaouira</a></li><li><a href="https://www.100destinations.com/TZ/zanzibar-city/hotels">Zanzibar City</a></li><li><a href="https://www.100destinations.com/MU/grand-baie/hotels">Grand Baie</a></li> </ul> </div> <div class="col-md-12 more-link-txt"> <a href="https://www.100destinations.com/destinations.html">View All Destinations</a></div> </div><!-- End menu-wrapper --> <div class="menu-wrapper hidden-xs hidden-sm"> <div class="megamenu-boxs hotelmegamenu"> <h3 class="mega-main-heading hotelmainheading"><a href="javascript:;" class="hotelslink" data-hotelcountry="europe">Europe</a></h3> <h3 class="mega-main-heading hotelmainheading"><a href="javascript:;" class="hotelslink" data-hotelcountry="north_america">North America</a></h3> <h3 class="mega-main-heading hotelmainheading"> <a href="javascript:;" class="hotelslink" data-hotelcountry="middle_east">Middle East</a></h3> <h3 class="mega-main-heading hotelmainheading"><a href="javascript:;" class="hotelslink" data-hotelcountry="asia">Asia</a></h3> <h3 class="mega-main-heading hotelmainheading"><a href="javascript:;" class="hotelslink" data-hotelcountry="africa">Africa</a></h3> </div> <div class="megamenu-boxs hotelmenudiv"> <div class="loaderwrapper"> <div class="loader-2 center"><span></span></div> </div> <ul class="ul2"> </ul> </div> <div class="col-md-12 more-link-txt viewall_destinations"> <a href="https://www.100destinations.com/destinations.html">View All Destinations</a></div> </div><!-- End menu-wrapper --> </li> <li class="megamenu submenu"> <a href="javascript:void(0);" class="show-submenu-mega"><i class="icon-suitcase-1"></i> Tours <i class="icon-down-open-mini"></i></a> <div class="menu-wrapper hidden-lg hidden-md"> <div class="megamenu-boxs"> <h3 class="mega-main-heading"><a href="javascript:;">Europe</a></h3> <ul> <li><a href="https://www.100destinations.com/IT/rome/tours">Rome</a></li><li><a href="https://www.100destinations.com/UK/london/tours">London</a></li><li><a href="https://www.100destinations.com/FR/paris/tours">Paris</a></li><li><a href="https://www.100destinations.com/IT/florence/tours">Florence</a></li><li><a href="https://www.100destinations.com/ES/barcelona/tours">Barcelona</a></li><li><a href="https://www.100destinations.com/TR/istanbul/tours">Istanbul</a></li> </ul> </div> <div class="megamenu-boxs"> <h3 class="mega-main-heading"><a href="javascript:;">North America</a></h3> <ul> <li><a href="https://www.100destinations.com/US/los-angeles/tours">Los Angeles</a></li><li><a href="https://www.100destinations.com/US/orlando/tours">Orlando</a></li><li><a href="https://www.100destinations.com/US/new-york-city/tours">New York City</a></li><li><a href="https://www.100destinations.com/US/san-diego/tours">San Diego</a></li><li><a href="https://www.100destinations.com/US/nashville/tours">Nashville</a></li><li><a href="https://www.100destinations.com/CA/toronto/tours">Toronto</a></li> </ul> </div> <div class="megamenu-boxs"> <h3 class="mega-main-heading"><a href="javascript:;">Middle East</a></h3> <ul> <li><a href="https://www.100destinations.com/AE/dubai/tours">Dubai</a></li><li><a href="https://www.100destinations.com/US/fort-myers-beach/tours">Fort Myers Beach</a></li><li><a href="https://www.100destinations.com/EG/cairo/tours">Cairo</a></li><li><a href="https://www.100destinations.com/TR/antalya/tours">Antalya</a></li><li><a href="https://www.100destinations.com/EG/hurghada/tours">Hurghada</a></li><li><a href="https://www.100destinations.com/BH/manama/tours">Manama</a></li> </ul> </div> <div class="megamenu-boxs"> <h3 class="mega-main-heading"><a href="javascript:;">Asia</a></h3> <ul> <li><a href="https://www.100destinations.com/VN/ho-chi-minh-city/tours">Ho Chi Minh City</a></li><li><a href="https://www.100destinations.com/TH/bangkok/tours">Bangkok</a></li><li><a href="https://www.100destinations.com/TH/phuket/tours">Phuket</a></li><li><a href="https://www.100destinations.com/JP/tokyo/tours">Tokyo</a></li><li><a href="https://www.100destinations.com/MY/kuala-lumpur/tours">Kuala Lumpur</a></li><li><a href="https://www.100destinations.com/ID/bali/tours">Bali</a></li> </ul> </div> <div class="megamenu-boxs"> <h3 class="mega-main-heading"><a href="javascript:;">Africa</a></h3> <ul> <li><a href="https://www.100destinations.com/ZA/cape-town/tours">Cape Town</a></li><li><a href="https://www.100destinations.com/MA/marrakech/tours">Marrakech</a></li><li><a href="https://www.100destinations.com/ZA/johannesburg/tours">Johannesburg</a></li><li><a href="https://www.100destinations.com/TZ/arusha/tours">Arusha</a></li><li><a href="https://www.100destinations.com/MA/essaouira/tours">Essaouira</a></li><li><a href="https://www.100destinations.com/TZ/zanzibar-city/tours">Zanzibar City</a></li> </ul> </div> <div class="col-md-12 more-link-txt"> <a href="https://www.100destinations.com/destinations.html">View All Destinations</a></div> </div><!-- End menu-wrapper --> <!-- Tour Start menu-wrapper --> <div class="menu-wrapper hidden-sm hidden-xs"> <div class="megamenu-boxs toursmegamenu"> <h3 class="mega-main-heading toursmainheading"><a href="javascript:;" class="tourslink" data-hotelcountry="europe">Europe</a></h3> <h3 class="mega-main-heading toursmainheading"><a href="javascript:;" class="tourslink" data-hotelcountry="north_america">North America</a></h3> <h3 class="mega-main-heading toursmainheading"><a href="javascript:;" class="tourslink" data-hotelcountry="middle_east">Middle East</a></h3> <h3 class="mega-main-heading toursmainheading"><a href="javascript:;" class="tourslink" data-hotelcountry="asia">Asia</a></h3> <h3 class="mega-main-heading toursmainheading"><a href="javascript:;" class="tourslink" data-hotelcountry="africa">Africa</a></h3> </div> <div class="megamenu-boxs toursmenudiv"> <div class="loaderwrapper"> <div class="loader-2 center"><span></span></div> </div> <ul class="ul3"> </ul> </div> <div class="col-md-12 more-link-txt viewall_destinations"> <a href="https://www.100destinations.com/destinations.html">View All Destinations</a></div> </div> <!-- Tour End menu-wrapper --> </li> <li><a href="https://www.100destinations.com/contact-us.html"><i class=" icon-mail-alt"></i> Contact Us</a></li> </ul> </div> <!-- End main-menu --> </nav> </div> </div> <!-- container --> </header><!-- End Header --> <section class="parallax-window t-detailspage marketpagebanner" data-parallax="scroll" data-image-src="https://www.100destinations.com/img_destination/header_img/1558941358.jpg" style="background: #746E63 url('https://www.100destinations.com/img_destination/header_img/1558941358.jpg') no-repeat scroll center center / cover;" data-natural-width="1400" data-natural-height="540"> <div class="parallax-content-1" style="opacity: 0.90; background: rgba(0, 0, 0, 0.6);"> <div> <h1>Doha Hotels</h1> <p>There are 168 properties found in Doha.</p> </div> </div> </section> <!-- End Section --> <main class="list-marketpage"> <div class="navlinks" id="position" style="position: static;"> <div class="container"> <p class="article_details_cat" style="padding: 0px 0 10px 0;margin: 0px;"> <i class="icon-home"></i> Home <i class="icon-angle-double-right"></i> Doha <i class="icon-angle-double-right"></i> </p> </div> </div> <!-- End Position --> <div class="container"> <div class="row"> <div class="carlisting-page"> <aside class="col-lg-4 col-md-5 col-sm-12 col-xs-12 sidebar"> <!-- start left filter boxs --> <div id="leftBarFiltersBoxs"> <div> <style> .ui-menu .ui-menu-item{ padding: 10px 4px !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .ui-widget-content{ width: 323px !important;} </style> <div class="mainformdiv" id="rightsearchform"> <ul class="nav nav-tabs"> <li class="active"><a href="#hotels" data-toggle="tab" aria-expanded="true"><i class="icon-lodging"></i> Hotels</a></li> <li class=""><a href="#rentacar" data-toggle="tab" aria-expanded="false"><i class="fa fa-car"></i> Car Rental</a></li> <li class=""><a href="#tours" data-toggle="tab" aria-expanded="false"><i class="icon-suitcase-1"></i> Tours</a></li> </ul> </div> <div class="mainformdivwrapper sideform-content-pages"> <div id="search" class="searchform"> <div class="tab-content maintabcontent"> <div class="tab-pane active" id="hotels"> <h3>Search Destination</h3> <div class="row"> <form name="frmSerchDestinations" id="frmSerchDestinations" method="post" class="frmSerchDestinations"> <div class="col-md-12 col-sm-12 col-xs-12"> <div class="form-group"> <label>Search Destination, City, Hotel Name</label> <div style="background: #fff;"> <span class="loc-search-icon"><i class="fa fa-search"></i></span> <input type="text" class="form-control hotel_booking" id="search_hotels_destination" placeholder="Destination, City, Hotel Name!" value="Doha, QA - Hotels"> </div> <input type="hidden" id="post_cityId" value="800035318" /> <input type="hidden" id="post_cityName" value="doha" /> <input type="hidden" id="post_country" value="QA" /> <input type="hidden" id="post_state" value="Ad Dawhah" /> <input type="hidden" id="hotelId" value="" /> <input type="hidden" id="hoteUrlName" value="" /> <input type="hidden" id="ActionType" value="cityPage" /> <input type="hidden" id="defaultFilterName" value="" /> <input type="hidden" id="defaultFilterVal" value="" /> </div> </div> <div class="col-md-12 col-sm-6 col-xs-12"> <div class="form-group"> <label>Check-in</label> <input class="awe-calendar from form-control" id="hfromdate" name="hfromdate" data-date-format="mm/dd/yyyy" type="text" placeholder="mm/dd/yyyy" autocomplete="off"> </div> </div> <div class="col-md-12 col-sm-6 col-xs-12"> <div class="form-group"> <label>Check-out</label> <input class="awe-calendar to form-control" id="htodate" name="htodate" data-date-format="mm/dd/yyyy" type="text" placeholder="mm/dd/yyyy" autocomplete="off"> </div> </div> <div class="col-md-4 col-sm-4 col-xs-4"> <div class="form-group"> <label>Rooms</label> <div class="numbers-row"> <input type="text" value="1" id="nrooms" class="qty2 form-control" name="nrooms"> <div class="inc button_inc qtyplus" name="nrooms">+</div> <div class="dec button_inc qtyminus" name="nrooms">-</div> </div> </div> </div> <div class="col-md-4 col-sm-4 col-xs-4 sidefrm-paddingleft_1"> <div class="form-group"> <label>Adults</label> <div class="numbers-row"> <input type="text" value="1" id="adults" class="qty2 form-control" name="adults"> <div class="inc button_inc qtyplus" name="adults">+</div> <div class="dec button_inc qtyminus" name="adults">-</div> </div> </div> </div> <div class="col-md-4 col-sm-4 col-xs-4 sidefrm-paddingleft_2"> <div class="form-group"> <label>Child(s)</label> <div class="numbers-row"> <input type="text" value="0" id="childs" class="qty2 form-control" name="childs"> <div class="inc button_inc qtyplus" name="childs">+</div> <div class="dec button_inc qtyminus" name="childs">-</div> </div> </div> </div> <div class="col-md-12 col-sm-12 col-xs-12"> <div class="child-ages-box"></div> </div> <div class="col-md-12 col-sm-12 col-xs-12"> <label>&nbsp;</label> <a href="javascript:;" class="btn btn-success btn-search checkAvilHotelsList_PL"><i class="icon-search"></i> Search Hotels</a> </div> </form> </div> <!-- End row --> </div> <div class="tab-pane" id="rentacar"> <div class="row"> <div class="carLeftBarsCalender"> <input type="hidden" id="carDomainRootLink" value="www.100destinations.com"> <div class="carbooking-calender-area"> <form name="serachRentCarForm" id="serachRentCarForm" onsubmit="return searchRentCarListHomePage();" method="post"> <div id="pickupsearchinput" class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <label>Pick-up Location</label> <span class="loc-search-icon"><i class="fa fa-search"></i></span> <input type="text" class="car-search-input ui-autocomplete-input" id="pickup_location_rent_car" placeholder="Search city, airport, Place" autocomplete="off"> <input type="hidden" id="pickup_car_city_id" name="pickup_car_city_id" value=""> <input type="hidden" id="pickup_car_city_name" name="pickup_car_city_name" value=""> <input type="hidden" id="pickup_car_location_address" name="pickup_car_location_address" value=""> <input type="hidden" id="pickup_car_state_code" name="pickup_car_state_code" value=""> <input type="hidden" id="pickup_car_country" name="pickup_car_country" value=""> <input type="hidden" id="pickup_car_airport" name="pickup_car_airport" value=""> <input type="hidden" id="pickup_car_airport_code" name="pickup_car_airport_code" value=""> <input type="hidden" id="pickup_car_actionType" name="pickup_car_actionType" value=""> </div> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <label>Drop-off Location</label> <span class="loc-search-icon"><i class="fa fa-search"></i></span> <input type="text" class="car-search-input ui-autocomplete-input" id="dropoff_location_rent_car" placeholder="Same as pick-up!" autocomplete="off"> </div> <input type="hidden" id="dropoff_car_city_id" name="dropoff_car_city_id" value=""> <input type="hidden" id="dropoff_car_city_name" name="dropoff_car_city_name" value=""> <input type="hidden" id="dropoff_car_location_address" name="dropoff_car_location_address" value=""> <input type="hidden" id="dropoff_car_state_code" name="dropoff_car_state_code" value=""> <input type="hidden" id="dropoff_car_country" name="dropoff_car_country" value=""> <input type="hidden" id="dropoff_car_airport" name="dropoff_car_airport" value=""> <input type="hidden" id="dropoff_car_airport_code" name="dropoff_car_airport_code" value=""> <input type="hidden" id="dropoff_car_actionType" name="dropoff_car_actionType" value=""> <div class="col-lg-7 col-md-7 col-sm-6 col-xs-8"> <label>Pick-up Date</label> <input type="text" id="car_pickup_date" name="car_pickup_date" class="car_pickup_date car-date-input" autocomplete="off" readonly /> </div> <div class="col-lg-5 col-md-5 col-sm-6 col-xs-4"> <label>Pick-up Time</label> <select name="car_pickup_time" id="car_pickup_time" class="car-date-select"> <option value="00:05">Midnight</option> <option value="00:30">12:30 AM</option> <option value="01:00" >01:00 AM</option><option value="01:30" >01:30 AM</option><option value="02:00" >02:00 AM</option><option value="02:30" >02:30 AM</option><option value="03:00" >03:00 AM</option><option value="03:30" >03:30 AM</option><option value="04:00" >04:00 AM</option><option value="04:30" >04:30 AM</option><option value="05:00" >05:00 AM</option><option value="05:30" >05:30 AM</option><option value="06:00" >06:00 AM</option><option value="06:30" >06:30 AM</option><option value="07:00" >07:00 AM</option><option value="07:30" >07:30 AM</option><option value="08:00" >08:00 AM</option><option value="08:30" >08:30 AM</option><option value="09:00" >09:00 AM</option><option value="09:30" >09:30 AM</option><option value="10:00" >10:00 AM</option><option value="10:30" >10:30 AM</option><option value="11:00" >11:00 AM</option><option value="11:30" >11:30 AM</option><option value="12:00" selected="selected">Noon</option><option value="12:30" >12:30 PM</option><option value="13:00" >01:00 PM</option><option value="13:30" >01:30 PM</option><option value="14:00" >02:00 PM</option><option value="14:30" >02:30 PM</option><option value="15:00" >03:00 PM</option><option value="15:30" >03:30 PM</option><option value="16:00" >04:00 PM</option><option value="16:30" >04:30 PM</option><option value="17:00" >05:00 PM</option><option value="17:30" >05:30 PM</option><option value="18:00" >06:00 PM</option><option value="18:30" >06:30 PM</option><option value="19:00" >07:00 PM</option><option value="19:30" >07:30 PM</option><option value="20:00" >08:00 PM</option><option value="20:30" >08:30 PM</option><option value="21:00" >09:00 PM</option><option value="21:30" >09:30 PM</option><option value="22:00" >10:00 PM</option><option value="22:30" >10:30 PM</option><option value="23:00" >11:00 PM</option><option value="23:30" >11:30 PM</option> </select> </div> <div class="col-lg-7 col-md-7 col-sm-6 col-xs-8"> <label>Drop-off Date</label> <input type="text" id="car_dropoff_date" name="car_dropoff_date" class="car_dropoff_date car-date-input" readonly /> </div> <div class="col-lg-5 col-md-5 col-sm-6 col-xs-4"> <label>Drop-off Time</label> <select name="car_dropoff_time" id="car_dropoff_time" class="car-date-select"> <option value="00:05">Midnight</option> <option value="00:30">12:30 AM</option> <option value="01:00" >01:00 AM</option><option value="01:30" >01:30 AM</option><option value="02:00" >02:00 AM</option><option value="02:30" >02:30 AM</option><option value="03:00" >03:00 AM</option><option value="03:30" >03:30 AM</option><option value="04:00" >04:00 AM</option><option value="04:30" >04:30 AM</option><option value="05:00" >05:00 AM</option><option value="05:30" >05:30 AM</option><option value="06:00" >06:00 AM</option><option value="06:30" >06:30 AM</option><option value="07:00" >07:00 AM</option><option value="07:30" >07:30 AM</option><option value="08:00" >08:00 AM</option><option value="08:30" >08:30 AM</option><option value="09:00" >09:00 AM</option><option value="09:30" >09:30 AM</option><option value="10:00" >10:00 AM</option><option value="10:30" >10:30 AM</option><option value="11:00" >11:00 AM</option><option value="11:30" >11:30 AM</option><option value="12:00" selected="selected">Noon</option><option value="12:30" >12:30 PM</option><option value="13:00" >01:00 PM</option><option value="13:30" >01:30 PM</option><option value="14:00" >02:00 PM</option><option value="14:30" >02:30 PM</option><option value="15:00" >03:00 PM</option><option value="15:30" >03:30 PM</option><option value="16:00" >04:00 PM</option><option value="16:30" >04:30 PM</option><option value="17:00" >05:00 PM</option><option value="17:30" >05:30 PM</option><option value="18:00" >06:00 PM</option><option value="18:30" >06:30 PM</option><option value="19:00" >07:00 PM</option><option value="19:30" >07:30 PM</option><option value="20:00" >08:00 PM</option><option value="20:30" >08:30 PM</option><option value="21:00" >09:00 PM</option><option value="21:30" >09:30 PM</option><option value="22:00" >10:00 PM</option><option value="22:30" >10:30 PM</option><option value="23:00" >11:00 PM</option><option value="23:30" >11:30 PM</option> </select> </div> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <label>&nbsp;</label> <a href="javascript:;" onclick="searchRentCarListHomePage();" class="car-search-btn"><i class="icon-search"></i> Search Cars</a> </div> <input type="hidden" name="actionPageName" value="home_page" /> <input type="hidden" name="redirctDomain" value="" /> </form> <div style="clear: both;"></div> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div id="carFormErrorMsg"> <img src="/rent_a_car_global_files/car-icons/icon-error-msg.png" alt=""> <span id="car_error_text"></span> </div> </div> </div> <div style="clear: both;"></div> </div> </div> </div> <div class="tab-pane" id="tours"> <h3>Search Tours</h3> <div class="row"> <form name="frmSerchTours" id="frmSerchTours" method="post" class="frmSerchToursClass"> <div class="col-md-12 col-sm-12 col-xs-12"> <div class="form-group"> <label>Search Destination</label> <div style="background: #fff;"> <span class="loc-search-icon"><i class="fa fa-search"></i></span> <input type="text" class="form-control ui-autocomplete-input tourinputarea" id="search_destination" placeholder="Search Tour Destination" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true" value="Doha- Destination "> </div> </div> </div> <div class="col-md-12 col-sm-12 col-xs-12"> <div class="form-group"> <label>Tour Categories</label> <select class="form-control" name="tourcategories" id="tourcategories"> <option value="" selected="">Select Categories</option> <option value="cruises-sailing-water-tours" > Cruises, Sailing & Water Tours</option> <option value="cultural-theme-tours" > Cultural & Theme Tours</option> <option value="day-trips-excursions" > Day Trips & Excursions</option> <option value="food-wine-nightlife" > Food, Wine & Nightlife</option> <option value="luxury-special-occasions" > Luxury & Special Occasions</option> <option value="multi-day-extended-tours" > Multi-day & Extended Tours</option> <option value="outdoor-activities" > Outdoor Activities</option> <option value="private-custom-tours" > Private & Custom Tours</option> <option value="shopping-fashion" > Shopping & Fashion</option> <option value="sightseeing-tickets-passes" > Sightseeing Tickets & Passes</option> <option value="tours-sightseeing" > Tours & Sightseeing</option> <option value="transfers-ground-transport" > Transfers & Ground Transport</option> <option value="water-sports" > Water Sports</option> </select> </div> </div> <div class="col-md-12 col-sm-12 col-xs-12"> <div class="form-group"> <label><i class="icon-calendar-7"></i> Travel Date</label> <input type="text" id="tourpickupDate" name="tourpickupDate" class="awe-calendar tourdate form-control" autocomplete="off" readonly> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> <label><i class="icon-clock"></i> Travel Time</label> <select name="tour_time" id="tour_time" class="car-date-select"> <option value="00:05">Midnight</option> <option value="00:30">12:30 AM</option> <option value="01:00" >01:00 AM</option><option value="01:30" >01:30 AM</option><option value="02:00" >02:00 AM</option><option value="02:30" >02:30 AM</option><option value="03:00" >03:00 AM</option><option value="03:30" >03:30 AM</option><option value="04:00" >04:00 AM</option><option value="04:30" >04:30 AM</option><option value="05:00" >05:00 AM</option><option value="05:30" >05:30 AM</option><option value="06:00" >06:00 AM</option><option value="06:30" >06:30 AM</option><option value="07:00" >07:00 AM</option><option value="07:30" >07:30 AM</option><option value="08:00" >08:00 AM</option><option value="08:30" >08:30 AM</option><option value="09:00" >09:00 AM</option><option value="09:30" >09:30 AM</option><option value="10:00" >10:00 AM</option><option value="10:30" >10:30 AM</option><option value="11:00" >11:00 AM</option><option value="11:30" >11:30 AM</option><option value="12:00" selected="selected">Noon</option><option value="12:30" >12:30 PM</option><option value="13:00" >01:00 PM</option><option value="13:30" >01:30 PM</option><option value="14:00" >02:00 PM</option><option value="14:30" >02:30 PM</option><option value="15:00" >03:00 PM</option><option value="15:30" >03:30 PM</option><option value="16:00" >04:00 PM</option><option value="16:30" >04:30 PM</option><option value="17:00" >05:00 PM</option><option value="17:30" >05:30 PM</option><option value="18:00" >06:00 PM</option><option value="18:30" >06:30 PM</option><option value="19:00" >07:00 PM</option><option value="19:30" >07:30 PM</option><option value="20:00" >08:00 PM</option><option value="20:30" >08:30 PM</option><option value="21:00" >09:00 PM</option><option value="21:30" >09:30 PM</option><option value="22:00" >10:00 PM</option><option value="22:30" >10:30 PM</option><option value="23:00" >11:00 PM</option><option value="23:30" >11:30 PM</option> </select> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> <label><i class="icon-user-1"></i> Travelers</label> <select name="tour_travelers" id="tour_travelers" class="car-date-select"> <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> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> </select> </div> <div class="col-md-12 col-sm-12 col-xs-12 cls-ipade-mini"> <label>&nbsp;</label> <a href="javascript:;" class="btn btn-success btn-search btn-tour"><i class="icon-search"></i>Search Tours</a> </div> <input type="hidden" name="post_cityId_destination" id="post_cityId_destination" value="4453"> <input type="hidden" name="post_cityName_destination" id="post_cityName_destination" value="Doha"> <input type="hidden" name="post_country_destination" id="post_country_destination" value="QA"> <input type="hidden" name="post_cityurl_destination" id="post_cityurl_destination" value="doha"> </form> </div> </div> </div> </div> </div> <div class="clearfix"></div> </div> <div class="reservation-sidebar"> <div class="reservation-room-selected filter-div bg-gray"> <!-- HEADING --> <h2 class="reservation-heading">Filter By <span id="collasebtn_1" onclick="showSearchFilters('1');" class="hidden-lg hidden-md filterColipsBtn"><i class="fa fa-plus-circle"></i></span> </h2> <!-- END / HEADING --> <div id="carleft-filter-tabs"> <div id="left_menu_area_div" class="hideMobileIpadFilter collapse"> <div><h3>Star Rating</h3><label class="iCheck-helper-star fancybtn-radio" onClick="funCallStars(5);" style="margin: 0 0 8px 0; text-transform: uppercase;"><input type="radio" name="pr_stars" class="starRating" value="5"><b class="checkmark"></b><i class="icon-star voted"></i><i class="icon-star voted"></i><i class="icon-star voted"></i><i class="icon-star voted"></i><i class="icon-star voted"></i><span>(57)</span></label><label class="iCheck-helper-star fancybtn-radio" onClick="funCallStars(4);" style="margin: 0 0 8px 0; text-transform: uppercase;"><input type="radio" name="pr_stars" class="starRating" value="4"><b class="checkmark"></b><i class="icon-star voted"></i><i class="icon-star voted"></i><i class="icon-star voted"></i><i class="icon-star voted"></i><i class="icon_set_1_icon-81"></i><span>(42)</span></label><label class="iCheck-helper-star fancybtn-radio" onClick="funCallStars(3);" style="margin: 0 0 8px 0; text-transform: uppercase;"><input type="radio" name="pr_stars" class="starRating" value="3"><b class="checkmark"></b><i class="icon-star voted"></i><i class="icon-star voted"></i><i class="icon-star voted"></i><i class="icon_set_1_icon-81"></i><i class="icon_set_1_icon-81"></i><span>(40)</span></label><label class="iCheck-helper-star fancybtn-radio" onClick="funCallStars(2);" style="margin: 0 0 8px 0; text-transform: uppercase;"><input type="radio" name="pr_stars" class="starRating" value="2"><b class="checkmark"></b><i class="icon-star voted"></i><i class="icon-star voted"></i><i class="icon_set_1_icon-81"></i><i class="icon_set_1_icon-81"></i><i class="icon_set_1_icon-81"></i><span>(4)</span></label><label class="iCheck-helper-star fancybtn-radio" onClick="funCallStars('');" style="margin: 0 0 8px 0; text-transform: uppercase;"><input type="radio" name="pr_stars" class="starRating" value=""><b class="checkmark"></b> All</label></div><div class="listRangPrc"><div style="clear:both;"></div><br/><h3>Set Your Budget/night</h3><div id="pricerange-slider"></div></div><div><div style="clear:both;"></div><br/><h3>Property Type</h3><label class="iCheck-helper-type fancybtn-radio" onClick="funCallType('1');"><input type="radio" name="pr_type" class="PropertyType" value="1" ><b class="checkmark"></b> <dd>Hotel</dd> <span>(92)</span></label><label class="iCheck-helper-type fancybtn-radio" onClick="funCallType('2');"><input type="radio" name="pr_type" class="PropertyType" value="2" ><b class="checkmark"></b> <dd>Apartments</dd> <span>(5)</span></label><label class="iCheck-helper-type fancybtn-radio" onClick="funCallType('3');"><input type="radio" name="pr_type" class="PropertyType" value="3" ><b class="checkmark"></b> <dd>Hostel</dd> <span>(7)</span></label><label class="iCheck-helper-type fancybtn-radio" onClick="funCallType('5');"><input type="radio" name="pr_type" class="PropertyType" value="5" ><b class="checkmark"></b> <dd>Accomudation</dd> <span>(22)</span></label><label class="iCheck-helper-type fancybtn-radio" onClick="funCallType('8');"><input type="radio" name="pr_type" class="PropertyType" value="8" ><b class="checkmark"></b> <dd>Resorts</dd> <span>(3)</span></label><label class="iCheck-helper-type fancybtn-radio" onClick="funCallType('');" style="margin: 0 0 8px 0; text-transform: uppercase;"><input type="radio" name="pr_type" class="PropertyType" value=""><b class="checkmark"></b> All</label></div><div><div style="clear:both;"></div><br/><h3>Property Amenities</h3><label class="iCheck-helper-type fancybtn-radio" onClick="funCallAminity('2');"><input type="radio" name="pr_aminities" class="PropertyAminity" value="2"><b class="checkmark"></b> <dd>Business Center</dd> <span>(85)</span></label><label class="iCheck-helper-type fancybtn-radio" onClick="funCallAminity('1');"><input type="radio" name="pr_aminities" class="PropertyAminity" value="1"><b class="checkmark"></b> <dd>Airport Shuttle</dd> <span>(97)</span></label><label class="iCheck-helper-type fancybtn-radio" onClick="funCallAminity('9');"><input type="radio" name="pr_aminities" class="PropertyAminity" value="9"><b class="checkmark"></b> <dd>Fitness Center or Spa</dd> <span>(101)</span></label><label class="iCheck-helper-type fancybtn-radio" onClick="funCallAminity('10');"><input type="radio" name="pr_aminities" class="PropertyAminity" value="10"><b class="checkmark"></b> <dd>Free Parking</dd> <span>(15)</span></label><label class="iCheck-helper-type fancybtn-radio" onClick="funCallAminity('13');"><input type="radio" name="pr_aminities" class="PropertyAminity" value="13" ><b class="checkmark"></b> <dd>Pets Allowed</dd> <span>(2)</span></label><label class="iCheck-helper-type fancybtn-radio" onClick="funCallAminity('15');"><input type="radio" name="pr_aminities" class="PropertyAminity" value="15"><b class="checkmark"></b> <dd>Swimming Pool</dd> <span>(75)</span></label><label class="iCheck-helper-type fancybtn-radio" onClick="funCallAminity('38');"><input type="radio" name="pr_aminities" class="PropertyAminity" value="38"><b class="checkmark"></b> <dd>Air Conditioning</dd> <span>(141)</span></label><label class="iCheck-helper-type fancybtn-radio" onClick="funCallAminity('120');"><input type="radio" name="pr_aminities" class="PropertyAminity" value="120"><b class="checkmark"></b> <dd>Luggage Storage</dd> <span>(95)</span></label><label class="iCheck-helper-star fancybtn-radio" onClick="funCallAminity('');" style="margin: 0 0 8px 0; text-transform: uppercase;"><input type="radio" name="pr_aminities" class="PropertyAminity" value=""><b class="checkmark"></b> All</label></div> </div> <div style="clear:both;"></div> <div class="hidden-sm theiaStickySidebar"> <a href="javascript:;"><img src="/images/left_loyalty_banners.jpg" alt="Loyalty Points Offers" style="width: 100%;margin: 20px 0 0 0;"></a> </div> <div style="clear:both;"></div><br/> </div> </div> </div> </div> <!-- end left filter boxs --> </aside> <div class="col-lg-8 col-md-7 col-sm-12 col-xs-12"> <div class="list-sortby-car" style="padding: 20px 0 10px 0;"> <strong>Sort By: </strong> <div class="rgt-side"> <a href="javascript:;" id="carSortlink1" class="iCheckSortBy selectd" data-name="recommended">Recommended</a> <a href="javascript:;" id="carSortlink2" class="iCheckSortBy" data-name="ASC">Low Price</a> <a href="javascript:;" id="carSortlink3" class="iCheckSortBy" data-name="DESC">High Price</a> </div> </div> <div style="clear:both;"></div> <div class="rent-car-list hotels-search-list"> <div id="load_data"></div> </div> <div id="loadData_message"></div> <div class="loadMoreButton"></div> </div> <!-- End col-lg-8--> </div> </div> </div> <!-- End container --> <div id="footer_lazyload"></div> </main> <form name="frmSearchCityDataActive" id="frmSearchCityDataActive" method="post" class="clsSearchCityDataActive"> <input type="hidden" name="p_cityid" id="p_cityid" value="800035318" /> <input type="hidden" name="p_cityname" id="p_cityname" value="Doha" /> <input type="hidden" name="filtersStars" id="filtersStars" value="" /> <input type="hidden" name="filtersPriceMin" id="filtersPriceMin" value="" /> <input type="hidden" name="filtersPriceMax" id="filtersPriceMax" value="" /> <input type="hidden" name="filtersAminities" id="filtersAminities" value="" /> <input type="hidden" name="filtersLocation" id="filtersLocation" value="" /> <input type="hidden" name="filtersHoteltype" id="filtersHoteltype" value="" /> <input type="hidden" name="startPrice" id="startPrice" value="20" /> <input type="hidden" name="endPrice" id="endPrice" value="447" /> <input type="hidden" name="sortByFilter" id="sortByFilter" value="recommended"> <input type="hidden" id="pageNum" value="1"> </form> <!-- End main --> <footer class="revealed_"> <div class="footer_bottom"> <div class="container"> <!-- End row --> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3"> <nav class="footer-nav"> <h2 class="title title2">COMPANY</h2> <ul> <li> <a href="https://www.100destinations.com/about.html">About Us</a> </li> <li> <a href="https://www.100destinations.com/privacy-policy.html">Privacy & Policy</a> </li> <li> <a href="https://www.100destinations.com/terms-condition.html">Terms & Condition</a> </li> <li> <a href="https://www.100destinations.com/careers.html">Careers</a> </li> </ul> </nav> </div> <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3"> <nav class="footer-nav"> <h2 class="title title2">WORK WITH US</h2> <ul> <li> <a href="https://www.100destinations.com/contact-us.html">Contact Us</a> </li> <li> <a href="https://www.100destinations.com/supplier-inquiry.html">Supplier Inquiry</a> </li> <li> <a href="https://www.100destinations.com/supplier-inquiry.html">Become Partner</a> </li> <li> <a href="https://www.100destinations.com/earn-loyalty-points.html">Earn Loyalty Points</a> </li> </ul> </nav> </div> <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3"> <nav class="footer-nav"> <h2 class="title">Still have questions? </h2> <p>We are here to help!</p> </nav> <h3 class="footercontact"><i class="icon-phone-3"></i>+1 702-763-8692</h3> <div style="clear:both"></div> <div class="location2"> <i class=" icon-mail-alt"></i> <span>info@100destination.com</span> </div> <div style="clear:both"></div> <form class="frontsubscriptionform"> <div class="subscribe_box"> <strong class="title">GET EXCLUSIVE DEALS</strong> <i class="fa fa-envelope emailicon"></i> <input type="text" class="form-control exclusiveemail" name="email" placeholder="Your Email"> </div> <div class="subscribe_btn"> <input type="submit" class="btn emailsubmit" name="submit" value="submit"> </div> </form> </div> <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3"> <nav class="footer-nav"> <h2 class="title">OUR INSTAGRAM</h2> <p class="instagramdis">If you're not already following 100 Destinations on Instagram, then it's the right time to start!</p> </nav> <div class="footer_img_display"> <img src="/images/footer_img/1.jpg" alt="Instagram user 1"> <img src="/images/footer_img/2.jpg" alt="Instagram user 2"> <img src="/images/footer_img/3.jpg" alt="Instagram user 3"> <img src="/images/footer_img/4.jpg" alt="Instagram user 4"> <img src="/images/footer_img/5.jpg" alt="Instagram user 5"> <img src="/images/footer_img/6.jpg" alt="Instagram user 6"> <img src="/images/footer_img/7.jpg" alt="Instagram user 7" class="lg_device"> <img src="/images/footer_img/8.jpg" alt="Instagram user 8" class="lg_device"> </div> </div> </div> <!-- End row --> </div> <div class="footerbottom"> <div class="container footer_container" style=""> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-4 leftwrapper"><p>OUR SOCIAL LINKS <i class="icon-right-dir"></i></p> <a href="https://www.facebook.com/100destinations" target="_blank"><i class="icon-facebook icon"></i></a> <a href="javascript:;"><i class="icon-twitter icon"></i></a> <a href="javascript:;"><i class="icon-instagram-3 icon"></i> </a> </div> <div class="col-xs-12 col-sm-6 col-md-8"> <a href="https://www.100destinations.com/" class="destination"> 漏 2025 100Destinations. All rights reserved.</a> </div> </div> </div> <div style="clear:both"></div> </div> </div> <!-- End container --> </footer> <!-- End footer --> <div id="toTop"></div> <!-- Back to top button --> <input type="hidden" id="linksPrefix" value="/" > <input type="hidden" id="domainMainLink" value="https://www.100destinations.com/" ><!-- Common scripts --> <div class="modal fade" id="popupAuthorizeModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <div class="LoginMainBox"> <p class="close_icon"><i class="icon-cancel-6"></i></p> <div class="leftcol"> <div class="loginleftcol"> <h3>Welcome To</h3> <h2>100<span>Destination</span></h2> <p>To Keep connected with us please login with your personal info</p> <button type="button" class="register-btn AuthorizeActionBtn">Register</button> <div class="login_api_box"> <a href="https://www.facebook.com/v2.5/dialog/oauth?client_id=543452129791822&state=8cd93894de25d908712cbd8c9ddd3a9b&response_type=code&sdk=php-sdk-5.7.0&redirect_uri=https%3A%2F%2Fwww.100destinations.com%2Ffblogin%2Ffblogin.php&scope=email" class="login_fb"><i class="icon-facebook"></i> Login With Facebook</a> <a href="https://accounts.google.com/o/oauth2/auth?scope=https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.profile+https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.email&redirect_uri=https%3A%2F%2Fwww.100destinations.com%2Fgooglelogin%2Fgauth.php&response_type=code&client_id=494996734921-tcv0jvl4sucvs8m28gaffflnttfgnnvu.apps.googleusercontent.com&access_type=online" class="login_gmail"><i class="icon-google"></i> Login With Google</a> </div> </div> <div class="BookingBox"> <div class=""> <div class="iconboxs"> <div class="iconbg-circles icn-1"> <i class="fa fa-download"></i> <h3>View Your Trip</h3> </div> <p>View your trip complete details & latest updates from our travel experts.</p> </div> <div class="iconboxs"> <div class="iconbg-circles icn-2"> <i class="fa fa-close"></i> <h3>Cancel Your Trip</h3> </div> <p>Cancel your reservation/trip online anytime.</p> </div> <div class="iconboxs"> <div class="iconbg-circles icn-3"> <i class="fa fa-print"></i> <h3>Reprint Your Ticket</h3> </div> <p>Download a printable copy of your trip, if you've misplaced trip email.</p> </div> </div> </div> </div> <div class="rightcol"> <div class="loaderwrapper" style="display: block;"> <div class="loader-2 center" style="display: block;"><span></span> </div> </div> <div id="AuthorizeBox"> <form id="loginform"> <h3>Sign into your account</h3> <p class="servermsg text-center" style="margin: 0px;font-weight:bold; color:red;"></p> <div class="form-group"> <p class="errorloginemail text-center" style="font-weight:bold; color: red;padding:0px; margin:0px;"></p> <input type="text" name="email" id="email" autocomplete="off" placeholder="Email Address" value=""> </div> <div class="form-group"> <p class="errorloginpassword text-center" style="font-weight:bold; color: red;padding:0px; margin:0px;"></p> <input type="password" name="password" id="password" autocomplete="off" placeholder="Password" value=""> </div> <input type="hidden" name="loginsubmit" value="set";> <span class="forgot_password forgotpassword">Forgot Password?</span> <div class="submit-btn-box"> <button type="submit" class="submit-btn"><i class="icon-lock"></i> Login</button> </div> </form> <form id="registerform"> <script src="https://www.google.com/recaptcha/api.js" async defer></script> <input type="hidden" name="registerform" value="set";> <h3>Create an account</h3> <p class="servermsg2" style="font-weight:bold; color:red;margin-left:15px;"></p> <input type="text" id="signinname" name="signinname" placeholder="First Name" class="col-2-input"> <input type="text" id="nickname" name="nickname" placeholder="Last Name" class="col-2-input"> <input type="password" id="signinpassword" name="signinpassword" autocomplete="off" placeholder="Your Password" class="col-2-input"> <input type="password" id="signincpassword" name="signincpassword" autocomplete="off" placeholder="Confirm Password" class="col-2-input"> <input type="text" id="signinemail" name="signinemail" autocomplete="off" placeholder="Your Email" class="col-1-input"> <input type="text" id="signinccontact" name="signinccontact" placeholder="Your Contact No" class="col-1-input"> <center><div class="g-recaptcha" data-sitekey="6LeSi5AUAAAAAEe1ObwsOpAJvbg3G3V0C4-syDGC"></div></center> <button type="submit" class="btn btn-success pull-right popup-frmbtn"> <i class="icon-login"></i> Register</button> <style> .rc-anchor .rc-anchor-pt{ display:none !important; } </style> </form> <form id="forgotpasswordform"> <h3>Forgot Password</h3> <span class="error_msg" style="font-weight:normal;color:red;"></span> <input type="text" name="email" id="forgot_email" autocomplete="off" placeholder="Your Email Address" value=""> <div class="submit-btn-box"> <br/> <button type="submit" name="submit" class="btn btn-primary btn-xs popup-frmbtn"> <i class="icon-lock"></i> Submit </button> </div> </form> <div class="BookingBox BookingRightBox"> <h3 style="margin-bottom:0px;">Manage Your Bookings</h3> <p class="sub-barline text-center">To view or cancel your reservation, we need the following information from you.</p> <div class=""> <ul class="nav nav-tabs"> <li id="formtab_1" class="active"><a href="javascript:;" data-toggle="tab" onclick="manageMybookingFormTabs('1');">Hotel Booking</a></li> <li id="formtab_2"><a href="javascript:;" data-toggle="tab" onclick="manageMybookingFormTabs('2');">Car Booking</a></li> </ul> <div id="manageHotelbookingFrom" class="manageforms-box-inner" style="display: block;"> <form method="post" id="MngHotelbookingForm" name="MngHotelbookingForm"> <div class="main_form_area"> <input name="h_bookingid" id="h_bookingid" type="text" autocomplete="off" placeholder="Booking Itinerary/Trip Number *"> <input name="h_bookingemail" id="h_bookingemail" type="text" autocomplete="off" placeholder="Booking E-mail: *"> <div id="hotelErrorFormMsg" class="errormsg"></div> <center><button type="submit" name="hotelbookinfo" class="btn btn-primary btn-xs popup-frmbtn"> <i class="icon-doc-text"></i> View Reservation </button></center> </div> </form> </div> <div id="manageCarsbookingFrom" class="manageforms-box-inner" style="display: none;"> <form method="post" id="MngCarbookingForm" name="MngCarbookingForm"> <div class="main_form_area"> <input name="car_bookid" id="car_bookid" type="text" autocomplete="off" placeholder="Booking trip Number: *"> <input name="carbook_email" id="carbook_email" type="text" autocomplete="off" placeholder="Booking Email: *"> <div id="carErrorFormMsg" class="errormsg"></div> <center><button type="submit" name="carbookinfo" class="btn btn-primary btn-xs popup-frmbtn"> <i class="icon-doc-text"></i> View Reservation </button></center> </div> </form> </div> </div> </div> </div> </div> </div> </div> <input type="hidden" id="loginactionpageLoad" value="myaccount"> </div> </div> </div> <script type="text/javascript" src="/autocomplete/jquery-ui-1.8.2.custom.min.js"></script> <script type="text/javascript" src="/js/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="/js/jquery-ui.min.js"></script> <script type="text/javascript" src="/js/bootstrap.min.js"></script> <script type="text/javascript" src="/js/bootstrap-select.js"></script> <script type="text/javascript" src="/js/common_scripts_min.js"></script> <script type="text/javascript" src="/js/functions.js"></script> <script type="text/javascript" src="/js/sweetalert.min.js"></script> <script src="/js/jquery.flashy.min.js"></script> <script type="text/javascript" src="/js/custom_functions.js"></script> <script type="text/javascript" src="/js/NewUpdatedCustom.js"></script> <script> $(function(){ var domain_url = $('#domainMainLink').val(); }); </script> <script> window.user = ''; </script><script type="text/javascript" src="/rent_a_car_global_files/car-autocomplete-my-custom-script.js"></script> <link rel="stylesheet" href="/rent_a_car_global_files/autocomplete-car-css.css" type="text/css" media="screen" /> <script type="text/javascript" src="/js/search_custom_scripts.js"></script> <!--<script src="js/theia-sticky-sidebar.js"></script>--> <script type="text/javascript" src="/js/hotel_listing4.js"></script> <script> // var distance = $('.theiaStickySidebar').offset().top, // $window = $(window); // $window.scroll(function() { // if ( $window.scrollTop() >= distance ) { // // Your div has reached the top // $('#leftBarFiltersBoxs').css({ // position: 'fixed', // top: '0px', // left: '50px', // width: '410px', // height: '700px', // }); // console.log("Element Has Reached The Top"); // }else{ // $('#leftBarFiltersBoxs').css({ // position: 'static', // }); // } // }); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10