├── .gitignore ├── assets ├── screenshot.png ├── images │ ├── apply.png │ ├── locate.png │ ├── relax.png │ ├── search.png │ ├── hero-bg.jpg │ ├── just_us.png │ ├── traffic.jpg │ ├── everywhere.jpg │ ├── next-icon.svg │ ├── prev-icon.svg │ └── home.svg ├── capstone_video.png └── styles │ └── style.css ├── .stickler.yml ├── package.json ├── README.md ├── stylelint.config.js ├── index.html ├── detail.html └── result.html /.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | .vscode -------------------------------------------------------------------------------- /assets/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elmejdki/HC_Capstone_Project/HEAD/assets/screenshot.png -------------------------------------------------------------------------------- /assets/images/apply.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elmejdki/HC_Capstone_Project/HEAD/assets/images/apply.png -------------------------------------------------------------------------------- /assets/images/locate.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elmejdki/HC_Capstone_Project/HEAD/assets/images/locate.png -------------------------------------------------------------------------------- /assets/images/relax.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elmejdki/HC_Capstone_Project/HEAD/assets/images/relax.png -------------------------------------------------------------------------------- /assets/images/search.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elmejdki/HC_Capstone_Project/HEAD/assets/images/search.png -------------------------------------------------------------------------------- /assets/capstone_video.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elmejdki/HC_Capstone_Project/HEAD/assets/capstone_video.png -------------------------------------------------------------------------------- /assets/images/hero-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elmejdki/HC_Capstone_Project/HEAD/assets/images/hero-bg.jpg -------------------------------------------------------------------------------- /assets/images/just_us.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elmejdki/HC_Capstone_Project/HEAD/assets/images/just_us.png -------------------------------------------------------------------------------- /assets/images/traffic.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elmejdki/HC_Capstone_Project/HEAD/assets/images/traffic.jpg -------------------------------------------------------------------------------- /assets/images/everywhere.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elmejdki/HC_Capstone_Project/HEAD/assets/images/everywhere.jpg -------------------------------------------------------------------------------- /assets/images/next-icon.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /assets/images/prev-icon.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.stickler.yml: -------------------------------------------------------------------------------- 1 | # add the linters you want stickler to use for this project 2 | linters: 3 | stylelint: 4 | # indicate where is the config file for stylelint 5 | config: 'stylelint.config.js' 6 | 7 | # PLEASE DO NOT enable auto fixing options 8 | # if you need extra support from you linter - do it in your local env as described in README for this config 9 | 10 | # find full documentation here: https://stickler-ci.com/docs -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "z_HC_Capstone_Project", 3 | "version": "1.0.0", 4 | "description": "> One paragraph statement about the project.", 5 | "main": "stylelint.config.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "repository": { 10 | "type": "git", 11 | "url": "git+https://github.com/elmejdki/HC_Capstone_Project.git" 12 | }, 13 | "keywords": [], 14 | "author": "", 15 | "license": "ISC", 16 | "bugs": { 17 | "url": "https://github.com/elmejdki/HC_Capstone_Project/issues" 18 | }, 19 | "homepage": "https://github.com/elmejdki/HC_Capstone_Project#readme", 20 | "devDependencies": { 21 | "stylelint": "^13.2.0", 22 | "stylelint-config-recommended": "^3.0.0" 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /assets/images/home.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Dari, Find your own house from all over the world. 2 | 3 | > This website is about allowing users to find rents from all over the world, for now, it is just static but maybe in the future, I will make it dynamic who knows. This project consists of one search Page, a search result Page, and a details Page. I developed all of them on my own using HTML, CSS, and bootstrap. The site is responsive to laptop, tablet, and mobile resolutions. I added a small bit of JS to import a Google maps API on the details page to show where the location of the house to the users. 4 | 5 | # Project Preview 6 | 7 | ![screenshot](./assets/screenshot.png) 8 | 9 | 10 | 11 | # Project Presentation Video 12 | 13 | [![Video Screeshot](assets/capstone_video.png)](https://www.loom.com/share/beee0f6800164db99338b8dbf696f0fc) 14 | 15 | 16 | 17 | ## Built With 18 | 19 | - HTML 20 | - CSS 21 | - JS 22 | - Flexbox 23 | - Gid system 24 | - bootstrap 25 | 26 | ## Live Demo 27 | 28 | [Live Demo Link](https://raw.githack.com/elmejdki/HC_Capstone_Project/create_darieverywhere_website/index.html) 29 | 30 | ### Prerequisites 31 | To make this repository working in your local machine you need only a browser. 32 | 33 | ## Authors 34 | 35 | 👤 **Zakariae El Mejdki** 36 | 37 | - Github: [@elmejdki](https://github.com/elmejdki) 38 | - Twitter: [@zakariae_elmejdki](https://twitter.com/zakariaemejdki) 39 | - Linkedin: [zakariae elmejdki](https://www.linkedin.com/in/zakariaeelmejdki/) 40 | 41 | ## 🤝 Contributing 42 | 43 | Contributions, issues and feature requests are welcome. 44 | 45 | Feel free to check the [issues page](https://github.com/elmejdki/HC_Capstone_Project/issues). 46 | 47 | ## Credits 48 | 49 | Thanks to [Mathew Njuguna and others on Behance](https://www.behance.net/mathewnjuguna) for her awesome design work. I based my work on [this](https://www.behance.net/gallery/25563385/PatashuleKE) design. 50 | 51 | ## Show your support 52 | 53 | Give a ⭐️ if you like this project! 54 | 55 | ## License 56 | 57 | This project is [MIT](lic.url) licensed. 58 | -------------------------------------------------------------------------------- /stylelint.config.js: -------------------------------------------------------------------------------- 1 | "use strict" 2 | 3 | module.exports = { 4 | "extends": "stylelint-config-recommended", 5 | "rules": { 6 | "at-rule-empty-line-before": [ "always", { 7 | except: [ 8 | "blockless-after-same-name-blockless", 9 | "first-nested", 10 | ], 11 | ignore: ["after-comment"], 12 | } ], 13 | "no-descending-specificity": null, 14 | "at-rule-name-case": "lower", 15 | "at-rule-name-space-after": "always-single-line", 16 | "at-rule-semicolon-newline-after": "always", 17 | "block-closing-brace-empty-line-before": "never", 18 | "block-closing-brace-newline-after": "always", 19 | "block-closing-brace-newline-before": "always-multi-line", 20 | "block-closing-brace-space-before": "always-single-line", 21 | "block-opening-brace-newline-after": "always-multi-line", 22 | "block-opening-brace-space-after": "always-single-line", 23 | "block-opening-brace-space-before": "always", 24 | "color-hex-case": "lower", 25 | "color-hex-length": "short", 26 | "comment-empty-line-before": [ "always", { 27 | except: ["first-nested"], 28 | ignore: ["stylelint-commands"], 29 | } ], 30 | "comment-whitespace-inside": "always", 31 | "custom-property-empty-line-before": [ "always", { 32 | except: [ 33 | "after-custom-property", 34 | "first-nested", 35 | ], 36 | ignore: [ 37 | "after-comment", 38 | "inside-single-line-block", 39 | ], 40 | } ], 41 | "declaration-bang-space-after": "never", 42 | "declaration-bang-space-before": "always", 43 | "declaration-block-semicolon-newline-after": "always-multi-line", 44 | "declaration-block-semicolon-space-after": "always-single-line", 45 | "declaration-block-semicolon-space-before": "never", 46 | "declaration-block-single-line-max-declarations": 1, 47 | "declaration-block-trailing-semicolon": "always", 48 | "declaration-colon-newline-after": "always-multi-line", 49 | "declaration-colon-space-after": "always-single-line", 50 | "declaration-colon-space-before": "never", 51 | "declaration-empty-line-before": [ "always", { 52 | except: [ 53 | "after-declaration", 54 | "first-nested", 55 | ], 56 | ignore: [ 57 | "after-comment", 58 | "inside-single-line-block", 59 | ], 60 | } ], 61 | "function-comma-newline-after": "always-multi-line", 62 | "function-comma-space-after": "always-single-line", 63 | "function-comma-space-before": "never", 64 | "function-max-empty-lines": 0, 65 | "function-name-case": "lower", 66 | "function-parentheses-newline-inside": "always-multi-line", 67 | "function-parentheses-space-inside": "never-single-line", 68 | "function-whitespace-after": "always", 69 | "indentation": 2, 70 | "length-zero-no-unit": true, 71 | "max-empty-lines": 1, 72 | "media-feature-colon-space-after": "always", 73 | "media-feature-colon-space-before": "never", 74 | "media-feature-name-case": "lower", 75 | "media-feature-parentheses-space-inside": "never", 76 | "media-feature-range-operator-space-after": "always", 77 | "media-feature-range-operator-space-before": "always", 78 | "media-query-list-comma-newline-after": "always-multi-line", 79 | "media-query-list-comma-space-after": "always-single-line", 80 | "media-query-list-comma-space-before": "never", 81 | "no-eol-whitespace": true, 82 | "no-missing-end-of-source-newline": true, 83 | "number-leading-zero": "always", 84 | "number-no-trailing-zeros": true, 85 | "property-case": "lower", 86 | "rule-empty-line-before": [ "always-multi-line", { 87 | except: ["first-nested"], 88 | ignore: ["after-comment"], 89 | } ], 90 | "selector-attribute-brackets-space-inside": "never", 91 | "selector-attribute-operator-space-after": "never", 92 | "selector-attribute-operator-space-before": "never", 93 | "selector-combinator-space-after": "always", 94 | "selector-combinator-space-before": "always", 95 | "selector-descendant-combinator-no-non-space": true, 96 | "selector-list-comma-newline-after": "always", 97 | "selector-list-comma-space-before": "never", 98 | "selector-max-empty-lines": 0, 99 | "selector-pseudo-class-case": "lower", 100 | "selector-pseudo-class-parentheses-space-inside": "never", 101 | "selector-pseudo-element-case": "lower", 102 | "selector-pseudo-element-colon-notation": "double", 103 | "selector-type-case": "lower", 104 | "unit-case": "lower", 105 | "value-list-comma-newline-after": "always-multi-line", 106 | "value-list-comma-space-after": "always-single-line", 107 | "value-list-comma-space-before": "never", 108 | "value-list-max-empty-lines": 0, 109 | }, 110 | } -------------------------------------------------------------------------------- /assets/styles/style.css: -------------------------------------------------------------------------------- 1 | html { 2 | scroll-behavior: smooth; 3 | } 4 | 5 | .bg-main-color { 6 | background-color: #d35649; 7 | } 8 | 9 | .text-main { 10 | color: #d35649; 11 | } 12 | 13 | .text-black { 14 | color: black; 15 | } 16 | 17 | .max-3k { 18 | max-width: 1600px; 19 | } 20 | 21 | body { 22 | font-family: 'Quicksand', sans-serif; 23 | } 24 | 25 | header { 26 | box-shadow: 0 3px 10px 1px; 27 | } 28 | 29 | header nav { 30 | display: flex; 31 | justify-content: space-between; 32 | } 33 | 34 | header nav ul { 35 | display: flex; 36 | align-items: flex-end; 37 | justify-content: center; 38 | list-style: none; 39 | } 40 | 41 | .logo { 42 | font-size: 30px; 43 | } 44 | 45 | .special-font { 46 | font-family: 'PT Sans Narrow', sans-serif; 47 | } 48 | 49 | .home-logo { 50 | display: inline-block; 51 | background-image: url("../images/home.svg"); 52 | background-position: center; 53 | background-repeat: no-repeat; 54 | background-size: cover; 55 | width: 30px; 56 | height: 30px; 57 | } 58 | 59 | header .fas { 60 | font-size: 20px; 61 | } 62 | 63 | main { 64 | margin-top: 50px; 65 | } 66 | 67 | .hero { 68 | background-image: url("../images/hero-bg.jpg"); 69 | height: 80vh; 70 | width: 100%; 71 | background-repeat: no-repeat; 72 | background-size: cover; 73 | background-position: center; 74 | } 75 | 76 | .hero-form { 77 | width: 600px; 78 | background-color: rgba(255, 255, 255, 0.726); 79 | padding: 30px 40px; 80 | } 81 | 82 | #search-field:focus { 83 | border: 1px solid #d35649; 84 | outline-style: solid; 85 | outline-color: #d35649; 86 | outline-width: medium; 87 | } 88 | 89 | ul li a { 90 | font-size: 12px; 91 | } 92 | 93 | .application-steps .steps { 94 | display: grid; 95 | grid-template-columns: 1fr 1fr; 96 | grid-template-rows: 1fr 1fr; 97 | grid-gap: 30px; 98 | } 99 | 100 | .application-steps .step { 101 | display: flex; 102 | max-width: 350px; 103 | flex-direction: column; 104 | align-items: center; 105 | } 106 | 107 | .application-steps .step .logo img { 108 | width: 50px; 109 | } 110 | 111 | .bg-second { 112 | background-color: #e17e66; 113 | } 114 | 115 | .bg-third { 116 | background-color: #99a4a5; 117 | } 118 | 119 | .bg-fourth { 120 | background-color: #519cd7; 121 | } 122 | 123 | .text-fourth { 124 | color: #519cd7; 125 | } 126 | 127 | .text-third { 128 | color: #99a4a5; 129 | } 130 | 131 | .ad .body { 132 | max-width: 400px; 133 | } 134 | 135 | .ad .logo img { 136 | width: 250px; 137 | height: 250px; 138 | border-radius: 50%; 139 | } 140 | 141 | footer { 142 | background-color: #000; 143 | color: white; 144 | } 145 | 146 | footer .navigation { 147 | width: 90%; 148 | display: flex; 149 | padding: 50px 0; 150 | position: relative; 151 | } 152 | 153 | footer .navigation ul { 154 | display: flex; 155 | list-style: none; 156 | flex-wrap: wrap; 157 | width: 50%; 158 | padding: 5px 0; 159 | border-top: 1px solid rgba(175, 175, 175, 0.479); 160 | border-bottom: 1px solid rgba(175, 175, 175, 0.479); 161 | } 162 | 163 | footer .navigation ul:first-child { 164 | padding-right: 50px; 165 | } 166 | 167 | footer .navigation ul:last-child { 168 | padding-left: 50px; 169 | } 170 | 171 | footer .navigation ul li { 172 | flex-grow: 1; 173 | text-align: center; 174 | cursor: pointer; 175 | min-width: 100px; 176 | } 177 | 178 | footer .navigation ul li:hover { 179 | background-color: white; 180 | color: black; 181 | font-weight: bold; 182 | } 183 | 184 | footer .navigation .logo { 185 | position: absolute; 186 | padding: 30px; 187 | width: 90px; 188 | height: 90px; 189 | left: calc(50% - 45px); 190 | top: 25px; 191 | background-color: black; 192 | border: 1px solid rgba(175, 175, 175, 0.479); 193 | border-radius: 50%; 194 | } 195 | 196 | footer .navigation .logo .home-logo { 197 | position: absolute; 198 | top: 30px; 199 | left: 30px; 200 | } 201 | 202 | .keepintouch { 203 | display: flex; 204 | width: 90%; 205 | margin: 0 auto; 206 | flex-wrap: wrap; 207 | } 208 | 209 | .keepintouch .subscribe form input { 210 | min-width: 130px; 211 | } 212 | 213 | .keepintouch > div { 214 | padding: 10px 0; 215 | width: calc(100% / 3); 216 | } 217 | 218 | .keepintouch form input { 219 | background-color: rgba(95, 158, 160, 0); 220 | border: 1px solid rgba(128, 128, 128, 0.308); 221 | } 222 | 223 | .bottom-footer { 224 | background-color: #1f1f1f; 225 | padding: 20px 10px; 226 | } 227 | 228 | .bottom-footer .fab:hover { 229 | cursor: pointer; 230 | color: white; 231 | } 232 | 233 | .filter { 234 | background-color: #eee; 235 | padding: 90px 10px; 236 | } 237 | 238 | .search_result { 239 | margin: 40px; 240 | } 241 | 242 | .search_result .result { 243 | padding: 30px 0; 244 | display: flex; 245 | justify-content: space-between; 246 | flex-wrap: wrap; 247 | } 248 | 249 | .search_result .house { 250 | width: calc(100% / 3 - 60px); 251 | display: flex; 252 | flex-direction: column; 253 | box-shadow: 1px 1px 10px 2px rgba(73, 73, 73, 0.432); 254 | margin: 30px 0; 255 | } 256 | 257 | .search_result .house img { 258 | height: 350px; 259 | object-fit: cover; 260 | object-position: center; 261 | } 262 | 263 | .search_result .house p { 264 | font-size: 20px; 265 | } 266 | 267 | main .carousel { 268 | height: auto; 269 | width: 100%; 270 | } 271 | 272 | main .carousel .carousel-control-prev-icon { 273 | background: url("../images/prev-icon.svg"); 274 | background-repeat: no-repeat; 275 | background-position: center; 276 | width: 20px; 277 | height: 20px; 278 | } 279 | 280 | main .carousel .carousel-control-next-icon { 281 | background: url("../images/next-icon.svg"); 282 | background-repeat: no-repeat; 283 | background-position: center; 284 | width: 20px; 285 | height: 20px; 286 | } 287 | 288 | main .carousel img { 289 | height: 80vh; 290 | max-width: 1200px; 291 | object-fit: cover; 292 | object-position: center; 293 | } 294 | 295 | .details { 296 | margin: 30px; 297 | padding: 30px; 298 | box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.294); 299 | } 300 | 301 | .details .grid { 302 | display: grid; 303 | grid-template-columns: repeat(3, 1fr); 304 | grid-auto-rows: 50px; 305 | grid-gap: 10px; 306 | } 307 | 308 | .details .grid > div { 309 | border: 1px solid rgba(0, 0, 0, 0.411); 310 | display: grid; 311 | justify-content: center; 312 | align-items: center; 313 | } 314 | 315 | main .description { 316 | padding: 20px 50px; 317 | font-size: 20px; 318 | text-align: justify; 319 | } 320 | 321 | main .more-details { 322 | display: block; 323 | background-color: rgba(238, 238, 238, 0.493); 324 | color: black; 325 | padding: 20px 30px; 326 | width: calc(100% - 40px); 327 | font-size: 25px; 328 | margin: 10px 20px; 329 | letter-spacing: 15px; 330 | } 331 | 332 | main .more-details .fas { 333 | padding-right: 10px; 334 | } 335 | 336 | #map { 337 | height: 80vh; 338 | width: calc(90% - 40px); 339 | margin: 30px auto; 340 | box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.363); 341 | } 342 | 343 | @media screen and (max-width: 1024px) { 344 | .keepintouch > div { 345 | width: 50%; 346 | } 347 | 348 | .search_result .house { 349 | width: calc(50% - 30px); 350 | } 351 | 352 | .search_result .house img { 353 | height: 300px; 354 | } 355 | 356 | .application-steps .steps { 357 | grid-template-columns: 1fr; 358 | grid-template-rows: repeat(4, 1fr); 359 | } 360 | 361 | .keepintouch { 362 | justify-content: center; 363 | } 364 | 365 | main .carousel img { 366 | height: 70vh; 367 | } 368 | 369 | .details .grid { 370 | grid-template-columns: repeat(2, 1fr); 371 | } 372 | 373 | #map { 374 | height: 60vh; 375 | } 376 | } 377 | 378 | @media screen and (max-width: 767px) { 379 | .hero-form { 380 | width: auto; 381 | padding: 20px 20px; 382 | } 383 | 384 | .search_result .house { 385 | width: 100%; 386 | } 387 | 388 | .search_result .house img { 389 | height: 200px; 390 | } 391 | 392 | .sm-center { 393 | text-align: center; 394 | } 395 | 396 | .keepintouch > div { 397 | width: 100%; 398 | } 399 | 400 | .keepintouch { 401 | justify-content: center; 402 | } 403 | 404 | main .carousel img { 405 | height: 50vh; 406 | } 407 | 408 | .details .grid { 409 | grid-template-columns: 1fr; 410 | } 411 | 412 | main .description { 413 | padding: 20px 30px; 414 | } 415 | 416 | #map { 417 | height: 50vh; 418 | } 419 | 420 | header nav { 421 | display: block; 422 | } 423 | } 424 | 425 | @media screen and (max-width: 575px) { 426 | main { 427 | margin-top: 95px; 428 | } 429 | 430 | .hero-form input { 431 | height: 35px; 432 | padding: 10px; 433 | } 434 | 435 | .hero-form .btn { 436 | margin-top: 10px; 437 | width: 100%; 438 | } 439 | } 440 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | Dari 14 | 15 | 16 | 17 |
18 | 45 |
46 | 47 |
48 |
49 |

