{"id":7064,"date":"2024-01-13T14:36:36","date_gmt":"2024-01-13T14:36:36","guid":{"rendered":"https:\/\/byhourshoteles.com.co\/?page_id=7064"},"modified":"2024-04-10T17:28:55","modified_gmt":"2024-04-10T17:28:55","slug":"select-city","status":"publish","type":"page","link":"https:\/\/byhourshoteles.com.co\/en\/select-city\/","title":{"rendered":"Selecciona tu ciudad"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><div class=\"vc_row wpb_row vc_row-fluid\" style=\"background-color:#331c54\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t    <div class=\"header-select-city\">\n        <img decoding=\"async\" class=\"logo\" src=\"https:\/\/byhourshoteles.com.co\/wp-content\/uploads\/2024\/01\/Logo-ByHours.webp\" alt=\"\">\n        <div class=\"language-opt-cont\">\n        <a href=\"#\" id=\"switch-language-opener\" class=\"cambiar-idioma\">\n            <img decoding=\"async\" src=\"\" alt=\"\" title=\"Language\">\n        <\/a><div class=\"language-switcher-popup\" data-opened=\"false\">\r\n\t<button class=\"option spanish-opt\" onclick=\"changeLanguage('Spanish')\">\r\n\t\t<img decoding=\"async\" src=\"https:\/\/byhourshoteles.com.co\/wp-content\/uploads\/2024\/04\/bandera-colombia.png\">\r\n\t\t<span>ESPA\u00d1OL<\/span>\r\n\t<\/button>\r\n\t<button class=\"option english-opt\" onclick=\"changeLanguage('English')\">\r\n\t\t<img decoding=\"async\" src=\"https:\/\/byhourshoteles.com.co\/wp-content\/uploads\/2024\/04\/bandera-eeuu.png\">\r\n\t\t<span>ENGLISH<\/span>\r\n\t<\/button>\r\n<\/div>\n        <\/div>\n\n    <\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1708004382939 vc_row-has-fill vc_row-o-full-height vc_row-o-columns-middle vc_row-flex\" style=\"background-image: url(https:\/\/byhourshoteles.com.co\/wp-content\/uploads\/2024\/02\/fondo_select_city.webp)\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element  subtitulo-principal\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h4 style=\"text-align: center;\"><span style=\"color: #ffffff;\">Hello, we love seeing you here!<\/span><\/h4>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"qodef-section-title-holder  qodef-st-standard qodef-st-title-left qodef-st-custom-title-font qodef-st-normal-space\" style=\"text-align: center\">\n\t<div class=\"qodef-st-inner\">\n        \t\t\t\t\t<h1 class=\"qodef-st-title\" style=\"color: #ffffff;margin-top: 15px;font-size: 48px\">\n\t\t\t\t\u00bfD\u00f3nde quieres<br \/> descansar?\t\t\t<\/h1>\n\t\t\t\t\t\t\t<p class=\"qodef-st-text\" style=\"color: #ffffff;margin-top: 20px\">\n\t\t\t\tSelecciona tu destino y descubre el Hotel ByHours que mejor se adapta a tus planes.\t\t\t<\/p>\n\t\t\t<\/div>\n<\/div><div class=\"vc_empty_space\"   style=\"height: 40px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html holder-selector-ciudad\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"custom-select\">\n<select name=\"select-city\">\n  <option value=\"\">Selecciona tu destino aqu\u00ed<\/option>\n  <option value=\"Barranquilla\">Barranquilla, Colombia<\/option>\n  <option value=\"Bogot\u00e1\">Bogot\u00e1 D.C, Colombia<\/option>\n<\/select>\n\n<\/div>\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 25px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid vc_row-o-content-middle vc_row-flex qodef-content-aligment-center\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><a itemprop=\"url\" href=\"#\" target=\"_self\" style=\"color: #ffffff;font-size: 15px;margin: 0 auto;padding: 4px 30px\" class=\"qodef-btn qodef-btn-medium qodef-btn-solid qodef-btn-custom-hover-bg qodef-btn-custom-hover-color btnSelectCity\" data-hover-color=\"#ff5800\" >\n    <span class=\"qodef-btn-text-wrapper\">\n        <span class=\"qodef-btn-text\">INGRESAR<\/span>\n            <\/span>\n    <span class=\"qodef-btn-bgrnd-wrapper\">\n        <span class=\"qodef-btn-bgrnd-idle\" style=\"background-color: #ff5800\"><\/span>\n        <span class=\"qodef-btn-bgrnd-hover\" style=\"background-color: #ffffff\"><\/span>\n    <\/span>\n<\/a><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\" ><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_hidden-lg vc_hidden-md vc_hidden-sm vc_hidden-xs\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_js\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<script> \n\nlet x, j, l, ll, selElmnt, a, b, c;\n\/* Look for any elements with the class \"custom-select\": *\/\nx = document.getElementsByClassName(\"custom-select\");\n\nl = x.length;\nconsole.log(x, l);\nfor (let i = 0; i < l; i++) {\n  selElmnt = x[i].getElementsByTagName(\"select\")[0];\n  \n  ll = selElmnt.length;\n  \/* For each element, create a new DIV that will act as the selected item: *\/\n  a = document.createElement(\"DIV\");\n  a.setAttribute(\"class\", \"select-selected\");\n  a.innerHTML = selElmnt.options[selElmnt.selectedIndex].innerHTML;\n  x[i].appendChild(a);\n  \/* For each element, create a new DIV that will contain the option list: *\/\n  b = document.createElement(\"DIV\");\n  b.setAttribute(\"class\", \"select-items select-hide\");\n  for (j = 1; j < ll; j++) {\n    \/* For each option in the original select element,\n    create a new DIV that will act as an option item: *\/\n    c = document.createElement(\"DIV\");\n    c.innerHTML = selElmnt.options[j].innerHTML;\n    c.addEventListener(\"click\", function(e) {\n        \/* When an item is clicked, update the original select box,\n        and the selected item: *\/\n        let y, i, k, s, h, sl, yl;\n        s = this.parentNode.parentNode.getElementsByTagName(\"select\")[0];\n        sl = s.length;\n        h = this.parentNode.previousSibling;\n        for (i = 0; i < sl; i++) {\n          if (s.options[i].innerHTML == this.innerHTML) {\n            s.selectedIndex = i;\n            h.innerHTML = this.innerHTML;\n            \n            document.querySelector('[name=select-city]').value = this.innerHTML === 'Barranquilla, Colombia' ? 'Barranquilla' : 'Bogot\u00e1';\n            y = this.parentNode.getElementsByClassName(\"same-as-selected\");\n            yl = y.length;\n            for (k = 0; k < yl; k++) {\n              y[k].removeAttribute(\"class\");\n            }\n            this.setAttribute(\"class\", \"same-as-selected\");\n            break;\n          }\n        }\n        h.click();\n    });\n    b.appendChild(c);\n  }\n  x[i].appendChild(b);\n  a.addEventListener(\"click\", function(e) {\n    \/* When the select box is clicked, close any other select boxes,\n    and open\/close the current select box: *\/\n    e.stopPropagation();\n    closeAllSelect(this);\n    this.nextSibling.classList.toggle(\"select-hide\");\n    this.classList.toggle(\"select-arrow-active\");\n  });\n}\n\nfunction closeAllSelect(elmnt) {\n  \/* A function that will close all select boxes in the document,\n  except the current select box: *\/\n  let x, y, i, xl, yl, arrNo = [];\n  x = document.getElementsByClassName(\"select-items\");\n  y = document.getElementsByClassName(\"select-selected\");\n  xl = x.length;\n  yl = y.length;\n  for (i = 0; i < yl; i++) {\n    if (elmnt == y[i]) {\n      arrNo.push(i)\n    } else {\n      y[i].classList.remove(\"select-arrow-active\");\n    }\n  }\n  for (i = 0; i < xl; i++) {\n    if (arrNo.indexOf(i)) {\n      x[i].classList.add(\"select-hide\");\n    }\n  }\n}\n\n\/* If the user clicks anywhere outside the select box,\nthen close all select boxes: *\/\ndocument.addEventListener(\"click\", closeAllSelect);\n\n <\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"ESPA\u00d1OL ENGLISH \u00a1Hola, nos encanta verte aqu\u00ed! \u00bfD\u00f3nde quieres descansar? Selecciona tu destino y descubre el Hotel ByHours que mejor se adapta a tus planes. Selecciona tu destino aqu\u00ed Barranquilla, Colombia Bogot\u00e1 D.C, Colombia INGRESAR","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"coming-soon-page.php","meta":{"footnotes":""},"class_list":["post-7064","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Selecciona tu ciudad - Hoteles ByHours<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/byhourshoteles.com.co\/en\/select-city\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Selecciona tu ciudad - Hoteles ByHours\" \/>\n<meta property=\"og:url\" content=\"https:\/\/byhourshoteles.com.co\/en\/select-city\/\" \/>\n<meta property=\"og:site_name\" content=\"Hoteles ByHours\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-10T17:28:55+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/byhourshoteles.com.co\/select-city\/\",\"url\":\"https:\/\/byhourshoteles.com.co\/select-city\/\",\"name\":\"Selecciona tu ciudad - Hoteles ByHours\",\"isPartOf\":{\"@id\":\"https:\/\/byhourshoteles.com.co\/#website\"},\"datePublished\":\"2024-01-13T14:36:36+00:00\",\"dateModified\":\"2024-04-10T17:28:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/byhourshoteles.com.co\/select-city\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/byhourshoteles.com.co\/select-city\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/byhourshoteles.com.co\/select-city\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/byhourshoteles.com.co\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Selecciona tu ciudad\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/byhourshoteles.com.co\/#website\",\"url\":\"https:\/\/byhourshoteles.com.co\/\",\"name\":\"Hoteles ByHours\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/byhourshoteles.com.co\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Selecciona tu ciudad - Hoteles ByHours","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/byhourshoteles.com.co\/en\/select-city\/","og_locale":"en_US","og_type":"article","og_title":"Selecciona tu ciudad - Hoteles ByHours","og_url":"https:\/\/byhourshoteles.com.co\/en\/select-city\/","og_site_name":"Hoteles ByHours","article_modified_time":"2024-04-10T17:28:55+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/byhourshoteles.com.co\/select-city\/","url":"https:\/\/byhourshoteles.com.co\/select-city\/","name":"Selecciona tu ciudad - Hoteles ByHours","isPartOf":{"@id":"https:\/\/byhourshoteles.com.co\/#website"},"datePublished":"2024-01-13T14:36:36+00:00","dateModified":"2024-04-10T17:28:55+00:00","breadcrumb":{"@id":"https:\/\/byhourshoteles.com.co\/select-city\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/byhourshoteles.com.co\/select-city\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/byhourshoteles.com.co\/select-city\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/byhourshoteles.com.co\/"},{"@type":"ListItem","position":2,"name":"Selecciona tu ciudad"}]},{"@type":"WebSite","@id":"https:\/\/byhourshoteles.com.co\/#website","url":"https:\/\/byhourshoteles.com.co\/","name":"Hoteles ByHours","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/byhourshoteles.com.co\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/byhourshoteles.com.co\/en\/wp-json\/wp\/v2\/pages\/7064","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/byhourshoteles.com.co\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/byhourshoteles.com.co\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/byhourshoteles.com.co\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/byhourshoteles.com.co\/en\/wp-json\/wp\/v2\/comments?post=7064"}],"version-history":[{"count":100,"href":"https:\/\/byhourshoteles.com.co\/en\/wp-json\/wp\/v2\/pages\/7064\/revisions"}],"predecessor-version":[{"id":8462,"href":"https:\/\/byhourshoteles.com.co\/en\/wp-json\/wp\/v2\/pages\/7064\/revisions\/8462"}],"wp:attachment":[{"href":"https:\/\/byhourshoteles.com.co\/en\/wp-json\/wp\/v2\/media?parent=7064"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}