1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2<html xmlns="http://www.w3.org/1999/xhtml"> 3 4<head> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> 6 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 7 <meta http-equiv="Cache-control" content="NO-CACHE"> 8 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 9 <link rel="canonical" href="https://www.webconnection.asia/" /> 10 <title>Hotel Digital Marketing & Technology Agency | Web Connection</title> 11<meta name="description" content="Web Connection helps hotels grow direct revenue with websites, booking engines, channel management, PMS, revenue services and digital marketing across Asia."/> 12<meta name="keywords" content="web connection, web connection asia, webconnection, official site, hotel digital marketing agency, hotel digital marketing, web design, booking engine, channel manager, ota service, revenue management, website content, photography, virtual tours, brand identity, generating revenue for hotels" /> 13<meta name="publisher" content="Web Connection - Hotel Digital Marketing Agency" /> 14<meta name="author" content="Web Connection â Hotel Digital Marketing Agency" /> 15<meta name="robots" content="all" /> 16<meta name="revisit-after" content="7 days" /> 17<meta name="classification" content="Hotels & Resorts, Travel & Tourism" /> 18<meta name="facebook-domain-verification" content="9psjji4078c7ztnhi5kcqpded56l8s" /> 19<meta name="application-name" content="web connection"> 20 21<!-- Favicon 2026 --> 22<!-- /ssi/header_tag.php --> 23<link rel="icon" type="image/png" href="https://www.webconnection.asia/images/favicon/2026/favicon-96x96.png" sizes="96x96" /> 24<link rel="icon" type="image/svg+xml" href="https://www.webconnection.asia/images/favicon/2026/favicon.svg" /> 25<link rel="shortcut icon" href="https://www.webconnection.asia/images/favicon/2026/favicon.ico" /> 26<link rel="apple-touch-icon" sizes="180x180" href="https://www.webconnection.asia/images/favicon/2026/apple-touch-icon.png" /> 27<meta name="apple-mobile-web-app-title" content="WebConnection" /> 28<link rel="manifest" href="https://www.webconnection.asia/images/favicon/2026/site.webmanifest" /> 29 30<!-- Meta Tag --> 31<meta name="msapplication-config" content="https://www.webconnection.asia/images/browserconfig.xml"> 32<meta name="msapplication-TileColor" content="#ffffff"> 33<meta name="theme-color" content="#ffffff"> 34<meta property="og:image" content="http://www.webconnection.asia/images/fb_logo.jpg"/> 35 36 37
37<script src="js/jquery-1.11.3.js"></script>
37 38 <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> 39 <style id='classic-theme-styles-inline-css' type='text/css'> 40/*! This file is auto-generated */ 41.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 42</style> 43<link rel='stylesheet' id='contact-form-7-css' href='https://www.webconnection.asia/pdpa/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.5' type='text/css' media='all' /> 44<link rel='stylesheet' id='dscf7-math-captcha-style-css' href='https://www.webconnection.asia/pdpa/wp-content/plugins/ds-cf7-math-captcha/assets/css/style.css?ver=1.0.0' type='text/css' media='' /> 45<link rel='stylesheet' id='designil-pdpa-public-css' href='https://www.webconnection.asia/pdpa/wp-content/plugins/designil-pdpa/public/assets/css/designil-pdpa-public.min.css?ver=2.3' type='text/css' media='all' /> 46<link rel='stylesheet' id='designil-pdpa-style-css' href='https://www.webconnection.asia/pdpa/wp-content/designil-pdpa/designil-pdpa-style.min.css?ver=2040266311' type='text/css' media='all' /> 47<link rel='stylesheet' id='custom-addons-css' href='https://www.webconnection.asia/pdpa/wp-content/themes/wcl/css/custom-addons.css?ver=1753076002' type='text/css' media='all' /> 48 <style> 49 @charset "UTF-8"; 50 51 @font-face { 52 font-family: 'Gotham'; 53 src: url('../fonts/Gotham-Medium.eot'); 54 src: url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Medium.woff') format('woff'), url('../fonts/Gotham-Medium.ttf') format('truetype'), url('../fonts/Gotham-Medium.svg#svgFontName') format('svg'); 55 font-weight: 400; 56 font-style: normal 57 } 58 59 @font-face { 60 font-family: 'Gotham'; 61 src: url('../fonts/Gotham-Light.eot'); 62 src: url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Light.woff') format('woff'), url('../fonts/Gotham-Light.ttf') format('truetype'), url('../fonts/Gotham-Light.svg#svgFontName') format('svg'); 63 font-weight: 300; 64 font-style: normal 65 } 66 67 a, 68 body, 69 div, 70 h1, 71 h2, 72 header, 73 html, 74 iframe, 75 img, 76 li, 77 p, 78 section, 79 span, 80 ul { 81 margin: 0; 82 padding: 0; 83 border: 0; 84 font: inherit; 85 vertical-align: baseline 86 } 87 88 header, 89 section { 90 display: block 91 } 92 93 body { 94 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 95 color: #000; 96 background: #fff; 97 text-shadow: none; 98 font-weight: 300 !important; 99 font-weight: 400; 100 line-height: 28px; 101 font-size: 18px; 102 overflow-x: hidden; 103 -webkit-font-smoothing: antialiased; 104 -webkit-text-size-adjust: 100%; 105 padding: 0 106 } 107 108 html { 109 overflow-x: hidden; 110 height: 100% 111 } 112 113 * { 114 box-sizing: border-box 115 } 116 117 h1, 118 h2 { 119 color: #fff; 120 font-family: Gotham, AppleGothic, sans-serif 121 } 122 123 h2 a { 124 font-weight: inherit 125 } 126 127 h1 { 128 font-size: 60px; 129 font-weight: lighter; 130 color: #fff; 131 line-height: 60px 132 } 133 134 h2 { 135 font-size: 48px; 136 line-height: 38px 137 } 138 139 img { 140 max-width: 100%; 141 height: auto; 142 vertical-align: middle 143 } 144 145 ul { 146 list-style: none 147 } 148 149 ul ul { 150 font-size: 90% 151 } 152 153 li { 154 line-height: 18px 155 } 156 157 a { 158 color: #000; 159 text-decoration: none 160 } 161 162 .clear { 163 clear: both; 164 display: block; 165 overflow: hidden; 166 visibility: hidden; 167 width: 0; 168 height: 0 169 } 170 171 .col-3 { 172 width: 25% 173 } 174 175 .col-6 { 176 width: 50% 177 } 178 179 .col-9 { 180 width: 75% 181 } 182 183 [class|="col"] { 184 float: left 185 } 186 187 .container { 188 position: relative; 189 margin: 0 auto; 190 padding: 0 60px 191 } 192 193 header { 194 height: 100px; 195 position: fixed; 196 width: 100%; 197 background: url(../images/header-shadow.png) bottom repeat-x #ffffff; 198 top: 0; 199 left: 0; 200 z-index: 1000; 201 border-top: 3px solid #000 202 } 203 204 .logo { 205 padding-top: 10px; 206 float: left 207 } 208 209 .logo img { 210 width: 191px 211 } 212 213 .menu-top-navigation, 214 .menu-main-navigation { 215 width: 100% 216 } 217 218 .menu-top { 219 float: right; 220 font-size: 0.7em; 221 font-family: Gotham, AppleGothic, sans-serif; 222 font-weight: lighter; 223 text-transform: uppercase; 224 padding: 4px 0; 225 margin: 15px 3px 0px 0px 226 } 227 228 .menu-top ul li { 229 float: left; 230 position: relative; 231 padding: 2px 0 2px 232 } 233 234 .menu-top>ul>li:nth-child(1):after, 235 .menu-top>ul>li:nth-child(2):after, 236 .menu-top>ul>li:nth-child(3):after, 237 .menu-top>ul>li:nth-child(4):after { 238 content: ""; 239 position: absolute; 240 height: 100%; 241 width: 100%; 242 top: 0; 243 right: 0; 244 z-index: -1; 245 background-repeat: no-repeat; 246 text-decoration: none 247 } 248 249 .menu-top ul li a { 250 text-decoration: none; 251 padding: 0 15px 0px 18px; 252 font-size: 11px 253 } 254 255 .menu-top>ul>li:nth-child(1):after { 256 background-image: url(../images/contact-icon.png); 257 background-size: 13px; 258 top: 2.3px; 259 left: 2px 260 } 261 262 .menu-top>ul>li:nth-child(2):after { 263 background-image: url(../images/hiring-icon.png); 264 background-size: 16px; 265 top: 1px; 266 left: -1px 267 } 268 269 .menu-top>ul>li:nth-child(3):after { 270 background-image: url(../images/resource-icon.png); 271 background-size: 15.5px; 272 top: 1.25px; 273 left: -1px 274 } 275 276 .menu-top>ul>li:nth-child(4):after { 277 background-image: url(../images/lang-icon.png); 278 background-size: 15px; 279 top: 2px; 280 left: 7px 281 } 282 283 #languages_menu { 284 padding: 2px 0px 2px 7px 285 } 286 287 #languages_menu::before { 288 content: ""; 289 border-left: 1px solid #a1a1a1; 290 height: 18px; 291 top: 0px; 292 left: -3px; 293 position: absolute 294 } 295 296 #languages_submenu { 297 display: none; 298 position: absolute; 299 z-index: 85; 300 top: 22px; 301 right: 10px; 302 width: 120px; 303 text-align: left; 304 background: #ffffff; 305 padding: 8px 5px; 306 border: 1px solid rgba(0, 0, 0, 0.15); 307 box-shadow: 0 6px 12px rgb(0 0 0 / 18%) 308 } 309 310 #languages_submenu .languages_nav li { 311 width: 100%; 312 display: block; 313 padding: 0 314 } 315 316 #languages_submenu .languages_nav li a { 317 color: #292929; 318 letter-spacing: 0.85px; 319 padding: 8px 0 8px; 320 display: block; 321 font-size: 11px; 322 text-align: center 323 } 324 325 #resources_menu { 326 padding: 2px 0px 2px 0px 327 } 328 329 #resources_submenu { 330 display: none; 331 position: absolute; 332 z-index: 85; 333 top: 22px; 334 right: 10px; 335 width: 220px; 336 text-align: left; 337 background: #ffffff; 338 padding: 8px 5px; 339 border: 1px solid rgba(0, 0, 0, 0.15); 340 box-shadow: 0 6px 12px rgb(0 0 0 / 18%) 341 } 342
343 #resources_submenu .resources_nav li { 344 width: 100%; 345 display: block; 346 padding: 0; 347 padding: 0 348 } 349 350 #resources_submenu .resources_nav li a { 351 color: #292929; 352 padding: 8px 20px 8px; 353 display: block; 354 font-size: 11px; 355 text-align: left; 356 ; 357 } 358 359 #login-link { 360 margin: -8px 0px 0px; 361 padding: 5px 0px 5px 0px 362 } 363 364 #login-link::before { 365 content: ""; 366 border-left: 1px solid #a1a1a1; 367 height: 18px; 368 top: 8px; 369 left: -5px; 370 position: absolute 371 } 372 373 #login-link a { 374 padding: 0px 0px 0px 7px 375 } 376 377 .ico-login { 378 display: inline-block; 379 background: url(../images/ico-login.png); 380 background-repeat: no-repeat; 381 width: 12px; 382 height: 17px; 383 margin-right: 5px; 384 position: relative; 385 top: 5px; 386 background-size: 10px 387 } 388 389 .caret { 390 display: inline-block; 391 width: 0; 392 height: 0; 393 margin-left: 5px; 394 vertical-align: middle;
395 border-top: 4px solid; 396 border-right: 4px solid transparent; 397 border-left: 4px solid transparent; 398 position: relative; 399 top: -1px 400 } 401 402 #login-link .login-menu { 403 display: none; 404 position: absolute; 405 z-index: 85; 406 top: 30px; 407 right: -1px; 408 width: 220px; 409 text-align: left; 410 background: #80bd61 411 } 412 413 .login-primary { 414 line-height: 1.5; 415 overflow: hidden; 416 padding: 1em 20px 1em 20px 417 } 418 419 #login-link .login-caption { 420 font-size: 16px; 421 letter-spacing: 0; 422 margin: 0 0 .5em 0; 423 font-weight: bold; 424 display: block; 425 font-weight: 100; 426 line-height: 1.333; 427 margin: 0 428 } 429 430 #login-link .login-nav li { 431 width: 100% 432 } 433 434 #login-link .login-nav a { 435 display: block; 436 color: #292929; 437 margin: 0 0 .5em 0; 438 padding: 0 0 .75em 0; 439 border-bottom: 3px solid #5a9936; 440 padding-top: 3px; 441 padding-bottom: 5px; 442 text-transform: none 443 } 444 445 #mainmenu { 446 float: right; 447 font-family: Gotham, AppleGothic, sans-serif; 448 text-transform: uppercase; 449 font-size: 14px; 450 position: relative; 451 padding: 0px 0 0 452 } 453 454 #mainmenu li { 455 float: left; 456 margin: 0 2px 457 } 458 459 #mainmenu li a { 460 position: relative; 461 display: block; 462 padding: 8px 15px 6px 15px; 463 line-height: 20px; 464 text-transform: uppercase 465 } 466 467 ul.dropdown-menu { 468 position: absolute 469 } 470 471 #mainmenu li a.btn-primary { 472 background: #000; 473 border-radius: 4px; 474 color: #e8e8e8; 475 font-size: 14px; 476 margin: 0 0 0 10px; 477 padding: 8px 20px 6px 20px; 478 text-decoration: none; 479 font-family: Gotham, AppleGothic, sans-serif; 480 font-weight: lighter 481 } 482 483 #mainmenu .dropdown-menu { 484 position: absolute; 485 z-index: 1000; 486 float: left; 487 min-width: 160px; 488 padding: 0px 0; 489 margin: 0 0 0; 490 list-style: none; 491 font-size: 14px; 492 text-align: left; 493 background-color: #fff; 494 border: 1px solid #ccc; 495 border: 1px solid rgba(0, 0, 0, 0.15); 496 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 497 background-clip: padding-box; 498 width: 250px; 499 display: none 500 } 501 502 #mainmenu .dropdown-menu>li { 503 margin: 0; 504 width: 100% 505 } 506 507 #mainmenu .dropdown-menu>li>a { 508 width: 100%; 509 display: block; 510 padding: 9px 20px 8px 20px; 511 clear: both; 512 font-weight: 300; 513 line-height: 1.42857; 514 color: #333; 515 white-space: nowrap; 516 text-transform: none; 517 box-sizing: border-box 518 } 519 520 .mobile_menu { 521 display: none 522 } 523 524 #mobile-menu, 525 .mobile_request { 526 display: none 527 } 528 529 #social_chat { 530 position: fixed; 531 bottom: 90px; 532 right: 24px; 533 z-index: 9999 534 } 535 536 #social_chat a { 537 width: 63px; 538 height: 63px; 539 display: block 540 } 541 542 #social_chat a img { 543 width: 100%; 544 height: auto; 545 background: #50B937; 546 border-radius: 100% 547 } 548 549 footer a { 550 color: #fff 551 } 552 553 .sociallists li { 554 display: inline-block; 555 padding: 0 0 0 5px 556 } 557 558 .sociallists li:nth-child(5) { 559 display: none 560 } 561 562 .sociallists li:nth-child(6) { 563 display: none 564 } 565 566 .sociallists li a { 567 background-image: url(../images/ico_social.png); 568 background-repeat: no-repeat; 569 display: block; 570 height: 19px; 571 padding: 0 4px 572 } 573 574 .sociallists li a.skype { 575 background-position: -52px 0px; 576 width: 22px 577 } 578 579 .sociallists li a.addthis { 580 background-position: -80px 0px; 581 width: 19px; 582 padding: 0; 583 position: relative; 584 top: -5px 585 } 586 587 #back-to-top { 588 display: none 589 } 590 591 .banner_main { 592 background: #212121 center bottom no-repeat; 593 background-size: cover; 594 color: #fff; 595 margin-top: 100px; 596 height: calc(100vh - 100px); 597 overflow: hidden; 598 z-index: 0; 599 padding: 0 600 } 601 602 .home_page .banner_main { 603 background-image: url(../images/img-main-homepage.jpg) 604 } 605 606 .banner_main h1 { 607 margin: 60px 0 30px 608 } 609 610 .wrap_newsfeed { 611 float: right; 612 margin-right: -60px; 613 width: 40%; 614 height: 100% 615 } 616 617 .home_page .banner_main .container { 618 height: 100% 619 } 620 621 .wrap_twitter { 622 display: none 623 } 624 625 #newsfeed_container { 626 position: relative; 627 top: 0; 628 right: 0; 629 height: 100%; 630 padding-top: 100px; 631 z-index: 600; 632 background: #3eca67; 633 color: #fff !important; 634 text-align: left !important; 635 line-height: 18px 636 } 637 638 #newsfeed_container a { 639 color: #fff 640 } 641 642 #newsfeed_container .toggle { 643 position: absolute; 644 top: 105px; 645 width: 72px; 646 height: 38px; 647 left: -35px 648 } 649 650 #newsfeed_container .toggle a { 651 display: block; 652 color: #FFF; 653 padding: 10px 0; 654 text-align: center; 655 font-size: 20px; 656 text-shadow: -1px 1px 0px rgba(255, 255, 255, 0.6); 657 color: #333; 658 font-size: 12px 659 } 660 661 #newsfeed_container.preview { 662 width: 100%; 663 height: calc(100vh - 100px); 664 color: #fff; 665 padding: 0 3%; 666 font-family: Gotham, AppleGothic, sans-serif; 667 float: right 668 } 669 670 #newsfeed_container.preview h2.title { 671 position: absolute; 672 top: 30px; 673 right: 60px; 674 text-align: right; 675 color: #061E39; 676 font-family: Gotham, AppleGothic, sans-serif; 677 font-weight: lighter; 678 font-size: 24px; 679 margin: 0 0 20px; 680 color: #fff; 681 line-height: 30px; 682 text-transform: none 683 } 684 685 #newsfeed_container.preview h2.title span { 686 font-size: 34px; 687 color: #fff; 688 font-weight: lighter 689 } 690 691 #newsfeed_container .position { 692 width: calc(100% - 70px); 693 position: absolute; 694 top: 98px; 695 bottom: 40px; 696 height: auto; 697 left: 40px 698 } 699 700 #newsfeed .element { 701 overflow: hidden; 702 padding: 0 0 15px 0; 703 border-bottom: 1px solid #325a1e 704 } 705 706 #newsfeed .element .category a { 707 color: #fff 708 } 709 710 #newsfeed .element .category { 711 margin: 0; 712 color: #62534e; 713 font-size: 16px; 714 font-weight: lighter; 715 font-family: Gotham, AppleGothic, sans-serif; 716 padding: 15px 0 10px 0 717 } 718 719 #newsfeed .element img { 720 width: auto; 721 height: auto; 722 float: left 723 } 724 725 .preview #newsfeed .element img { 726 width: auto; 727 height: auto 728 } 729 730 #newsfeed_container .toggle .buttons .collapsed { 731 display: block; 732 background: url(../images/img-black-arrow-left.png) no-repeat; 733 width: 35px; 734 height: 38px; 735 position: relative; 736 overflow: hidden; 737 float: left; 738 padding: 5px 5px; 739 margin: 0px; 740 opacity: 0.5 741 } 742 743 #newsfeed_container .toggle .buttons .expand { 744 display: block; 745 background: url(../images/img-black-arrow-right.png) no-repeat; 746 width: 35px; 747 height: 38px; 748 position: relative; 749 overflow: hidden; 750 float: left; 751 padding: 5px 5px; 752 margin: 0px 753 } 754 755 #newsfeed_container .title a { 756 color: #061E39 757 } 758 759 #newsfeed { 760 position: relative; 761 overflow: auto; 762 height: calc(100% - 100px) 763 } 764 765 #newsfeed .element:first-child { 766 margin-top: 0;
767 border-top: none; 768 padding-top: 0 769 } 770 771 #newsfeed .element:last-child { 772 margin-bottom: 0; 773 border-bottom: none; 774 padding-bottom: 0 775 } 776 777 #newsfeed .element p { 778 font-size: 13px 779 } 780 781 .mCSB_container { 782 margin-right: 10px; 783 overflow: hidden; 784 width: auto 785 } 786 787 #newsfeed .element h2, 788 #newsfeed .element .smallpreview { 789 margin: 0 0 0 10px; 790 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 791 font-size: 13px; 792 font-weight: normal; 793 float: left; 794 width: 66%; 795 line-height: 18px; 796 text-transform: none 797 } 798 799 #popup_home a { 800 outline: inherit 801 } 802 803 @media all and (max-width:768px), 804 only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px), 805 only screen and (min-device-pixel-ratio:2) and (max-width:1024px), 806 only screen and (min-resolution:192dpi) and (max-width:1024px), 807 only screen and (min-resolution:2dppx) and (max-width:1024px) { 808 809 #newsfeed .element h2, 810 #newsfeed .element .smallpreview { 811 margin: 0 0 0 10px; 812 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 813 font-size: 13px; 814 font-weight: normal; 815 float: left; 816 width: 66% 817 } 818 } 819 820 @media only screen and (max-width:1280px) { 821 822 #newsfeed .element h2, 823 #newsfeed .element .smallpreview { 824 margin: 0 0 0 10px; 825 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 826 font-size: 13px; 827 font-weight: normal; 828 float: left; 829 width: 54% 830 } 831 832 section.stage h1 { 833 font-size: 50px 834 } 835 } 836 837 @media screen and (max-width:1024px) { 838 #newsfeed_container.preview { 839 height: 100%; 840 color: #fff; 841 padding: 0 3%; 842 font-family: Gotham, AppleGothic, sans-serif; 843 float: right 844 } 845 846 #newsfeed_container.preview h2.title { 847 position: absolute; 848 right: 30px; 849 text-align: right; 850 color: #061E39; 851 font-family: Gotham, AppleGothic, sans-serif; 852 font-weight: lighter; 853 font-size: 24px; 854 margin: 0 0 20px; 855 color: #fff; 856 line-height: 30px 857 } 858 859 #newsfeed_container .position { 860 width: 80%; 861 position: absolute; 862 bottom: 40px; 863 height: auto 864 } 865 866 .preview #newsfeed .element img { 867 width: 80px; 868 height: 80px; 869 margin-right: 10px 870 } 871 872 .preview #newsfeed .element .smallpreview { 873 clear: both; 874 float: none; 875 margin-left: 0; 876 padding-top: 10px 877 } 878 879 #newsfeed .element h2 { 880 margin: 0; 881 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 882 font-size: 13px; 883 font-weight: normal; 884 float: left; 885 width: 50% 886 } 887 888 #newsfeed .element h2, 889 #newsfeed .element .smallpreview { 890 margin: 0 0 0 10px; 891 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 892 font-size: 13px; 893 font-weight: normal; 894 float: left; 895 width: 54% !important 896 } 897 } 898 899 @media screen and (max-width:991px) { 900 .wrap_newsfeed { 901 position: absolute; 902 top: 0; 903 right: 0; 904 margin-right: 0; 905 width: 60% 906 } 907 908 #newsfeed_container .position { 909 width: calc(100% - 80px) 910 } 911 912 #newsfeed_container .toggle .buttons .collapsed { 913 background: url(../images/bg_aside.jpg) repeat; 914 opacity: 1; 915 -webkit-border-top-left-radius: 5px; 916 -webkit-border-top-right-radius: 5px; 917 -moz-border-radius-topleft: 5px; 918 -moz-border-radius-topright: 5px; 919 border-top-left-radius: 5px; 920 border-top-right-radius: 5px 921 } 922 923 #newsfeed_container .toggle .buttons .expand { 924 background: none 925 } 926 927 #newsfeed_container>div.toggle>div>a.collapsed.btn-toggle { 928 -webkit-transform: rotate(-90deg); 929 transform: rotate(-90deg); 930 width: 85px; 931 height: 30px; 932 left: -22px; 933 top: 60px 934 } 935 936 #newsfeed_container>div.toggle>div>a.collapsed.btn-toggle:before { 937 content: "News"; 938 color: #fff; 939 text-shadow: initial; 940 font-size: 14px; 941 display: inline-block; 942 margin-top: 2px; 943 padding: 0 0 0 1px 944 } 945 946 #newsfeed_container>div.toggle>div>a.collapsed.btn-toggle:after { 947 content: "\f107"; 948 font: normal normal normal 14px/1 FontAwesome; 949 text-shadow: initial; 950 color: #fff; 951 padding: 0 0 0px 10px 952 } 953 954 #newsfeed_container .toggle { 955 top: 20px 956 } 957 958 .preview #newsfeed .element img { 959 width: 80px; 960 height: 80px; 961 margin-right: 20px 962 } 963 964 .preview #newsfeed .element .smallpreview { 965 clear: both; 966 float: none; 967 margin-left: 0; 968 padding-top: 10px 969 } 970 971 #newsfeed .element h2, 972 #newsfeed .element .smallpreview { 973 margin: 0 0 0 10px; 974 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 975 font-size: 13px; 976 font-weight: normal; 977 float: left; 978 width: 62% !important 979 } 980 981 section.stage div.col-6 { 982 width: 95% 983 } 984 985 section.stage h1 { 986 font-size: 40px; 987 line-height: 40px 988 } 989 990 #mainmenu li a { 991 position: relative; 992 display: block; 993 padding: 8px 10px 6px 10px 994 } 995 996 .container { 997 padding: 0 20px 998 } 999 1000 .home_page .banner_main .container { 1001 padding: 0 50px 1002 } 1003 1004 .logo { 1005 padding-top: 7px 1006 } 1007 1008 .menu-top ul li a { 1009 font-size: 10px; 1010 padding: 0 8px 0px 18px 1011 } 1012 1013 .menu-top>ul>li:nth-child(1):after { 1014 background-size: 12px; 1015 top: 3px; 1016 left: 0px 1017 } 1018 1019 .menu-top>ul>li:nth-child(2):after { 1020 background-size: 10px; 1021 top: 3px; 1022 left: 3px 1023 } 1024 1025 .menu-top>ul>li:nth-child(3):after { 1026 background-size: 14px; 1027 top: 1.5px 1028 } 1029 1030 .menu-top>ul>li:nth-child(4):after { 1031 background-size: 13px; 1032 top: 3px 1033 } 1034 1035 #mainmenu li { 1036 position: relative 1037 } 1038 } 1039 1040 @media screen and (max-width:850px) { 1041 #mainmenu li { 1042 font-size: 13px 1043 } 1044 1045 #mainmenu li a.btn-primary { 1046 padding: 8px 10px 6px 10px; 1047 margin: 0 0 0 0px; 1048 font-size: 13px 1049 } 1050 } 1051 1052 @media screen and (max-width:767px) { 1053 header.large { 1054 height: 70px 1055 } 1056 1057 header { 1058 height: 72px; 1059 position: fixed; 1060 width: 100%; 1061 background: url(../images/header-shadow.png) bottom repeat-x #ffffff; 1062 top: 0; 1063 left: 0; 1064 z-index: 1000; 1065 border-top: 3px solid #000 1066 } 1067 1068 header .logo { 1069 float: left; 1070 margin: 9px 0 0 0; 1071 padding-top: 0 1072 } 1073 1074 header .logo img { 1075 width: 120px; 1076 height: 48px; 1077 max-width: none 1078 } 1079 1080 .menu-top { 1081 display: none 1082 } 1083 1084 .col-9.menu { 1085 width: 100%; 1086 position: absolute; 1087 top: 67px; 1088 left: 0; 1089 max-height: 0px; 1090 background-color: #fff; 1091 display: block; 1092 overflow: hidden 1093 } 1094 1095 #mainmenu { 1096 width: 100%; 1097 float: none; 1098 padding: 0; 1099 margin-bottom: 0 1100 } 1101 1102 #mainmenu li { 1103 float: none; 1104 width: 100%; 1105 text-align: center; 1106 margin: 0; 1107 overflow: hidden 1108 } 1109 1110 #mainmenu li a { 1111 font-size: 15px; 1112 padding: 11px 8px 8px 1113 } 1114 1115 #mainmenu li a.btn-primary { 1116 font-size: 15px; 1117 background: none; 1118 margin: 0; 1119 color: #000; 1120 padding: 11px 8px 8px 1121 } 1122 1123 #mainmenu .li-dropdown .dropdown-menu { 1124 height: 0; 1125 max-height: 0; 1126 overflow: hidden; 1127 padding: 0; 1128 margin: 0; 1129 position: relative; 1130 display: block; 1131 width: 100%; 1132 box-shadow: none; 1133 border: 0 1134 } 1135 1136 .mobile_menu { 1137 display: block; 1138 position: absolute; 1139 right: 15px; 1140 top: 18px;
1141 width: 40px; 1142 height: 40px 1143 } 1144 1145 .banner_main { 1146 margin-top: 70px; 1147 height: calc(100vh - 70px) 1148 } 1149 1150 #mainmenu>li { 1151 border-bottom: 1px solid #ccc 1152 } 1153 1154 #mainmenu li>a { 1155 font-size: 15px; 1156 padding: 15px 8px 12px 1157 } 1158 1159 .menu-top-navigation, 1160 #mainmenu { 1161 display: none 1162 } 1163 1164 #mobile-menu { 1165 display: block; 1166 font-family: Gotham, AppleGothic, sans-serif; 1167 text-transform: uppercase; 1168 font-size: 14px 1169 } 1170 1171 #mobile-menu>li { 1172 border-bottom: 1px solid #ccc; 1173 position: relative 1174 } 1175 1176 #mobile-menu li>a { 1177 position: relative; 1178 padding: 19px 8px 16px; 1179 display: block; 1180 text-transform: uppercase; 1181 text-align: center; 1182 width: 80%; 1183 margin: auto 1184 } 1185 1186 ul.dropdown-menu { 1187 position: relative; 1188 height: auto; 1189 max-height: 0; 1190 overflow: hidden 1191 } 1192 1193 ul.dropdown-menu li:first-child { 1194 margin-top: 5px 1195 } 1196 1197 ul.dropdown-menu li:last-child { 1198 margin-bottom: 10px 1199 } 1200 1201 .caret-mobile { 1202 position: absolute; 1203 top: 18px; 1204 right: 20px; 1205 width: 25px; 1206 height: 25px; 1207 border: none 1208 } 1209 1210 .caret-mobile:after { 1211 content: "\f107"; 1212 font: normal normal normal 14px/1 FontAwesome; 1213 margin-left: 8px 1214 } 1215 1216 #mainmenu .dropdown-menu>li>a { 1217 font-size: 15px; 1218 padding: 10px 8px 8px 1219 } 1220 1221 #mobile-menu ul.dropdown-menu a { 1222 padding: 5px 8px 5px 1223 } 1224 1225 #mobile-menu li>a:after { 1226 content: ""; 1227 position: absolute; 1228 width: 30px; 1229 height: 1px; 1230 background: #333; 1231 bottom: 4px; 1232 left: calc(50% - 15px); 1233 -webkit-transform: scaleX(0); 1234 transform: scaleX(0) 1235 } 1236 1237 #mobile-menu li.mobile-lang>a { 1238 display: inline-block; 1239 width: auto 1240 } 1241 1242 #mobile-menu li.mobile-lang { 1243 text-align: center; 1244 border-bottom: 0px 1245 } 1246 1247 .mobile_request { 1248 display: block; 1249 position: absolute; 1250 right: 70px; 1251 top: 17px 1252 } 1253 1254 .mobile_request a { 1255 padding: 0 10px; 1256 display: block; 1257 color: #fff; 1258 background: #000; 1259 font-size: 12px; 1260 text-transform: uppercase; 1261 border-radius: 4px 1262 } 1263 1264 .banner_main { 1265 min-height: 500px 1266 } 1267 } 1268 1269 @media screen and (max-width:660px) { 1270 .banner_main { 1271 min-height: 500px 1272 } 1273 } 1274 1275 @media screen and (max-width:590px) { 1276 .wrap_newsfeed { 1277 width: calc(100% - 50px); 1278 height: 100% 1279 } 1280 } 1281 1282 @media screen and (max-width:500px) { 1283 .home_page .banner_main .container { 1284 padding: 0 20px 1285 } 1286 } 1287 1288 @media screen and (max-width:480px) { 1289 html { 1290 font-size: 90% 1291 } 1292 1293 section.stage h1 { 1294 font-size: 30px; 1295 line-height: 35px; 1296 margin-bottom: 10px 1297 } 1298 1299 .banner_main { 1300 height: calc(100vh - 70px) 1301 } 1302 } 1303 1304 @media screen and (max-width:460px) { 1305 1306 #newsfeed .element h2, 1307 #newsfeed .element .smallpreview { 1308 width: calc(100% - 130px) !important 1309 } 1310 1311 .preview #newsfeed .element img { 1312 margin-right: 10px 1313 } 1314 1315 #newsfeed_container .position { 1316 width: calc(100% - 70px) 1317 } 1318 1319 section.stage span { 1320 font-size: 14px; 1321 line-height: 24px 1322 } 1323 } 1324 1325 @media screen and (max-width:410px) { 1326 1327 #newsfeed .element h2, 1328 #newsfeed .element .smallpreview { 1329 width: calc(100% - 100px) !important 1330 } 1331 } 1332 1333 @media screen and (max-width:375px) { 1334 #back-to-top { 1335 bottom: 100px 1336 } 1337 } 1338 1339 @media screen and (max-width:320px) { 1340 .mobile_request { 1341 right: 60px 1342 } 1343 1344 .mobile_request a { 1345 font-size: 9px 1346 } 1347 } 1348 1349 @media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:portrait) { 1350 1351 #newsfeed .element h2, 1352 #newsfeed .element .smallpreview { 1353 width: 100% !important; 1354 margin: 20px 0 0 1355 } 1356 } 1357 </style> 1358</head> 1359 1360<body class="home_page"> 1361 <!-- home.php --> 1362 <!-- <img class="black-ribbon" src="images/black-ribbon.png"> --> 1363<header class="large"> 1364 <!-- /ssi/header.php --> 1365 <div class="container"> 1366 <div class="col-3 logo"><a href="/"><img src="https://www.webconnection.asia/images/webconnection-logo.svg" title="Web Connection - Hotel Digital Marketing Agency" /></a></div> 1367 <div class="mobile_request"><a href="request-a-quote.htm" class="btn-primary">Request a Quote</a></div> 1368 <div class="mobile_menu"></div> 1369 <div class="col-9 menu"> 1370 <div class="menu-top-navigation"> 1371 <!-- Lang --> 1372 <!-- <div class="lang"> 1373 <ul> 1374 <li><a href="http://www.webconnection.asia" class="lang_active"><img src="https://www.webconnection.asia/images/flag-eng.gif" title="English" /></a></li> 1375 <li><a href="http://www.webconnection.co.th" target="_blank"><img src="https://www.webconnection.asia/images/flag-thai.gif" title="à¹à¸à¸¢" /></a></li> 1376 </ul> 1377 </div> --> 1378 1379 <!-- Top menu --> 1380 <div class="menu-top"> 1381 <ul> 1382 <li><a href="https://www.webconnection.asia/contact.htm">Contact</a></li> 1383 <li><a href="https://www.webconnection.asia/careers.htm">We 're hiring</a></li> 1384 <li id="resources_menu"><a href="https://blog.webconnection.asia/" target="_blank">
1384Resources<span class="caret"></span></a> 1385 <div id="resources_submenu"> 1386 <ul class="resources_nav"> 1387 <li><a href="https://blog.webconnection.asia/" target="_blank">All Articles</a></li> 1388 <li><a href="https://blog.webconnection.asia/resources/marketing/" target="_blank">Marketing</a></li> 1389 <li><a href="https://blog.webconnection.asia/resources/technology/" target="_blank">Technology</a></li> 1390 <li><a href="https://blog.webconnection.asia/resources/hotel-trends-advice/" target="_blank">Hotel Trends & Advice</a></li> 1391 <li><a href="https://blog.webconnection.asia/resources/events/" target="_blank">Events</a></li> 1392 <li><a href="https://www.webconnection.asia/testimonials.htm" target="">Testimonials</a></li> 1393 </ul> 1394 </div> 1395 </li> 1396 <li id="languages_menu"><a href="javascript:;">English<span class="caret"></span></a> 1397 <div id="languages_submenu"> 1398 <ul class="languages_nav"> 1399 <li><a class="th ico_flag" href="http://www.webconnection.co.th" target="_blank">ภาษาà¹à¸à¸¢</a></li> 1400 <li><a class="id ico_flag" href="http://www.webconnection.co.id" target="_blank">INDONESIA</a></li> 1401 </ul> 1402 </div> 1403 </li> 1404 <li id="login-link"><a title="login" href="#" class="dropdown"><span class="ico-login"></span>Client Login<span class="caret"></span></a> 1405 <div class="login-menu" id="login-menu"> 1406 <div class="login-primary"> 1407 <!-- <ul class="login-nav"> 1408 <li><a href="https://easybooking-asia.sec-login.com" target="_blank"> 1409 <span class="login-caption">EasyBooking</span> Manage Room Rates & Inventory </a> </li> 1410 1411 <li><a href="https://extranet.smartbooking-asia.com/login.aspx?privlbcd=PV16000010" target="_blank"> 1412 <span class="login-caption">SmartBooking</span> Manage Room Rates & Inventory </a> </li> 1413 1414 <li><a href="https://crs.smartbooking-pro.com/crs/login.htm?r=/crs/&lang=en#/login" target="_blank"> 1415 <span class="login-caption">SmartBooking Pro</span> Manage Room Rates & Inventory </a> </li> 1416 1417 <li><a href="https://channelrooms.sec-login.com" target="_blank"> 1418 <span class="login-caption">Channel Manager</span> Manage OTA Rates & Inventory via Channel Manager </a> </li> 1419 1420 <li><a href="https://hotels.webconnection.asia/" target="_blank"> 1421 <span class="login-caption">Property Management System</span> Cloud-Based Hotel Management Software </a> </li> 1422 </ul> --> 1423 <ul class="login-nav"> 1424 <li><a href="https://crs.smartbooking-pro.com/" target="_blank"><span class="login-caption">Booking Engine</span> Manage Room Rates & Inventory</a></li> 1425 <li><a href="https://cm.webconnection.asia/login" target="_blank"><span class="login-caption">Channel Manager</span> Manage OTA Rates & Inventory via Channel Manager </a></li> 1426 <li><a href="https://pms.webconnection.asia/" target="_blank"><span class="login-caption">Cloud PMS</span> Cloud-Based Hotel Management Software</a></li> 1427 <!-- <li><a href="https://crm.webconnection.asia/admin/login.php" target="_blank"><span class="login-caption">Hotel CRM</span> Customer Relationship Management System</a></li> --> 1428 </ul> 1429 </div> 1430 </div> 1431 </li> 1432 </ul> 1433 </div> 1434 <div class="clear"></div> 1435 1436 </div> 1437 1438 <!-- Main menu --> 1439 <div class="menu-main-navigation"> 1440 <ul id="mainmenu"> 1441 <li><a href="/">Home</a></li> 1442 <li class="li-dropdown"><a href="https://www.webconnection.asia/products.htm" class="dropdown-toggle" data-toggle="dropdown">Products<span class="caret"></span></a> 1443 <ul class="dropdown-menu"> 1444 <li><a href="https://www.webconnection.asia/web-design.htm">Web Design</a></li> 1445 <li><a href="https://www.webconnection.asia/booking-engine.htm">Booking Engine</a></li> 1446 <li><a href="https://www.webconnection.asia/channel-manager.htm">Channel Manager</a></li> 1447 <li><a href="https://hotapp.io/" target="_blank">Mobile App</a></li> 1448 <li><a href="https://www.webconnection.asia/hotel-management-system.htm">Property Management System</a></li> 1449 <li><a href="https://www.webconnection.asia/rate-manager.htm">Rate Manager</a></li> 1450 <li><a href="https://www.webconnection.asia/ota-revenue-management.htm">Revenue Management</a></li> 1451 <li><a href="https://www.webconnection.asia/ecommerce.htm">E-Commerce Platform</a></li> 1452 <li><a href="https://www.webconnection.asia/services.htm">Digital Marketing</a></li> 1453 <li><a href="https://www.webconnection.asia/brand-identity.htm">Brand Identity</a></li> 1454 1455 <!-- <li><a href="chinese-websites.htm">Chinese Websites</a></li> --> 1456 1457 1458 1459 1460 <!--<li><a href="rate-shopping-system.htm">Rate Shopping System</a></li>--> 1461 1462 1463 </ul> 1464 </li> 1465 <li><a href="https://www.webconnection.asia/clients.htm">Clients</a></li> 1466 <li><a href="https://www.webconnection.asia/integrations.htm">Integrations</a></li> 1467 <li><a href="https://www.webconnection.asia/request-a-quote.htm" class="btn-primary">Request a Quote</a></li> 1468 1469 </ul> 1470 1471 1472 1473 <ul id="mobile-menu"> 1474 <li><a href="/">Home</a></li> 1475 <li class="li-dropdown"><a href="https://www.webconnection.asia/products.htm" class="dropdown-toggle" data-toggle="dropdown">Products</a><span class="caret-mobile"></span> 1476 <ul class="dropdown-menu"> 1477 <li><a href="https://www.webconnection.asia/web-design.htm">Web Design</a></li> 1478 <li><a href="https://www.webconnection.asia/booking-engine.htm">Booking Engine</a></li> 1479 <li><a href="https://www.webconnection.asia/channel-manager.htm">Channel Manager</a></li> 1480 <li><a href="https://hotapp.io/" target="_blank">Mobile App</a></li> 1481 <li><a href="https://www.webconnection.asia/hotel-management-system.htm">Property Management System</a></li> 1482 <li><a href="https://www.webconnection.asia/rate-manager.htm">Rate Manager</a></li> 1483 <li><a href="https://www.webconnection.asia/ota-revenue-management.htm">Revenue Management</a></li> 1484 <li><a href="https://www.webconnection.asia/ecommerce.htm">E-Commerce Platform</a></li> 1485 <li><a href="https://www.webconnection.asia/services.htm">Digital Marketing</a></li> 1486 <li><a href="https://www.webconnection.asia/brand-identity.htm">Brand Identity</a></li> 1487 </ul> 1488 </li> 1489 <li><a href="https://www.webconnection.asia/clients.htm">Clients</a></li> 1490 <li><a href="https://www.webconnection.asia/integrations.htm">Integrations</a></li> 1491 <li><a href="https://www.webconnection.asia/contact.htm">Contact Us</a></li> 1492 <li><a href="https://www.webconnection.asia/careers.htm">We 're hiring</a></li> 1493 <li><a href="javascript:;">Resources</a><span class="caret-mobile"></span> 1494 <ul class="dropdown-menu"> 1495 <li><a href="https://blog.webconnection.asia/" target="_blank">All Articles</a></li> 1496 <li><a href="https://blog.webconnection.asia/resources/marketing/" target="_blank">Marketing</a></li> 1497 <li><a href="https://blog.webconnection.asia/resources/technology/" target="_blank">Technology</a></li> 1498 <li><a href="https://blog.webconnection.asia/resources/hotel-trends-advice/" target="_blank">Hotel Trends & Advice</a></li> 1499 <li><a href="https://blog.webconnection.asia/resources/events/" target="_blank">Events</a></li> 1500 <li><a href="https://www.webconnection.asia/testimonials.htm">Testimonials</a></li> 1501 </ul> 1502 </li> 1503 <li style="background-color:#eee;"><a href="javascript:;">Client Login</a><span class="caret-mobile"></span> 1504 <ul class="dropdown-menu"> 1505 <li><a href="https://reservation.easybooking-asia.com" target="_blank">EasyBooking</a> </li> 1506 <li><a href="https://extranet.smartbooking-asia.com/login.aspx?privlbcd=PV16000010" target="_blank">SmartBooking</a> </li> 1507 <li><a href="https://crs.smartbooking-pro.com/" target="_blank">SmartBooking Pro</a> </li> 1508 <li><a href="https://www.channelrooms.com" target="_blank">
1508Channel Manager</a> </li> 1509 <li><a href="https://app.webconnection.asia/client/" target="_blank">Property Management System</a> </li> 1510 </ul> 1511 </li> 1512 <li class="mobile-lang"> 1513 <a href="https://www.webconnection.asia" class="lang_active"><img src="https://www.webconnection.asia/images/flag-eng.gif" title="English" /></a> 1514 <a href="http://www.webconnection.co.th" target="_blank"><img src="https://www.webconnection.asia/images/flag-thai.gif" title="à¹à¸à¸¢" /></a> 1515 <a href="http://www.webconnection.co.id" target="_blank"><img src="https://www.webconnection.asia/images/flag-indo.gif" title="Indonesia" /></a> 1516 </li> 1517 1518 </ul> 1519 </div> 1520 </div> 1521 </div> 1522</header> <section class="banner_main stage"> 1523 <div class="container"> 1524 <div class="col-6"> 1525 <h1 class="os-animation" data-os-animation="fadeInDown" data-os-animation-delay="0.2s">Hotel Digital Marketing<br /> 1526 and Technology for Hotels</h1> 1527 <!-- <span class="os-animation" data-os-animation="fadeInDown" data-os-animation-delay="1s">Web Connection is one of the fastest growing hotel digital marketing agencies in Southeast Asia. We are on a mission to generate revenue for hotels with a one-stop suite of travel tech products and services. Working as an independent strategic partner with hotels across Asia from our offices in Bangkok, Phuket, Bali and Kuala Lumpur, we provide marketing, pricing and distribution solutions for hoteliers to grow and be profitable in this new digital age.</span> --> 1528 <div class="os-animation tx-mainslide" data-os-animation="fadeInDown" data-os-animation-delay="1s"> 1529 <p>Grow direct revenue and simplify day-to-day work with hotel websites, booking technology, distribution tools, revenue support and digital marketing from one experienced team.</p> 1530 <p>Web Connection works with hotels across Asia to connect commercial strategy with the systems guests and hotel teams use every day - from hotel websites and booking engines to channel management, PMS and revenue services.</p> 1531 <p>Our teams in Thailand, Indonesia and Malaysia provide practical support throughout planning, implementation and ongoing optimisation. Product availability and service scope are confirmed for each property before work begins.</p> 1532 </div> 1533 </div> 1534 <div class="wrap_newsfeed"> 1535 <style> 1536 #newsfeed .element img{ max-width: 90px; } 1537</style> 1538<div class="preview" id="newsfeed_container"> 1539 <div class="toggle"> 1540 <div class="buttons"> 1541 <a title="collapse" class="collapsed btn-toggle"></a> 1542 <a title="collapse" class="expand btn-toggle"></a> 1543 </div> 1544 </div> 1545 <h2 class="title">Hotel Marketing and Technology<br/> 1546 <a href="https://blog.webconnection.asia/" target="_blank"><span>Resources</span></a></h2> 1547 1548 <div class="position"> 1549 <style type="text/css">.twitter-timeline{ height: 100px!important; }.SandboxRoot body{ background: transparent!important; }.timeline-Tweet{ padding-left: 0!important; }.timeline-Tweet-text{ font-size: 12px!important; color: #FFFFFF; }.timeline-TweetList{margin: 0!important; list-style-type: none!important;}.timeline-Tweet:hover{ background: none!important; }.timeline-Tweet-actions,.timeline-Tweet-metadata{ display: none!important; }span.TweetAuthor-name,span.TweetAuthor-screenName{ color: #FFFFFF; } .SandboxRoot.env-bp-430 .timeline-Tweet-text{ width:80%; }.timeline-Tweet-text{ width:80%; } .MediaCard-mediaContainer{ display:none;} 1550 .line-clamp{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow: hidden;} 1551 @media screen and (max-width:1120px){ .twitter-timeline{ height: 120px !important; } } 1552 @media screen and (max-width: 991px){ .twitter-timeline { height: 90px !important; } } 1553 @media screen and (max-width: 690px){ .twitter-timeline { height: 110px !important; } } 1554 @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) { .twitter-timeline { height: 140px!important; } } 1555 @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) { 1556 .twitter-timeline { height: 160px !important; } #newsfeed{ height: calc(100% - 153px); } } 1557 .timeline-Tweet-media{ display: none; } 1558 </style> 1559 1560 1561 <div class="wrap_twitter"> 1562 <a class="twitter-timeline" data-chrome="noheader nofooter noborders transparent noscrollbar" data-height="" data-link-color="#FFFFFF" data-tweet-limit="1" href="https://twitter.com/web_connection" style="font-size: 12px;">Tweets by web_connection</a> 1563
1563<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
1563 1564 </div> 1565 1566 1567 <div id="newsfeed" class="mCustomScrollbar _mCS_1"> 1568 <div style="position:relative; height:100%; overflow:hidden; max-width:100%;" id="mCSB_1" class="mCustomScrollBox mCS-light"> 1569 <div style="position:relative; top:0;" class="mCSB_container"> 1570 <div class="element news clearfix"> 1571 <div class="category"> <a href="https://blog.webconnection.asia/andaman-techspace-2026-event-highlights/"> Andaman Techspace 2026: Connecting Hospitality Leaders, Technology and Innovation</a> </div> 1572 <a target="_blank" href="https://blog.webconnection.asia/andaman-techspace-2026-event-highlights/"><img alt="market-news" class="attachment-newsfeed_preview wp-post-image mCS_img_loaded" src="https://blog.webconnection.asia/wp-content/uploads/2026/07/andaman-techspace-2026-event-highlights-150x150.webp" width="90" height="90"></a> 1573 <h2 class="line-clamp">Andaman Techspace 2026 concluded successfully on Friday, 17 July 2026, bringing together hotel executives, tourism leaders, technology experts, investors, and industry partners for a full day of knowledge sharing, innovation, and meaningful connections.</h2> <p class="smallpreview"> <a target="_blank" class="readmore" href="https://blog.webconnection.asia/andaman-techspace-2026-event-highlights/">+ Read More </a></p> 1574 1575 </div> 1576 <div class="element news clearfix"> 1577 <div class="category"> <a href="https://blog.webconnection.asia/hotapp-io-a-smarter-way-for-hotels-to-connect-with-guests/"> Hotapp.io: A Smarter Way for Hotels to Connect with Guests</a> </div> 1578 <a target="_blank" href="https://blog.webconnection.asia/hotapp-io-a-smarter-way-for-hotels-to-connect-with-guests/"><img alt="market-news" class="attachment-newsfeed_preview wp-post-image mCS_img_loaded" src="https://blog.webconnection.asia/wp-content/uploads/2026/04/Blog-Ads-22-150x150.jpg" width="90" height="90"></a> 1579 <h2 class="line-clamp">The hospitality industry has evolved rapidly in recent years, driven by changing guest expectations and the rise of digital technology. Todayâs travellers are no longer satisfied with traditional hotel experiences, they expect convenience, speed, and personalisation at every touchpoint. From pre-arrival communication to in-stay services and post-stay engagement, everything needs to feel seamless and accessible from their mobile devices. Recognising this shift, Web Connection has developed Hotapp.io, a fully branded mobile application designed specifically for hotels looking to modernise their guest experience while improving operational efficiency. 1580 1581</h2> <p class="smallpreview"> <a target="_blank" class="readmore" href="https://blog.webconnection.asia/hotapp-io-a-smarter-way-for-hotels-to-connect-with-guests/">+ Read More </a></p> 1582 1583 </div> 1584 <div class="element news clearfix"> 1585 <div class="category"> <a href="https://blog.webconnection.asia/maximize-hotel-bookings-integrated-marketing-solutions/"> Maximize Hotel Bookings with Integrated Marketing Solutions</a> </div> 1586 <a target="_blank" href="https://blog.webconnection.asia/maximize-hotel-bookings-integrated-marketing-solutions/"><img alt="market-news" class="attachment-newsfeed_preview wp-post-image mCS_img_loaded" src="https://blog.webconnection.asia/wp-content/uploads/2025/09/integrated-marketing-solutions-for-hotel-bookings-150x150.webp" width="90" height="90"></a> 1587 <h2 class="line-clamp">In the competitive world of hospitality, standing out from the crowd is more challenging than ever. With a growing number of online travel agencies (OTAs), aggregators, and direct booking channels, hoteliers must adopt innovative strategies to ensure their hotel not only attracts attention but converts that attention into bookings. Thatâs where integrated marketing solutions come into play. If youâre a hotel owner or manager looking to boost your online presence and drive more bookings, WebConnection has the right tools to help you achieve your goals.</h2> <p class="smallpreview"> <a target="_blank" class="readmore" href="https://blog.webconnection.asia/maximize-hotel-bookings-integrated-marketing-solutions/">+ Read More </a></p> 1588 1589 </div> 1590 <div class="element news clearfix"> 1591 <div class="category"> <a href="https://blog.webconnection.asia/andaman-techspace-2025-highlights-and-takeaways/"> Insights and Highlights from Andaman Techspace 2025</a> </div> 1592 <a target="_blank" href="https://blog.webconnection.asia/andaman-techspace-2025-highlights-and-takeaways/"><img alt="market-news" class="attachment-newsfeed_preview wp-post-image mCS_img_loaded" src="https://blog.webconnection.asia/wp-content/uploads/2025/08/andaman-techspace-2025-event-highlights-phuket-150x150.webp" width="90" height="90"></a> 1593 <h2 class="line-clamp">
1593The "Andaman Techspace 2025" Innovation & Hospitality Expo, hosted by the Thai Hotels Association Southern Chapter, concluded as a resounding success on Friday, August 15, 2025. The Akara Grand Ballroom at the Four Points by Sheraton Phuket Patong Beach Resort became a vibrant hub where technology experts, industry leaders, and hoteliers gathered to explore the future of tourism in the digital age.</h2> <p class="smallpreview"> <a target="_blank" class="readmore" href="https://blog.webconnection.asia/andaman-techspace-2025-highlights-and-takeaways/">+ Read More </a></p> 1594 1595 </div> 1596 <div class="element news clearfix"> 1597 <div class="category"> <a href="https://blog.webconnection.asia/e-commerce-trends-in-southeast-asia-opportunities-for-growth-in-2025/"> E-Commerce Trends in Southeast Asia: Opportunities for Growth in 2025</a> </div> 1598 <a target="_blank" href="https://blog.webconnection.asia/e-commerce-trends-in-southeast-asia-opportunities-for-growth-in-2025/"><img alt="market-news" class="attachment-newsfeed_preview wp-post-image mCS_img_loaded" src="https://blog.webconnection.asia/wp-content/uploads/2025/04/E-Commerce-Trends-1-150x150.jpg" width="90" height="90"></a> 1599 <h2 class="line-clamp">The e-commerce sector in Southeast Asia is rapidly evolving, positioning the region as a global digital commerce hub. With a population of over 600 million people and a combined GDP of $3 trillion, the region's e-commerce market is projected to grow to $230 billion by 2026, with a compound annual growth rate (CAGR) of 22%. </h2> <p class="smallpreview"> <a target="_blank" class="readmore" href="https://blog.webconnection.asia/e-commerce-trends-in-southeast-asia-opportunities-for-growth-in-2025/">+ Read More </a></p> 1600 1601 </div> 1602 1603 </div> 1604 </div> 1605 </div> 1606 <!-- #newsfeed_container --> 1607 </div> 1608 <!-- #newsfeed_container .position --> 1609</div> 1610 </div> 1611 </div> 1612 </section> 1613 <section class="products_highlight staggered-animation-container"> 1614 1615<div class="service01 staggered-animation" data-os-animation="zoomIn" data-os-animation-delay="0s"> 1616 <div class="grid"> 1617 <figure class="effect-marley"> 1618 <figcaption> 1619 <h2>Web Design</h2> 1620 <p>Mobile-first hotel websites<br>built around your brand,<br>content and direct-booking journey.<br><br> 1621 <a href="web-design.htm"><span class="green wcl-button t-margin20">Explore Web Design</span></a> </p> 1622 </figcaption> 1623 </figure> 1624 </div> 1625 </div> 1626 1627 <div class="service02 staggered-animation" data-os-animation="zoomIn" data-os-animation-delay="0.2s"> 1628 <div class="grid"> 1629 <figure class="effect-marley"> 1630 <figcaption> 1631 <h2>Booking Engine</h2> 1632 <p>Help guests check rooms,<br>rates and booking conditions and<br>reserve directly on your website.<br><br> 1633 <a href="booking-engine.htm"><span class="green wcl-button t-margin20">Explore Booking Engines</span></a> </p> 1634 </figcaption> 1635 </figure> 1636 </div> 1637 </div> 1638 1639 <div class="service03 staggered-animation" data-os-animation="zoomIn" data-os-animation-delay="0s"> 1640 <div class="grid"> 1641 <figure class="effect-marley"> 1642 <figcaption> 1643 <h2>Channel Manager</h2> 1644 <p>Manage connected OTA rates,<br>availability and sales<br>restrictions from one platform.<br><br> 1645 <a href="channel-manager.htm"><span class="green wcl-button t-margin20">Explore Channel Manager</span></a> </p> 1646 </figcaption> 1647 </figure> 1648 </div> 1649 </div> 1650 1651 <div class="service04 staggered-animation" data-os-animation="zoomIn" data-os-animation-delay="0.4s"> 1652 <div class="grid"> 1653 <figure class="effect-marley"> 1654 <figcaption> 1655 <h2>Property Management System</h2> 1656 <p>Coordinate reservations, front office,<br>room status, housekeeping and guest information<br>using the enabled modules.<br><br> 1657 <a href="hotel-management-system.htm"><span class="green wcl-button t-margin20">Explore PMS</span></a> </p> 1658 </figcaption> 1659 </figure> 1660 </div> 1661 </div> 1662 1663 <div class="service05 staggered-animation" data-os-animation="zoomIn" data-os-animation-delay="0.2s"> 1664 <div class="grid"> 1665 <figure class="effect-marley">
1666 <figcaption> 1667 <h2>Rate Manager</h2> 1668 <p>Compare competitor rates and marketsignals<br>to support faster pricing decisions.<br><br> 1669 <a href="rate-manager.htm"><span class="green wcl-button t-margin20">Explore Rate Manager</span></a> </p> 1670 </figcaption> 1671 </figure> 1672 </div> 1673 </div> 1674 1675 1676 1677 <div class="service06 staggered-animation" data-os-animation="zoomIn" data-os-animation-delay="0.6s"> 1678 <div class="grid"> 1679 <figure class="effect-marley"> 1680 <figcaption> 1681 <h2>Revenue Management</h2> 1682 <p>Plan rates, inventory,<br>promotions and channel activity<br>with specialist support.<br><br> 1683 <a href="ota-revenue-management.htm"><span class="green wcl-button t-margin20">Explore Management</span></a> </p> 1684 </figcaption> 1685 </figure> 1686 </div> 1687 </div> 1688 1689 <div class="service07 staggered-animation" data-os-animation="zoomIn" data-os-animation-delay="0.4s"> 1690 <div class="grid"> 1691 <figure class="effect-marley"> 1692 <figcaption> 1693 <h2>Digital Marketing</h2> 1694 <p>Connect SEO, paid media,<br>metasearch, social, content and measurement<br>to your commercial goals.<br><br> 1695 <a href="services.htm"><span class="green wcl-button t-margin20">Explore Digital Marketing</span></a> </p> 1696 </figcaption> 1697 </figure> 1698 </div> 1699 </div> 1700 1701 <div class="service08 staggered-animation" data-os-animation="zoomIn" data-os-animation-delay="0.6s"> 1702 <div class="grid"> 1703 <figure class="effect-marley"> 1704 <figcaption> 1705 <h2>Brand Identity</h2> 1706 <p>Build a consistent hotel identity<br>across logo, colour, typography,<br>imagery and messaging.<br><br> 1707 <a href="brand-identity.htm"><span class="green wcl-button t-margin20">Explore Brand Identity</span></a> </p> 1708 </figcaption> 1709 </figure> 1710 </div> 1711 </div> 1712</section> <section class="portfolio"> 1713 <h2 class="os-animation" data-os-animation="fadeInDown" data-os-animation-delay="0.2s"><a href="clients.htm">Hotels That Work With Web Connection</a></h2> 1714 <p class="b-padding25 os-animation" data-os-animation="fadeInDown" data-os-animation-delay="0.6s">Hotels and hospitality businesses across Asia use Web Connection for websites, booking technology, distribution and digital marketing support.</p> 1715 <div class="showcase b-padding60"> 1716 <div class="slider5"> 1717 1718 <!-- <div class="slide"><a href="clients.htm"><img src="images/hotel_web_design_phuket-2024.png" title="Hotel Web Design Phuket"/></a></div> 1719 <div class="slide"><a href="clients.htm"><img src="images/hotel_web_design_asia-2024.png" title="Hotel Web Design Asia" /></a></div> 1720 <div class="slide"><a href="clients.htm"><img src="images/hotel_web_design_bangkok-2024.png" title="Hotel Web Design Bangkok"/></a></div> 1721 <div class="slide"><a href="clients.htm"><img src="images/hotel_web_design_thailand-2024.png" title="Hotel Web Design Thailand" /></a></div> 1722 <div class="slide"><a href="clients.htm"><img src="images/hotel_web_design_phuket2-2024.png" title="Hotel Web Design Phuket"/></a></div> 1723 <div class="slide"><a href="clients.htm"><img src="images/hotel_web_design_samui-2024.png" title="Hotel Web Design Samui"/></a></div> --> 1724 1725 <!-- Slideshow container --> 1726 <div class="slide"><a href="clients.htm"><img src="images/our-clients/1-hotel_web_design_asia_2024.png" title="Hotel Web Design Asia" /></a></div> 1727 <div class="slide"><a href="clients.htm"><img src="images/our-clients/2-hotel_web_design_phuket_2024.png" title="Hotel Web Design Phuket" /></a></div> 1728 <div class="slide"><a href="clients.htm"><img src="images/our-clients/3-hotel_web_design_asia_2024.png" title="Hotel Web Design Asia" /></a></div> 1729 <div class="slide"><a href="clients.htm"><img src="images/our-clients/4-hotel_web_design_asia_2024.png" title="Hotel Web Design Asia" /></a></div> 1730 <div class="slide"><a href="clients.htm"><img src="images/our-clients/5-hotel_web_design_thailand_2024.png" title="Hotel Web Design Thailand" /></a></div> 1731 <div class="slide"><a href="clients.htm"><img src="images/our-clients/6-hotel_web_design_phuket_2024.png" title="Hotel Web Design Phuket" /></a></div> 1732 <div class="slide"><a href="clients.htm"><img src="images/our-clients/7-hotel_web_design_samui_2024.png" title="Hotel Web Design Samui" /></a></div> 1733 </div> 1734 1735 1736 </div> 1737 </section> 1738 1739 <section class="photography_content" style="visibility: visible; opacity: 1;"> 1740 <h2 class="os-animation" data-os-animation="fadeInDown" data-os-animation-delay="0.2s"><a href="testimonials.htm">What Our Hotel Clients Say</a></h2> 1741 <div class="slide_testimonials"> 1742 1743 <div class="slide_ttm"> 1744 <p>"It is for myself, and my team a great pleasure to work together with Web Connection. They are very flexible with any changes and adjustments..."</p> 1745 <p class="name">Daniel J Meury<br> 1746 Andara Resort & Villas</p> 1747 </div> 1748 <div class="slide_ttm"> 1749 <p>"It has been a pleasure working with Web Connection. Their excellent customer support is always easy to reach and they respond to all inquiries promptly and professionally..."</p> 1750 <p class="name">Khacha Hunthong<br> 1751 Keemala</p> 1752 </div> 1753 <div class="slide_ttm"> 1754 <p>"I have been working with the Web Connection team for the past three years, and I am extremely satisfied with their services. The team is reliable, responsive, and highly professional..."</p> 1755 <p class="name">Thanapit Teeraaksonsit<br> 1756 The Tubkaak Krabi Boutique Resort</p> 1757 </div> 1758 <div class="slide_ttm"> 1759 <p>"We are very satisfied to work with Web Connection because of their professional team and friendly cooperation. We think that website service is suitable for our hotel..."</p> 1760 <p class="name">Umaporn Wijitsarat<br> 1761 The Nap Patong</p> 1762 </div> 1763 <div class="slide_ttm"> 1764 <p>"Thanks for your great support over the last 10 years, Bless Hotel & Residence! The hotel website, channel manager, and booking engine are all working really well. Your team's expertise and dedication have always impressed us..."</p> 1765 <p class="name">Mr. Pracha Khantarod<br> 1766 The Bless Hotel & Residence</p> 1767 </div> 1768 <div class="slide_ttm"> 1769 <p>"Having worked with Web Connection since their introduction into this highly competitive world of tech, the beauty of their services is the Web Connection team and their ability to listen to what we hoping to achieve offering us sensible..."</p> 1770 <p class="name">Mr. Matthew C Hindmarch<br> 1771 Aksara Collection</p> 1772 </div> 1773 1774 <!-- <div class="slide_ttm"> 1775 <p>"It is for myself, and my team a great pleasure to work together with Web Connection. They are very flexible with any changes and adjustments..."</p> 1776 <p class="name">Daniel J Meury<br> 1777 Andara Resort & Villas</p> 1778 </div> 1779 1780 <div class="slide_ttm"> 1781 <p>"It has been a pleasure working with Web Connection. Their excellent customer support is always easy to reach and they respond to all inquiries promptly and professionally..."</p> 1782 <p class="name">Khacha Hunthong<br> 1783 Keemala</p> 1784 </div> 1785 --> 1786 1787 1788 1789 <!-- <div class="slide_ttm"> 1790 <p>"We knew that our existing website was in need of modernizing and we are very happy to have chosen Web Connection! The team have done a great job..."</p> 1791 <p class="name">Claude Sauter, General Manager<br> 1792 The Surin Phuket</p> 1793 </div> 1794 <div class="slide_ttm"> 1795 <p>"From our initial contact, the team at Web Connection have been professional and supportive. The website creation process was made easy..."</p> 1796 <p class="name">Michael Long, Area General Manager<br> 1797 Best Western Premier Sukhumvit</p> 1798 </div> 1799 <div class="slide_ttm"> 1800 <p>"I have been working with Web Connection for more than one year to build and maintain our hotel's independent website. We were recommended to use..."</p> 1801 <p class="name">Angelina Josephine, Marketing Communications Manager<br> 1802 Crowne Plaza Semarang</p> 1803 </div> 1804 <div class="slide_ttm"> 1805 <p>"Web Connection has been a true partner in the development of our flagship brand website The KL Journal and were great in hand holding us..."</p> 1806 <p class="name">Karen Lim, Project Lead, The KL Journal, Pre Launch Team<br> 1807 Nuance Consulting</p> 1808 </div> 1809 <div class="slide_ttm"> 1810 <p>"Web Connection is being very supportive during our rebranding transition period to Amatara Resort & Wellness. Their creative team always responds fast..."</p> 1811 <p class="name">Brice Borin, General Manager<br> 1812 Amatara Resort & Wellness</p> 1813 </div> --> 1814 1815 </div> 1816 <div class=""><a href="testimonials.htm" class="btn_black">Read More Testimonials</a></div> 1817 </section> 1818 <section class="container_box b-padding0 margin0 t-padding60 technology"> 1819 <h2 class="os-animation" data-os-animation="fadeInDown" data-os-animation-delay="0.2s"><a href="integrations.htm">Technology and Connectivity Partners</a></h2> 1820 <p class="b-padding25 os-animation" data-os-animation="fadeInDown" data-os-animation-delay="0.6s">Check supported connections for OTAs, GDSs, wholesalers, booking engines, PMS, CRS and RMS platforms. Availability depends on the Web Connection product, partner, version and data flow required.</p> 1821 <a href="integrations.htm" class="green wcl-button b-margin10">Explore Integrations</a> 1822 <div class="section_connectivity"> 1823 <div class="pic"><img src="images/web_connection_technology_and_connectivity_partners.jpg" title="Technology & Connectivity Partners" /></div> 1824 </div> 1825 </section> 1826 1827 <footer> 1828 <div class="getintouch"> 1829 <div> 1830 Tell the Web Connection team about your <span>property, current systems and commercial goals</span> so we can recommend a suitable next step. 1831 <br> 1832 <div><img src="https://www.webconnection.asia/images/icon--email.svg" align="absmiddle" /><span><a href="/cdn-cgi/l/email-protection#680b07061c090b1c281f0d0a0b0706060d0b1c01070646091b0109571b1d0a020d0b1c552d050901044e060a1b18530d06191d011a114e060a1b18530e071a4e060a1b18533f0d0a4e060a1b18532b0706060d0b1c010706"><span class="__cf_email__" data-cfemail="b1d2dedfc5d0d2c5f1c6d4d3d2dedfdfd4d2c5d8dedf9fd0c2d8d0">[email protected]</span></a></span></div> 1833 </div> 1834 </div> 1835 <div class="copyright"> 1836 <div class="copyright-wrapper"> 1837 <div class="logo-partner"> 1838 <img src="https://www.webconnection.asia/images/credibility_pci-logo.png" title="Payment Card Industry Data Security Standard" /> 1839 <a href="https://www.webconnection.asia/paypal-connectivity.htm"><img src="https://www.webconnection.asia/images/paypal-partner-logo.png" title="PayPal Partner" /></a> 1840 </div> 1841 1842 <div class="support"> 1843 <img src="https://www.webconnection.asia/images/ico_phone2.png" align="absmiddle" />Sales: English +66 93 761 7979 | Thai +66 95 296 2721<br/> 1844 <!-- | Thai [confirm the approved master number before publishing] --> 1845 1846 <img src="https://www.webconnection.asia/images/ico_support.png" align="absmiddle" />Support: +66 76 367 700-1 </div> 1847 <div class="copyright_social"> 1848 1849 <!-- <div class="wrap_link"> 1850 <div class="link"> 1851 <a href="https://www.webconnection.asia/legal.htm">Legal</a> 1852 </div> 1853 <div class="sociallists">Let's connect 1854 <ul> 1855 <li><a target="_blank" href="https://www.facebook.com/www.webconnection.asia" class="facebook"></a></li> 1856 <li><a target="_blank" href="https://www.instagram.com/webconnection.asia" class="goolgeplus"></a></li> 1857 <li><a target="_blank" href="https://twitter.com/web_connection" class="twitter"></a></li> 1858 <li><a target="_blank" href="https://www.linkedin.com/company/webconnection-asia" class="linkedin"></a></li> 1859 <li><a href="skype:webconnection-asia?chat" class="skype"></a></li> 1860 <li><a href="http://www.addthis.com/bookmark.php?v=250&pubid=ra-4f9905fe7c1bacf6" class="addthis addthis_button_expanded at300m" target="_blank" title="View more services"><img width="17" height="16" src="https://www.webconnection.asia/images/spacer.gif"></a> 1861
1861<script async src="https://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f9905fe7c1bacf6" type="text/javascript"></script>
1861 1862 </li> 1863 </ul> 1864 </div> 1865 </div> --> 1866 <div class="sociallists"><p>Let's connect</p> 1867 <ul> 1868 <li> 1869 <a target="_blank" href="https://www.facebook.com/www.webconnection.asia" class="social-icon facebook" aria-label="Facebook"> 1870 <svg viewBox="0 0 320 512" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 1871 <path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/> 1872 </svg> 1873 </a> 1874 </li> 1875 <li> 1876 <a target="_blank" href="https://www.instagram.com/webconnection.asia" class="social-icon" aria-label="Instagram"> 1877 <svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 1878 <path d="M12 2.16c3.2 0 3.58.01 4.85.07 3.25.15 4.77 1.69 4.92 4.92.06 1.27.07 1.65.07 4.85s-.01 3.58-.07 4.85c-.15 3.23-1.66 4.77-4.92 4.92-1.27.06-1.64.07-4.85.07s-3.58-.01-4.85-.07c-3.26-.15-4.77-1.7-4.92-4.92-.06-1.27-.07-1.65-.07-4.85s.01-3.58.07-4.85C2.38 3.9 3.9 2.38 7.15 2.23c1.27-.06 1.65-.07 4.85-.07zM12 0C8.74 0 8.33.01 7.05.07c-4.35.2-6.78 2.62-6.98 6.98C.01 8.33 0 8.74 0 12s.01 3.67.07 4.95c.2 4.36 2.62 6.78 6.98 6.98C8.33 23.99 8.74 24 12 24s3.67-.01 4.95-.07c4.35-.2 6.78-2.62 6.98-6.98.06-1.28.07-1.69.07-4.95s-.01-3.67-.07-4.95c-.2-4.35-2.62-6.78-6.98-6.98C15.67.01 15.26 0 12 0zm0 5.84a6.16 6.16 0 100 12.32 6.16 6.16 0 000-12.32zM12 16a4 4 0 110-8 4 4 0 010 8zm6.41-11.85a1.44 1.44 0 100 2.88 1.44 1.44 0 000-2.88z"/> 1879 </svg> 1880 </a> 1881 </li> 1882 <li> 1883 <a target="_blank" href="https://x.com/web_connection" class="social-icon" aria-label="X"> 1884 <svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 1885 <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/> 1886 </svg> 1887 </a> 1888 </li> 1889 <li> 1890 <a target="_blank" href="https://www.linkedin.com/company/webconnection-asia" class="social-icon" aria-label="LinkedIn"> 1891 <svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 1892 <path d="M20.45 20.45h-3.55v-5.57c0-1.33-.02-3.04-1.85-3.04-1.85 0-2.14 1.45-2.14 2.94v5.67H9.36V9h3.41v1.56h.05c.47-.9 1.63-1.85 3.35-1.85 3.59 0 4.25 2.36 4.25 5.44v6.3zM5.34 7.43a2.06 2.06 0 110-4.12 2.06 2.06 0 010 4.12zM7.11 20.45H3.56V9h3.55v11.45zM22.22 0H1.77C.79 0 0 .77 0 1.73v20.54C0 23.23.79 24 1.77 24h20.45c.98 0 1.78-.77 1.78-1.73V1.73C24 .77 23.2 0 22.22 0z"/> 1893 </svg> 1894 </a> 1895 </li> 1896 </ul> 1897</div> 1898 1899<style> 1900.sociallists ul { 1901 display: flex !important; 1902 align-items: center !important; 1903 gap: 6px !important; 1904 list-style: none !important; 1905 margin: 0 !important; 1906 padding: 0 !important; 1907 flex-wrap: nowrap !important; 1908} 1909 1910.sociallists ul li { 1911 margin: 0 !important; 1912 padding: 0 !important; 1913 display: flex !important; 1914 flex-shrink: 0 !important; 1915} 1916 1917.sociallists li a, 1918.sociallists li a.social-icon { 1919 background-image: none !important; 1920 background: none !important; 1921 background-color: transparent !important; 1922} 1923 1924.social-icon { 1925 display: flex !important; 1926 align-items: center !important; 1927 justify-content: center !important; 1928 width: 24px !important; 1929 height: 24px !important; 1930 color: #00cc66 !important; 1931 text-decoration: none !important; 1932 transition: opacity 0.2s ease; 1933 flex-shrink: 0 !important; 1934} 1935 1936.social-icon svg { 1937 width: 20px !important; 1938 height: 20px !important; 1939 display: block !important; 1940 fill: #00cc66 !important; 1941} 1942 1943/* Facebook's 'f' artwork is narrower than the other icons' 24x24 1944 source art (320x512 vs square), so it needs its own width to 1945 read the same visual weight instead of looking squeezed */ 1946.social-icon.facebook svg { 1947 width: 12px !important; 1948 height: 15px !important; 1949} 1950 1951.social-icon:hover { 1952 opacity: 0.7; 1953} 1954 1955/* ===== Responsive ===== */ 1956@media (max-width: 768px) { 1957 .sociallists ul { 1958 gap: 5px !important; 1959 } 1960 1961 .social-icon { 1962 width: 22px !important; 1963 height: 22px !important; 1964 } 1965 1966 .social-icon svg { 1967 width: 18px !important; 1968 height: 18px !important; 1969 } 1970 1971 .social-icon.facebook svg { 1972 width: 11px !important; 1973 height: 14px !important; 1974 } 1975} 1976 1977@media (max-width: 480px) { 1978 .sociallists { 1979 display: flex !important; 1980 align-items: center !important; 1981 justify-content: center !important; 1982 flex-wrap: wrap !important; 1983 gap: 8px !important; 1984 text-align: center !important; 1985 } 1986 1987 .sociallists ul { 1988 gap: 5px !important; 1989 } 1990 1991 .social-icon { 1992 width: 22px !important; 1993 height: 22px !important; 1994 } 1995 1996 .social-icon svg { 1997 width: 18px !important; 1998 height: 18px !important; 1999 } 2000 2001 .social-icon.facebook svg { 2002 width: 11px !important; 2003 height: 14px !important; 2004 } 2005} 2006</style> 2007 2008 2009 <div class="copyrights">Copyright © 2026 Web Connection. All Rights Reserved.</div> 2010 </div> 2011 </div> 2012 </div> 2013</footer> 2014<div id="social_chat"> 2015 <a class="whatsapp" href="https://wa.me/66835078882" target="_blank"> 2016 <img src="https://www.webconnection.asia/images/whatsapp-icon.png" alt="Whatsapp Web Connection" /> 2017 </a> 2018 <a class="line" href="https://page.line.me/810onmzq?openQrModal=true" target="_blank"> 2019 <img src="https://www.webconnection.asia/images/line-icon.png" alt="LINE Web Connection" /> 2020 </a> 2021</div> 2022<!-- <a href="#" id="back-to-top" class="backtotop_color" title="Back to top"><i class="fa fa-angle-up" aria-hidden="true"></i> 2023</a> -->
vendor: 112 bytes, lines 2023-2025
2023 2024 2025<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
2025<script type="speculationrules"> 2026{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/pdpa\/*"},{"not":{"href_matches":["\/pdpa\/wp-*.php","\/pdpa\/wp-admin\/*","\/pdpa\/wp-content\/uploads\/*","\/pdpa\/wp-content\/*","\/pdpa\/wp-content\/plugins\/*","\/pdpa\/wp-content\/themes\/wcl\/*","\/pdpa\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 2027</script>
2027 2028 2029<div class="dpdpa--popup theme-popup-1 hide-close dark"> 2030 <div class="container"> 2031 <div class="dpdpa--popup-container"> 2032 <div class="dpdpa--popup-text"> 2033 <p>By continuing to use this website you agree to the use of cookies according to our <a href="https://www.webconnection.asia/privacy-policy.htm">Privacy Policy</a>.</p> 2034 </div> 2035 <div class="dpdpa--popup-button-group"> 2036 <a href="#" class="dpdpa--popup-button" id="dpdpa--popup-button-settings">Settings</a> <a href="#" class="dpdpa--popup-button accept" id="dpdpa--popup-accept-all">Accept</a> </div> 2037 <a href="#" class="dpdpa--popup-close" id="dpdpa--popup-close" title="Close Popup"></a> 2038 </div> 2039 </div> 2040</div> 2041 2042<div class="dpdpa--alwayson"> 2043</div> 2044<div class="dpdpa--popup-bg"></div> 2045<div class="dpdpa--popup-sidebar dark"> 2046 <div class="dpdpa--popup-sidebar-header"> 2047 <div class="dpdpa--popup-logo"> 2048 </div> 2049 <a href="#" class="dpdpa--popup-settings-close" id="dpdpa--popup-settings-close"></a> 2050 </div> 2051 <div class="dpdpa--popup-sidebar-container"> 2052 <div class="dpdpa--popup-section intro"> 2053 <em>Cookie Consent Preferences</em> 2054 <p>Your personal data provided to us will be protected as per our <a href="https://www.webconnection.asia/privacy-policy.htm">Privacy Policy</a>.</p> 2055 <a href="#" class="dpdpa--popup-button" id="pdpa_settings_allow_all">Accept All</a> 2056 </div> 2057 <div class="dpdpa--popup-section list"> 2058 <em>Manage Consent Preferences</em> 2059 <ul class="dpdpa--popup-list" id="dpdpa--popup-list"> 2060 <li> 2061 <div class="dpdpa--popup-header"> 2062 <div class="dpdpa--popup-title">Mandatory Cookies</div> 2063 <div class="dpdpa--popup-action text">Always Active</div> 2064 </div> 2065 <p> 2066 These are necessary for the basic functioning of the website and for its correct performance. </p> 2067 </li> 2068 <li> 2069 <div class="dpdpa--popup-header"> 2070 <div class="dpdpa--popup-title">Analytics Cookies / Advertising and Social Media Cookies</div> 2071 <div class="dpdpa--popup-action"> 2072 <label class="dpdpa--popup-switch"> 2073 <input type="checkbox" name="dpdpa_consent[]" value="GTM" checked> 2074 <span class="dpdpa--popup-slider round"><span class="btn-text btn-text-on">on</span><span class="btn-text btn-text-off">off</span></span> 2075 </label> 2076 </div> 2077 </div> 2078 <p> 2079 <strong>Analytics Cookies</strong><br /> 2080These enable use of the website to be measured, in order to ensure its proper performance and to improve its functioning.<br /> 2081<strong>Advertising and Social Media Cookies</strong><br /> 2082These are used to display and measure ads which are relevant to our users, as well as enabling interaction with social media. Data may be shared with companies outside of Web Connection. <br><a href="#" class="dpdpa--popup-cookie-link" attr-type="GTM">Cookies Details</a> </p> 2083 </li> 2084 2085 </ul> 2086 <a href="#" class="dpdpa--popup-button" id="pdpa_settings_confirm">Save My Preferences</a> 2087 </div> 2088 </div> 2089 <div class="dpdpa--popup-cookie-detail"> 2090 <div class="dpdpa--popup-cookie-title"> 2091 <a href="#" class="dpdpa--popup-cookie-back" id="dpdpa--popup-cookie-back"> 2092 <svg height="25px" width="25px" id="Layer_1" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 2093 <polygon points="352,128.4 319.7,96 160,256 160,256 160,256 319.7,416 352,383.6 224.7,256 "/> 2094 </svg> 2095 </a> 2096 Cookie Consent Preferences 2097 </div> 2098 2099 <div class="dpdpa--popup-cookie-list"> 2100 <div class="cookie--list-box GTM"> 2101 <div class="meta"> 2102 <div class="label">
2102Name</div> 2103 <div class="data">_ga</div> 2104 </div> 2105 <div class="meta"> 2106 <div class="label">Category</div> 2107 <div class="data">Analytics Cookies / Advertising and Social Media Cookies</div> 2108 </div> 2109 <div class="meta"> 2110 <div class="label">Host</div> 2111 <div class="data">.webconnection.asia</div> 2112 </div> 2113 <div class="meta"> 2114 <div class="label">Duration</div> 2115 <div class="data">2 Years</div> 2116 </div> 2117 <div class="meta"> 2118 <div class="label">Description</div> 2119 <div class="data">The _ga cookie, installed by Google Analytics, calculates visitor, session and campaign data and also keeps track of site usage for the site's analytics report. The cookie stores information anonymously and assigns a randomly generated number to recognize unique visitors.</div> 2120 </div> 2121 </div> 2122 <div class="cookie--list-box GTM"> 2123 <div class="meta"> 2124 <div class="label">Name</div> 2125 <div class="data">_gid</div> 2126 </div> 2127 <div class="meta"> 2128 <div class="label">Category</div> 2129 <div class="data">Analytics Cookies / Advertising and Social Media Cookies</div> 2130 </div> 2131 <div class="meta"> 2132 <div class="label">Host</div> 2133 <div class="data">.webconnection.asia</div> 2134 </div> 2135 <div class="meta"> 2136 <div class="label">Duration</div> 2137 <div class="data">1 day</div> 2138 </div> 2139 <div class="meta"> 2140 <div class="label">Description</div> 2141 <div class="data">Installed by Google Analytics, _gid cookie stores information on how visitors use a website, while also creating an analytics report of the website's performance. Some of the data that are collected include the number of visitors, their source, and the pages they visit anonymously.</div> 2142 </div> 2143 </div> 2144 <div class="cookie--list-box GTM"> 2145 <div class="meta"> 2146 <div class="label">Name</div> 2147 <div class="data">_fbp</div> 2148 </div> 2149 <div class="meta"> 2150 <div class="label">Category</div> 2151 <div class="data">Analytics Cookies / Advertising and Social Media Cookies</div> 2152 </div> 2153 <div class="meta"> 2154 <div class="label">Host</div> 2155 <div class="data">.webconnection.asia</div> 2156 </div> 2157 <div class="meta"> 2158 <div class="label">Duration</div> 2159 <div class="data">3 months</div> 2160 </div> 2161 <div class="meta"> 2162 <div class="label">Description</div> 2163 <div class="data">This cookie is set by Facebook to display advertisements when either on Facebook or on a digital platform powered by Facebook advertising, after visiting the website.</div> 2164 </div> 2165 </div> 2166 </div> 2167 </div> 2168</div>
2168<script type="text/javascript" src="https://www.webconnection.asia/pdpa/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script>
vendor: 1 bytes, line 2168
2168
2169<script type="text/javascript" src="https://www.webconnection.asia/pdpa/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script>
vendor: 1 bytes, line 2169
2169
2170<script type="text/javascript" id="wp-i18n-js-after"> 2171/* <![CDATA[ */ 2172wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); 2173/* ]]> */ 2174</script>
vendor: 1 bytes, line 2174
2174
2175<script type="text/javascript" src="https://www.webconnection.asia/pdpa/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.5" id="swv-js"></script>
vendor: 1 bytes, line 2175
2175
2176<script type="text/javascript" id="contact-form-7-js-before"> 2177/* <![CDATA[ */ 2178var wpcf7 = { 2179 "api": { 2180 "root": "https:\/\/www.webconnection.asia\/pdpa\/wp-json\/", 2181 "namespace": "contact-form-7\/v1" 2182 } 2183}; 2184/* ]]> */ 2185</script>
vendor: 1 bytes, line 2185
2185
2186<script type="text/javascript" src="https://www.webconnection.asia/pdpa/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.5" id="contact-form-7-js"></script>
vendor: 1 bytes, line 2186
2186
2187<script type="text/javascript" src="https://challenges.cloudflare.com/turnstile/v0/api.js" id="cloudflare-turnstile-js" data-wp-strategy="async"></script>
vendor: 1 bytes, line 2187
2187
2188<script type="text/javascript" id="cloudflare-turnstile-js-after"> 2189/* <![CDATA[ */ 2190document.addEventListener( 'wpcf7submit', e => turnstile.reset() ); 2191/* ]]> */ 2192</script>
vendor: 1 bytes, line 2192
2192
2193<script type="text/javascript" src="https://www.webconnection.asia/pdpa/wp-content/plugins/designil-pdpa/public/assets/js/js-cookie.min.js?ver=2.3" id="designil-pdpa-js-cookie-js"></script>
vendor: 1 bytes, line 2193
2193
2194<script type="text/javascript" src="https://www.webconnection.asia/pdpa/wp-content/designil-pdpa/designil-pdpa-cookie-init.min.js?ver=1300868511" id="designil-pdpa-script-init-js"></script>
vendor: 1 bytes, line 2194
2194
2195<script type="text/javascript" src="https://www.webconnection.asia/pdpa/wp-content/designil-pdpa/designil-pdpa-cookie.min.js?ver=1300868511" id="designil-pdpa-script-js"></script>
vendor: 1 bytes, line 2195
2195
2196<script type="text/javascript" id="designil-pdpa-public-js-extra"> 2197/* <![CDATA[ */ 2198var designil_pdpa = {"url":"https:\/\/www.webconnection.asia\/pdpa\/wp-admin\/admin-ajax.php","nonce":"7d63525fd5","unique_id":"pdpa_62ba60db7a046","enable":"1","always_on":"0","log_enable":"1","log_reject_close":"0","disable_auto_check":"checked","duration":"30","cookie_list":"{\"code_in_head\":{\"GTM\":[\"<!-- Google Tag Manager -->\\r\\n
2198<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({\\\\'gtm.start\\\\':\\r\\nnew Date().getTime(),event:\\\\'gtm.js\\\\'});var f=d.getElementsByTagName(s)[0],\\r\\nj=d.createElement(s),dl=l!=\\\\'dataLayer\\\\'?\\\\'&l=\\\\'+l:\\\\'\\\\';j.async=true;j.src=\\r\\n\\\\'https:\\\/\\\/www.googletagmanager.com\\\/gtm.js?id=\\\\'+i+dl;f.parentNode.insertBefore(j,f);\\r\\n})(window,document,\\\\'script\\\\',\\\\'dataLayer\\\\',\\\\'GTM-PXQ6W8Z\\\\');<\\\/script>\\r\\n<!-- End Google Tag Manager -->\"]},\"code_next_body\":{\"GTM\":[\"<!-- Google Tag Manager (noscript) -->\\r\\n<noscript><iframe src=\\\\\\\"https:\\\/\\\/www.googletagmanager.com\\\/ns.html?id=GTM-PXQ6W8Z\\\\\\\" height=\\\\\\\"0\\\\\\\" width=\\\\\\\"0\\\\\\\" style=\\\\\\\"display:none;visibility:hidden\\\\\\\"><\\\/iframe><\\\/noscript>\\r\\n<!-- End Google Tag Manager (noscript) -->\"]},\"code_body_close\":{\"GTM\":[\"\"]}}","advanced_multilang":""}; 2199/* ]]> */ 2200</script>
vendor: 1 bytes, line 2200
2200
2201<script type="text/javascript" src="https://www.webconnection.asia/pdpa/wp-content/plugins/designil-pdpa/public/assets/js/designil-pdpa-public.min.js?ver=2.3" id="designil-pdpa-public-js"></script>
2201 2202 2203 2204 <link rel="stylesheet" href="fonts/font-awesome-4.6.5/css/font-awesome.min.css"> 2205 <!-- <link rel="stylesheet" href="css/main.css"> --> 2206 <link rel="stylesheet" type="text/css" href="https://www.webconnection.asia/css/main.css?ver=1788927403"> 2207 <link href="js/animate/animate.css" rel="stylesheet" type="text/css">
2208<script src="js/fix_webconnection.js" type="text/javascript"></script>
2208 2209<!-- /* #Slide */--> 2210<link rel="stylesheet" type="text/css" href="js/bxslider/jquery.bxslider.css"/>
2211<script src="js/bxslider/jquery.bxslider.js"></script>
2211 2212<!-- /* #Slide slick */--> 2213<link href="js/slick/slick.css" rel="stylesheet" type="text/css">
2214<script src="js/slick/slick.js" type="text/javascript"></script>
vendor: 1 bytes, line 2214
2214
2215<script src="js/slick/slick-fix.js" type="text/javascript"></script>
2215 2216<!-- /* #Popup video */-->
2217<script src="js/popup/popup.js" type="text/javascript"></script>
2217 2218<!-- /* #Double tap togo */-->
2219<script src="js/doubletaptogo/doubletaptogo.js"></script>
2219 2220<!-- /* #Full page */--> 2221
2221<script src="js/animate/animatescroll.js" type="text/javascript"></script>
2221 2222
2222<script src="js/animate/waypoints.min.js" type="text/javascript"></script>
2222 2223 <!-- #Scrollbar --> 2224 <link rel="stylesheet" type="text/css" href="js/scrollbar/jquery.mCustomScrollbar.css" /> 2225
2225<script src="js/scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
2225 2226
2226<script defer type="text/javascript"> 2227 (function($) { 2228 $(window).load(function() { 2229 $("#content-1").mCustomScrollbar({ 2230 theme: "minimal" 2231 }); 2232 }); 2233 })(jQuery); 2234 var window_w = $(window).width(); 2235 $(document).ready(function() { 2236 /* #Newsfeed */ 2237 $(".btn-toggle").click(function() { 2238 value = $('#newsfeed_container').css('right'); 2239 if (value != "0px") { 2240 $("#newsfeed_container").removeClass("collapsed"); 2241 } else { 2242 $("#newsfeed_container").addClass("collapsed"); 2243 } 2244 }); 2245 /* #check mobile screen */ 2246 if (window_w < 992) { 2247 $("#newsfeed_container").addClass("collapsed"); 2248 //var link_product = $("#mainmenu > li.li-dropdown > a").attr("href"); 2249 } 2250 /* #Products_highlight */ 2251 $('.products_highlight > div').click(function() { 2252 $('.products_highlight > div').removeClass('active'); 2253 $(this).addClass('active'); 2254 }); 2255 }); 2256 /* #newsfeed */ 2257 $(window).resize(function() { 2258 var window_resize_w = $(window).width(); 2259 if (window_resize_w != window_w) { 2260 if (window_resize_w < 992) { 2261 $("#newsfeed_container").addClass("collapsed"); 2262 } else { 2263 $("#newsfeed_container").removeClass("collapsed"); 2264 } 2265 } 2266 }); 2267 </script>
2267 2268 2269
2269<script defer type="text/javascript"> 2270 $(document).ready(function() { 2271 $('.slider5').bxSlider({ 2272 auto: true, 2273 slideWidth: 780, 2274 minSlides: 1, 2275 maxSlides: 1, 2276 moveSlides: 1, 2277 infiniteLoop: true, 2278 control: true 2279 }); 2280 $('.slide_testimonials').bxSlider({ 2281 auto: true, 2282 slideWidth: 800, 2283 speed: 1000, 2284 minSlides: 1, 2285 maxSlides: 1, 2286 moveSlides: 1, 2287 infiniteLoop: true, 2288 control: true 2289 }); 2290 }); 2291 </script>
2291 2292 2293 2294 <!-- /* #fancybox 2295==================================================== */ --> 2296 <link href="js/fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css"> 2297
2297<script src="js/fancybox/jquery.fancybox.js" type="text/javascript"></script>
2297 2298 2299 2300 2301 2302 2303
2303<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"48f7d0ed807c44f49431ff04305005a1","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 2303
2303
2304<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a43118e67e48dd56',t:'MTc5MDc0ODk2OQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
2304</body> 2305 2306</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.