DARI... your getway to beautifull houses all over the world

50 |
51 | 52 | search by key word: 53 | 54 |
55 | 56 | 57 |
58 |
59 |
60 | how it works 61 |
62 |
63 | 64 |
65 |

66 | Dari works in four simple steps 67 |

68 |
69 |
70 | 73 |
74 | 1- SEARCH: 75 |
76 |
77 | It's simple. On Dari homepage. enter the name of a country you are interested in maybe to visit or to buy a house from, and then click on search. Alternatively, click on the search link on the top menu to view the list of all the houses that are near to you. 78 |
79 |
80 |
81 | 84 |
85 | 1- LOCATE: 86 |
87 |
88 | Get to see where the house is located by click on the house profile. It's even more exciting. You can get directions from anywhere in the country. 89 |
90 |
91 |
92 | 95 |
96 | 1- APPLY: 97 |
98 |
99 | Apply for a meeting with the owner locally or remotely to know more about the house that you have liked. Click on the APPLY button to get the application form. We also follow up on the application to make sure you get a reply on time. 100 |
101 |
102 |
103 | 106 |
107 | 1- relax: 108 |
109 |
110 | Once you have met with the owner and both of you agreed on the rent payments. You can relax and drink a cup of coffee maybe. 111 |
112 |
113 |
114 |
115 |
116 |
117 | 120 |
121 |
Over 100,000 owners registred with us
122 |

