PageSourceSearch

https://www.roomgo.net/post/room

html roomgo.net collected 2026-10-01 01:32:46 UTC 95,541 bytes, 2,066 lines download raw bytes

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 &amp; generate new leads. Use our roommate finder United States to search for tenants on mobile &amp; 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&#39;s FREE to advertise your room in the web&#39;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&#39;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&#39;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 &amp; 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&#39;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&#39;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&#39;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 &quot;Forgot password&quot;.</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&#39;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="{&quot;Success&quot;:1,&quot;InvalidPassword&quot;:3,&quot;Error&quot;:2,&quot;BlockedOrSpamUser&quot;:4,&quot;StreetNameError&quot;: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            &#169; 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.