1 2<!DOCTYPE html> 3 4<html class="no-js"> 5<head> 6 <meta charset="UTF-8"> 7 <title>Placing your ad on Roomgo is FREE, fast and simple.</title> 8 9 <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 10 <meta name="facebook-domain-verification" content="ft0apes7zvs74rr737s50iod3dav5y" /> 11 <meta property="erm:version" content="3.0.1.1073"> 12 13 <meta property="erm:machine" content="RGWEB01"> 14 15 <meta id="e_metaDescription" name="DESCRIPTION" content="Create free United States room for rent adverts & generate new leads. Use our roommate finder United States to search for tenants on mobile & proactively contact thousands of roommates United States." /> 16<meta id="e_metaKeywords" name="KEYWORDS"/> 17 18 <meta name="robots" content="index, follow" /> 19<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 20 21 22 23 24 <link rel="shortcut icon" type="image/x-icon" href="/favicon-rg.ico" /> 25 26 27 28 29 <style id="preloadCSS">.header,body{padding:0;font-size:14px;margin:0}body{font-family:Helvetica,Arial,sans-serif;color:#555}.header{width:100%;background-color:#2574a9;color:#fff;font-family:Lato,Arial;font-weight:400}@media only screen and (min-width:850px){.header{height:70px}}@media only screen and (max-width:849px){.header{height:50px}}.header-logo{padding-top:14px;padding-left:15px}.header-logo img{height:40px;max-width:220px}.calltoaction_area{width:100%;color:#fff;background-color:#000;text-align:center;background-size:cover;background-position:center center;background-repeat:repeat;box-sizing:border-box;padding:0 15px 50px;margin:0;min-height:570px;max-height:1300px;position:relative;overflow:hidden}.inline-input .left,.inline-input .right{position:relative;word-wrap:break-word;text-align:left;box-sizing:border-box}.calltoaction_area .calltoaction_area_content{max-width:800px;position:relative}@media only screen and (min-width:850px){.calltoaction_area{min-height:600px}.calltoaction_area .calltoaction_area_content{top:150px;padding:0;margin:auto}}@media only screen and (max-width:849px){.calltoaction_area .calltoaction_area_content{top:50px}}.calltoaction_area h1{padding:0;margin:0 0 20px;font-size:2.813rem;line-height:normal;font-weight:400}.calltoaction_area_label{padding:0;margin:0 0 20px;font-size:1.375rem}.heading.white{color:#fff}.inline-input .left{float:left;margin:0;padding:0;width:calc(100% - 110px)}.inline-input .left input{height:60px;width:100%;margin:0;padding:0 10px;border:1px solid #cdcdcd;border-right:none;box-sizing:border-box;color:#323232;font-size:.9375rem;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none}.inline-input .right{float:right;margin:0;padding:0;width:110px;background-color:#f76426;height:60px;border-top-right-radius:3px;border-bottom-right-radius:3px;overflow:hidden}body:after,body:before{content:"";position:fixed;z-index:15}.inline-input .right div{font-weight:700;text-align:center;line-height:60px;color:#fff;cursor:pointer}.page-container{width:auto;margin:auto;padding:5%}@media only screen and (min-width:850px){.page-container.responsive-margin-bottom{margin-top:15px;margin-bottom:15px}}@media(min-width:1020px){.page-container{width:1000px}}.page{background:#fff;height:auto;padding:5%}@media(max-width:850px){.grid-box.right-menu.mobile-hide{display:none}}*{font-weight:400}.bottom_bar,.calltoaction_area_content .button,.seo-snippet-area,.why-use,.carousel_area,.listing_area,.seo-snippet-area,.top-locations-grid_area,.location-list-area,.promo_area,.confirmation-desktop,.divider-note,.filters_box_mv,.filters_box_mv_mobile,.footer,.footer-upgrade-link,.form_area_content,.form_area_info.plain-form,.grid-box.right-menu,.list-view-content,.listing-images-container,.location_field_error,.location_field_results_area,.map_area,.mobile-hide,.modal-box,.side_menu,.stats_area,[class^=btn],svg{display:none!important}body:before{width:100%;height:100%;background:#fff;top:70px}body:after{top:70px;width:60px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDBweCIgIGhlaWdodD0iNDBweCIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIiBjbGFzcz0ibGRzLWVjbGlwc2UiIHN0eWxlPSJiYWNrZ3JvdW5kOiByZ2IoMjU1LCAyNTUsIDI1NSk7Ij4KICAgIDxwYXRoIG5nLWF0dHItZD0ie3tjb25maWcucGF0aENtZH19IiBuZy1hdHRyLWZpbGw9Int7Y29uZmlnLmNvbG9yfX0iIHN0cm9rZT0ibm9uZSIgZD0iTTEwIDUwQTQwIDQwIDAgMCAwIDkwIDUwQTQwIDQyIDAgMCAxIDEwIDUwIiBmaWxsPSIjZjc2NDI2IiB0cmFuc2Zvcm09InJvdGF0ZSgzMzYgNTAgNTEpIj4KICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGNhbGNNb2RlPSJsaW5lYXIiIHZhbHVlcz0iMCA1MCA1MTszNjAgNTAgNTEiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSIwcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZVRyYW5zZm9ybT4KICAgIDwvcGF0aD4KICA8L3N2Zz4=);background-size:40px;background-repeat:no-repeat;height:60px;background-position:-10px;-webkit-animation:spin 2s linear infinite;-moz-animation:spin 2s linear infinite;animation:spin 2s linear infinite;transform-origin:10px 30px;left:20px}@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.clear{clear:both}#locSearchResults{display:none}#location_field_div{margin-top:30px;margin-bottom:50px;height:60px}.hero__background-image{position:absolute;bottom:0;left:50%;width:auto;height:100%;transform:translateX(-50%)}
29@media(min-width:900px){.hero__background-image{width:100%;height:auto;transform:translate(-50%,0)}}@media(min-width:1800px){.hero__background-image{transform:translate(-50%,15%)}}</style> 30 31 32<google-maps-properties data-api-key="AIzaSyBywB08oedi9vzk-ZzM-3owyKaMnTvHV_k" 33 data-country-code="US" 34 data-language-code="en"> 35</google-maps-properties> 36 37 38 39 40 41 42 43 44 <link rel="preconnect" href="https://static.erm-assets.com/r3-0-1-1073"> 45 46 47 <link async="async" href="https://static.erm-assets.com/r3-0-1-1073/assets/Dist/css/shared.min.css" rel="stylesheet" type="text/css" /> 48<link async="async" href="https://static.erm-assets.com/r3-0-1-1073/assets/Dist/css/ErmCss.Post.Room.min.css" rel="stylesheet" type="text/css" /> 49<link async="async" href="https://static.erm-assets.com/r3-0-1-1073/assets/Dist/css/ErmCss.AppleMaps.min.css" rel="stylesheet" type="text/css" /> 50 51 52
52<script> 53 // Define dataLayer and the gtag function. 54 window.dataLayer = window.dataLayer || []; 55 function gtag() { dataLayer.push(arguments); } 56 57 // Default ad_storage to 'denied'. 58 gtag('consent', 'default', { 59 ad_storage: "denied", 60 analytics_storage: "denied", 61 functionality_storage: "denied", 62 personalization_storage: "denied", 63 security_storage: "denied", 64 ad_user_data: "denied", 65 ad_personalization: "denied", 66 'wait_for_update': 500 67 68 }); 69 </script>
69 70 71 72 73 74
74<script>
vendor: 352 bytes, lines 74-79
74 75 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 76 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 77 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 78 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 79 })(window, document, 'script', 'dataLayer', '
79GTM-NCFNM8
vendor: 8 bytes, lines 79-80
79'); 80
80</script>
80 81 82 83
83<script src="https://cookie-cdn.cookiepro.com/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="bb518981-2d6e-4fef-955a-4c2c71896cf8"></script>
83 84
84<script type="text/javascript"> 85 function OptanonWrapper() { } 86 </script>
86 87 88 89 90 91</head> 92 93<body> 94 95 <div id="lightbox-bkg" class="lightbox-fade ease-out"></div> 96 97 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> 98 <symbol id="ico-check" viewBox="0 0 50 50"> 99 <circle style="fill: #00b16a;" cx="25" cy="25" r="25"></circle> 100 <polyline style="fill: none; stroke: #FFFFFF; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10;" points=" 101 38,15 22,33 12,25 "></polyline> 102 </symbol> 103 <symbol id="ico-user" viewBox="0 0 32 32"> 104 <g> 105 <path d="M16,22c4.963,0,9-4.936,9-11c0-6.064-4.038-11-9-11c-2.447,0-4.734,1.174-6.438,3.305C7.909,5.37,7,8.104,7,11.001 106 C7,17.064,11.037,22,16,22z M16,2.001c3.859,0,7,4.037,7,9c0,4.962-3.141,9-7,9c-3.859,0-7-4.038-7.001-9 107 C8.999,6.038,12.14,2.001,16,2.001z M23,20c-0.553,0-1,0.447-1,1s0.447,1,1,1c3.859,0,7,3.141,7,7c0,0.551-0.449,1-1,1H3 108 c-0.551,0-1-0.449-1-1c0-3.859,3.141-7,7-7c0.553,0,1-0.447,1-1s-0.447-1-1-1c-4.963,0-9,4.037-9,9c0,1.654,1.346,3,3,3h26 109 c1.654,0,3-1.346,3-3C32,24.038,27.963,20,23,20z"/> 110 </g> 111 </symbol> 112 <symbol id="ico-fb" viewBox="-705.94 2986.857 9.643 18.571"> 113 <path d="M10.7-17.009v2.946H8.951a1.64,1.64,0,0,0-1.295.4,1.849,1.849,0,0,0-.335,1.205v2.109h3.27l-.435,3.3H7.321V1.429H3.906V-7.042H1.06v-3.3H3.906v-2.433A4.317,4.317,0,0,1,5.067-16a4.213,4.213,0,0,1,3.092-1.144A18.463,18.463,0,0,1,10.7-17.009Z" transform="translate(-707 3004)" /> 114 </symbol> 115 <symbol id="ico-message" viewBox="-1772.5 8476.071 17 13.571"> 116 <path d="M8-7.375V-.286A1.376,1.376,0,0,1,7.58.723a1.376,1.376,0,0,1-1.009.42H-6.571A1.376,1.376,0,0,1-7.58.723,1.376,1.376,0,0,1-8-.286V-7.375a4.735,4.735,0,0,0,.9.777q3.232,2.2,4.438,3.08.509.375.826.585A5.1,5.1,0,0,0-.991-2.5a2.573,2.573,0,0,0,.982.219H.009A2.573,2.573,0,0,0,.991-2.5a5.1,5.1,0,0,0,.844-.429q.317-.21.826-.585,1.518-1.1,4.446-3.08A4.925,4.925,0,0,0,8-7.375ZM8-10a2.36,2.36,0,0,1-.437,1.348,4.245,4.245,0,0,1-1.089,1.1l-4.179,2.9q-.089.062-.379.272t-.482.339q-.192.129-.464.29a2.7,2.7,0,0,1-.513.241,1.419,1.419,0,0,1-.446.08H-.009a1.419,1.419,0,0,1-.446-.08A2.7,2.7,0,0,1-.969-3.75q-.272-.161-.464-.29t-.482-.339q-.29-.21-.379-.272-.813-.571-2.339-1.629t-1.83-1.272A4.433,4.433,0,0,1-7.509-8.585,2.085,2.085,0,0,1-8-9.8a1.8,1.8,0,0,1,.371-1.161,1.275,1.275,0,0,1,1.058-.464H6.571a1.38,1.38,0,0,1,1,.42A1.368,1.368,0,0,1,8-10Z" transform="translate(-1764 8488)"/> 117 </symbol> 118 <symbol id="ico-home" viewBox="0 0 512 512"> 119 <path d="m256 35l221 215-3 3c-10 9-16 25-16 41l0 154c0 29-4 32-36 32l-67 0 0-99c0-48-32-99-99-99-61 0-99 38-99 99l0 99-67 0c-29 0-36-6-36-32l0-154c0-16-6-32-16-41l-3-3 221-215m0-35c-6 0-13 3-19 6l-231 224c-9 10-9 26 0 36l7 6c6 10 9 16 9 22l0 154c0 42 20 64 68 64l332 0c52 0 68-19 68-64l0-154c0-6 3-12 6-19l6-6c10-10 10-26 0-35l-230-224c-3-7-10-10-16-10z m-67 480l0-99c0-32 16-64 67-64 48 0 67 32 67 64l0 99c-61 0-83 0-134 0z" /> 120 </symbol> 121 <symbol id="ico-calendar" viewBox="0 0 36.447 36.447"> 122 <g> 123 <g> 124 <path d="M30.224,3.948h-1.098V2.75c0-1.517-1.197-2.75-2.67-2.75c-1.474,0-2.67,1.233-2.67,2.75v1.197h-2.74V2.75 125 c0-1.517-1.197-2.75-2.67-2.75c-1.473,0-2.67,1.233-2.67,2.75v1.197h-2.74V2.75c0-1.517-1.197-2.75-2.67-2.75 126 c-1.473,0-2.67,1.233-2.67,2.75v1.197H6.224c-2.343,0-4.25,1.907-4.25,4.25v24c0,2.343,1.907,4.25,4.25,4.25h24 127 c2.344,0,4.25-1.907,4.25-4.25v-24C34.474,5.855,32.567,3.948,30.224,3.948z M25.286,2.75c0-0.689,0.525-1.25,1.17-1.25 128 c0.646,0,1.17,0.561,1.17,1.25v4.896c0,0.689-0.524,1.25-1.17,1.25c-0.645,0-1.17-0.561-1.17-1.25V2.75z M17.206,2.75 129 c0-0.689,0.525-1.25,1.17-1.25s1.17,0.561,1.17,1.25v4.896c0,0.689-0.525,1.25-1.17,1.25s-1.17-0.561-1.17-1.25V2.75z M9.125,2.75 130 c0-0.689,0.525-1.25,1.17-1.25s1.17,0.561,1.17,1.25v4.896c0,0.689-0.525,1.25-1.17,1.25s-1.17-0.561-1.17-1.25V2.75z 131 M31.974,32.198c0,0.965-0.785,1.75-1.75,1.75h-24c-0.965,0-1.75-0.785-1.75-1.75v-22h27.5V32.198z"/> 132 <rect x="6.724" y="14.626" width="4.595" height="4.089"/>
133 <rect x="12.857" y="14.626" width="4.596" height="4.089"/> 134 <rect x="18.995" y="14.626" width="4.595" height="4.089"/> 135 <rect x="25.128" y="14.626" width="4.596" height="4.089"/> 136 <rect x="6.724" y="20.084" width="4.595" height="4.086"/> 137 <rect x="12.857" y="20.084" width="4.596" height="4.086"/> 138 <rect x="18.995" y="20.084" width="4.595" height="4.086"/> 139 <rect x="25.128" y="20.084" width="4.596" height="4.086"/> 140 <rect x="6.724" y="25.54" width="4.595" height="4.086"/> 141 <rect x="12.857" y="25.54" width="4.596" height="4.086"/> 142 <rect x="18.995" y="25.54" width="4.595" height="4.086"/> 143 <rect x="25.128" y="25.54" width="4.596" height="4.086"/> 144 </g> 145 </g> 146 </symbol> 147 <symbol id="ico-photo" viewBox="-1687.5 2684.286 19.522 15.818"> 148 <path d="M6.174-5.892a1.786,1.786,0,0,1-.54,1.312,1.786,1.786,0,0,1-1.312.54A1.786,1.786,0,0,1,3.01-4.58a1.786,1.786,0,0,1-.54-1.312A1.786,1.786,0,0,1,3.01-7.2a1.786,1.786,0,0,1,1.312-.54,1.786,1.786,0,0,1,1.312.54A1.786,1.786,0,0,1,6.174-5.892Zm9.878,3.7V2.134H2.47V.282L5.557-2.805,7.1-1.262,12.039-6.2Zm.926-6.791H1.544a.3.3,0,0,0-.217.092.3.3,0,0,0-.092.217V3.06a.313.313,0,0,0,.309.309H16.979a.313.313,0,0,0,.309-.309V-8.671a.3.3,0,0,0-.092-.217A.3.3,0,0,0,16.979-8.979Zm1.544.309V3.06a1.486,1.486,0,0,1-.453,1.09,1.486,1.486,0,0,1-1.09.453H1.544A1.486,1.486,0,0,1,.453,4.15,1.486,1.486,0,0,1,0,3.06V-8.671a1.486,1.486,0,0,1,.453-1.09,1.486,1.486,0,0,1,1.09-.453H16.979a1.486,1.486,0,0,1,1.09.453A1.486,1.486,0,0,1,18.522-8.671Z" transform="translate(-1687 2695)"></path> 149 </symbol> 150</svg> 151 152<!-- SVG --> 153<svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> 154 <symbol id="ico-sidemenu-open" viewBox="0 0 25 25"> 155 <path d="M0,2 L25,2 L25,6 L0,6 L0,2 Z M0,10 L25,10 L25,14 L0,14 L0,10 Z M0,18 L25,18 L25,22 L0,22 L0,18 Z"></path> 156 </symbol> 157 <symbol id="ico-sidemenu-close" viewBox="0 0 512 512"> 158 <polygon points="445.2,109.2 402.8,66.8 256,213.6 109.2,66.8 66.8,109.2 213.6,256 66.8,402.8 109.2,445.2 256,298.4 402.8,445.2 445.2,402.8 298.4,256 " /> 159 </symbol> 160</svg> 161<!-- END SVG --> 162 163<!-- HEADER --> 164<div class="header" id="header"> 165 <div class="header-content"> 166 167 <div class="grid-wrapper"> 168 <div class="grid-box left-menu"> 169 <div class="navigation-icon" id="navigation-icon"> 170 <span></span> 171 <span></span> 172 <span></span> 173 <span></span> 174 </div> 175 <div class="header-logo"> 176 <a href="https://www.roomgo.net"> 177 <img id="headerLogo" src="https://static.erm-assets.com/r3-0-1-1073/assets/img/US/r_logo.png" alt="Rooms for Rent and Roommates | Roomgo"> 178 </a> 179 </div> 180 <div class="header-flag-container-mobile"> 181 <span class="flag-ico US on-load"></span> 182 <svg class="flag_arrow_down_ico"> 183 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ico-arrow-down"></use> 184 </svg> 185 </div> 186 </div> 187 <div class="grid-box right-menu"> 188 </div> 189 </div> 190 191 </div> 192</div> 193 194<!-- END HEADER --> 195 196<!-- SIDE MENU --> 197<div class="side_menu" id="side_menu"> 198 <ul class="side_menu_nav" id="side_menu_nav"> 199 <li class="side_menu_item"> 200 <a href="/login" class="side_menu_link" rel="nofollow">Login</a> 201 </li> 202 <li class="side_menu_item"> 203 <a href="/misc/faq.aspx" class="side_menu_link" rel="nofollow" data-test="hp-side-help-link">Help</a> 204 </li> 205 <li class="side_menu_item"> 206 <a href="https://help.roomgo.net" class="side_menu_link" rel="nofollow">Contact Us</a> 207 </li> 208 <li class="side_menu_item"> 209 <a href="/privacy" class="side_menu_link" rel="nofollow">Privacy Policy</a> 210 </li> 211 </ul> 212</div> 213<!-- END SIDE MENU --> 214 215 216 217 218 219 220<tracking-page-properties data-page-name="HavePosting - New User"> 221</tracking-page-properties> 222 223<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
224 <symbol id="ico-chevron" viewBox="-1667.728 2167.247 5.41 9.731"> 225 <path d="M-627.242-153.656l-4.273-4.273a.538.538,0,0,1-.056-.049.537.537,0,0,1-.159-.386.537.537,0,0,1,.159-.385.542.542,0,0,1,.057-.05l4.272-4.272a.539.539,0,0,1,.764,0,.541.541,0,0,1,0,.764l-3.943,3.943,3.943,3.943a.541.541,0,0,1,0,.764.538.538,0,0,1-.382.158A.54.54,0,0,1-627.242-153.656Z" transform="translate(-2294.048 2013.748) rotate(180)"></path> 226 </symbol> 227 <symbol id="ico-sidemenu-close" viewBox="0 0 512 512"> 228 <polygon points="445.2,109.2 402.8,66.8 256,213.6 109.2,66.8 66.8,109.2 213.6,256 66.8,402.8 109.2,445.2 256,298.4 402.8,445.2 445.2,402.8 298.4,256 "></polygon> 229 </symbol> 230</svg> 231 232<a id="top" class="scroll-section" data-screen="1"></a> 233<div class="page-container" id="roomPosting"> 234 235 <div class="posting-container"> 236 237 <div id="page-wrap"> 238 239 <div id="errorNote" class="error-notification desktop-hide">Please fix the highlighted errors before continuing.</div> 240 241 <div class="mobile-panels"> 242 <div data-mobile="1" id="mobStep1" class="show"> 243 <div class="box-content align-center"> 244 <h1 class="orange">Post your room</h1> 245 <p class="heading heading--medium bold grey margin-top margin-bottom-0">It's FREE to advertise your room in the web's largest roommate community!</p> 246 <p class="text--small">Mandatory fields are marked with (*)</p> 247 </div> 248 249 <h2 class="heading heading--info grey bold">Location</h2> 250<div class="location_field_div" id="location_field_div"> 251 <location-search-properties data-api-key="AIzaSyBywB08oedi9vzk-ZzM-3owyKaMnTvHV_k" 252 data-country-code="US" 253 data-language-code="en"> 254 </location-search-properties> 255 256 <div class="box-content location-area"> 257 <div> 258 <label>Enter your full address</label> 259 <input type="text" 260 id="search-location" 261 class="input_field" data-test="pf-searchtext" 262 autocomplete="off" 263 placeholder="e.g. 40 Lincoln Blvd, Santa Monica, CA 90401..." 264 value="" /> 265 <div id="mapResults" class="mapSearchResults"></div> 266 </div> 267 268 <!-- error location field --> 269 <div class="location_field_error location-not-found" data-test="pf-invalid-location"> 270 <p class="error-msg">Invalid location. Please enter the first line of your address</p> 271 </div> 272 273 <div class="location_field_error location-not-selected" data-test="pf-blank-location">Invalid location. Please enter the first line of your address</div> 274 <!-- end error location field --> 275 <!-- google map api location results --> 276 <div class="location_field_results_area"> 277 <div class="location_field_results_title has-error"> 278 <p class="error-msg">We have mutliple selections for this location. Please select the right location for your property</p> 279 </div> 280 <div class="location_field_results"> 281 </div> 282 </div> 283 <!-- end google map api location results --> 284 285 286 <div class="map-parent margin-top"> 287 <p class="align-center">Tap/Click the map to change pin location</p> 288 <div id="map"></div> 289 <div class="mobile-hide"> 290 <button class="button button-orange button--flat button--long button--large margin-top" id="confirmLocBtn">Confirm Address</button> 291 </div> 292 </div> 293 294 </div> 295 <div class="clear"></div> 296</div> 297 </div> 298 299 <div data-mobile="2" id="mobStep2" class="desktop-hide"> 300 <h2 id="one" class="scroll-section heading heading--info grey bold" data-screen="2">About the property</h2> 301<div class="box-content"> 302 303 <div id="dwellingCode" class="validation-box"> 304 <label>Property type</label> 305 <div class="radio-container button-3"> 306 <div> 307 <input type="radio" id="propertyType1" name="radio2" data-prop="dwellingCode" data-value="Build" /> 308 <label for="propertyType1">Apartment</label> 309 </div> 310 311 <div> 312 <input type="radio" id="propertyType2" name="radio2" data-prop="dwellingCode" data-value="1" /> 313 <label for="propertyType2">House</label> 314 </div> 315 316 <div> 317 <input type="radio" id="propertyType3" name="radio2" data-prop="dwellingCode" data-value="2" /> 318 <label for="propertyType3">Studio</label> 319 </div> 320 </div> 321 <p class="error-msg">Please specify what type of property it is.</p> 322 </div> 323 324 <div id="numBedrooms" class="validation-box"> 325 <label>Total number of bedrooms</label> 326 <div class="num-increment desktop-hide" data-prop="totalBedrooms"> 327 <div class="num-increment--minus adjust" data-type="-"></div> 328 <input type="number" class="num-increment--num" value="1" data-prop="totalBedrooms" data-min="1" data-max="9" /> 329 <div class="num-increment--plus adjust" data-type="+"></div> 330 </div> 331 332 <div class="radio-container button-9 mobile-hide" data-field="numBedrooms"> 333 <div> 334 <input type="radio" id="numBedrooms1" name="numBedrooms" data-prop="totalBedrooms" data-value="1" checked /> 335 <label for="numBedrooms1">1</label> 336 </div> 337 338 <div> 339 <input type="radio" id="numBedrooms2" name="numBedrooms" data-prop="totalBedrooms" data-value="2" /> 340 <label for="numBedrooms2">2</label> 341 </div> 342 343 <div> 344 <input type="radio" id="numBedrooms3" name="numBedrooms" data-prop="totalBedrooms" data-value="3" /> 345 <label for="numBedrooms3">3</label> 346 </div> 347 348 <div> 349 <input type="radio" id="numBedrooms4" name="numBedrooms" data-prop="totalBedrooms" data-value="4" /> 350 <label for="numBedrooms4">4</label> 351 </div> 352 353 <div> 354 <input type="radio" id="numBedrooms5" name="numBedrooms" data-prop="totalBedrooms" data-value="5" /> 355 <label for="numBedrooms5">5</label> 356 </div> 357 358 <div> 359 <input type="radio" id="numBedrooms6" name="numBedrooms" data-prop="totalBedrooms" data-value="6" /> 360 <label for="numBedrooms6">6</label> 361 </div> 362 363 <div> 364 <input type="radio" id="numBedrooms7" name="numBedrooms" data-prop="totalBedrooms" data-value="7" /> 365 <label for="numBedrooms7">7</label> 366 </div> 367 368 <div> 369 <input type="radio" id="numBedrooms8" name="numBedrooms" data-prop="totalBedrooms" data-value="8" /> 370 <label for="numBedrooms8">8</label> 371 </div> 372 373 <div> 374 <input type="radio" id="numBedrooms9" name="numBedrooms" data-prop="totalBedrooms" data-value="9" /> 375 <label for="numBedrooms9">9+</label> 376 </div> 377 </div> 378 </div> 379 380 <div> 381 <label>Total number of bathrooms</label> 382 <div class="num-increment desktop-hide" data-prop="totalBathrooms"> 383 <div class="num-increment--minus adjust" data-type="-"></div> 384 <input type="number" class="num-increment--num" value="1" data-prop="totalBathrooms" data-min="1" data-max="9" /> 385 <div class="num-increment--plus adjust" data-type="+"></div> 386 </div> 387 388 <div class="radio-container button-9 mobile-hide" data-field="numBathRooms"> 389 <div> 390 <input type="radio" id="numBathRooms1" name="numBathRooms" data-prop="totalBathrooms" data-value="1" checked /> 391 <label for="numBathRooms1">1</label> 392 </div> 393 394 <div> 395 <input type="radio" id="numBathRooms2" name="numBathRooms" data-prop="totalBathrooms" data-value="2" /> 396 <label for="numBathRooms2">2</label> 397 </div> 398 399 <div> 400 <input type="radio" id="numBathRooms3" name="numBathRooms" data-prop="totalBathrooms" data-value="3" /> 401 <label for="numBathRooms3">3</label> 402 </div> 403 404 <div> 405 <input type="radio" id="numBathRooms4" name="numBathRooms" data-prop="totalBathrooms" data-value="4" /> 406 <label for="numBathRooms4">4</label> 407 </div> 408 409 <div> 410 <input type="radio" id="numBathRooms5" name="numBathRooms" data-prop="totalBathrooms" data-value="5" /> 411 <label for="numBathRooms5">5</label> 412 </div> 413 414 <div> 415 <input type="radio" id="numBathRooms6" name="numBathRooms" data-prop="totalBathrooms" data-value="6" /> 416 <label for="numBathRooms6">6</label> 417 </div> 418 419 <div> 420 <input type="radio" id="numBathRooms7" name="numBathRooms" data-prop="totalBathrooms" data-value="7" /> 421 <label for="numBathRooms7">7</label> 422 </div> 423 424 <div> 425 <input type="radio" id="numBathRooms8" name="numBathRooms" data-prop="totalBathrooms" data-value="8" /> 426 <label for="numBathRooms8">8</label> 427 </div> 428 429 <div> 430 <input type="radio" id="numBathRooms9" name="numBathRooms" data-prop="totalBathrooms" data-value="9" /> 431 <label for="numBathRooms9">9+</label> 432 </div> 433 </div> 434 </div> 435 436 <div id="availableRooms" class="validation-box"> 437 <label>Available rooms to rent</label> 438 <div class="num-increment desktop-hide" data-prop="availableBedrooms"> 439 <div class="num-increment--minus adjust" data-type="-"></div> 440 <input type="number" class="num-increment--num" value="1" data-min="1" data-max="9" /> 441 <div class="num-increment--plus adjust" data-type="+"></div> 442 </div> 443 444 <div class="radio-container button-9 mobile-hide" data-field="availableRooms"> 445 <div> 446 <input type="radio" id="availableRooms1" name="availableRooms" data-prop="availableBedrooms" data-value="1" checked /> 447 <label for="availableRooms1">1</label> 448 </div> 449 450 <div> 451 <input type="radio" id="availableRooms2" name="availableRooms" data-prop="availableBedrooms" data-value="2" /> 452 <label for="availableRooms2">2</label> 453 </div> 454 455 <div> 456 <input type="radio" id="availableRooms3" name="availableRooms" data-prop="availableBedrooms" data-value="3" /> 457 <label for="availableRooms3">3</label> 458 </div> 459 460 <div> 461 <input type="radio" id="availableRooms4" name="availableRooms" data-prop="availableBedrooms" data-value="4" /> 462 <label for="availableRooms4">4</label> 463 </div> 464 465 <div> 466 <input type="radio" id="availableRooms5" name="availableRooms" data-prop="availableBedrooms" data-value="5" /> 467 <label for="availableRooms5">5</label> 468 </div> 469 470 <div> 471 <input type="radio" id="availableRooms6" name="availableRooms" data-prop="availableBedrooms" data-value="6" /> 472 <label for="availableRooms6">6</label> 473 </div> 474 475 <div> 476 <input type="radio" id="availableRooms7" name="availableRooms" data-prop="availableBedrooms" data-value="7" /> 477 <label for="availableRooms7">7</label> 478 </div> 479 480 <div> 481 <input type="radio" id="availableRooms8" name="availableRooms" data-prop="availableBedrooms" data-value="8" /> 482 <label for="availableRooms8">8</label> 483 </div> 484 485 <div> 486 <input type="radio" id="availableRooms9" name="availableRooms" data-prop="availableBedrooms" data-value="9" /> 487 <label for="availableRooms9">9+</label> 488 </div> 489 </div> 490 <p class="error-msg">Please specify how many rooms you want to rent out. Make sure this number does not exceed the total number of bedrooms in your property!</p> 491 </div> 492 493 <div> 494 <label>Property amenities</label> 495 496 <div class="align-center"> 497 <div class="form_field custom-checkbox image-checkbox opt-tv"> 498 <input type="checkbox" id="testCheck15" data-prop="amenityTv" > 499 <label for="testCheck15">TV</label> 500 </div> 501 502 <div class="form_field custom-checkbox image-checkbox opt-parking"> 503 <input type="checkbox" id="testCheck14" data-prop="amenityParking" > 504 <label for="testCheck14">Parking</label> 505 </div> 506 507 <div class="form_field custom-checkbox image-checkbox opt-garden"> 508 <input type="checkbox" id="testCheck13" data-prop="amenityGarden" > 509 <label for="testCheck13">Garden</label> 510 </div> 511 512 <div class="form_field custom-checkbox image-checkbox opt-terrace"> 513 <input type="checkbox" id="testCheck12" data-prop="amenityBalcony" > 514 <label for="testCheck12">Terrace/ Balcony</label> 515 </div> 516 517 <div class="form_field custom-checkbox image-checkbox opt-concierge"> 518 <input type="checkbox" id="testCheck11" data-prop="amenityBikeStorageOrDoorMan" > 519 <label for="testCheck11">Concierge</label> 520 </div> 521 522 <div class="form_field custom-checkbox image-checkbox opt-gym"> 523 <input type="checkbox" id="testCheck10" data-prop="amenityGym" > 524 <label for="testCheck10">Gym</label> 525 </div> 526 527 <div class="form_field custom-checkbox image-checkbox opt-elevator"> 528 <input type="checkbox" id="testCheck9" data-prop="amenityElevator" > 529 <label for="testCheck9">
529Elevator</label> 530 </div> 531 532 <div class="form_field custom-checkbox image-checkbox opt-wifi"> 533 <input type="checkbox" id="testCheck8" data-prop="amenityWifi" > 534 <label for="testCheck8">Wifi</label> 535 </div> 536 </div> 537 </div> 538 539</div><!-- box content --> 540 541 542 </div> 543 544 <div data-mobile="3" id="mobStep3" class="desktop-hide"> 545 <h2 id="two" class="scroll-section heading heading--info grey bold" data-screen="3">About the room</h2> 546<div class="box-content"> 547 <div id="rent" class="validation-box"> 548 <label>Rent per month ($)</label> 549 <div class="currency_input"> 550 <div>$</div> 551 <input 552 type="number" 553 min="1" 554 maxlength="4" 555 name="MaxRent" pattern="\d*" 556 placeholder="0" 557 data-prop="rent" 558 class="input_field" 559 autocomplete="off" 560 value=""/> 561 </div> 562 <p class="error-msg">Please enter a rent amount in numeric values only without special characters.</p> 563 </div> 564 565 <div class="form_field custom-checkbox"> 566 <input type="checkbox" id="utilsNotIncluded" data-prop="utilitiesNotIncluded" /> 567 <label for="utilsNotIncluded">Add utility costs to be paid on top of rent</label> 568 </div> 569 570 <div id="utilitiesAmount" class="validation-box hidden"> 571 <label>Utility costs per month ($)</label> 572 <div class="currency_input"> 573 <div>$</div> 574 <input type="number" name="utilitiesAmount" placeholder="0" data-prop="utilitiesAmount" pattern="\d*" class="input_field" autocomplete="off"/> 575 </div> 576 <p class="error-msg">Please enter a numeric value only without special characters</p> 577 </div> 578 579 <div id="roomType" class="validation-box"> 580 <label>Room type</label> 581 <div class="radio-container button-3"> 582 <div> 583 <input type="radio" id="roomType1" name="roomType" data-prop="roomType" data-value="1" /> 584 <label for="roomType1">Single Room</label> 585 </div> 586 587 <div> 588 <input type="radio" id="roomType2" name="roomType" data-prop="roomType" data-value="2" /> 589 <label for="roomType2">Double Room</label> 590 </div> 591 592 <div> 593 <input type="radio" id="roomType3" name="roomType" data-prop="roomType" data-value="4" /> 594 <label for="roomType3">Shared Room</label> 595 </div> 596 </div> 597 <p class="error-msg">Please select a room type</p> 598 </div> 599 600 <div id="squareMeters" class="validation-box"> 601 <label>Room square meters</label> 602 <input type="number" name="squareMeters" data-prop="squareMeters" pattern="\d*" class="input_field" autocomplete="off"> 603 <p class="error-msg">Please enter a numeric value only without special characters</p> 604 </div> 605 606 <div id="amenityFurnished" class="validation-box"> 607 <label>Furnished or Unfurnished</label> 608 <div class="radio-container button-2"> 609 <div> 610 <input type="radio" id="furnishedRoom1" name="furnishedRoom" data-prop="amenityFurnished" data-value="true" /> 611 <label for="furnishedRoom1">Furnished</label> 612 </div> 613 614 <div> 615 <input type="radio" id="furnishedRoom2" name="furnishedRoom" data-prop="amenityFurnished" data-value="false" /> 616 <label for="furnishedRoom2">Unfurnished</label> 617 </div> 618 </div> 619 <p class="error-msg">Please select if the room is furnished or unfurnished</p> 620 </div> 621 <div class="form_field custom-checkbox"> 622 <input type="checkbox" id="AmenityEnsuiteBathroom" data-prop="amenityEnsuiteBathroom" /> 623 <label for="AmenityEnsuiteBathroom">Ensuite bathroom</label> 624 </div> 625 626 <div id="availableFrom" class="validation-box"> 627 <label>Available from</label> 628 <div class="desktop-hide"> 629 <input type="date" class="input_field" data-prop="availableFrom" data-init-value="" /> 630 </div> 631 <div class="mobile-hide"> 632 <input type="text" class="input_field" readonly data-toggle="datepicker" data-prop="availableFrom" data-init-value="" /> 633 </div> 634 </div> 635 636 <div id="minimumStay" class="validation-box"> 637 <label>Minimum stay in months</label> 638 <select name="minimumStay" class="custom-select half-width" data-prop="minimumStay"> 639 <option value="-100">No minimum stay required</option> 640 <option value="1">1</option> 641 <option value="2">2</option> 642 <option value="3">3</option> 643 <option value="4">4</option> 644 <option value="5">5</option> 645 <option value="6">6</option> 646 <option value="7">7</option> 647 <option value="8">8</option> 648 <option value="9">9</option> 649 <option value="10">10</option> 650 <option value="11">11</option> 651 <option value="12">12</option> 652 653 </select> 654 </div> 655 656</div><!-- box content --> 657 658 </div> 659 660 <div data-mobile="4" id="mobStep4" class="desktop-hide"> 661 <h2 id="three" class="scroll-section heading heading--info grey bold" data-screen="4">Current roommates</h2> 662<div class="box-content"> 663 <div id="houseTotalHousemates" class="validation-box"> 664 <label>
664Number of roommates already living there</label> 665 <div class="num-increment desktop-hide" data-prop="houseTotalHousemates"> 666 <div class="num-increment--minus adjust" data-type="-"></div> 667 <input type="number" class="num-increment--num" value="0" data-min="0" data-max="9" data-prop="houseTotalHousemates" /> 668 <div class="num-increment--plus adjust" data-type="+"></div> 669 </div> 670 </div> 671 <div class="radio-container button-10 mobile-hide" data-field="houseTotalHousemates"> 672 <div> 673 <input type="radio" id="numRoommates0" name="numRoommates" data-prop="houseTotalHousemates" data-value="0"checked /> 674 <label for="numRoommates0">0</label> 675 </div> 676 677 <div> 678 <input type="radio" id="numRoommates1" name="numRoommates" data-prop="houseTotalHousemates" data-value="1" /> 679 <label for="numRoommates1">1</label> 680 </div> 681 682 <div> 683 <input type="radio" id="numRoommates2" name="numRoommates" data-prop="houseTotalHousemates" data-value="2" /> 684 <label for="numRoommates2">2</label> 685 </div> 686 687 <div> 688 <input type="radio" id="numRoommates3" name="numRoommates" data-prop="houseTotalHousemates" data-value="3" /> 689 <label for="numRoommates3">3</label> 690 </div> 691 692 <div> 693 <input type="radio" id="numRoommates4" name="numRoommates" data-prop="houseTotalHousemates" data-value="4" /> 694 <label for="numRoommates4">4</label> 695 </div> 696 697 <div> 698 <input type="radio" id="numRoommates5" name="numRoommates" data-prop="houseTotalHousemates" data-value="5" /> 699 <label for="numRoommates5">5</label> 700 </div> 701 702 <div> 703 <input type="radio" id="numRoommates6" name="numRoommates" data-prop="houseTotalHousemates" data-value="6" /> 704 <label for="numRoommates6">6</label> 705 </div> 706 707 <div> 708 <input type="radio" id="numRoommates7" name="numRoommates" data-prop="houseTotalHousemates" data-value="7" /> 709 <label for="numRoommates7">7</label> 710 </div> 711 712 <div> 713 <input type="radio" id="numRoommates8" name="numRoommates" data-prop="houseTotalHousemates" data-value="8" /> 714 <label for="numRoommates8">8</label> 715 </div> 716 717 <div> 718 <input type="radio" id="numRoommates9" name="numRoommates" data-prop="houseTotalHousemates" data-value="9" /> 719 <label for="numRoommates9">9+</label> 720 </div> 721 </div> 722 723 <div id="roommateDetails" class="room-details"> 724 725 <div id="houseOccupation"> 726 <label>Occupation of current roommates</label> 727 <div class="radio-container button-2"> 728 <div> 729 <input type="radio" 730 id="roommatesOccupation1" 731 name="roommatesOccupation" 732 data-prop="houseOccupation" 733 data-value="1" 734 /> 735 <label for="roommatesOccupation1">Student</label> 736 </div> 737 738 <div> 739 <input type="radio" 740 id="roommatesOccupation2" 741 name="roommatesOccupation" 742 data-prop="houseOccupation" 743 data-value="2" 744 /> 745 <label for="roommatesOccupation2">Professional</label> 746 </div> 747 748 <div class="group-option"> 749 <input type="radio" 750 id="roommatesOccupation3" 751 name="roommatesOccupation" 752 data-prop="houseOccupation" 753 data-value="3" 754 /> 755 <label for="roommatesOccupation3">Mixed</label> 756 </div> 757 </div> 758 </div> 759 760 <div class="grid-wrapper grid-4"> 761 <div id="houseMinimumAge" class="grid-box"> 762 <label>Age range from</label> 763 <select class="custom-select" data-prop="houseMinimumAge" id="min-age" name="min-age"><option selected="selected" value="18">18</option> 764<option value="19">19</option> 765<option value="20">20</option> 766<option value="21">21</option> 767<option value="22">22</option> 768<option value="23">23</option> 769<option value="24">24</option> 770<option value="25">25</option> 771<option value="26">26</option> 772<option value="27">27</option> 773<option value="28">28</option> 774<option value="29">29</option> 775<option value="30">30</option> 776<option value="31">31</option> 777<option value="32">32</option> 778<option value="33">33</option> 779<option value="34">34</option> 780<option value="35">35</option> 781<option value="36">36</option> 782<option value="37">37</option> 783<option value="38">38</option> 784<option value="39">39</option> 785<option value="40">40</option> 786<option value="41">41</option> 787<option value="42">42</option> 788<option value="43">43</option> 789<option value="44">44</option> 790<option value="45">45</option> 791<option value="46">46</option> 792<option value="47">47</option> 793<option value="48">48</option> 794<option value="49">49</option> 795<option value="50">50</option> 796<option value="51">51</option> 797<option value="52">52</option> 798<option value="53">53</option> 799<option value="54">54</option> 800<option value="55">55</option> 801<option value="56">56</option>
802<option value="57">57</option> 803<option value="58">58</option> 804<option value="59">59</option> 805<option value="60">60</option> 806<option value="61">61</option> 807<option value="62">62</option> 808<option value="63">63</option> 809<option value="64">64</option> 810<option value="65">65</option> 811<option value="66">66</option> 812<option value="67">67</option> 813<option value="68">68</option> 814<option value="69">69</option> 815<option value="70">70</option> 816<option value="71">71</option> 817<option value="72">72</option> 818<option value="73">73</option> 819<option value="74">74</option> 820<option value="75">75</option> 821<option value="76">76</option> 822<option value="77">77</option> 823<option value="78">78</option> 824<option value="79">79</option> 825<option value="80">80</option> 826<option value="81">81</option> 827<option value="82">82</option> 828<option value="83">83</option> 829<option value="84">84</option> 830<option value="85">85</option> 831<option value="86">86</option> 832<option value="87">87</option> 833<option value="88">88</option> 834<option value="89">89</option> 835<option value="90">90</option> 836<option value="91">91</option> 837<option value="92">92</option> 838<option value="93">93</option> 839<option value="94">94</option> 840<option value="95">95</option> 841<option value="96">96</option> 842<option value="97">97</option> 843<option value="98">98</option> 844<option value="99">99</option> 845</select> 846 </div> 847 <div id="houseMaximumAge" class="grid-box age-max"> 848 <label>Age range to</label> 849 <select class="custom-select" data-prop="houseMaximumAge" id="max-age" name="max-age"><option value="18">18</option> 850<option value="19">19</option> 851<option value="20">20</option> 852<option value="21">21</option> 853<option value="22">22</option> 854<option value="23">23</option> 855<option value="24">24</option> 856<option value="25">25</option> 857<option value="26">26</option> 858<option value="27">27</option> 859<option value="28">28</option> 860<option value="29">29</option> 861<option value="30">30</option> 862<option value="31">31</option> 863<option value="32">32</option> 864<option value="33">33</option> 865<option value="34">34</option> 866<option value="35">35</option> 867<option value="36">36</option> 868<option value="37">37</option> 869<option value="38">38</option> 870<option value="39">39</option> 871<option value="40">40</option> 872<option value="41">41</option> 873<option value="42">42</option> 874<option value="43">43</option> 875<option value="44">44</option> 876<option value="45">45</option> 877<option value="46">46</option> 878<option value="47">47</option> 879<option value="48">48</option> 880<option value="49">49</option> 881<option value="50">50</option> 882<option value="51">51</option> 883<option value="52">52</option> 884<option value="53">53</option> 885<option value="54">54</option> 886<option value="55">55</option> 887<option value="56">56</option> 888<option value="57">57</option> 889<option value="58">58</option> 890<option value="59">59</option> 891<option value="60">60</option> 892<option value="61">61</option> 893<option value="62">62</option> 894<option value="63">63</option> 895<option value="64">64</option> 896<option value="65">65</option> 897<option value="66">66</option> 898<option value="67">67</option> 899<option value="68">68</option> 900<option value="69">69</option> 901<option value="70">70</option> 902<option value="71">71</option> 903<option value="72">72</option> 904<option value="73">73</option> 905<option value="74">74</option> 906<option value="75">75</option> 907<option value="76">76</option> 908<option value="77">77</option> 909<option value="78">78</option> 910<option value="79">79</option> 911<option value="80">80</option> 912<option value="81">81</option> 913<option value="82">
91382</option> 914<option value="83">83</option> 915<option value="84">84</option> 916<option value="85">85</option> 917<option value="86">86</option> 918<option value="87">87</option> 919<option value="88">88</option> 920<option value="89">89</option> 921<option value="90">90</option> 922<option value="91">91</option> 923<option value="92">92</option> 924<option value="93">93</option> 925<option value="94">94</option> 926<option value="95">95</option> 927<option value="96">96</option> 928<option value="97">97</option> 929<option value="98">98</option> 930<option selected="selected" value="99">99</option> 931</select> 932 </div> 933 </div> 934 935 <div id="houseGender" class="validation-box"> 936 <label>Roommates gender</label> 937 <div class="radio-container button-2"> 938 <div> 939 <input type="radio" 940 id="roommatesGender1" 941 name="roommatesGender" 942 data-prop="houseGender" 943 data-value="1" 944 /> 945 <label for="roommatesGender1">Male</label> 946 </div> 947 948 <div> 949 <input type="radio" 950 id="roommatesGender2" 951 name="roommatesGender" 952 data-prop="houseGender" 953 data-value="2" 954 /> 955 <label for="roommatesGender2">Female</label> 956 </div> 957 958 <div class="group-option"> 959 <input type="radio" 960 id="roommatesGender3" 961 name="roommatesGender" 962 data-prop="houseGender" 963 data-value="3" 964 /> 965 <label for="roommatesGender3">Mixed (gender)</label> 966 </div> 967 </div> 968 <p class="error-msg">Please indicate the gender of any existing roommates</p> 969 </div> 970 971 <div id="houseSmoker"> 972 <label>Do any of the current roommates smoke?</label> 973 <div class="radio-container button-3"> 974 <div> 975 <input type="radio" 976 id="roommatesSmoking1" 977 name="roommatesSmoking" 978 data-prop="houseSmoker" 979 data-value="1" 980 /> 981 <label for="roommatesSmoking1">Yes</label> 982 </div> 983 984 <div> 985 <input type="radio" 986 id="roommatesSmoking2" 987 name="roommatesSmoking" 988 data-prop="houseSmoker" 989 data-value="2" 990 /> 991 <label for="roommatesSmoking2">No </label> 992 </div> 993 994 <div> 995 <input type="radio" 996 id="roommatesSmoking3" 997 name="roommatesSmoking" 998 data-prop="houseSmoker" 999 data-value="3" 1000 /> 1001 <label for="roommatesSmoking3">Outside only</label> 1002 </div> 1003 </div> 1004 </div> 1005 1006 </div> 1007 1008</div><!-- box content --> 1009 1010 </div> 1011 1012 <div data-mobile="5" id="mobStep5" class="desktop-hide"> 1013 <h2 id="five" class="scroll-section heading heading--info grey bold" data-screen="5">Preferred roommates</h2> 1014<div class="box-content"> 1015 <div id="preferredGender" class="validation-box"> 1016 <label>Preferred gender</label> 1017 <div class="radio-container button-3"> 1018 <div> 1019 <input type="radio" 1020 id="roommateGender1" 1021 name="roommateGender" 1022 data-prop="preferredGender" 1023 data-value="1" 1024 /> 1025 <label for="roommateGender1">Male</label> 1026 </div> 1027 1028 <div> 1029 <input type="radio" 1030 id="roommateGender2" 1031 name="roommateGender" 1032 data-prop="preferredGender" 1033 data-value="2" 1034 /> 1035 <label for="roommateGender2">Female</label> 1036 </div> 1037 1038 <div> 1039 <input type="radio" 1040 id="roommateGender3" 1041 name="roommateGender" 1042 data-prop="preferredGender" 1043 data-value="0" 1044 /> 1045 <label for="roommateGender3">Doesn't matter</label> 1046 </div> 1047 </div> 1048 </div> 1049 1050 <div> 1051 <label>Preferred occupation</label> 1052 <div class="radio-container button-3"> 1053 <div> 1054 <input type="radio" 1055 id="roommateProfession1" 1056 name="occupation1"
1057 data-prop="preferredOccupation" 1058 data-value="1" 1059 /> 1060 <label for="roommateProfession1">Student</label> 1061 </div> 1062 1063 <div> 1064 <input type="radio" 1065 id="roommateProfession2" 1066 name="occupation1" 1067 data-prop="preferredOccupation" 1068 data-value="2" 1069 /> 1070 <label for="roommateProfession2">Professional</label> 1071 </div> 1072 1073 <div> 1074 <input type="radio" 1075 id="roommateProfession3" 1076 name="occupation1" 1077 data-prop="preferredOccupation" 1078 data-value="0" 1079 /> 1080 <label for="roommateProfession3">Doesn't matter</label> 1081 </div> 1082 </div> 1083 </div> 1084 1085 <div class="grid-wrapper grid-4"> 1086 <div class="grid-box"> 1087 <label>Preferred age range from</label> 1088 <select class="custom-select half-width margin-bottom" data-prop="preferredMinimumAge" id="pref-min-age" name="pref-min-age"><option selected="selected" value="18">18</option> 1089<option value="19">19</option> 1090<option value="20">20</option> 1091<option value="21">21</option> 1092<option value="22">22</option> 1093<option value="23">23</option> 1094<option value="24">24</option> 1095<option value="25">25</option> 1096<option value="26">26</option> 1097<option value="27">27</option> 1098<option value="28">28</option> 1099<option value="29">29</option> 1100<option value="30">30</option> 1101<option value="31">31</option> 1102<option value="32">32</option> 1103<option value="33">33</option> 1104<option value="34">34</option> 1105<option value="35">35</option> 1106<option value="36">36</option> 1107<option value="37">37</option> 1108<option value="38">38</option> 1109<option value="39">39</option> 1110<option value="40">40</option> 1111<option value="41">41</option> 1112<option value="42">42</option> 1113<option value="43">43</option> 1114<option value="44">44</option> 1115<option value="45">45</option> 1116<option value="46">46</option> 1117<option value="47">47</option> 1118<option value="48">48</option> 1119<option value="49">49</option> 1120<option value="50">50</option> 1121<option value="51">51</option> 1122<option value="52">52</option> 1123<option value="53">53</option> 1124<option value="54">54</option> 1125<option value="55">55</option> 1126<option value="56">56</option> 1127<option value="57">57</option> 1128<option value="58">58</option> 1129<option value="59">59</option> 1130<option value="60">60</option> 1131<option value="61">61</option> 1132<option value="62">62</option> 1133<option value="63">63</option> 1134<option value="64">64</option> 1135<option value="65">65</option> 1136<option value="66">66</option> 1137<option value="67">67</option> 1138<option value="68">68</option> 1139<option value="69">69</option> 1140<option value="70">70</option> 1141<option value="71">71</option> 1142<option value="72">72</option> 1143<option value="73">73</option> 1144<option value="74">74</option> 1145<option value="75">75</option> 1146<option value="76">76</option> 1147<option value="77">77</option> 1148<option value="78">78</option> 1149<option value="79">79</option> 1150<option value="80">80</option> 1151<option value="81">81</option> 1152<option value="82">
115282</option> 1153<option value="83">83</option> 1154<option value="84">84</option> 1155<option value="85">85</option> 1156<option value="86">86</option> 1157<option value="87">87</option> 1158<option value="88">88</option> 1159<option value="89">89</option> 1160<option value="90">90</option> 1161<option value="91">91</option> 1162<option value="92">92</option> 1163<option value="93">93</option> 1164<option value="94">94</option> 1165<option value="95">95</option> 1166<option value="96">96</option> 1167<option value="97">97</option> 1168<option value="98">98</option> 1169<option value="99">99</option> 1170</select> 1171 </div> 1172 <div class="grid-box age-max"> 1173 <label>Preferred age range to</label> 1174 <select class="custom-select half-width margin-bottom" data-prop="preferredMaximumAge" id="pref-max-age" name="pref-max-age"><option value="18">18</option> 1175<option value="19">19</option> 1176<option value="20">20</option> 1177<option value="21">21</option> 1178<option value="22">22</option> 1179<option value="23">23</option> 1180<option value="24">24</option> 1181<option value="25">25</option> 1182<option value="26">26</option> 1183<option value="27">27</option> 1184<option value="28">28</option> 1185<option value="29">29</option> 1186<option value="30">30</option> 1187<option value="31">31</option> 1188<option value="32">32</option> 1189<option value="33">33</option> 1190<option value="34">34</option> 1191<option value="35">35</option> 1192<option value="36">36</option> 1193<option value="37">37</option> 1194<option value="38">38</option> 1195<option value="39">39</option> 1196<option value="40">40</option> 1197<option value="41">41</option> 1198<option value="42">42</option> 1199<option value="43">43</option> 1200<option value="44">44</option> 1201<option value="45">45</option> 1202<option value="46">46</option> 1203<option value="47">47</option> 1204<option value="48">48</option> 1205<option value="49">49</option> 1206<option value="50">50</option> 1207<option value="51">51</option> 1208<option value="52">52</option> 1209<option value="53">53</option> 1210<option value="54">54</option> 1211<option value="55">55</option> 1212<option value="56">56</option> 1213<option value="57">57</option> 1214<option value="58">58</option> 1215<option value="59">59</option> 1216<option value="60">60</option> 1217<option value="61">61</option> 1218<option value="62">62</option> 1219<option value="63">63</option> 1220<option value="64">64</option> 1221<option value="65">65</option> 1222<option value="66">66</option> 1223<option value="67">67</option> 1224<option value="68">68</option> 1225<option value="69">69</option> 1226<option value="70">70</option> 1227<option value="71">71</option> 1228<option value="72">72</option> 1229<option value="73">73</option> 1230<option value="74">74</option> 1231<option value="75">75</option> 1232<option value="76">76</option> 1233<option value="77">77</option> 1234<option value="78">78</option> 1235<option value="79">79</option> 1236<option value="80">80</option> 1237<option value="81">81</option> 1238<option value="82">
123882</option> 1239<option value="83">83</option> 1240<option value="84">84</option> 1241<option value="85">85</option> 1242<option value="86">86</option> 1243<option value="87">87</option> 1244<option value="88">88</option> 1245<option value="89">89</option> 1246<option value="90">90</option> 1247<option value="91">91</option> 1248<option value="92">92</option> 1249<option value="93">93</option> 1250<option value="94">94</option> 1251<option value="95">95</option> 1252<option value="96">96</option> 1253<option value="97">97</option> 1254<option value="98">98</option> 1255<option selected="selected" value="99">99</option> 1256</select> 1257 </div> 1258 </div> 1259</div><!-- box content --> 1260 1261 </div> 1262 1263 <div data-mobile="6" id="mobStep6" class="desktop-hide"> 1264 <h2 id="six" class="scroll-section heading heading--info grey bold" data-screen="6">Property rules</h2> 1265<div class="box-content"> 1266 <div class="form_field custom-checkbox"> 1267 <input type="checkbox" id="famillies" data-prop="childrenAccepted" /> 1268 <label for="famillies">Families & children accepted</label> 1269 </div> 1270 <div class="form_field custom-checkbox"> 1271 <input type="checkbox" id="couples" data-prop="couplesAccepted" /> 1272 <label for="couples">Couples accepted</label> 1273 </div> 1274 <div class="form_field custom-checkbox"> 1275 <input type="checkbox" id="pets" data-prop="petsAccepted" > 1276 <label for="pets">Pets allowed</label> 1277 </div> 1278 <div class="form_field custom-checkbox"> 1279 <input type="checkbox" id="smoking" data-prop="smokersAccepted" > 1280 <label for="smoking">Smoking inside the property allowed</label> 1281 </div> 1282</div><!-- box content --> 1283 </div> 1284 1285 1286 <div data-mobile="7" id="mobStep7" class="desktop-hide"> 1287 <h2 id="seven" class="scroll-section heading heading--info grey bold" data-screen="7">About you</h2> 1288<div class="box-content"> 1289 <div id="roomMateType" class="validation-box"> 1290 <label>I am advertizing as:</label> 1291 <div class="radio-container button-3"> 1292 <div> 1293 <input type="radio" id="advertizeAsRoommate" name="advertizeAs" data-prop="roomMateType" data-value="1" /> 1294 <label for="advertizeAsRoommate">Roommate</label> 1295 </div> 1296 1297 <div> 1298 <input type="radio" id="advertizeAsLandlord" name="advertizeAs" data-prop="roomMateType" data-value="2" /> 1299 <label for="advertizeAsLandlord">Landlord</label> 1300 </div> 1301 1302 <div> 1303 <input type="radio" id="advertizeAsAgent" name="advertizeAs" data-prop="roomMateType" data-value="3" /> 1304 <label for="advertizeAsAgent">Agent</label> 1305 </div> 1306 </div> 1307 </div> 1308 1309 <div class="form_field custom-checkbox advertise-as-hide" data-adtype="landlord"> 1310 <input type="checkbox" id="landlordLiveIn" data-prop="ownFlat"> 1311 <label for="landlordLiveIn">I live in the property</label> 1312 </div> 1313 1314 <div id="firstName" class="validation-box"> 1315 <label>First name</label> 1316 <input type="text" data-prop="firstName" name="First name" class="input_field" autocomplete="off"> 1317 <p class="error-msg">Please enter a first name</p> 1318 </div> 1319 <div id="lastName" class="validation-box"> 1320 <label>Last name</label> 1321 <input type="text" data-prop="lastName" name="Last name" class="input_field" autocomplete="off"> 1322 <p class="error-msg">Please enter a last name</p> 1323 </div> 1324 <div id="age" class="validation-box advertise-as-hide" data-adtype="roommate,liveInLandlord"> 1325 <label>Age </label> 1326 <select class="custom-select" data-prop="age" id="advertise-as-age" name="advertise-as-age"><option value="18">18</option> 1327<option value="19">19</option> 1328<option value="20">20</option> 1329<option value="21">21</option> 1330<option value="22">22</option> 1331<option value="23">23</option> 1332<option value="24">24</option> 1333<option value="25">25</option> 1334<option value="26">26</option> 1335<option value="27">27</option> 1336<option value="28">28</option> 1337<option value="29">29</option> 1338<option value="30">30</option> 1339<option value="31">31</option> 1340<option value="32">32</option> 1341<option value="33">33</option> 1342<option value="34">34</option> 1343<option value="35">35</option> 1344<option value="36">36</option> 1345<option value="37">37</option> 1346<option value="38">38</option> 1347<option value="39">39</option> 1348<option value="40">40</option> 1349<option value="41">41</option> 1350<option value="42">42</option> 1351<option value="43">43</option> 1352<option value="44">44</option> 1353<option value="45">45</option> 1354<option value="46">46</option> 1355<option value="47">47</option> 1356<option value="48">48</option> 1357<option value="49">49</option> 1358<option value="50">50</option> 1359<option value="51">51</option> 1360<option value="52">52</option> 1361<option value="53">53</option> 1362<option value="54">54</option> 1363<option value="55">55</option> 1364<option value="56">56</option>
1365<option value="57">57</option> 1366<option value="58">58</option> 1367<option value="59">59</option> 1368<option value="60">60</option> 1369<option value="61">61</option> 1370<option value="62">62</option> 1371<option value="63">63</option> 1372<option value="64">64</option> 1373<option value="65">65</option> 1374<option value="66">66</option> 1375<option value="67">67</option> 1376<option value="68">68</option> 1377<option value="69">69</option> 1378<option value="70">70</option> 1379<option value="71">71</option> 1380<option value="72">72</option> 1381<option value="73">73</option> 1382<option value="74">74</option> 1383<option value="75">75</option> 1384<option value="76">76</option> 1385<option value="77">77</option> 1386<option value="78">78</option> 1387<option value="79">79</option> 1388<option value="80">80</option> 1389<option value="81">81</option> 1390<option value="82">82</option> 1391<option value="83">83</option> 1392<option value="84">84</option> 1393<option value="85">85</option> 1394<option value="86">86</option> 1395<option value="87">87</option> 1396<option value="88">88</option> 1397<option value="89">89</option> 1398<option value="90">90</option> 1399<option value="91">91</option> 1400<option value="92">92</option> 1401<option value="93">93</option> 1402<option value="94">94</option> 1403<option value="95">95</option> 1404<option value="96">96</option> 1405<option value="97">97</option> 1406<option value="98">98</option> 1407<option value="99">99</option> 1408</select> 1409 <p class="error-msg">Please select your age</p> 1410 </div> 1411 <div id="gender" class="validation-box advertise-as-hide" data-adtype="roommate,liveInLandlord"> 1412 <label>Gender</label> 1413 <div class="radio-container button-3"> 1414 <div> 1415 <input type="radio" id="advertizeAsGenderMale" name="advertizeAsGender" data-prop="gender" data-value="1"/> 1416 <label for="advertizeAsGenderMale">Male</label> 1417 </div> 1418 1419 <div> 1420 <input type="radio" id="advertizeAsGenderFemale" name="advertizeAsGender" data-prop="gender" data-value="2"/> 1421 <label for="advertizeAsGenderFemale">Female</label> 1422 </div> 1423 1424 <div> 1425 <input type="radio" id="advertizeAsGenderCouple" name="advertizeAsGender" data-prop="gender" data-value="3"/> 1426 <label for="advertizeAsGenderCouple">Couple </label> 1427 </div> 1428 </div> 1429 <p class="error-msg">Please select your gender</p> 1430 </div> 1431 <div id="occupation" class="validation-box advertise-as-hide" data-adtype="roommate,liveInLandlord"> 1432 <label>Occupation</label> 1433 <div class="radio-container button-3"> 1434 <div> 1435 <input type="radio" id="advertizeAsOccupationStudent" name="advertizeAsOccupation" data-prop="occupation" data-value="1"/> 1436 <label for="advertizeAsOccupationStudent">Student</label> 1437 </div> 1438 1439 <div> 1440 <input type="radio" id="advertizeAsOccupationProfessional" name="advertizeAsOccupation" data-prop="occupation" data-value="2"/> 1441 <label for="advertizeAsOccupationProfessional">Professional</label> 1442 </div> 1443 1444 <div> 1445 <input type="radio" id="advertizeAsOccupationOther" name="advertizeAsOccupation" data-prop="occupation" data-value="3"/> 1446 <label for="advertizeAsOccupationOther">Other</label> 1447 </div> 1448 </div> 1449 <p class="error-msg">Please select your occupation</p> 1450 </div> 1451 <div id="phone" class="validation-box"> 1452 <label>Phone number</label> 1453 <input type="number" pattern="\d*" data-prop="phone" name="Phone number" class="input_field" autocomplete="off"> 1454 <p class="error-msg">Please enter a valid phone number without spaces or special characters</p> 1455 </div> 1456 <div class="form_field custom-checkbox"> 1457 <input type="checkbox" id="showPhoneNum" data-prop="doNotShowPhone"> 1458 <label for="showPhoneNum">Do not show my phone number on my ad</label> 1459 </div> 1460</div><!-- box content --> 1461 1462 </div> 1463 <div data-mobile="8" id="mobStep8" class="desktop-hide"> 1464 <h2 id="eight" class="scroll-section heading heading--info grey bold" data-screen="8">Your ad</h2> 1465<div class="box-content"> 1466 <div id="title" class="validation-box"> 1467 <label>Ad title</label> 1468 <input type="text" 1469 data-prop="title" 1470 name="ad-title" 1471 class="input_field" 1472 autocomplete="off"> 1473 <p class="error-msg">Please enter a title</p> 1474 </div> 1475 1476 <div id="description" class="validation-box"> 1477 <label>Description</label> 1478 <div class="textarea-wrapper"> 1479 <textarea data-prop="description" class="details" name="textarea" rows="5" placeholder="Please enter a description to get the best possible response to your listing. Tell other users what you love about the property; what's great about the room, the location and any current roommates."></textarea> 1480 </div> 1481 <p class="error-msg">Please enter a description to get the best possible response to your listing. Tell other users what you love about the property; what's great about the room, the location and any current roommates.</p> 1482 </div> 1483 1484 <div> 1485 <label>Pictures</label> 1486 <p>Photos are the most important thing for any potential roommates! Upload up to 8 pictures and make your property stand out.</p> 1487 <p id="imgError" class="error-msg">Please upload a valid image without exceeding the size limit (20MB)</p> 1488 <div id="imgUploads" class="image-list"> 1489 1490 <div id="uploadBox" class="upload-box-outer"> 1491 <div id="imageSelectorContainer" class="upload-button"> 1492 <div id="userImg" class="browse-btn-panel"> 1493 <svg class="sg-icon"> 1494 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ico-plus"></use> 1495 </svg> 1496 <p>
1496Browse</p> 1497 </div> 1498 <input type="file" id="uploadBtn" class="image-selector" accept="image/*"> 1499 </div> 1500 </div> 1501 1502 </div> 1503 1504
1504<script id="uploadImageTemplate" type="text/template"> 1505 <div data-index="<%= index %>"> 1506 <div> 1507 <img src="<%= imageContentString %>" /> 1508 </div> 1509 <a class="remove-img"> 1510 <svg> 1511 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ico-sidemenu-close"></use> 1512 </svg> 1513 </a> 1514 </div> 1515 </script>
1515 1516 </div> 1517</div> 1518 1519 1520 1521 </div> 1522 <div data-mobile="9" id="mobStep9" class="desktop-hide"> 1523 <h2 id="nine" class="scroll-section heading heading--info grey bold" data-screen="9">Your account</h2> 1524<div id="yourAccountBox" class="box-content"> 1525 <p>Please enter an email address and password to create your account or login with your existing details if you're already registered.</p> 1526 1527 <div id="email" class="validation-box"> 1528 <label>Email address</label> 1529 <input type="text" data-prop="email" name="email" class="input_field" id="UserEmail" autocomplete="off"> 1530 <p class="error-msg">Please enter a valid email address</p> 1531 <p id="emailUsedMessage" class="hidden">You have already registered with this email address. Please login with your existing password to post your ad.</p> 1532 <div class="email-correction"> 1533 <div class="email-correction-suggestion">Did you mean: <span id="email-correction-suggestion"></span>?</div> 1534 <div class="email-correction-icon-container"> 1535 <a id="email-correction-confirm"> 1536 <svg class="email-correction-icon"> 1537 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ico-check"></use> 1538 </svg> 1539 </a> 1540 <a id="email-correction-cancel"> 1541 <svg class="email-correction-icon"> 1542 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ico-sidemenu-close"></use> 1543 </svg> 1544 </a> 1545 </div> 1546 </div> 1547 </div> 1548 1549 <div id="password" class="validation-box"> 1550 <label>Password </label> 1551 <p id="incorrectPassword" class="password-incorrect hidden">Invalid log in details. Please try again or click "Forgot password".</p> 1552 <input type="password" data-prop="password" name="password" class="input_field" autocomplete="off"> 1553 <p class="error-msg">Password must be at least 6 characters</p> 1554 <div id="forgottenPassword" class="hidden"> 1555 <a id="forgotPasswordLink" href="#">Forgot password?</a> 1556 </div> 1557 </div> 1558 1559 <div class="form_field custom-checkbox validation-box" id="acknowledgement"> 1560 <input type="checkbox" id="approvedTerms" data-prop="acknowledgement"> 1561 <label for="approvedTerms"> 1562 I have read, understand and agree to the Roomgo 1563 <a href="/terms-and-conditions" target="_blank" data-test="hpf-termsAndConditionsLink">Terms and Conditions</a> 1564 and acknowledge the 1565 <a href="/privacy" target="_blank" data-test="hpf-privacyPolicyLink">Privacy Policy</a> 1566 </label> 1567 <p class="error-msg">You must agree to the Roomgo Terms and Conditions and acknowledge the Privacy Policy</p> 1568 </div> 1569 1570 <div class="form_field custom-checkbox"> 1571 <input type="checkbox" id="mailingSignup" data-prop="receiveMarketingEmail"> 1572 <label for="mailingSignup">I would like to receive exclusive offers and account updates from Roomgo via email</label> 1573 </div> 1574</div> 1575 1576 <div id="resetPasswordBox" class="box-content hidden"> 1577 <div id="forgottenPasswordComponent"> 1578 <div id="fpStepOne"> 1579 <p class="ui-text">Enter your email address and we'll send you a link to reset your password.</p> 1580 <div id="forgottenPasswordInputContainer" class="validation-box"> 1581 <p class="error-msg">Invalid: Email</p> 1582 <input type="hidden" id="recaptchaForgotPasswordToken" /> 1583 <input id="inputEmailForgotPassword" type="email" class="input_field" placeholder="Email address"> 1584 </div> 1585 1586 <div style="text-align:center; margin-top:10px"> 1587 <div style="display:inline-block" id="recaptcha"> 1588 </div> 1589 </div> 1590 1591 <div class="margin-top"> 1592 <button disabled id="resetPasswordButton" type="submit" class="button button-orange button--flat button--long button--large">
1593 <span class="button-text">Send link</span> 1594 <div class="ui-loader-wrapper"> 1595 <div class="ui-loader_wht visible"> 1596 <span class="loader-1"></span><span class="loader-2"></span><span class="loader-3"></span><span class="loader-4"></span> 1597 </div> 1598 </div> 1599 </button> 1600 </div> 1601 1602 <div class="ui-text--center"> 1603 <p> 1604 <a id="closeForgottenPasswordLink" href='#' class="ui-text--blue ui-pointer" data-test="lb-forgot">Cancel</a> 1605 </p> 1606 </div> 1607 </div> 1608 1609 <div id="fpStepTwo" class="hidden"> 1610 <p class="ui-text">Reset link sent</p> 1611 <p class="ui-text ui-text--padded">We have sent you an email containing a link to reset your password.</p> 1612 1613 <button id="btnCloseForgotPassword" class="button button-orange button--flat button--long button--large">Close</button> 1614 </div> 1615</div> 1616 1617<forgot-password-component-properties data-password-reset-endpoint="/Account/ForgotPassword/SendEmail" /> 1618 </div> 1619 1620 <hr /> 1621 1622 <div class="box-content posting-box"> 1623 <p id="saveErrorMsg" class="error-msg align-center margin-bottom">Oops! Something went wrong! Please try again.</p> 1624 <p id="streetNameError" class="error-msg align-center margin-bottom">The address you have selected does not have a valid street name</p> 1625 <button id="submitForm" class="button button-green button--flat button--long button--large cta post-room-submit"> 1626 <span class="button-text">Post your ad</span> 1627 <div class="ui-loader"> 1628 <div class="ui-loader_wht visible" data-test="ds-loader"> 1629 <span class="loader-1"></span><span class="loader-2"></span><span class="loader-3"></span><span class="loader-4"></span> 1630 </div> 1631 </div> 1632 </button> 1633</div> 1634 </div> 1635
1635<script type="text/javascript"> 1636 var recaptchaSuccessCallback = function (token) { 1637 document.getElementById("resetPasswordButton").disabled = false; 1638 document.getElementById("recaptchaForgotPasswordToken").value = token; 1639 }; 1640 1641 var onloadCallback = function () { 1642 grecaptcha.render('recaptcha', { 1643 'sitekey': '6Lf4KaggAAAAAFMnbjaNUBMCRtWN2swQQDCPnPYR', 1644 'callback': recaptchaSuccessCallback 1645 }); 1646 }; 1647 </script>
vendor: 147 bytes, lines 1647-1649
1647 1648 <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script> 1649
1649</div> <!-- panel 3--> 1650 </div><!-- page wrap --> 1651 1652 1653 1654<meta name="viewport" content="width=device-width" /> 1655<svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> 1656 <symbol id="ico-rotate-ccw" viewBox="0 0 486.8 486.8"> 1657 <g> 1658 <path d="M261.4,18C172.5,18,94,69.3,57.5,147.1L32.1,94.3L0,109.7l52.8,109.6l109.6-52.8l-15.5-32.1l-57.1,27.5 1659 c30.8-65.3,96.8-108.4,171.6-108.4c104.7,0,189.8,85.2,189.8,189.8s-85.1,189.8-189.8,189.8c-61.6,0-119.7-30.1-155.2-80.5 1660 l-29.1,20.5c42.2,59.9,111.1,95.6,184.3,95.6c124.3,0,225.4-101.1,225.4-225.4S385.7,18,261.4,18z"/> 1661 </g> 1662 </symbol> 1663 <symbol id="ico-rotate-cw" viewBox="0 0 486.8 486.8"> 1664 <g> 1665 <path d="M225.4,18c88.9,0,167.4,51.3,203.9,129.1l25.4-52.8l32.1,15.4L434,219.3l-109.6-52.8l15.5-32.1l57.1,27.5 1666 C366.2,96.6,300.2,53.6,225.4,53.6c-104.7,0-189.8,85.2-189.8,189.8s85.1,189.8,189.8,189.8c61.6,0,119.7-30.1,155.2-80.5 1667 l29.1,20.5c-42.2,59.9-111.1,95.6-184.3,95.6C101.1,468.8,0,367.7,0,243.4S101.1,18,225.4,18z"/> 1668 </g> 1669 </symbol> 1670 <symbol id="ico-plus" viewBox="0 0 29 29"> 1671 <path d="M12.4,27.3V15.9H1.7c-1,0-1.7-0.8-1.7-1.7c0-1,0.8-1.7,1.7-1.7h10.6V1.7c0-1,0.8-1.7,1.7-1.7 1672 c1,0,1.7,0.8,1.7,1.7c0,0,0,0,0,0v10.6h11.4c1,0,1.7,0.8,1.7,1.7c0,0,0,0,0,0c0,1-0.8,1.7-1.7,1.7c0,0,0,0,0,0H15.9v11.4 1673 c0,1-0.8,1.7-1.7,1.7l0,0C13.1,29,12.4,28.2,12.4,27.3z"/> 1674 </symbol> 1675</svg> 1676 1677<div id="cropperContainer" class="cropper-box"> 1678 1679 <p class="align-center">Crop, resize or rotate your photo before uploading it</p> 1680 1681 <div class="ui-loader-wrapper"> 1682 <div class="ui-loader_grey visible" data-test="ds-loader"> 1683 <span class="loader-1"></span><span class="loader-2"></span><span class="loader-3"></span><span class="loader-4"></span> 1684 </div> 1685 </div> 1686 1687 <div class="image-editor-panel"> 1688 <div class="preview-display"></div> 1689 <div class="image-wrapper"> 1690 <img id="photoCropperCanvasImage"> 1691 </div> 1692 </div> 1693 1694 <div class="cropper-buttons mobile-hide"> 1695 <button class="btn-red" data-action="cropper-cancel-btn">Cancel</button> 1696 <button class="btn-grey rotate" data-action="rotateImgCW"> 1697 <svg class="sg-icon"> 1698 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ico-rotate-cw"></use> 1699 </svg> 1700 </button> 1701 <button class="btn-grey rotate" data-action="rotateImgCCW"> 1702 <svg class="sg-icon"> 1703 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ico-rotate-ccw"></use> 1704 </svg> 1705 </button> 1706 <button class="btn-green disabled" data-action="uploadPhoto">Upload</button> 1707 </div> 1708 <div class="action-bar action-bar-photos"> 1709 <div class="cropper-action action-buttons four-button"> 1710 <button class="btn btn-red" data-action="cropper-cancel-btn">Cancel</button> 1711 <button class="btn rotate" data-action="rotateImgCCW"> 1712 <svg class="sg-icon"> 1713 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ico-rotate-ccw"></use> 1714 </svg> 1715 </button> 1716 <button class="btn rotate" data-action="rotateImgCW"> 1717 <svg class="sg-icon"> 1718 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ico-rotate-cw"></use> 1719 </svg> 1720 </button> 1721 <button class="btn-green disabled" data-action="uploadPhoto">Upload</button> 1722 </div> 1723 </div> 1724</div> 1725 1726 1727 </div> 1728 1729 <div class="action-bar" id="actionBar"> 1730 <div class="action-buttons three-button"> 1731 <a id="prevPanel" class="invisible"> 1732 <svg class="padd-left-1"> 1733 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ico-chevron"></use> 1734 </svg> 1735 <span>Back</span> 1736 </a> 1737 <span class="mobile-completion" id="completionVal"> 1738 </span> 1739 <a class="align-right" id="nextPanel">
1740 <span>Next</span> 1741 <svg class="padd-right-1"> 1742 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ico-chevron"></use> 1743 </svg> 1744 </a> 1745 </div> 1746 </div> 1747 1748</div> 1749 1750 1751<page-model-properties data-check-email-endpoint="/Account/ManageAccount/CheckEmail" 1752 data-save-endpoint="/Account/ManageAccount/RegisterNewHaveUser" 1753 data-logged-out-existing-account-save-endpoint="/Account/ManageAccount/AddNewHaveUserForEmailAddress" 1754 data-save-status="{"Success":1,"InvalidPassword":3,"Error":2,"BlockedOrSpamUser":4,"StreetNameError":5}" 1755 data-success-url="/listings/RoomDetail/PostConfirmation/" 1756 data-upload-photos-endpoint="/Photos/ManagePhotos/UploadPhoto" 1757 data-block-or-spam-redirect-url="/error/assist" 1758 data-short-term-stay-value="-100" 1759 data-is-edit="false" 1760 data-is-reactivation-with-no-lat-long="false" 1761 data-language-iso-code="en" 1762 data-saved-lat="" 1763 data-saved-lng="" 1764 data-apple-maps-key="eyJraWQiOiI5TEZWVDczREw4IiwidHlwIjoiSldUIiwiYWxnIjoiRVMyNTYifQ.eyJpc3MiOiJVR0hVOFpDUko3IiwiaWF0IjoxNzcxNTgzNDc4LCJvcmlnaW4iOiJ3d3cucm9vbWdvLm5ldCIsImV4cCI6MTgwMzg1OTIwMH0.GqoKqCPOZrUHl_g726msT7wdX-68FD8x1fU_OzWqlTP8sIcUs4DIXkHXOfjkuGwOsyDgv732d0rGkuVRQWAxqg" 1765 data-apple-maps-country="US" 1766 data-apple-maps-lat="38.8208089190304" 1767 data-apple-maps-long="-96.33161660829639" 1768 data-apple-maps-language-code="en-US"> 1769</page-model-properties> 1770 1771 1772 1773 1774<!-- SVG --> 1775<svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> 1776 <symbol id="ico-arrow-down" viewBox="0 0 10 6"> 1777 <path d="M426.01,127l5-5.452L430.3,121l-4.288,4.675L421.724,121l-0.712.541,5,5.452h0Z" transform="translate(-421 -121)"></path> 1778 </symbol> 1779</svg> 1780<!-- END SVG --> 1781 1782<div class="footer"> 1783 <div class="footer_content"> 1784 <ul class="footer-links"> 1785 <li> 1786 <b>About Us</b> 1787 </li> 1788 <li> 1789 <a href="https://help.roomgo.net" rel="nofollow" class="footer-link"> 1790 Need help? 1791 </a> 1792 </li> 1793 1794 <li> 1795 <a href="/terms-and-conditions" rel="nofollow" class="footer-link"> 1796 Terms and Conditions 1797 </a> 1798 </li> 1799 1800 1801 <li> 1802 <a href="/privacy" rel="nofollow" class="footer-link"> 1803 Privacy Policy 1804 </a> 1805 </li> 1806 1807 <li> 1808 <a href="/dmca" rel="nofollow" class="footer-link"> 1809 DMCA 1810 </a> 1811 </li> 1812 </ul> 1813 1814 1815 1816 <div class="country_language_area"> 1817 <div class="country_box dropdown" id="country_box"> 1818 <div> 1819 Country 1820 <svg class="arrow_down_ico"> 1821 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ico-arrow-down"></use> 1822 </svg> 1823 </div> 1824 <div class="country_box_country_name" id="country_name"> 1825 <span class="flag-ico US on-load"></span>United States 1826 </div> 1827 1828 <ul id="countrySelector" class="dropdown-menu head-country-selection pull-top" data-test="hp-countrylist"> 1829 1830 <li class="" data-test="hp-country-0"> 1831 <a href="https://www.roomgo.com.ar" id="id-AR" rel="follow"> 1832 <span class="flag-ico AR on-load"></span>Argentina 1833 </a> 1834 </li> 1835 <li class="" data-test="hp-country-1"> 1836 <a href="https://au.roomgo.net" id="id-AU" rel="follow">
1837 <span class="flag-ico AU on-load"></span>Australia 1838 </a> 1839 </li> 1840 <li class="" data-test="hp-country-2"> 1841 <a href="https://www.appartager.be" id="id-BE" rel="follow"> 1842 <span class="flag-ico BE on-load"></span>Belgium 1843 </a> 1844 </li> 1845 <li class="" data-test="hp-country-3"> 1846 <a href="https://www.roomgo.com.br" id="id-BR" rel="follow"> 1847 <span class="flag-ico BR on-load"></span>Brazil 1848 </a> 1849 </li> 1850 <li class="" data-test="hp-country-4"> 1851 <a href="https://ca.roomgo.net" id="id-CA" rel="follow"> 1852 <span class="flag-ico CA on-load"></span>Canada 1853 </a> 1854 </li> 1855 <li class="" data-test="hp-country-5"> 1856 <a href="https://www.roomgo.ch" id="id-CH" rel="follow"> 1857 <span class="flag-ico CH on-load"></span>Switzerland 1858 </a> 1859 </li> 1860 <li class="" data-test="hp-country-6"> 1861 <a href="https://www.compartodepto.cl" id="id-CL" rel="follow"> 1862 <span class="flag-ico CL on-load"></span>Chile 1863 </a> 1864 </li> 1865 <li class="" data-test="hp-country-7"> 1866 <a href="https://www.compartoapto.com" id="id-CO" rel="follow"> 1867 <span class="flag-ico CO on-load"></span>Colombia 1868 </a> 1869 </li> 1870 <li class="" data-test="hp-country-8"> 1871 <a href="https://www.roomgo.es" id="id-ES" rel="follow"> 1872 <span class="flag-ico ES on-load"></span>Spain 1873 </a> 1874 </li> 1875 <li class="" data-test="hp-country-9"> 1876 <a href="https://www.appartager.com" id="id-FR" rel="follow"> 1877 <span class="flag-ico FR on-load"></span>France 1878 </a> 1879 </li> 1880 <li class="" data-test="hp-country-10"> 1881 <a href="https://www.roomgo.com.hk" id="id-HK" rel="follow"> 1882 <span class="flag-ico HK on-load"></span>Hong Kong 1883 </a> 1884 </li> 1885 <li class="" data-test="hp-country-11"> 1886 <a href="https://ie.roomgo.net" id="id-IE" rel="follow"> 1887 <span class="flag-ico IE on-load"></span>Ireland 1888 </a> 1889 </li> 1890 <li class="" data-test="hp-country-12"> 1891 <a href="https://www.roomgo.it" id="id-IT" rel="follow"> 1892 <span class="flag-ico IT on-load"></span>Italy 1893 </a> 1894 </li> 1895 <li class="" data-test="hp-country-13"> 1896 <a href="https://www.appartager.lu" id="id-LU" rel="follow"> 1897 <span class="flag-ico LU on-load"></span>Luxembourg 1898 </a> 1899 </li> 1900 <li class="" data-test="hp-country-14"> 1901 <a href="https://www.roomgo.com.mx" id="id-MX" rel="follow"> 1902 <span class="flag-ico MX on-load"></span>Mexico 1903 </a> 1904 </li> 1905 <li class="" data-test="hp-country-15"> 1906 <a href="https://www.roomgo.co.nz" id="id-NZ" rel="follow">
1907 <span class="flag-ico NZ on-load"></span>New Zealand 1908 </a> 1909 </li> 1910 <li class="" data-test="hp-country-16"> 1911 <a href="https://www.roomgo.pt" id="id-PT" rel="follow"> 1912 <span class="flag-ico PT on-load"></span>Portugal 1913 </a> 1914 </li> 1915 <li class="" data-test="hp-country-17"> 1916 <a href="https://www.roomgo.com.sg" id="id-SG" rel="follow"> 1917 <span class="flag-ico SG on-load"></span>Singapore 1918 </a> 1919 </li> 1920 <li class="" data-test="hp-country-18"> 1921 <a href="https://www.roomgo.co.uk" id="id-GB" rel="follow"> 1922 <span class="flag-ico UK on-load"></span>United Kingdom 1923 </a> 1924 </li> 1925 <li class="active" data-test="hp-country-19"> 1926 <a href="https://www.roomgo.net" id="id-US" rel="follow"> 1927 <span class="flag-ico US on-load"></span>United States 1928 </a> 1929 </li> 1930 1931 </ul> 1932 </div> 1933 <div class="dropdown_slim" id="country_box_slim"> 1934 <select > 1935 <option value=""> 1936 Country 1937 </option> 1938 <option id="id-slim-AR" value="https://www.roomgo.com.ar" 1939 1940 data-test="hp-country-slim-0"> 1941 Argentina 1942 </option> 1943 <option id="id-slim-AU" value="https://au.roomgo.net" 1944 1945 data-test="hp-country-slim-1"> 1946 Australia 1947 </option> 1948 <option id="id-slim-BE" value="https://www.appartager.be" 1949 1950 data-test="hp-country-slim-2"> 1951 Belgium 1952 </option> 1953 <option id="id-slim-BR" value="https://www.roomgo.com.br" 1954 1955 data-test="hp-country-slim-3"> 1956 Brazil 1957 </option> 1958 <option id="id-slim-CA" value="https://ca.roomgo.net" 1959 1960 data-test="hp-country-slim-4"> 1961 Canada 1962 </option> 1963 <option id="id-slim-CH" value="https://www.roomgo.ch" 1964 1965 data-test="hp-country-slim-5"> 1966 Switzerland 1967 </option> 1968 <option id="id-slim-CL" value="https://www.compartodepto.cl" 1969 1970 data-test="hp-country-slim-6"> 1971 Chile 1972 </option> 1973 <option id="id-slim-CO" value="https://www.compartoapto.com" 1974 1975 data-test="hp-country-slim-7"> 1976 Colombia 1977 </option> 1978 <option id="id-slim-ES" value="https://www.roomgo.es" 1979 1980 data-test="hp-country-slim-8"> 1981 Spain 1982 </option> 1983 <option id="id-slim-FR" value="https://www.appartager.com" 1984 1985 data-test="hp-country-slim-9"> 1986 France 1987 </option> 1988 <option id="id-slim-HK" value="https://www.roomgo.com.hk" 1989 1990 data-test="hp-country-slim-10"> 1991 Hong Kong 1992 </option> 1993 <option id="id-slim-IE" value="https://ie.roomgo.net" 1994 1995 data-test="hp-country-slim-11"> 1996 Ireland 1997 </option> 1998 <option id="id-slim-IT" value="https://www.roomgo.it" 1999 2000 data-test="hp-country-slim-12"> 2001 Italy 2002 </option> 2003 <option id="id-slim-LU" value="https://www.appartager.lu" 2004 2005 data-test="hp-country-slim-13"> 2006 Luxembourg 2007 </option> 2008 <option id="id-slim-MX" value="https://www.roomgo.com.mx" 2009 2010 data-test="hp-country-slim-14"> 2011 Mexico 2012 </option> 2013 <option id="id-slim-NZ" value="https://www.roomgo.co.nz" 2014 2015 data-test="hp-country-slim-15"> 2016 New Zealand 2017 </option> 2018 <option id="id-slim-PT" value="https://www.roomgo.pt" 2019 2020 data-test="hp-country-slim-16"> 2021 Portugal 2022 </option> 2023 <option id="id-slim-SG" value="https://www.roomgo.com.sg" 2024 2025 data-test="hp-country-slim-17"> 2026 Singapore 2027 </option> 2028 <option id="id-slim-GB" value="https://www.roomgo.co.uk" 2029 2030 data-test="hp-country-slim-18"> 2031 United Kingdom 2032 </option> 2033 <option id="id-slim-US" value="https://www.roomgo.net" 2034 selected 2035 data-test="hp-country-slim-19"> 2036 United States 2037 </option> 2038 </select> 2039 </div> 2040 <div class="clear"></div> 2041 </div> 2042 2043 <div class="footer_copyright"> 2044 © Roomgo Limited 2025 - 21 Market Place, Stockport, United Kingdom, SK1 1EU 2045 </div> 2046 </div> 2047</div> 2048 2049 2050
2050<script type="text/javascript">window.GTO = {"page":{"pageName":"HavePosting - New User","pageTargetUserType":"Have","pageLocation":"None","pageLocationLat":0.0,"pageLocationLong":0.0,"City":null,"Neighbourhood":null}};</script>
2050 2051 2052 2053 2054 2055
2055<script src="https://static.erm-assets.com/r3-0-1-1073/assets/Dist/js/mapkit.js" type="text/javascript"></script>
vendor: 2 bytes, line 2055
2055
2056<script src="https://static.erm-assets.com/r3-0-1-1073/assets/Dist/js/libs.min.js" type="text/javascript"></script>
vendor: 2 bytes, line 2056
2056
2057<script src="https://static.erm-assets.com/r3-0-1-1073/assets/Dist/js/cropper.min.js" type="text/javascript"></script>
vendor: 2 bytes, line 2057
2057
2058<script src="https://static.erm-assets.com/r3-0-1-1073/assets/Dist/js/pica.js" type="text/javascript"></script>
vendor: 2 bytes, line 2058
2058
2059<script src="https://static.erm-assets.com/r3-0-1-1073/assets/Dist/js/mailcheck.min.js" type="text/javascript"></script>
vendor: 2 bytes, line 2059
2059
2060<script src="https://static.erm-assets.com/r3-0-1-1073/assets/Dist/js/RoomPosting.min.js" type="text/javascript"></script>
2060 2061 2062 2063
2063<script>var preloadCSS = document.getElementById('preloadCSS');preloadCSS.parentNode.removeChild(preloadCSS);</script>
2063 2064 2065</body> 2066</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.