Find a rent by using our filtered search engine

123 | Find a rent 124 |
125 |
126 | 127 |
128 | 131 |
132 |
No Need to look up for renters by yourself our website will make that easier for you
133 |

Just press or clikc on the search button and You're all set

134 | Find a rent near you 135 |
136 |
137 | 138 |
139 | 142 |
143 |
Anytime Anywhere Any way!
144 |

Very convenient platforms that cut cross any device including our mobile ready web app and our mobile app coming soon to your app store

145 |
146 |
147 |
148 |
149 | 150 | 198 | 199 | 200 | 201 | -------------------------------------------------------------------------------- /detail.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | Dari 14 | 15 | 16 | 17 |
18 | 45 |
46 | 47 |
48 | 90 | 91 |
92 |

ST. PETER

93 |
94 |
95 |
96 | TYPE: Studio 97 |
98 |
99 |
100 |
101 | WIFI: Yes 102 |
103 |
104 |
105 |
106 | Transport: Free 107 |
108 |
109 |
110 |
111 | Includes: Breakfast 112 |
113 |
114 |
115 |
116 | Pool: Yes 117 |
118 |
119 |
120 |
121 | Entire Home: Yes 122 |
123 |
124 |
125 |
126 | Check-in: 18/02/2020 127 |
128 |
129 |
130 |
131 | Checkout: 20/02/2020 132 |
133 |
134 |
135 |
136 | 137 |
138 |
139 |
140 | TEL: 141 | +212 675372051 142 |
143 |
144 | TRANSPORT: 145 | Yes 146 |
147 |
148 | WEBSITE: 149 | ST.COM 150 |
151 |
152 | PET ALLOWED: 153 | YES 154 |
155 |
156 |
157 | 158 |
159 | In our cozy vicarage, we have a total of four rooms for rent, all with different and special character. 160 | Our house has three floors with several common areas such as a large kitchen, a dining room, a hall, a combined working and TV room. One of the rooms has a private balcony and all guests have access to a large balcony on the second floor There are additionally various seating areas outside in to garden. There is also the opportunity for grilling, sauna and washing clothes. 161 |
162 | 163 | 164 | click me for more detials. 165 | 166 | 167 |

