PageSourceSearch

https://www.webconnection.asia/

html webconnection.asia collected 2026-09-30 06:16:11 UTC 93,943 bytes, 2,306 lines download raw bytes

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 &amp; Resorts, Travel &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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/">+&nbsp;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/">+&nbsp;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/">+&nbsp;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/">+&nbsp;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/">+&nbsp;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&#160;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&amp;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.