1 2<!DOCTYPE html> 3<html lang="en-US" > 4 5<head> 6 7 <!-- Meta --> 8 <meta charset="utf-8"> 9 <meta name="robots" content="noindex, nofollow"> 10 11 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 12 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 13 14 <title> Housity - Contact </title> 15 16 <!-- Rel --> 17 <link rel="preconnect" href="https://fonts.googleapis.com"> 18 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 19 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=Fraunces:wght@400;500;600;700;800;900&display=swap"> 20
20<script defer src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
20 21 <meta name="theme-color" content=""> 22 23 <link rel="canonical" href="https://housity.net/contact" /> 24 <!-- Google tag (gtag.js) --> 25
25<script defer type="text/javascript" src="https://www.termsfeed.com/public/cookie-consent/4.2.0/cookie-consent.js" charset="UTF-8"></script>
25 26
26<script type="text/javascript" charset="UTF-8"> 27 document.addEventListener('DOMContentLoaded', function() { 28 cookieconsent.run({ 29 "notice_banner_type": "simple", 30 "consent_type": "express", 31 "palette": "light", 32 "language": "en", 33 "page_load_consent_levels": ["strictly-necessary"], 34 "notice_banner_reject_button_hide": false, 35 "preferences_center_close_button_hide": false, 36 "page_refresh_confirmation_buttons": false, 37 "website_name": "housity.net", 38 "website_privacy_policy_url": "https://housity.net/cookies/" 39 }); 40 }); 41 </script>
vendor: 150 bytes, lines 41-42
41 42 <script type="text/plain" data-cookie-consent="tracking" data-cookiecategory="analytics" async src="https://www.googletagmanager.com/gtag/js?id=
42G-61JHJCJ32J
vendor: 17 bytes, lines 42-43
42"></script> 43
43<script type="text/plain" data-cookie-consent="tracking" data-cookiecategory="analytics"> 44
vendor: 181 bytes, lines 44-50
44window.dataLayer = window.dataLayer || []; 45 46 function gtag() { 47 dataLayer.push(arguments); 48 } 49 gtag("js", new Date()); 50 gtag("config", "
50G-61JHJCJ32J
vendor: 9 bytes, lines 50-51
50"); 51
51</script>
51 52 <noscript>Free cookie consent management tool by <a href="https://www.termsfeed.com/">TermsFeed</a></noscript> 53 54 55 <style> 56 /* Botón de aceptar */ 57 .cc-nb-okagree { 58 background-color: rgb(83, 146, 249) !important; /* verde */ 59 } 60 61 /* Botón de rechazar */ 62 .cc-nb-reject { 63 background-color: #141726 !important; /* rojo */ 64 } 65</style> 66 67 <!-- OG --> 68 <meta property="og:title" content="Housity - Contact"> 69 <meta property="og:description" content="Contact"> 70 <meta property="og:image" content="https://images.housity.net/logo.png"> 71 <meta property="og:url" content="https://housity.net/contact"> 72 73 <style> 74 :root { 75 76 77 /* ===== COLORES DE MARCA ===== */ 78 79 /* Color primario */ 80 --color-primary: #2CA6A4; 81 --color-primary-light: #E8F8F8; 82 --color-primary-dark: #1D8A88 ; 83 84 --color-accent: #00c896; 85 86 --color-tour: #F0702A; 87 --color-tour-hover: #C2410C; 88 --color-hotel: #0288d1; 89 90 /* Color secundario ?????????????*/ 91 --color-red: #E11D48; 92 --color-amber: #D97706; 93 --color-green:#16A34A; 94 95 /* Neutros / escala de grises */ 96 --color-black: #111827; 97 --color-gray-900: #1F2937; 98 --color-gray-700: #6B7280; 99 --color-gray-500: #9CA3AF; 100 --color-gray-300: #E5E7EB; 101 --color-gray-100: #F0F2F5; 102 --color-white: #ffffff; 103 104 105 /* Texto y fondo */ 106 --color-text-primary: var(--color-gray-900); 107 --color-text-secondary: var(--color-gray-500); 108 109 --color-bg: var(--color-gray-100); 110 --color-bg-alt: var(--color-gray-500); 111 112 113 /* ===== TIPOGRAFÃA ===== */ 114 --font-primary: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif; 115 --font-secondary: 'Poppins', sans-serif; 116 --font-mono: 'Fira Code', monospace; 117 118 --fw-sm: ; 119 --fw-md: ; 120 --fw-lg: ; 121 122 123 /* Espaciado */ 124 --radius-sm: 8px; 125 --radius-md: 12px; 126 --radius-lg: 16px; 127 --radius-xl: 20px; 128 --radius-full: 999px; 129 130 131 /* Sombras */ 132 --shadow-sm: 0 1px 3px rgba(0,0,0,.08); 133 --shadow-md: 0 4px 16px rgba(0,0,0,.10); 134 --shadow-lg: 0 8px 32px rgba(185, 147, 147, 0.14); 135 136 /* ===== TRANSICIONES ===== */ 137 --transition-fast: 150ms ease; 138 --transition-normal: 250ms ease; 139 --transition-slow: 400ms ease; 140 141 142 /* ===== CONTENEDOR / LAYOUT ===== */ 143 --container-max-width: 1200px; 144 --header-height: 72px; 145 146 --padding-xs: .15rem .6rem; 147 --padding-sm: .45rem .8rem; 148 --padding-md: .65rem .9rem; 149 --padding-lg: .85rem 1rem; 150 151 152 --border-thin: 1.5px solid var(--color-gray-300); 153 --border-mid: 2px solid var(--color-gray-700); 154 --border-thick: 3px solid var(--color-black); 155} 156 157 158*, 159*::before, 160*::after { 161 box-sizing: border-box; 162} 163 164body { 165 font-family: var(--font-primary); 166 color: var(--color-black); 167 background: var(--color-bg); 168 -webkit-font-smoothing: antialiased; 169 170 display: block; 171 margin: 0px; 172 padding: 0px; 173 174 font-display: swap; 175} 176 177 178.body-content { 179 max-width: 1300px; 180 min-width: 900px; 181 width: 60%; 182 margin: auto; 183 padding-top: 100px; 184} 185 186 187 188a { 189 color: inherit; 190 text-decoration: none; 191} 192 193img { 194 display: block; 195 max-width: 100%; 196} 197 198button { 199 font-family: var(--f-body); 200 cursor: pointer; 201} 202 203/* ROWS AND COLUMNS */ 204.flex-row { 205 display: flex; 206 flex-direction: row; 207 gap: 10px; 208 align-items: center; 209 flex-wrap: wrap; 210} 211 212.flex-row-spaced { 213 display: flex; 214 flex-direction: row; 215 gap: 10px; 216 justify-content: space-between; 217 align-items: center; 218 /*flex-wrap: wrap;*/ 219} 220 221.row-wrap { 222 display: flex; 223 flex-wrap: wrap; 224 justify-content: space-between; 225 align-items: center; 226 gap: 10px; 227} 228 229.grid-slide { 230 justify-content: space-between; 231 width: 100%; 232 display: grid; 233 grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); 234 gap: 20px; 235} 236 237.desktop-row { 238 display: flex; 239 flex-direction: row; 240 gap: 10px; 241} 242 243.center-row { 244 width: 100%; 245 246 display: flex; 247 text-align: center;
248 align-items: center; 249 justify-content: center; 250} 251 252 253/*LANG SELECT*/ 254.lang-btn { 255 display: inline-flex; 256 align-items: center; 257 gap: .5rem; 258 background: rgba(255, 255, 255, .88); 259 border: var(--border-thin); 260 border-radius: var(--radius-full); 261 padding: .3rem .85rem .3rem .35rem; 262 backdrop-filter: blur(8px); 263 color: var(--color-black); 264 font-family: inherit; 265 font-weight: 700; 266 font-size: .86rem; 267 line-height: 1; 268 cursor: pointer; 269 transition: background .15s, border-color .15s; 270} 271 272.lang-btn:hover { 273 background: var(--color-white); 274 border-color: var(--color-primary); 275} 276 277.lang-chev { 278 opacity: .55; 279} 280 281.lang-flag { 282 width: 24px; 283 height: 24px; 284 border-radius: 50%; 285 object-fit: cover; 286 flex-shrink: 0; 287 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12); 288 background: var(--color-gray-300); 289} 290 291/* ===== PANEL ===== */ 292.lang-modal { 293 position: fixed; 294 inset: 0; 295 z-index: 2000; 296 display: grid; 297 place-items: center; 298 padding: 20px; 299 background: rgba(10, 20, 30, .55); 300 backdrop-filter: blur(3px); 301 animation: lang-fade .16s ease; 302} 303 304.lang-modal[hidden] { 305 display: none; 306} 307 308@keyframes lang-fade { 309 from { 310 opacity: 0 311 } 312 313 to { 314 opacity: 1 315 } 316} 317 318@keyframes lang-rise { 319 from { 320 opacity: 0; 321 transform: translateY(10px) 322 } 323 324 to { 325 opacity: 1; 326 transform: none 327 } 328} 329 330@media (prefers-reduced-motion: reduce) { 331 332 .lang-modal, 333 .lang-box { 334 animation: none 335 } 336} 337 338.lang-box { 339 background: var(--color-white); 340 border-radius: var(--radius-xl); 341 width: min(760px, 100%); 342 max-height: min(660px, 88vh); 343 display: flex; 344 flex-direction: column; 345 box-shadow: 0 30px 70px rgba(0, 0, 0, .3); 346 animation: lang-rise .18s ease; 347 overflow: hidden; 348} 349 350.lang-head { 351 display: flex; 352 justify-content: space-between; 353 align-items: flex-start; 354 gap: 1rem; 355 padding: 1.4rem 1.6rem 1.1rem; 356 border-bottom: 1px solid var(--color-gray-300); 357} 358 359.lang-head h2 { 360 margin: 0; 361 font-size: 1.15rem; 362 font-weight: 800; 363 letter-spacing: -.01em; 364} 365 366.lang-head p { 367 margin: .15rem 0 0; 368 font-size: .84rem; 369 line-height: 1.4; 370 color: var(--color-gray-700); 371} 372 373.lang-close { 374 border: 0; 375 background: var(--color-gray-100); 376 color: var(--color-gray-700); 377 width: 34px; 378 height: 34px; 379 border-radius: 50%; 380 font-size: 1.3rem; 381 line-height: 1; 382 cursor: pointer; 383 flex-shrink: 0; 384} 385 386.lang-close:hover { 387 background: var(--color-gray-300); 388 color: var(--color-black); 389} 390 391.lang-grid { 392 display: grid; 393 grid-template-columns: repeat(3, 1fr); 394 gap: .4rem; 395 padding: 1.1rem 1.6rem 1.5rem; 396 overflow: auto; 397} 398 399.lang-opt { 400 display: flex;
401 align-items: center; 402 gap: .7rem; 403 text-decoration: none; 404 border: 1.5px solid transparent; 405 border-radius: var(--radius-md); 406 padding: .6rem .7rem; 407 color: var(--color-black); 408 position: relative; 409 transition: background .12s, border-color .12s; 410} 411 412.lang-opt:hover { 413 background: var(--color-gray-100); 414} 415 416.lang-opt-txt b { 417 display: block; 418 font-size: .9rem; 419 font-weight: 700; 420 line-height: 1.2; 421} 422 423.lang-opt-txt small { 424 display: block; 425 font-size: .72rem; 426 font-weight: 500; 427 color: var(--color-gray-700); 428} 429 430.lang-check { 431 position: absolute; 432 right: .6rem; 433 color: var(--color-primary-dark); 434 opacity: 0; 435} 436 437.lang-opt.selected { 438 border-color: var(--color-primary); 439 background: var(--color-primary-light); 440} 441 442.lang-opt.selected .lang-opt-txt b { 443 color: var(--color-primary-dark); 444} 445 446.lang-opt.selected .lang-check { 447 opacity: 1; 448} 449 450.lang-opt:focus-visible, 451.lang-btn:focus-visible { 452 outline: 2px solid var(--color-primary-dark); 453 outline-offset: 2px; 454} 455 456/* SHARE BUTTON */ 457.shareButton { 458 flex-shrink: 0; 459 width: 44px; 460 height: 44px; 461 display: flex;
462 align-items: center; 463 justify-content: center; 464 border: var(--border-thin); 465 border-radius: var(--radius-full); 466 background: var(--color-white); 467 cursor: pointer; 468} 469 470.shareButton img { 471 width: 22px; 472 height: 22px; 473} 474 475.shareButton:hover { 476 border-color: var(--color-primary); 477} 478 479 480/* TITLES */ 481h1 { 482 font-size: clamp(1.6rem, 4vw, 2.5rem); 483 font-weight: 900; 484 color: var(--color-black); 485 letter-spacing: -0.02em; 486 margin-bottom: 0px; 487} 488 489h2 { 490 font-size: clamp(1.6rem, 4vw, 2.0rem); 491 /*font-size: 1.5rem 24px;*/ 492 font-weight: 900; 493 color: var(--color-black); 494 letter-spacing: -0.02em; 495} 496 497h3 { 498 font-size: 1.25rem; 499 font-weight: 900; 500 color: var(--color-black); 501} 502 503h4 { 504 font-size: 0.7rem; 505 font-weight: 900; 506 color: var(--color-primary-dark); 507 text-transform: uppercase; 508 letter-spacing: 0.06em; 509 510 511} 512 513p { 514 font-size: 0.9rem; 515 font-weight: 400; 516 line-height: 1.75; 517} 518 519 520/* INPUTS */ 521input, 522textarea, 523select { 524 font-family: inherit; 525 padding: 12px 16px; 526 border: var(--border-thin); 527 border-radius: var(--radius-sm); 528 background-color: var(--color-gray-100); 529 font-size: 16px; 530 color: var(--color-black); 531 transition: border-color 0.3s, box-shadow 0.3s; 532 border: none; 533 border: var(--border-thin); 534} 535 536input, 537textarea { 538 cursor: text; 539 flex: 1; 540} 541 542select { 543 cursor: pointer; 544} 545 546input:focus, 547textarea:focus, 548select:focus { 549 border-color: none; 550 box-shadow: none; 551 outline: none; 552} 553 554/* Placeholder styles */ 555input::placeholder, 556textarea::placeholder { 557 color: var(--color-gray-500); 558 font-style: italic; 559} 560 561input[type="checkbox"] { 562 -webkit-appearance: none; 563 -moz-appearance: none; 564 appearance: none; 565 width: 20px; 566 height: 20px; 567 border: var(--border-mid); 568 border-radius: 0; 569 cursor: pointer; 570 position: relative; 571 flex: none; 572 padding: 3px; 573} 574 575input[type="checkbox"]:checked { 576 background-color: var(--color-primary-dark); 577 border-color: var(--color-primary-dark); 578} 579 580input[type="checkbox"]:checked::before { 581 content: 'â'; 582 position: absolute; 583 top: 0; 584 left: 5px; 585 top: -2px; 586 font-size: 1.1rem; 587 color: var(--color-white); 588} 589 590form { 591 line-height: 2; 592} 593 594/* Textarea specific */ 595textarea { 596 resize: none; 597 height: 120px; 598} 599 600/* Select specific */ 601select { 602 appearance: none; 603 min-width: 70px; 604 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><polygon points="0,0 20,0 10,10" fill="%23333"/></svg>'); 605 background-repeat: no-repeat; 606 background-position: right 16px center; 607 background-size: 12px; 608} 609 610label { 611 color: var(--color-gray-500); 612 font-weight: 500; 613 614} 615 616 617 618.custom-select-container { 619 position: relative; 620 width: 200px; 621} 622 623.custom-select { 624 display: none; 625 /* Ocultamos el verdadero select */ 626} 627 628.selected-option { 629 display: flex;
630 align-items: center; 631 632 padding: 8px; 633 cursor: pointer; 634} 635 636.selected-option img { 637 width: 20px; 638 height: 20px; 639 margin-right: 8px; 640} 641 642.options-list { 643 display: none; 644 position: absolute; 645 border: 1px solid #ccc; 646 width: 100%; 647 background: white; 648 z-index: 100; 649} 650 651.option-item { 652 display: flex; 653 align-items: center; 654 padding: 8px; 655 cursor: pointer; 656} 657 658.option-item img { 659 width: 20px; 660 height: 20px; 661 margin-right: 8px; 662} 663 664.option-item:hover { 665 background-color: #f0f0f0; 666} 667 668 669.location_icon { 670 width: 30px; 671 height: 30px; 672} 673 674.container { 675 background-color: var(--color-white); 676 padding: var(--padding-lg); 677 border-radius: var(--radius-md); 678 /*width: 100%;*/ 679 box-shadow: var(--shadow-sm); 680 border: var(--border-thin); 681} 682 683 684.tooltips { 685 position: relative; 686 display: flex; 687 gap: 20px; 688 padding: var(--padding-sm); 689 border-radius: var(--radius-md); 690 width: max-content; 691 background-color: var(--color-white); 692 align-items: center; 693 flex-wrap: wrap; 694 max-width: -webkit-fill-available; 695} 696 697.tooltip { 698 margin: 0px; 699 display: flex; 700 gap: 5px; 701 align-items: center; 702 font-weight: 500; 703 font-size: 1rem; 704 letter-spacing: -.5px; 705 cursor: help; 706 position: relative; 707} 708 709.tooltip::after { 710 content: attr(data-description); 711 position: absolute; 712 bottom: 100%; 713 padding: 8px; 714 background-color: var(--color-white); 715 color: var(--color-gray-900); 716 border-radius: var(--radius-md); 717 visibility: hidden; 718 opacity: 0; 719 transition: opacity 0.3s; 720 line-height: normal; 721} 722 723.tooltip:hover::after { 724 visibility: visible; 725 opacity: 1; 726} 727 728.internal-link { 729 text-decoration: none; 730 color: var(--color-primary-dark); 731 font-weight: bold; 732} 733 734.internal-link:hover { 735 text-decoration: underline; 736} 737 738 739/* HEADER */ 740header { 741 background-color: transparent; 742 padding: 20px; 743 position: fixed; 744 width: -webkit-fill-available; 745 z-index: 1001; 746 transition: var(--transition-fast); 747 top: 0px; 748} 749 750.header-elements { 751 display: flex; 752 justify-content: space-between; 753 align-items: center; 754 max-width: 1300px; 755 margin: auto; 756 width: 60%; 757} 758 759header.scrolled { 760 background-color: var(--color-white); 761 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); 762} 763 764.header-logo { 765 max-width: 100px; 766 max-height: 80px; 767 object-fit: contain; 768} 769 770 771/* FOOTER */ 772footer { 773 width: 100%; 774 background: linear-gradient(180deg, var(--color-black) 0%, var(--color-gray-900) 100%); 775 color: var(--color-white); 776 padding: 70px 0 30px; 777 778} 779 780 781.footer-icon { 782 width: 20px; 783 height: 20px; 784} 785 786 787.footer-row { 788 display: grid; 789 grid-template-columns: 1.5fr 1fr 1fr 1fr; 790 gap: 60px; 791 padding-bottom: 50px; 792 width: 90%; 793 max-width: 1400px; 794 margin: auto; 795} 796 797.footer-links { 798 display: flex; 799 flex-direction: column; 800 gap: 14px; 801} 802 803.footer-links a { 804 color: rgba(255, 255, 255, 0.72); 805 text-decoration: none; 806 transition: 0.25s; 807 font-size: 15px; 808 padding: 0; 809 min-height: auto; 810} 811 812 813.footer-links a:hover { 814 color: white; 815 transform: translateX(4px); 816} 817 818.footer-title { 819 font-size: 19px; 820} 821 822.footer-links li { 823 margin-top: 10px; 824} 825 826.social-links { 827 display: flex; 828 gap: 14px; 829 margin-top: 28px; 830 flex-direction: row; 831} 832 833 834.social-links a { 835 width: 44px; 836 height: 44px; 837 border-radius: 14px; 838 background: rgba(255, 255, 255, 0.08); 839 display: flex;
840 align-items: center; 841 justify-content: center; 842 color: white !important; 843 text-decoration: none; 844 font-size: 18px; 845 transition: 0.3s; 846} 847 848.social-links a:hover { 849 background: white; 850 color: #08111f !important; 851 transform: translateY(-3px); 852} 853 854 855.disclaimer { 856 border-top: 1px solid rgba(255, 255, 255, 0.08); 857 padding-top: 25px; 858 display: flex; 859 justify-content: space-between; 860 align-items: center; 861 gap: 30px; 862 flex-wrap: wrap; 863 width: 90%; 864 max-width: 1400px; 865 margin: auto; 866} 867 868.disclaimer-footer { 869 color: rgba(255, 255, 255, 0.55); 870 font-size: 13px; 871 line-height: 1.7; 872} 873 874 875 876 877/* LOCATION TOPPER */ 878.location-topper { 879 position: relative; 880 background-size: cover; 881 background-position: center; 882 color: white; 883} 884 885.location-topper h1 { 886 color: white; 887 font-size: 65px; 888 position: relative; 889} 890 891.location-topper h1 span { 892 color: white; 893 font-size: 35px; 894 position: absolute; 895 font-size: 20px; 896 letter-spacing: normal; 897 top: -10px; 898} 899 900.location-intro { 901 margin-top: -19px; 902 color: white; 903 font-size: 17px; 904 line-height: 20px; 905 letter-spacing: 0; 906 width: 60%; 907 font-weight: 600; 908 position: relative; 909 z-index: 100; 910} 911 912/* WEATHER */ 913.weather { 914 background-color: var(--color-gray-300); 915 border-radius: var(--radius-md); 916 color: var(--color-black); 917 padding: var(--padding-sm); 918 height: max-content; 919 font-size: 1rem; 920 position: relative; 921 display: flex; 922 flex-wrap: wrap; 923 924} 925 926.weather-icon { 927 width: 40px; 928 height: 40px; 929} 930 931.clock-container { 932 display: flex; 933 flex-direction: row; 934 gap: 15px; 935 font-size: 20px; 936 align-items: center; 937} 938 939#hour, 940#minute, 941#second { 942 background-color: var(--color-white); 943 padding: 5px; 944 border-radius: 5px; 945} 946 947.weather-info { 948 display: flex; 949 gap: 15px; 950 align-items: center; 951} 952 953/* BREADCRUMB */ 954.breadcrumb { 955 display: flex; 956 flex-direction: row; 957 align-items: center; 958 gap: 10px; 959 font-size: 13px; 960} 961 962.breadcrumb p { 963 margin: 0px; 964} 965 966 967.loading-indicator { 968 display: none; 969 justify-self: center; 970 height: 150px; 971} 972 973 974 975/**/ 976.list-slide { 977 width: 100%; 978 display: flex; 979 gap: 1.1rem; 980 overflow-x: auto; 981 overflow-y: hidden; 982 padding-bottom: 12px; 983 /* deja espacio para que el scrollbar no pise el contenido */ 984 985 /* Firefox */ 986 scrollbar-width: thin; 987 scrollbar-color: var(--color-gray-500) var(--color-gray-100); 988} 989 990/* Chrome, Safari, Edge */ 991.list-slide::-webkit-scrollbar { 992 height: 10px; 993 cursor: grab; 994} 995 996.list-slide::-webkit-scrollbar-track { 997 background: var(--color-gray-100); 998 border-radius: var(--radius-md) 999} 1000 1001.list-slide::-webkit-scrollbar-thumb { 1002 background: var(--color-gray-500); 1003 border-radius: var(--radius-md); 1004} 1005 1006.list-slide::-webkit-scrollbar-thumb:hover { 1007 background: var(--color-black); 1008} 1009 1010/* CLAVE: los hijos deben tener ancho fijo y no encogerse */ 1011.list-slide>* { 1012 flex-shrink: 0; 1013 width: 200px; 1014 /* o el ancho que quieras para cada item */ 1015} 1016 1017 1018.buttontour { 1019 background: var(--color-tour); 1020 color: var(--color-white); 1021 border-radius: var(--radius-xl); 1022 padding: .6rem .8rem; 1023 font-size: .88rem; 1024 font-weight: 700; 1025 display: flex;
1026 align-items: center; 1027 justify-content: center; 1028 gap: 7px; 1029 border: none; 1030} 1031.buttontour svg{ 1032 width: 20px; 1033 fill: white; 1034} 1035 1036 1037.buttontour:hover { 1038 background: var(--color-tour-hover); 1039} 1040 1041.buttonbook { 1042 background: var(--color-primary); 1043 color: var(--color-white); 1044 border-radius: var(--radius-md); 1045 padding: .7rem 1.4rem; 1046 font-size: .88rem; 1047 font-weight: 700; 1048 border: none; 1049 transition: background .15s; 1050 gap: .4rem; 1051 display: flex; 1052 1053 width: max-content; 1054 align-items: center; 1055 justify-content: center; 1056 text-align: center; 1057 1058 width: 100%; 1059} 1060 1061 1062 1063.buttonbook:hover { 1064 background: var(--color-primary-dark); 1065} 1066 1067.buttonbook svg { 1068 fill: var(--color-primary); 1069} 1070 1071.buttonbook:hover svg { 1072 fill: var(--color-white); 1073} 1074 1075.button { 1076 1077 color: var(--color-primary); 1078 border-radius: var(--radius-xl); 1079 border: solid 2px var(--color-primary); 1080 padding: .7rem 1.4rem; 1081 font-size: .88rem; 1082 font-weight: 700; 1083 display: flex;
1084 align-items: center; 1085 justify-content: center; 1086 gap: 7px; 1087 1088} 1089 1090.button:hover { 1091 background: var(--color-primary); 1092 color: var(--color-white); 1093 border: solid 2px var(--color-primary-dark); 1094} 1095 1096.button svg { 1097 fill: var(--color-primary); 1098} 1099 1100.button:hover svg { 1101 fill: var(--color-white); 1102} 1103 1104 1105.char-select { 1106 text-decoration: none; 1107 color: var(--color-gray-700); 1108 border-bottom: solid 1px var(--color-gray-700); 1109 1110 padding: 10px; 1111 width: -webkit-fill-available; 1112 cursor: pointer; 1113 display: flex; 1114 align-items: center; 1115 justify-content: center; 1116} 1117 1118.char-select:hover { 1119 color: var(--color-primary); 1120 border-bottom: solid 1px var(--color-primary-dark); 1121} 1122 1123 1124.provider-label { 1125 color: var(--color-primary); 1126 font-weight: 700; 1127 cursor: pointer; 1128 font-size: 1.1rem; 1129} 1130 1131.star::before { 1132 content: "â "; 1133} 1134 1135 1136/* SUMMARY */ 1137 1138.summary { 1139 display: flex; 1140 justify-content: space-between; 1141 margin-top: 20px; 1142 text-align: center; 1143 overflow-x: auto; 1144 flex-wrap: nowrap; 1145 scrollbar-width: none; 1146 gap: .5rem; 1147 margin: 1rem 0 .5rem; 1148} 1149 1150.summary::-webkit-scrollbar { 1151 display: none; 1152} 1153 1154.summary .char-select { 1155 width: auto; 1156 flex: 1 0 auto; 1157 white-space: nowrap; 1158 padding: .6rem 1rem; 1159} 1160 1161/* PRICE */ 1162.price { 1163 color: var(--color-primary-dark); 1164 font-weight: bold; 1165 font-size: 2rem; 1166 margin: 0px; 1167 1168} 1169 1170.price p { 1171 margin: 0px; 1172 padding: 0px; 1173} 1174 1175.price-from { 1176 1177 font-weight: 700; 1178 font-size: 1rem; 1179} 1180 1181.price-txt { 1182 color: var(--color-black); 1183 font-weight: 500; 1184 1185} 1186 1187 1188.country-list { 1189 font-size: .9rem; 1190 display: grid; 1191 grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); 1192 gap: 5px 25px; 1193 margin: 0 auto; 1194} 1195 1196.country-list a { 1197 white-space: nowrap; 1198 overflow: hidden; 1199 text-overflow: ellipsis; 1200 color: var(--color-black); 1201 display: flex; 1202 justify-content: space-between; 1203} 1204 1205.country-list-count { 1206 flex-shrink: 0; 1207 border-radius: 999px; 1208 background: var(--color-primary); 1209 color: var(--color-white); 1210 font-size: .68rem; 1211 font-weight: 800; 1212 padding: .15rem .5rem; 1213} 1214 1215.country-list a:hover { 1216 background: var(--color-gray-300); 1217 color: var(--color-primary-dark); 1218 1219} 1220 1221.s-item { 1222 display: flex; 1223 flex-direction: column; 1224 gap: 5px; 1225} 1226 1227.offer { 1228 background: var(--color-white); 1229 padding: var(--padding-sm); 1230 border: var(--border-thin); 1231 border-radius: var(--radius-md); 1232 display: flex; 1233 flex-direction: row; 1234 gap: 10px; 1235 align-items: center; 1236} 1237 1238.offer-logo { 1239 height: 50px; 1240} 1241 1242 1243.row { 1244 display: flex; 1245 gap: 10px; 1246 margin-top: 15px; 1247 align-items: center; 1248} 1249 1250 1251.grid-list { 1252 display: flex; 1253 flex-wrap: wrap; 1254 gap: 15px; 1255 justify-content: space-between; 1256 color: var(--color-gray-700); 1257} 1258 1259.grid-list a { 1260 color: var(--color-gray-700); 1261 text-decoration: none; 1262} 1263 1264.location-option.selected { 1265 background-color: var(--main-color) !important; 1266} 1267 1268.distance { 1269 margin: 0px; 1270 padding: 5px; 1271 background: var(--secondary-color); 1272 width: max-content; 1273 color: white; 1274 font-weight: 500; 1275} 1276 1277/*Forms*/ 1278.form-item { 1279 display: flex;
1280 align-items: flex-start; 1281 gap: .75rem; 1282 margin-bottom: 1.25rem; 1283} 1284 1285.form-icon { 1286 width: 2.4rem; 1287 height: 2.4rem; 1288 border-radius: .6rem; 1289 background: var(--color-primary); 1290 display: flex; 1291 align-items: center; 1292 justify-content: center; 1293 flex-shrink: 0; 1294 color: var(--color-white); 1295} 1296 1297.form-label { 1298 font-size: .7rem; 1299 font-weight: 800; 1300 text-transform: uppercase; 1301 letter-spacing: .06em; 1302 color: var(--color-gray-500); 1303 margin: 0 0 .2rem; 1304} 1305 1306.form-value { 1307 font-size: .9rem; 1308 font-weight: 700; 1309 color: var(--color-black); 1310 margin: 0; 1311} 1312 1313@media only screen and (max-width: 1000px) { 1314 1315 .body-content { 1316 width: 95%; 1317 min-width: 100px; 1318 margin: auto; 1319 } 1320 1321 .desktop-row { 1322 flex-direction: column; 1323 gap: 7px; 1324 } 1325 1326 .header-logo { 1327 width: 90px; 1328 height: 40px; 1329 margin: 0px; 1330 padding: 0px; 1331 } 1332 1333 .header-elements { 1334 width: 95%; 1335 margin: 0px; 1336 } 1337 1338 .footer-row { 1339 grid-template-columns: 1fr 1fr; 1340 gap: 40px; 1341 } 1342 1343 .disclaimer { 1344 flex-direction: column; 1345 align-items: flex-start; 1346 } 1347 1348 .breadcrumb { 1349 flex-wrap: wrap; 1350 gap: 6px; 1351 font-size: 10px; 1352 } 1353 1354 .loading-indicator { 1355 height: 100px; 1356 } 1357 1358 .custom-select-container { 1359 width: 120px; 1360 } 1361 1362 .desktop-only { 1363 display: none; 1364 } 1365 1366 .location_icon { 1367 width: 20px; 1368 } 1369 1370 1371 .row { 1372 width: min-content; 1373 width: 100%; 1374 flex-direction: column; 1375 } 1376 1377 .location-intro { 1378 width: auto !important; 1379 font-size: 14px !important; 1380 line-height: 16px !important; 1381 } 1382 1383 1384 .tour-price { 1385 font-size: 12px; 1386 } 1387 1388 .lang-grid { 1389 grid-template-columns: 1fr 1fr; 1390 } 1391 1392 .lang-head, 1393 .lang-grid { 1394 padding-inline: 1.1rem; 1395 } 1396} 1397 1398@media only screen and (max-width: 700px) { 1399 1400 1401 footer { 1402 padding: 50px 0 25px; 1403 } 1404 1405 .footer-row { 1406 grid-template-columns: 1fr; 1407 } 1408 1409 .desktop-only { 1410 display: none; 1411 } 1412 1413 .location-topper h1 { 1414 font-size: 30px !important; 1415 align-self: start; 1416 margin: 10px 0px; 1417 word-break: break-word; 1418 } 1419 1420 .location-topper h1 span { 1421 font-size: 20px !important; 1422 top: -23px !important; 1423 } 1424 1425 .location-intro { 1426 width: auto !important; 1427 font-size: 12px !important; 1428 line-height: 14px !important; 1429 } 1430 1431 .weather { 1432 display: flex; 1433 flex-wrap: wrap; 1434 align-items: center; 1435 gap: 4px; 1436 1437 } 1438 1439 .loading-indicator { 1440 height: 80px; 1441 } 1442 1443 .country-list { 1444 grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); 1445 } 1446 1447 .summary { 1448 flex-wrap: wrap; 1449 margin: 0px; 1450 font-size: 13px; 1451 } 1452 1453 1454 .lang-btn-name { 1455 display: none; 1456 } 1457 1458 .lang-btn { 1459 padding: .3rem .6rem .3rem .3rem; 1460 } 1461 1462 .lang-grid { 1463 grid-template-columns: 1fr; 1464 } 1465}.button:disabled { 1466 background-color: grey; 1467 color: black; 1468 } 1469 1470 .title-wrap { 1471 width: 100%; 1472 background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%); 1473 color: white; 1474 padding: 30px; 1475 text-align: center; 1476 } 1477 1478 1479 </style> 1480
1480<script> 1481 1482 1483 document.addEventListener("DOMContentLoaded", function() { 1484 var form = document.getElementById("contact-form"); 1485 1486 form.addEventListener("submit", function(event) { 1487 event.preventDefault(); // Evitar que el formulario se envÃe por defecto 1488 SendMail(); 1489 }); 1490 }); 1491 1492 function privaccept(c) { 1493 var but = document.getElementById('searchbutton'); 1494 but.disabled = !c.checked; 1495 } 1496 1497 function SendMail() { 1498 const sendButton = document.getElementById("searchbutton"); 1499 const loading = document.getElementById("sending-email"); 1500 const resultText = document.getElementById("email-result"); 1501 1502 var name = document.getElementById("name-input").value; 1503 var email = document.getElementById("email-input").value; 1504 var subject = document.getElementById("subject-input").value; 1505 var message = document.getElementById("msg-input").value; 1506 1507 var subscribe = document.getElementById("subscribe-input").checked; 1508 var cookies = document.getElementById("msg-input").checked; 1509 1510 sendButton.style.display = "none"; 1511 loading.style.display = "block"; 1512 resultText.textContent = "Sending..."; 1513 resultText.style.display = "block"; 1514 1515 const data = { 1516 name: name, 1517 email: email, 1518 subject: subject, 1519 message: message, 1520 subscribe: subscribe, 1521 lang: 'en', 1522 origin: 'housity', 1523 web: 'housity.net' 1524 }; 1525 1526 const options = { 1527 method: 'POST', 1528 headers: { 1529 'Content-Type': 'application/json' 1530 }, 1531 body: JSON.stringify(data) 1532 }; 1533 1534 1535 fetch("https://newsletter.housity.net/mail", options) 1536 .then(response => response.json()) 1537 .then(data => { 1538 if (data.status === "ok") { 1539 sendButton.style.display = "none"; 1540 loading.style.display = "none"; 1541 resultText.textContent = "Email sent!"; 1542 resultText.style.display = "block"; 1543 } else { 1544 sendButton.style.display = "none"; 1545 loading.style.display = "none"; 1546 resultText.textContent = data.msg; 1547 resultText.style.display = "block"; 1548 } 1549 }) 1550 .catch(error => { 1551 sendButton.style.display = "none"; 1552 loading.style.display = "none"; 1553 resultText.textContent = error; 1554 resultText.style.display = "block"; 1555 1556 }); 1557 1558 } 1559 </script>
1559 1560 1561</head> 1562 1563<body> 1564 <header> 1565 <div class="header-elements"> 1566 <a href='/'> <img class='header-logo' src='https://images.housity.net/logo-large.png' alt='Housity.net'> </a> 1567 1568 1569 <button type="button" class="lang-btn" id="lang-btn" aria-haspopup="dialog" aria-expanded="false"> 1570 <img class="lang-flag" src="https://images.housity.net/icons/en.svg" alt="" /> 1571 <span class="lang-btn-name">English</span> 1572 <svg class="lang-chev" viewBox="0 0 24 24" width="11" height="11" aria-hidden="true"> 1573 <path d="M5 9l7 7 7-7" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /> 1574 </svg> 1575 </button> 1576 </div> 1577</header> 1578 1579<!-- SELECTOR DE IDIOMA --> 1580<div class="lang-modal" id="lang-modal" role="dialog" aria-modal="true" aria-labelledby="lang-modal-title" hidden> 1581 <div class="lang-box"> 1582 <div class="lang-head"> 1583 <div> 1584 <h2 id="lang-modal-title">Choose your language</h2> 1585 <p>The site will open on the domain of the language you choose.</p> 1586 </div> 1587 <button type="button" class="lang-close" id="lang-close" aria-label="Close">×</button> 1588 </div> 1589 1590 <div class="lang-grid"> 1591 <a class="lang-opt selected" href="https://housity.net/" hreflang="en-US" aria-current="true"> 1592 <img class="lang-flag" loading="lazy" src="https://images.housity.net/icons/en.svg" alt="" /> 1593 <span class="lang-opt-txt"> 1594 <b>English</b> 1595 <small>housity.net</small> 1596 </span> 1597 <svg class="lang-check" viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 1598 <path d="M4 12.5 9.5 18 20 7" /> 1599 </svg> 1600 </a> 1601 <a class="lang-opt" href="https://housity.es/" hreflang="es-ES" > 1602 <img class="lang-flag" loading="lazy" src="https://images.housity.net/icons/es.svg" alt="" /> 1603 <span class="lang-opt-txt"> 1604 <b>Español</b> 1605 <small>housity.es</small> 1606 </span> 1607 <svg class="lang-check" viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 1608 <path d="M4 12.5 9.5 18 20 7" /> 1609 </svg> 1610 </a> 1611 <a class="lang-opt" href="https://housity.fr/" hreflang="fr-FR" > 1612 <img class="lang-flag" loading="lazy" src="https://images.housity.net/icons/fr.svg" alt="" /> 1613 <span class="lang-opt-txt"> 1614 <b>Français</b> 1615 <small>housity.fr</small> 1616 </span> 1617 <svg class="lang-check" viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 1618 <path d="M4 12.5 9.5 18 20 7" /> 1619 </svg> 1620 </a> 1621 <a class="lang-opt" href="https://de.housity.net/" hreflang="de-DE" > 1622 <img class="lang-flag" loading="lazy" src="https://images.housity.net/icons/de.svg" alt="" /> 1623 <span class="lang-opt-txt"> 1624 <b>Deutsch</b> 1625 <small>de.housity.net</small> 1626 </span> 1627 <svg class="lang-check" viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 1628 <path d="M4 12.5 9.5 18 20 7" /> 1629 </svg> 1630 </a> 1631 <a class="lang-opt" href="https://housity.it/" hreflang="it-IT" > 1632 <img class="lang-flag" loading="lazy" src="https://images.housity.net/icons/it.svg" alt="" />
1633 <span class="lang-opt-txt"> 1634 <b>Italiano</b> 1635 <small>housity.it</small> 1636 </span> 1637 <svg class="lang-check" viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 1638 <path d="M4 12.5 9.5 18 20 7" /> 1639 </svg> 1640 </a> 1641 <a class="lang-opt" href="https://housity.nl/" hreflang="nl-NL" > 1642 <img class="lang-flag" loading="lazy" src="https://images.housity.net/icons/nl.svg" alt="" /> 1643 <span class="lang-opt-txt"> 1644 <b>Nederlands</b> 1645 <small>housity.nl</small> 1646 </span> 1647 <svg class="lang-check" viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 1648 <path d="M4 12.5 9.5 18 20 7" /> 1649 </svg> 1650 </a> 1651 <a class="lang-opt" href="https://pt.housity.net/" hreflang="pt-PT" > 1652 <img class="lang-flag" loading="lazy" src="https://images.housity.net/icons/pt.svg" alt="" /> 1653 <span class="lang-opt-txt"> 1654 <b>Português</b> 1655 <small>pt.housity.net</small> 1656 </span> 1657 <svg class="lang-check" viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 1658 <path d="M4 12.5 9.5 18 20 7" /> 1659 </svg> 1660 </a> 1661 <a class="lang-opt" href="https://ru.housity.net/" hreflang="ru-RU" > 1662 <img class="lang-flag" loading="lazy" src="https://images.housity.net/icons/ru.svg" alt="" /> 1663 <span class="lang-opt-txt"> 1664 <b>Ð ÑÑÑкий</b> 1665 <small>ru.housity.net</small> 1666 </span> 1667 <svg class="lang-check" viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 1668 <path d="M4 12.5 9.5 18 20 7" /> 1669 </svg> 1670 </a> 1671 <a class="lang-opt" href="https://zh.housity.net/" hreflang="zh-CN" > 1672 <img class="lang-flag" loading="lazy" src="https://images.housity.net/icons/zh.svg" alt="" /> 1673 <span class="lang-opt-txt"> 1674 <b>䏿</b> 1675 <small>zh.housity.net</small> 1676 </span> 1677 <svg class="lang-check" viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 1678 <path d="M4 12.5 9.5 18 20 7" /> 1679 </svg> 1680 </a> 1681 <a class="lang-opt" href="https://ja.housity.net/" hreflang="ja-JP" > 1682 <img class="lang-flag" loading="lazy" src="https://images.housity.net/icons/ja.svg" alt="" /> 1683 <span class="lang-opt-txt"> 1684 <b>æ¥æ¬èª</b> 1685 <small>ja.housity.net</small> 1686 </span> 1687 <svg class="lang-check" viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 1688 <path d="M4 12.5 9.5 18 20 7" /> 1689 </svg> 1690 </a> 1691 </div> 1692 </div> 1693</div> 1694
1695<script type="text/javascript"> 1696 document.addEventListener("scroll", () => { 1697 const header = document.querySelector("header"); 1698 1699 if (window.scrollY > 0) { 1700 header.classList.add("scrolled"); 1701 } else { 1702 header.classList.remove("scrolled"); 1703 } 1704 }); 1705 1706 document.addEventListener('DOMContentLoaded', function() { 1707 const questions = document.querySelectorAll('.faq-question'); 1708 questions.forEach(question => { 1709 question.addEventListener('click', function() { 1710 this.classList.toggle('active'); 1711 }); 1712 }); 1713 1714 const color = getComputedStyle(document.documentElement) 1715 .getPropertyValue('--color-primary').trim(); 1716 1717 //document.querySelector('meta[name="theme-color"]') 1718 //.setAttribute('content', color); 1719 }); 1720 1721 //SELECTOR DE IDIOMA 1722 (function() { 1723 const modal = document.getElementById('lang-modal'); 1724 const btn = document.getElementById('lang-btn'); 1725 if (!modal || !btn) return; 1726 1727 function openLang() { 1728 modal.hidden = false; 1729 btn.setAttribute('aria-expanded', 'true'); 1730 document.body.style.overflow = 'hidden'; 1731 const first = modal.querySelector('.lang-opt.selected') || modal.querySelector('.lang-opt'); 1732 if (first) first.focus(); 1733 } 1734 1735 function closeLang() { 1736 modal.hidden = true; 1737 btn.setAttribute('aria-expanded', 'false'); 1738 document.body.style.overflow = ''; 1739 btn.focus(); 1740 } 1741 1742 btn.addEventListener('click', openLang); 1743 document.getElementById('lang-close').addEventListener('click', closeLang); 1744 modal.addEventListener('click', function(e) { 1745 if (e.target === modal) closeLang(); 1746 }); 1747 document.addEventListener('keydown', function(e) { 1748 if (e.key === 'Escape' && !modal.hidden) closeLang(); 1749 }); 1750 })(); 1751</script>
1751 <div class="title-wrap"> 1752 <div class="body-content"> 1753 <h1 style="color: white;"> Housity - Contact</h1> 1754 <p>We are at your disposal for questions, inquiries, and collaborations.</p> 1755 </div> 1756 </div> 1757 <br><br> 1758 <div class="body-content" style="padding: 0px;"> 1759 1760 <div class="flex-row"> 1761 1762 <div style="flex: 1;"> 1763 <h2>How to contact us</h2> 1764 <div class="form-item"> 1765 <div class="form-icon"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg></div> 1766 <div> 1767 <p class="form-label">EMAIL</p> 1768 <p class="form-value"><a class="internal-link" href="mailto:[email protected]">[email protected]</a></p> 1769 </div> 1770 </div> 1771 1772 <div class="form-item"> 1773 <div class="form-icon"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg></div> 1774 <div> 1775 <p class="form-label">RESPONSE TIME</p> 1776 <p class="form-value">About 48h</p> 1777 </div> 1778 </div> 1779 1780 </div> 1781 1782 <div class="container"> 1783 <h2>Send us a message</h2> 1784 <form id="contact-form" target="_blank" action="" method="post" class="contact-form"> 1785 1786 <div class="flex-row"> 1787 <div class="s-item"> 1788 <label for="name">Name *</label> 1789 <input id="name-input" class="name" type="text" name="name" placeholder="Name" required> 1790 </div> 1791 <div class="s-item"> 1792 <label for="email">Your Email *</label> 1793 <input id="email-input" class="email" type="text" name="email" placeholder="Your Email" required> 1794 </div> 1795 </div> 1796 1797 <div class="s-item"> 1798 <label for="subject">Subject *</label> 1799 <input id="subject-input" class="subject" type="text" name="subject" placeholder="Subject" required> 1800 </div> 1801 1802 <div class="s-item"> 1803 <label for="message">Your Message *</label> 1804 <textarea id="msg-input" class="message" type="text" name="message" placeholder="Your Message" required></textarea> 1805 </div> 1806 1807 1808 <div style="display:flex; flex-direction:row; align-items: center; gap: 15px;"><input id="subscribe-input" name="subscribe" type="checkbox" style="width: 25px;"> 1809 <p>I want to recieve offers from Housity</p> 1810 </div> 1811 <div style="display:flex; flex-direction:row; align-items: center; gap: 15px;"><input id="cookies-input" name="privacy-accepted" id="accept-privacy" type="checkbox" onchange='privaccept(this);' style="width: 25px;"> 1812 <p> I accept the <a class="internal-link" target="_blank" href="/privacy"> Privacy policy</a>.</p> 1813 </div> 1814 1815 <button type="submit" id="searchbutton" class="button" style="width: 100%;" disabled> Send </button> <img style="display: none;" id="sending-email" src=""></img> 1816 <p style="display: none;" id="email-result"></p> 1817 </form> 1818 </div> 1819 </div> 1820 1821 </div> 1822 <br><br><br> 1823 1824<footer> 1825 <div class='footer-row'> 1826 1827 <div class='column'> 1828 <p class="footer-title">Housity</p> 1829 1830 <div class='social-links'> 1831 <a style="display: flex;gap: 10px; color: white; text-decoration: none;" href='https://www.instagram.com/housity_/' rel='nofollow' target='_blank' aria-label="Follow us on instagram"> <img class="footer-icon" src="https://images.housity.net/instagram.png"/></a> <a style="display: flex;gap: 10px; color: white; text-decoration: none;" href='https://www.facebook.com/people/Housity/100090119934114/' rel='nofollow' target='_blank' aria-label="Follow us on facebook"> <img class="footer-icon" src="https://images.housity.net/facebook.png"/></a> </div> 1832 </div> 1833 1834 1835 <div class='column'> 1836 <p class='footer-title'>About us</p> 1837 1838 <div class='footer-links'> 1839 <a href='/contact' rel='nofollow'>Contact </a> 1840 <a href='/privacy' rel='nofollow'>Privacy policy </a> 1841 <a href='/cookie-policy' rel='nofollow'>Cookie Policy </a> 1842 <a href='/terms-and-conditions' rel='nofollow'> Terms and Conditions</a> 1843 1844 </div> 1845 </div> 1846 1847 1848 <div class='column'> 1849 <p class='footer-title'>Travel with us</p> 1850 <div class='footer-links'> 1851 <a href='/map'>Map</a> 1852 <a href='/flights' rel='nofollow' target='_blank'> Flights </a> 1853 <a href='/cars' rel='nofollow' target='_blank'>Car rental </a> 1854 1855 </div> 1856 </div> 1857 </div> 1858 <div class="disclaimer disclaimer-footer desktop-row"> 1859 <p>© 2026 Housity.net</p> 1860 <p class="footer-disclaimer">This website provides information for reference purposes only and is in no way affiliated with the accommodations mentioned. The information displayed may be inaccurate or outdated; please consult the official website for accurate details. Bookings are handled by our partner. For more details, see the Legal Notes section</p> 1861 </div> 1862</footer></body> 1863 1864</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.