MAP DIRECTIONS

168 | 169 |
170 | 171 |
172 | 173 | 221 | 222 | 223 | 224 | 225 | 240 | 241 | 242 | 243 | -------------------------------------------------------------------------------- /result.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | Dari 14 | 15 | 16 | 17 |
18 | 45 |
46 | 47 |
48 |
49 |

Filter by Country, City, Chick-In and Checkout:

50 |
51 |
52 | 53 | 54 |
55 |
56 | 57 | 58 |
59 |
60 | 61 | 62 |
63 |
64 | 65 | 66 |
67 |
68 | 69 | 78 |
79 |
80 | 81 | 89 |
90 |
91 | 92 | 93 |
94 |
95 |
96 | 97 |
98 |

Search Results Found 7 House(s).

99 |
100 | 101 | Typical Norwegian cabin close to city center. Easy access with car and metro. Peaceful, charming and an amazing view! 102 |
Charming small house Holmenkollen
103 | 2 guests - 1 bedroom - 2 beds - 1 bath 104 |

105 | 39.9$ / Night 106 |

107 | 108 | 109 | Typical Norwegian cabin close to city center. Easy access with car and metro. Peaceful, charming and an amazing view! 110 |
Nice tiny house in the forest by the lake
111 | 3 guests - 1 bedroom - 3 beds - 1.5 baths 112 |

