PageSourceSearch

https://hellobill.id/en/contact

html hellobill.id collected 2026-10-02 00:36:12 UTC 31,739 bytes, 773 lines download raw bytes

1<!DOCTYPE html>
2  <html lang="en">
3      <head>
4			<title>Contact HelloBill - Simplify Your Business</title>
5			<meta charset="utf-8">
6			<meta http-equiv="X-UA-Compatible" content="IE=edge">
7			<meta name="description" content="deskripsi hellobill">
8			<meta name="viewport" content="width=device-width, initial-scale=1">
9			<link rel="stylesheet" href="../css/hellobillCore2.min.css?v=1751962807">
10			<link rel="stylesheet" href="../css/hellobill2.min.css?v=1751962807">
11			<link rel="shortcut icon" href="../img/favicon.ico"/>
12			<!-- Global site tag (gtag.js) - Google AdWords: 850540182 -->
vendor: 61 bytes, lines 12-13
12
13			<script src="https://www.googletagmanager.com/gtag/js?id=
13AW-850540182
vendor: 15 bytes, lines 13-14
13"></script>
14			
14<script src="../js/jquery-3.1.0.min.js" type="text/javascript"></script>
14
15			
15<script>
16				
vendor: 139 bytes, lines 16-19
16window.dataLayer = window.dataLayer || [];
17				function gtag(){dataLayer.push(arguments);}
18				gtag('js', new Date());
19				gtag('config', '
19AW-850540182
vendor: 7 bytes, lines 19-20
19');
20			
20</script>
20
21			
21<script>
vendor: 349 bytes, lines 21-26
21
22			(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
23			(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
24			m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
25			})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
26			ga('create', '
26UA-84858231-1
vendor: 15 bytes, lines 26-27
26', 'auto');
27			
27ga('require', 'GTM-N869J8D');
28			ga('send', 'pageview');
29			</script>
29       
30			<!-- 
30<script src="https://snippets.freshchat.com/js/fc-pre-chat-form-v2.min.js"></script>
30 -->
31			<!-- 
31<script src="https://wchat.freshchat.com/js/widget.js" async></script>
31 -->
32			
33			
33<script>
34				(function(d,t) {
35				var BASE_URL="https://chat.hellobill.co.id";
36				var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
37				g.src=BASE_URL+"/packs/js/sdk.js";
38				g.defer = true;
39				g.async = true;
40				s.parentNode.insertBefore(g,s);
41				g.onload=function(){
42					window.chatwootSDK.run({
43						websiteToken: 'toNgRdtWU56yD5jwi7DzEZyE',
44						baseUrl: BASE_URL
45					})
46				}
47				})(document,"script");
48			</script>
48
49			
50			
50<script>
51			var preChatTemplate = {
52				//Form header color and Submit button color.
53				mainbgColor: '#48AC97',
54				//Form Header Text and Submit button text color.
55				maintxColor: '#fff',
56				//Chat Form Title
57				heading: 'Hello there!',
58				//Chat form Welcome Message
59				textBanner: 'We can\'t wait to talk to you. But first, please take a couple of moments to tell us a bit about yourself.',
60				//Submit Button Label.
61				SubmitLabel: 'Start Chat',
62				//Fields List - Maximum is 5
63				//All the values are mandatory and the script will not work if not available.
64				fields : {
65				field1 : {
66					//Type for Name - Do not Change     
67					type: "name",
68					//Label for Field Name, can be in any language
69					label: "Name",
70					//Default - Field ID for Name - Do Not Change
71					fieldId: "name",
72					//Required "yes" or "no"
73					required: "yes",
74					//Error text to be displayed
75					error: "Please Enter a valid name"
76				},
77				field2 : {
78					//Type for Phone - Do Not Change
79					type: "phone",
80					//Label for Field Phone, can be in any language
81					label: "Phone",
82					//Default - Field ID for Phone - Do Not Change
83					fieldId: "phone",
84					//Required "yes" or "no"
85					required: "yes",
86					//Error text to be displayed
87					error: "Please Enter a valid Phone Number"
88				},
89				field3 : {
90					//Type for Dropdown
91					type: "dropdown",
92					//Label for Field Dropdown, can be in any language
93					label: "What can we help you with?",
94					//Field ID for Plan Dropdown
95					fieldId: "topic",
96					//Required "yes" or "no"
97					required: "yes",
98					//Error text to be displayed
99					error: "",
100					//Options for the Dropdown field
101					options: ['Product, Feature and Price Information','Subscription Information','After-Sales Support','Just Want to Say "Hi"','Other']
102				}
103				}
104			};
105			// if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){
106			// 	window.fcSettings = {
107			// 		token: "396d6484-8ac0-43c5-98b7-948dfea1ab82",
108			// 		host: "https://wchat.freshchat.com",
109			// 		config: {					
110			// 			cssNames: {
111			// 				//The below element is mandatory. Please add any custom class or leave the default.
112			// 				widget: 'custom_fc_frame',
113			// 				//The below element is mandatory. Please add any custom class or leave the default.
114			// 				expanded: 'custom_fc_expanded'
115			// 			}
116			// 		},
117			// 		onInit: function() {
118			// 		console.log('widget init');
119			// 		fcPreChatform.fcWidgetInit(preChatTemplate);
120			// 		}
121			// 	};
122			// } else {
123			// 	window.fcSettings = {
124			// 		token: "396d6484-8ac0-43c5-98b7-948dfea1ab82",
125			// 		host: "https://wchat.freshchat.com",
126			// 		open: true,
127			// 		config: {					
128			// 			cssNames: {
129			// 				//The below element is mandatory. Please add any custom class or leave the default.
130			// 				widget: 'custom_fc_frame',
131			// 				//The below element is mandatory. Please add any custom class or leave the default.
132			// 				expanded: 'custom_fc_expanded'
133			// 			}
134			// 		},
135			// 		onInit: function() {
136			// 		console.log('widget init');
137			// 		fcPreChatform.fcWidgetInit(preChatTemplate);
138			// 		}
139			// 	};
140			// }
141			
142			</script>
vendor: 93 bytes, lines 142-146
142
143			
144
145          
146<script src='https://www.google.com/recaptcha/api.js' async defer></script>
147<script>
148  function onSubmit(token) {
149    var captcha = document.getElementById('g-recaptcha-response').value = token;
150    submit();
151  }
152</script>
152
153<style>
154.sitemap {background-color: #f5f5f5; }
155</style>      </head>
156      <body>
157          <!-- navigation -->
158          
159	        <nav class="navbar navbar-default">
160	          <div class="container">
161	            <!-- Brand and toggle get grouped for better mobile display -->
162	            
163	            <div class="navbar-header">
164	              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
165	                <span class="sr-only">Toggle navigation</span>
166	                <span class="icon-bar"></span>
167	                <span class="icon-bar"></span>
168	                <span class="icon-bar"></span>
169	              </button>
170	              <div class="navbar-logo">
171	                  <a class="navbar-brand" href="/"><img src="../img/logo-new.png" alt="logo" class="img-responsive"> </a>  
172	              </div>      
173	              <div class="dropdown pull-right" id="nav-mobile">
174	                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><img src="../img/EN.png" style="margin-right: 5px;">EN<span class="caret gray-text"></span></a>
175	                <ul class="dropdown-menu dropdown-menu-right" id="language-dropdown">
176	                    <li><a href="../id/" id="dropdown-language"><img src="../img/ID.png" style="margin-right: 5px;">ID</a></li>
177	                </ul>
178	              </div>   
179	            </div>
180
181	            <!-- Collect the nav links, forms, and other content for toggling -->
182	            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">                
183	              <ul class="nav navbar-nav navbar-right">
184	                <li class="dropdown">
185	                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Products<span class="caret"></span></a>
186	                  <ul class="dropdown-menu">
187	                    <li><a href="fnb">FnB</a></li>
188	                    <li><a href="retail">Retail</a></li>
189	                    <li><a href="beauty">Beauty Service</a></li>
190	                    <li><a href="hq">HQ</a></li>
191	                    <!-- <li><a href="#">Owner Apps</a></li> -->
192	                    <li><a href="bizkit">Bizkit - Toolkit</a></li>
193	                  </ul>
194	                </li>
195	                <li><a href="hardware">Hardware</a></li>
196	                <li><a href="partner">Partnership</a></li>
197	                <li><a href="//blog.hellobill.id">Blog</a></li>
198	                <li><a href="//docs.hellobill.id">FAQ</a></li>
199	                <li><a href="contact">Contact Us</a></li>
200	                <li><a href="https://app.hellobill.co.id/sso-v3/login">Login</a></li>
201					<li><a href="https://loyalty.hellobill.co.id/login">Membership</a></li>
202	                <li class="dropdown" id="nav-desktop">
203	                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <img src="../img/EN.png" style="margin-right: 5px;">EN</a>
204	                  <ul class="dropdown-menu" id="language-dropdown">
205	                    <li><a href="../id/"><img src="../img/ID.png" style="margin-right: 5px;">ID</a></li>
206	                  </ul>
207	                </li>                  
208	              </ul>                  
209	            </div>               
210	          </div>
211	        </nav>    
212			
213			<div class="chat-balloon"></div>
214			<div class="wa_frame" onclick="Javascript:window.open('https://api.whatsapp.com/send?phone=6285210102455&text=Halo%20saya%20tertarik%20untuk%20mengetahui%20HelloBill%20lebih%20lanjut%20&source=&data=')" style="cursor: pointer;"></div>
215
216      <!-- end navigation -->          
217          <!-- first section - Register-->
218          <div id="contact" class="contact-banner">
219              <div class ="container">
220                  <div class="row">
221                      <div class="col-sm-6 contact-main-img">
222                          <img src="../img/contact-hardware.png" class="img-responsive">
223                      </div>
224                      <div class="col-sm-6">
225                          <div class="contact-box">
226                              <div class="contact-form-title gray-text">
227                                  Get in Touch                                  
228                              </div>
229                              <div class="contact-form-subtitle gray-text">
230                                  for More Information
231                              </div>
232                              <form action="https://hellobill.id
232/core/account/index.php/general/sendMessage" method="POST" id="contact-form">
233                                                                    <div class="row m-b-10">
234                                      <div class="col-xs-4 gray-text">
235                                          Name:
236                                      </div>
237                                      <div class="col-xs-8">
238                                          <input type="text" id ="name" name="name">
239                                      </div>
240                                  </div>
241                                  <div class="row m-b-10">
242                                      <div class="col-xs-4 gray-text">
243                                          Email:
244                                      </div>
245                                      <div class="col-xs-8">
246                                          <input type="text" id="email" name="email">
247                                      </div>
248                                  </div>
249                                  <div class="row m-b-10">
250                                      <div class="col-xs-4 gray-text">
251                                          Phone:
252                                      </div>
253                                      <div class="col-xs-8">
254                                          <input type="text" id="phone" name="phone">
255                                      </div>
256                                  </div>
257                                  <div class="row m-b-10">
258                                      <div class="col-xs-4 gray-text">
259                                          Message:
260                                      </div>
261                                      <div class="col-xs-8">
262                                          <textarea id="message" name="message" rows="8"></textarea>
263                                      </div>
264                                  </div>
265                                  <div class="row m-b-10">                                     
266                                      <div class="col-xs-8">
267                                          <input type="hidden" id="g-recaptcha-response" name="g-recaptcha-response">
268                                      </div>
269                                  </div>                                  
270                                  <button type="submit" id="contact-submit" class="btn contact-button g-recaptcha" data-sitekey="6Le7A70aAAAAAAjmk1B_xCtJ3FqXOsSWV-bVAS-f" data-callback="onSubmit">Submit</button>
271                              </form>
272                              
272<script>
273                              function submit() {
274                                /* Stop form from submitting normally */
275                                // event.preventDefault();
276
277                                /* Get some values from elements on the page: */
278                                var n = document.getElementById('name').value;
279                                var e = document.getElementById('email').value;
280                                var p = document.getElementById('phone').value;
281                                var m = document.getElementById('message').value;
282                                var c = document.getElementById('g-recaptcha-response').value;
283                                var url = "https://hellobill.id/core/account/index.php/general/sendMessage";
284                                /* Send the data using post */
285                                var posting = $.post( url, { name: n, email: e, phone: p, message: m, captcha: c } );
286
287                                /* Alert the response */
288                                posting.done(function( data ) {
289                                 if(data.alert == 1)
290                                  alert('Your message has been sent, We will contact you soon');
291                                 else
292                                  alert(data.message)
293                                });
294                              };
295                            </script>
295  
296                          </div>
297                      </div>
298                  </div>
299              </div>
300          </div>
301          <!-- end first -->
302          <div class="clearfix visible-xs-block"></div>
303
304          <!-- second section - About -->
305          <div id="description" class="fnb-background">
306              <div class="container">
307                  <div class="row m-t-80 m-b-20">
308                      <div class="col-sm-6 col-sm-offset-1 contact-title">
309                          Contact Us
310                      </div>
311                  </div>
312                  <div class="row">
313                      <div class="col-sm-5 col-sm-offset-1 contact-subtitle">
314                          Have any question about HelloBill? Need to talk
315                          to our sales? Have a great idea for us? Drop us 
316                          a line and we’ll get back to you as soon as we can.
317                      </div>
318                  </div>
319                  <div class="row contact-bg-expander"></div>
320              </div>
321          </div>
322          <!-- end second section -->
323
324          <!-- third section -->
325          <div id="sales-support">
326              <div class="container">
327                  <div class="row m-t-50 m-b-50">
328                      <div class="col-sm-4 col-sm-offset-1">
329                          <div>
330                              <img src="../img/contact-us-01.png" class="img-responsive">  
331                          </div>
332                          <div class="support-img-desc gray-text text-center">
333                              Our local sales & support team
334                          </div>
335                      </div>
336                      <div class="col-sm-2 col-sm-offset-1 col-xs-6">
337                          <div class="sales-city green-text">
338                              Jakarta
339                          </div>
340                          <div class="sales-place gray-text">
341                              Block71
342                          </div>
343                          <div class="sales-phone-num gray-text">
344                              0852 1010 2455
345                          </div>
346                          <div class="sales-city green-text">
347                              Bali
348                          </div>
349                          <div class="sales-place gray-text">
350                              Office
351                          </div>
352                          <div class="sales-phone-num gray-text">
353                              0852 1010 2455
354                          </div>
355                      </div>
356                      <div class="col-sm-2 col-sm-offset-1 col-xs-6">                          
357                          <div class="sales-city green-text">
358                              Bandung
359                          </div>
360                          <div class="sales-place gray-text">
361                              Block71
362                          </div>
363                          <div class="sales-phone-num gray-text">
364                              0852 1010 2455
365                          </div>
366                          <div class="sales-city green-text">
367                              Surabaya
368                          </div>
369                          <div class="sales-place gray-text">
370                              Office
371                          </div>
372                          <div class="sales-phone-num gray-text">
373                              0852 1010 2455
374                          </div>
375                      </div>
376                      <!-- <div class="col-sm-2 col-xs-6">
377                      </div> -->
378                  </div>
379              </div>
380          </div>
381          <!-- end third section -->
382
383          <!-- fourth section -->
384          <div id="sales-support2" class="gray-section">
385              <div class="container">
386                  <div class="row m-b-20">
387                      <div class="col-sm-6 col-sm-offset-3">
388                          <img src="../img/contact-authorized-distributor.png" class="img-responsive img-center">  
389                      </div>                      
390                  </div>
391                  <div class="row m-t-20">
392                      <div class="col-sm-3 col-xs-6">
393                          <div class="sales-city2 green-text">
394                              Palembang
395                          </div>
396                          <div class="sales-name gray-text">
397                              CV Lotus Lestari
398                          </div>
399                          <div class="sales-address gray-text">
400                              Jl. Aiptu K.S. Tubun No. 388, Kepandean Baru, Ilir Timur
401                          </div>                          
402                      </div>
403                      <div class="col-sm-3 col-xs-6">
404                          <div class="sales-city2 green-text">
405                              Semarang
406                          </div>
407                          <div class="sales-name gray-text">
408                              Yeziel Arkhipus Wiciaputra
409                          </div>
410                          <div class="sales-address gray-text">
411                              Taman Rejomulyo No.2, Rejosari, Semarang Timur
412                          </div>
413                      </div>
414                      <div class="col-sm-3 col-xs-6">
415                          <div class="sales-city2 green-text">
416                              Surabaya
417                          </div>
418                          <div class="sales-name gray-text">
419                              Rever Academy
420                          </div>
421                          <div class="sales-address gray-text">
422                              Jl. Tumapel No.8, Keputran, Tegalsari
423                          </div>
424                      </div>
425                      <div class="col-sm-3 col-xs-6">
426                          <div class="sales-city2 green-text">
427                              Medan
428                          </div>
429                          <div class="sales-name gray-text">
430                              CV Techno Plus Comp
431                          </div>
432                          <div class="sales-address gray-text">
433                              Jl. Azalea I No. 88-C Kompleks Cemara Asri, Deli Serdang
434                          </div>
435                      </div>                      
436                  </div>
437                  <div class="row m-t-20">
438                      <div class="col-sm-3 col-xs-6">
439                          <div class="sales-city2 green-text">
440                              Balikpapan
441                          </div>
442                          <div class="sales-name gray-text">
443                              Satar Tan
444                          </div>
445                          <div class="sales-address gray-text">
446                              Jl. Letjen Suprapto No.1, Ilir Baru, Balikpapan Barat
447                          </div>                          
448                      </div>                                        
449                  </div>
450              </div>
451          </div>
452          <!-- end fourth section -->
453
454          <!-- fifth section -->
455          <div id="map">
456              <div class="container">
457                  <div class="row m-b-50">
458                      <div class="col-md-6">
459                          <img src="../img/contact-us-02-rev2.png" class="img-responsive">
460                      </div>
461                      <div class="col-md-6 gray-text">
462                          <div class="contact-info">
463                              Contact Information
464                          </div>
465                          <div class="row m-t-50">
466                              <div class="col-xs-1">
467                                  <img src="../img/contact-us-03.png">
468                              </div>
469                              <div class="col-xs-8 contact-info-name ">
470                                  PT.NOVA TEKNOLOGI AWANI
471                                  <div class="contact-info-address">
472                                    Jl. Prof. DR. Soepomo No. 2<br>
473                                    Menteng Dalam, Tebet<br>
474                                    Jakarta Selatan 12870<br>
475                                  </div>
476                              </div>
477                          </div>
478                          <div class="row m-t-10">
479                              <div class="col-xs-1">
480                                  <img src="../img/contact-us-04.png">
481                              </div>
482                              <div class="col-xs-8">
483                                  +62 21 3972 2228
484                              </div>
485                          </div>
486                          <div class="row m-t-10">
487                              <div class="col-xs-1">
488                                  <img src="../img/contact-us-05.png">
489                              </div>
490                              <div class="col-xs-8">
491                                  www.hellobill.id
492                              </div>
493                          </div>
494                      </div>
495                  </div>
496              </div>
497          </div>
498          <!-- end fifth section -->
499  <div class="sitemap">
500  <div class="container">
501    <div class="row sitemap-block">
502      <div class="col-sm-2 col-sm-offset-1 col-xs-6 m-b-40">
503        <div class="sitemap-section" id="sitemap">
504          About
505        </div>
506        <div class="sitemap-subsection">
507          <a href="contact">Contact</a>
508        </div>
509        <div class="sitemap-subsection">
510          <!-- About Us -->
511        </div>
512        <div class="sitemap-subsection">
513          <a href="//blog.hellobill.id">Blog</a>
514        </div>
515        <div class="sitemap-subsection">
516            <!-- Career -->
517        </div>
518      </div>
519      <div class="col-sm-2 col-sm-offset-1 col-xs-6 m-b-40">
520        <div class="sitemap-section" id="sitemap">
521            Business Types
522        </div>
523        <div class="sitemap-subsection">
524          <a href="fnb">FnB</a>
525        </div>
526        <div class="sitemap-subsection">
527          <a href="retail">Retail</a>
528        </div>
529        <div class="sitemap-subsection">
530          <a href="beauty">Services Beauty</a>
531        </div>        
532        <div class="sitemap-subsection">
533          &nbsp;
534        </div> 
535      </div>
536      <div class="col-sm-2 col-sm-offset-1 col-xs-6 m-b-40">
537        <div class="sitemap-section" id="sitemap">
538            Products
539        </div>
540        <div class="sitemap-subsection">
541          <a href="hq">HQ</a>
542        </div>                
543        <div class="sitemap-subsection">
544          <a href="bizkit">Toolkit</a>
545        </div>
546        <div class="sitemap-subsection">
547            <!-- Owner Apps -->
548        </div>
549        <div class="sitemap-subsection">
550            <a href="hardware">Hardware</a>
551        </div>
552      </div>
553      <div class="col-sm-2 col-sm-offset-1 col-xs-6 m-b-40">
554        <div class="sitemap-section" id="sitemap">
555            Legal
556        </div>
557        <div class="sitemap-subsection">
558            <a href="privacy">Privacy Policy</a>
559        </div>
560        <div class="sitemap-subsection">
561            <!-- Terms of Service -->
562        </div>
563        <div class="sitemap-subsection">
564            <!-- Licenses -->
565        </div>      
566      </div>
567    </div>
568  </div>      
569</div>
570
571<!-- footer -->
572<footer id="pagefooter">
573    <div class="container">
574        <div class="row m-t-20 m-b-20">
575            <div class="col-xs-6 footer-text white-title">&copy; 2018 HelloBill</div>            
576            <div class="col-xs-6">
577              <div class="socmed-block">
578                <a href="https://www.instagram.com/hellobillpos" target="_blank">
579                <img src="../img/socmed-icon-instagram.png" align="right" class="footer-logo">
580                </a>  
581                <a href="https://twitter.com/hellobillpos" target="_blank">  
582                  <img src="../img/socmed-icon-twitter.png" align="right" class="footer-logo">
583                </a>                 
584                <a href="https://www.youtube.com/channel/UCm8uVEbhXONny6ns8jbhavA" target="_blank">
585                  <img src="../img/socmed-icon-youtube.png" align="right" class="footer-logo">
586                </a>                
587                <a href="https://www.facebook.com/HelloBillPOS" target="_blank">
588                  <img src="../img/socmed-icon-facebook.png" align="right" class="footer-logo">
589                </a>                
590              </div>              
591            </div>           
592        </div>
593    </div>
594</footer>
595<!-- footer -->
596
597<style>
598  .hb-campaign-modal .modal-dialog {
599    width: 675px;
600    max-width: calc(100vw - 32px);
601    margin: 0 auto;
602    top: 50%;
603  }
604
605  .modal.hb-campaign-modal.fade .modal-dialog,
606  .modal.hb-campaign-modal.in .modal-dialog {
607    -webkit-transform: translateY(-50%);
608    -ms-transform: translateY(-50%);
609    transform: translateY(-50%);
610  }
611
612  .hb-campaign-modal {
613    z-index: 2147483647;
614  }
615
616  .hb-campaign-modal .modal-content {
617    background: transparent;
618    border: 0;
619    border-radius: 20px;
620    box-shadow: none;
621    overflow: visible;
622  }
623
624  .hb-campaign-modal .modal-body {
625    padding: 0;
626    border-radius: 20px;
627    overflow: hidden;
628  }
629
630  .hb-campaign-modal__image {
631    display: block;
632    width: 100%;
633    border-radius: 20px;
634  }
635
636  .hb-campaign-modal__close {
637    position: absolute;
638    top: -64px;
639    right: 0;
640    z-index: 2;
641    width: 48px;
642    height: 48px;
643    padding: 0;
644    color: #30303B;
645    font-size: 28px;
646    line-height: 48px;
647    text-align: center;
648    background: #FFFFFF;
649    border: 0;
650    border-radius: 50%;
651    opacity: 1;
652  }
653
654  .hb-campaign-modal__close:hover,
655  .hb-campaign-modal__close:focus {
656    color: #30303B;
657    opacity: 1;
658    outline: none;
659  }
660
661  .modal-backdrop.hb-campaign-backdrop.in {
662    z-index: 2147483646;
663    opacity: 0.3;
664    filter: alpha(opacity=30);
665  }
666
667  body.hb-campaign-modal-open .woot-widget-bubble,
668  body.hb-campaign-modal-open .woot-widget-holder,
669  body.hb-campaign-modal-open .woot--bubble-holder,
670  body.hb-campaign-modal-open .woot--close,
671  body.hb-campaign-modal-open #chatwoot_live_chat_widget,
672  body.hb-campaign-modal-open [id*="chatwoot"],
673  body.hb-campaign-modal-open [class*="chatwoot"],
674  body.hb-campaign-modal-open iframe[src*="chat.hellobill.co.id"],
675  body.hb-campaign-modal-open iframe[src*="chatwoot"] {
676    z-index: 2147483000 !important;
677  }
678
679  @media (max-width: 767px) {
680    .hb-campaign-modal .modal-dialog {
681      max-width: calc(100vw - 24px);
682    }
683
684    .hb-campaign-modal__close {
685      top: -56px;
686      width: 44px;
687      height: 44px;
688      font-size: 26px;
689      line-height: 44px;
690    }
691  }
692</style>
693
694<div id="hb-campaign-modal" class="modal fade hb-campaign-modal" tabindex="-1" role="dialog" aria-hidden="true">
695  <div class="modal-dialog" role="document">
696    <button type="button" class="hb-campaign-modal__close" data-dismiss="modal" aria-label="Close">
697      <span aria-hidden="true">&times;</span>
698    </button>
699    <div class="modal-content">
700      <div class="modal-body">
701        <img src="../img/otto-digital-modal.png" alt="HelloBill POS is now part of the OttoDigital family" class="img-responsive hb-campaign-modal__image">
702      </div>
703    </div>
704  </div>
705</div>
706
707<script type="text/javascript">
708  $(function() {
709    var storageKey = 'hellobill_otto_digital_modal_seen_v1';
710    var $modal = $('#hb-campaign-modal');
711    var shouldMarkCampaignModalSeen = false;
712
713    function hasSeenCampaignModal() {
714      try {
715        return window.localStorage.getItem(storageKey) === '1';
716      } catch (error) {
717        return false;
718      }
719    }
720
721    function markCampaignModalSeen() {
722      try {
723        window.localStorage.setItem(storageKey, '1');
724      } catch (error) {
725        return false;
726      }
727
728      return true;
729    }
730
731    $modal.on('show.bs.modal', function() {
732      $('body').addClass('hb-campaign-modal-open');
733      window.setTimeout(function() {
734        $('.modal-backdrop').last().addClass('hb-campaign-backdrop');
735      }, 0);
736    });
737
738    $modal.on('click', '.hb-campaign-modal__close', function() {
739      shouldMarkCampaignModalSeen = true;
740    });
741
742    $modal.on('click', function(event) {
743      if (event.target === this) {
744        shouldMarkCampaignModalSeen = true;
745      }
746    });
747
748    $modal.on('hidden.bs.modal', function() {
749      $('body').removeClass('hb-campaign-modal-open');
750      if (shouldMarkCampaignModalSeen) {
751        markCampaignModalSeen();
752      }
753      shouldMarkCampaignModalSeen = false;
754    });
755
756    if ($modal.length && !hasSeenCampaignModal()) {
757      $modal.modal('show');
758    }
759  });
760</script>
760
761
762<script src="../js/hellobillCore.min.js" type="text/javascript"></script>
vendor: 1 bytes, line 762
762
763<script src="../js/hellobill.min.js" type="text/javascript"></script>
vendor: 1 bytes, line 763
763
764<script type="text/javascript">
765    (function(s){
766        if(location.href.search('retail') != -1) {
767            document.querySelector(s).href = '//app.hellobill.co.id/retail';
768        }
769    })('.loginbutton');
770</script>
vendor: 1 bytes, line 770
770
771<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":"c21d7a766d324dfcab374a9ec61b1702","r":1,"spa":2}' crossorigin="anonymous"></script>
771
772</body>
773</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.