113 | 23.4$ / Night 114 |

115 | 116 | 117 | Typical Norwegian cabin close to city center. Easy access with car and metro. Peaceful, charming and an amazing view! 118 |
Varvi's Place. Feel at home in the Heart of Pori.
119 | 4 guests - 1 bedroom - 2 beds - 1.5 baths 120 |

121 | 30$ / Night 122 |

123 | 124 | 125 | Typical Norwegian cabin close to city center. Easy access with car and metro. Peaceful, charming and an amazing view! 126 |
Shepherd's Shack / Ganu Būda
127 | 3 guests - 1 bedroom - 1 bed - 1 bath 128 |

129 | 30.9$ / Night 130 |

131 | 132 | 133 | Typical Norwegian cabin close to city center. Easy access with car and metro. Peaceful, charming and an amazing view! 134 |
Stuga med kamin och bastu
135 | 5 guests - 2 bedrooms - 5 beds - 1 bath 136 |

137 | 25$ / Night 138 |

139 | 140 | 141 | Typical Norwegian cabin close to city center. Easy access with car and metro. Peaceful, charming and an amazing view! 142 |
Lundsbrunn Stuga
143 | 2 guests - 1 bedroom - 0 beds - 1 bath 144 |

145 | 21.3$ / Night 146 |

147 | 148 | 149 | Typical Norwegian cabin close to city center. Easy access with car and metro. Peaceful, charming and an amazing view! 150 |
Stylish apartment in the heart of the city
151 | 5 guests - 1 bedroom - 5 beds - 1 bath 152 |

153 | 90$ / Night 154 |

155 | 156 |
157 |
158 |
159 | 160 | 208 | 209 | 210 | 211 | --------------------------------------------------------------------------------