PageSourceSearch

https://hellobill.id/en/

html hellobill.id collected 2026-10-02 00:36:11 UTC 56,988 bytes, 1,325 lines download raw bytes

1<!DOCTYPE html>
2  <html lang="en">
3      <head>
4			<title>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>
142
143			
144
145                </head>
146      <body>
147          <!-- navigation -->
148          
149	        <nav class="navbar navbar-default">
150	          <div class="container">
151	            <!-- Brand and toggle get grouped for better mobile display -->
152	            
153	            <div class="navbar-header">
154	              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
155	                <span class="sr-only">Toggle navigation</span>
156	                <span class="icon-bar"></span>
157	                <span class="icon-bar"></span>
158	                <span class="icon-bar"></span>
159	              </button>
160	              <div class="navbar-logo">
161	                  <a class="navbar-brand" href="/"><img src="../img/logo-new.png" alt="logo" class="img-responsive"> </a>  
162	              </div>      
163	              <div class="dropdown pull-right" id="nav-mobile">
164	                <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>
165	                <ul class="dropdown-menu dropdown-menu-right" id="language-dropdown">
166	                    <li><a href="../id/" id="dropdown-language"><img src="../img/ID.png" style="margin-right: 5px;">ID</a></li>
167	                </ul>
168	              </div>   
169	            </div>
170
171	            <!-- Collect the nav links, forms, and other content for toggling -->
172	            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">                
173	              <ul class="nav navbar-nav navbar-right">
174	                <li class="dropdown">
175	                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Products<span class="caret"></span></a>
176	                  <ul class="dropdown-menu">
177	                    <li><a href="fnb">FnB</a></li>
178	                    <li><a href="retail">Retail</a></li>
179	                    <li><a href="beauty">Beauty Service</a></li>
180	                    <li><a href="hq">HQ</a></li>
181	                    <!-- <li><a href="#">Owner Apps</a></li> -->
182	                    <li><a href="bizkit">Bizkit - Toolkit</a></li>
183	                  </ul>
184	                </li>
185	                <li><a href="hardware">Hardware</a></li>
186	                <li><a href="partner">Partnership</a></li>
187	                <li><a href="//blog.hellobill.id">Blog</a></li>
188	                <li><a href="//docs.hellobill.id">FAQ</a></li>
189	                <li><a href="contact">Contact Us</a></li>
190	                <li><a href="https://app.hellobill.co.id/sso-v3/login">Login</a></li>
191					<li><a href="https://loyalty.hellobill.co.id/login">Membership</a></li>
192	                <li class="dropdown" id="nav-desktop">
193	                  <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>
194	                  <ul class="dropdown-menu" id="language-dropdown">
195	                    <li><a href="../id/"><img src="../img/ID.png" style="margin-right: 5px;">ID</a></li>
196	                  </ul>
197	                </li>                  
198	              </ul>                  
199	            </div>               
200	          </div>
201	        </nav>    
202			
203			<div class="chat-balloon"></div>
204			<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>
205
206      <!-- end navigation --><!-- first section - Register-->
207<div id="home" class="section1">
208	<div class ="container">
209        <div class="row home-heading-block home-heading-desktop">
210      <div class="col-sm-6">        
211        <div class="home-heading-img">
212          <img src="../img/home-hb2.png" class="img-responsive home-heading-image">
213        </div>        
214      </div>
215      <div class="col-sm-4">
216        <div class="home-heading-title">
217          iPad & Android Cloud Based POS
218        </div>
219        <div class="home-heading-detail">
220          Your Partner Both in Sales & Payment
221        </div>
222        <div class="home-heading-buttons">
223          <div class="home-heading-demo-button">
224            <a href="https://app.hellobill.co.id/sso-v3/register" class="btn white-button-signup">Subscribe</a>
225          </div>
226          <div class="home-heading-vid-button">
227            <a href="" class="btn white-button" data-toggle="modal" data-target="#video-introduction-modal"><span class="glyphicon glyphicon-play-circle"></span> Watch The Video</a>
228          </div>
229          <div class="modal fade" id="video-introduction-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
230            <div class="modal-dialog" role="document" style="margin: 250px auto;">
231              <div class="modal-content" style="height: 480px">
232                <iframe style="border:none;vertical-align: center;" class="video-introduction" src="https://www.youtube.com/embed/tNqVs2AmHwg" allowfullscreen></iframe>
233              </div>
234            </div>
235          </div>
236          <div class="home-heading-icons">
237            <a href="https://apps.apple.com/developer/nova-teknologi-awani-pt/id1381397595" target="_blank">
238            <img src="../img/fnb-app-store.png" id="home-app-store-img"></a>
239            <a href="https://play.google.com/store/apps/developer?id=HelloBill+Team&hl=en" target="_blank">
240            <img src="../img/fnb-google-play.png" id="home-google-play-img"></a>
241          </div>
242        </div>
243      </div>
244    </div>
245  	<div class="row home-heading-mobile">
246  		<div class="col-sm-12">
247    		<div class="home-heading-block">
248    			<div class="home-heading-title text-center">
249      			iPad & Android Cloud Based POS to Simplify
250    			</div>
251      		<div class="home-heading-detail text-center">
252        		Your Business Both in Sales & Payment
253      		</div>
254      		<div class="home-heading-img">
255        		<img src="../img/home-hb2.png" class="img-responsive home-heading-image">
256      		</div>
257    	  </div>
258        <div style = "text-align: center; margin-bottom: 10px">
259          <a href= "https://app.hellobill.co.id/sso-v3/register" class="btn white-button-signup">Subscribe</a>
260        </div>
261        <div style = "text-align: center; margin-bottom: 30px">
262          <a href="https://www.youtube.com/watch?v=tNqVs2AmHwg&feature=emb_title" target="_blank" class="btn white-button"><span class="glyphicon glyphicon-play-circle"></span> Watch The Video</a>
263        </div>
264        <div style = "text-align: center; margin-bottom: 30px">
265          <a href="https://apps.apple.com/developer/nova-teknologi-awani-pt/id1381397595" target="_blank">
266          <img src="../img/fnb-app-store.png" id="home-app-store-img" style="width: 150px"></a>
267          <a href="https://play.google.com/store/apps/developer?id=HelloBill+Team&hl=en" target="_blank">
268          <img src="../img/fnb-google-play.png" id="home-google-play-img" style="width: 150px"></a>
269        </div>
270        <!-- <div style="text-align: center; margin-bottom: 30px">
271          <a href="information" class="btn signup-button">Sign Up</a>
272        </div> -->
273  	  </div>      	
274    </div>
275  </div>
276</div>
277<!-- end first -->
278<div class="clearfix visible-xs-block"></div>
279<!-- second section - HQ and Bizkit -->
280
281<div id="hq-and-bizkit" class="white-section">
282  <div class="container">
283    <div class="row m-b-50">
284      <div class="col-sm-12 advantages-title home-title-text gray-text text-center">
285        <strong>Two Powerful</strong> Sets of Products
286      </div>
287      <div class="col-sm-6 col-sm-offset-3 home-subtitle-text gray-text text-center">
288        A Powerful sets of products that is stand out and make your business more easier
289      </div>
290    </div>
291    <div class="row">
292      <div class="col-sm-6 m-b-50">
293        <div class="advantages-title home-title-text gray-text text-center">
294          <strong>HQ</strong>  
295        </div>
296        <div class="text-center gray-text m-t-20">
297          <strong>Managing your multiple outlets</strong>
298        </div>
299        <div class="home-hq-biz-text text-center gray-text m-t-10">
300          <p>
301            Our HQ system can help managing multiple outlets from one single system both in terms of Business Intelligence Data and Logistic Management
302          </p>
303        </div>
304        <div class="home-hq-biz-orange-text text-center">
305          <a href="hq">Learn more about HQ ></a>
306        </div>
307      </div>
308      <div class="col-sm-6 m-b-50">
309        <div class="advantages-title home-title-text gray-text text-center">
310          <strong>Bizkit</strong>  
311        </div>
312        <div class="text-center gray-text m-t-20">
313          <strong>Enhancing User & Staff Experience in Outlet</strong>
314        </div>
315        <div class="home-hq-biz-text text-center gray-text m-t-10">
316          <p>
317            Customer Facing Display: Customer can see their order from a screen in front of them. Kitchen Display System: Kitchen staff can prepare the order from the screen
318          </p>
319        </div>
320        <div class="home-hq-biz-orange-text text-center">
321          <a href="bizkit">Learn more about Bizkit ></a>
322        </div>
323      </div>
324    </div>
325  </div>
326</div>
327
328<!-- end second section -->
329<div class="clearfix visible-xs-block"></div>
330<div class="gray-divider"></div>
331
332<!-- third section About-->
333<div id="advantages" class="white-section">
334  <div class="container">
335    <div class="row m-b-50">
336      <div class="col-sm-6 col-md-6 col-lg-6" id="home-desc-pict">
337        <img src="../img/laptop-full-o.png" class="home-laptop-img"> 
338      </div>
339      <div class="col-sm-6 col-md-6 col-lg-6 col-xs-11 home-desc-block">
340      	<div class="home-desc-title home-title-text gray-text">
341          <h3><strong>
341We Make It Easier </strong>to Your Business</h3>
342        </div>
343        <div class="gray-text">
344	      <div class="row">
345	        <div class="col-xs-1">
346	          <span class="glyphicon glyphicon-ok green-check"></span>
347	        </div>
348	        <div class="col-xs-10 home-desc-heading">
349	          <strong>Reasonable Price</strong>
350	        </div>
351	        <div class="col-xs-10 col-xs-offset-1 home-desc-detail">
352	      	  Not only big companies but also small companies (UKM) can have the benefit of our services.
353	      	</div>
354	      </div>
355	      <div class="row">
356	        <div class="col-xs-1">
357	          <span class="glyphicon glyphicon-ok green-check"></span>
358	        </div>
359	        <div class="col-xs-10 home-desc-heading">
360	          <strong>Online Report</strong>
361	        </div>
362	        <div class="col-xs-10 col-xs-offset-1 home-desc-detail">
363	      	  Monitor and study (analyze?) your business from handphone, laptop, and tablet.
364	      	</div>
365	      </div>
366	      <div class="row">
367	        <div class="col-xs-1">
368	          <span class="glyphicon glyphicon-ok green-check"></span>
369	        </div>
370	        <div class="col-xs-10 home-desc-heading">
371	          <strong>Report & Complete Features</strong>
372	        </div>
373	        <div class="col-xs-10 col-xs-offset-1 home-desc-detail">
374	      	  Transaction, Stock, Profit/loss, Customer Data, and etc.
375	      	</div>
376	      </div>
377	    </div>
378        
379      </div>
380    </div>        
381  </div>
382</div>
383<!-- end third section -->
384<div class="clearfix visible-xs-block"></div>
385<!-- fourth section Testimonials-->
386<div id="testimonial-block" class="gray-section">
387  <div class="container">
388    <div class="row m-t-20 m-b-20">
389      <div class="col-md-12">
390        <div class="testimonial-title text-center home-title-text gray-text">
391          <strong>Testimonials</strong>
392        </div>
393        <div class="testimonial-subtitle text-center home-subtitle-text gray-text">
394          See what they say about HelloBill
395        </div>
396      </div>
397    </div>    
398    <div class="testimonial-desktop">
399      <div class="col-md-3 col-md-offset-0 col-lg-3 col-lg-offset-0 m-b-20">
400        <div class="testimonial-individual-block">
401        </div>        
402        <div class="testimonial-content-block">
403          <div class="row m-t-10">
404            <div class="col-xs-4">
405            </div>
406            <div class="col-xs-7 col-xs-offset-1">
407              <div class="testimonial-name gray-text">
408                <strong>Wasis</strong>
409              </div>
410              <div class="testimonial-position-title gray-text">
411                Director of<br>Kopi Oey
412              </div> 
413            </div>
414          </div>
415          <div class="testimonial-detail">
416            <div>
417              <img src="../img/testimonial-start-quote.png" class="testimonial-start-quote">
418            </div>
419            <div class="testimonial-text gray-text">
420              <p>HelloBill memiliki tim yang responsif dan kami dari Kopi Oey sangat-sangat puas dengan HelloBill karena fitur yang dimiliki oleh HelloBill, yang menurut kami sudah sesuai dengan kebutuhan kedai kami.</p>
421              <img src="../img/testimonial-end-quote.png" class="testimonial-end-quote">
422            </div>
423          </div>
424        </div>
425        <div class="testimonial-logo-block">
426          <img src="../img/kopi-oey-logo.png" class="testimonial-logo">  
427        </div>
428      </div>
429      <div class="col-md-3 col-md-offset-1 col-lg-3 col-lg-offset-1 m-b-20">
430        <div class="testimonial-individual-block">
431        </div>        
432        <div class="testimonial-content-block">
433          <div class="row m-t-10">
434            <div class="col-xs-4">
435            </div>
436            <div class="col-xs-7 col-xs-offset-1">
437              <div class="testimonial-name gray-text">
438                <strong>Bryan</strong>
439              </div>
440              <div class="testimonial-position-title gray-text">
441                Director of<br>Kongkow Village
442              </div> 
443            </div>
444          </div>
445          <div class="testimonial-detail">
446            <div>
447              <img src="../img/testimonial-start-quote.png" class="testimonial-start-quote">
448            </div>
449            <div class="testimonial-text gray-text">
450              <p>HelloBill merupakan P.O.S berbasis Cloud yang terbaik saat ini. Fitur-fitur yang disediakan juga sangat menunjang aktivitas bisnis kami.</p>
451              <img src="../img/testimonial-end-quote.png" class="testimonial-end-quote">
452            </div>
453          </div>
454        </div>
455        <div class="testimonial-logo-block">
456          <img src="../img/kongkow-logo.png" class="testimonial-logo">  
457        </div>
458      </div>
459      <div class="col-md-3 col-md-offset-1 col-lg-3 col-lg-offset-1 m-b-20">
460        <div class="testimonial-individual-block">
461        </div>        
462        <div class="testimonial-content-block">
463          <div class="row m-t-10">
464            <div class="col-xs-4">
465            </div>
466            <div class="col-xs-7 col-xs-offset-1">
467              <div class="testimonial-name gray-text">
468                <strong>Inna</strong>
469              </div>
470              <div class="testimonial-position-title gray-text">
471                Director of<br>Sari Ratu Kitchen
472              </div> 
473            </div>
474          </div>
475          <div class="testimonial-detail">
476            <div>
477              <img src="../img/testimonial-start-quote.png" class="testimonial-start-quote">
478            </div>
479            <div class="testimonial-text gray-text">
480              <p>Kami sangat puas menggunakan HelloBill karena system easy user, simple namun tetap details. Owners langsung mendapat report penjualan setelah closing, dan dapat dengan mudah mengakses database penjualan dimana saja.</p>
481              <img src="../img/testimonial-end-quote.png" class="testimonial-end-quote">
482            </div>
483          </div>
484        </div>
485        <div class="testimonial-logo-block">
486          <img src="../img/sari-ratu-logo.png" class="testimonial-logo">  
487        </div>
488      </div>
489    </div>
490    <div class="testimonial-mobile">
491        <div class="container">
492          <div class="row m-b-50">
493            <div class="col-sm-12">
494              <div class="carousel slide" id="testimonial-carousel" data-ride="carousel">
495                <!-- Indicators -->
496                <ol class="carousel-indicators">
497                  <li data-target="#testimonial-carousel" data-sli
497de-to="0" class="active"></li>
498                  <li data-target="#testimonial-carousel" data-slide-to="1"></li>
499                  <li data-target="#testimonial-carousel" data-slide-to="2"></li>
500                </ol>
501                <!-- Wrapper for slides -->
502                <div class="carousel-inner">
503                  <div class="item active testimonial-mobile-spacer">
504                    <div class="testimonial-individual-block">
505                      <div class="testimonial-name gray-text">
506                        <strong>Wasis</strong>
507                      </div>
508                      <div class="testimonial-position-title gray-text">
509                        Director of<br>Kopi Oey
510                      </div>
511                      <div class="testimonial-logo">
512                        <img src="../img/kopi-oey-logo.png">
513                      </div>
514                      <div class="testimonial-detail">
515                        <div>
516                          <img src="../img/testimonial-start-quote.png" class="testimonial-start-quote">
517                        </div>
518                        <div class="testimonial-text gray-text">
519                          <p>HelloBill memiliki tim yang responsif dan kami dari Kopi Oey sangat-sangat puas dengan HelloBill karena fitur yang dimiliki oleh HelloBill, yang menurut kami sudah sesuai dengan kebutuhan kedai kami.</p>
520                          <img src="../img/testimonial-end-quote.png" class="testimonial-end-quote">
521                        </div>
522                      </div>
523                    </div> 
524                  </div>
525                  <div class="item testimonial-mobile-spacer">
526                    <div class="testimonial-individual-block">
527                      <div class="testimonial-name gray-text">
528                        <strong>Bryan</strong>
529                      </div>
530                      <div class="testimonial-position-title gray-text">
531                        Director of<br>Kongkow Village
532                      </div>
533                      <div class="testimonial-logo">
534                        <img src="../img/kongkow-logo.png">
535                      </div>
536                      <div class="testimonial-detail">
537                        <div>
538                          <img src="../img/testimonial-start-quote.png" class="testimonial-start-quote">
539                        </div>
540                        <div class="testimonial-text gray-text">
541                          <p>HelloBill merupakan P.O.S berbasis Cloud yang terbaik saat ini. Fitur-fitur yang disediakan juga sangat menunjang aktivitas bisnis kami.</p>
542                          <img src="../img/testimonial-end-quote.png" class="testimonial-end-quote">
543                        </div>
544                      </div>
545                    </div>
546                  </div>
547                  <div class="item testimonial-mobile-spacer">
548                    <div class="testimonial-individual-block">
549                      <div class="testimonial-name gray-text">
550                        <strong>Inna</strong>
551                      </div>
552                      <div class="testimonial-position-title gray-text">
553                        Director of<br>Sari Ratu Kitchen
554                      </div>
555                      <div class="testimonial-logo">
556                        <img src="../img/sari-ratu-logo.png">
557                      </div>
558                      <div class="testimonial-detail">
559                        <div>
560                          <img src="../img/testimonial-start-quote.png" class="testimonial-start-quote">
561                        </div>
562                        <div class="testimonial-text gray-text">
563                          <p>Kami sangat puas menggunakan HelloBill karena system easy user, simple namun tetap details. Owners langsung mendapat report penjualan setelah closing, dan dapat dengan mudah mengakses database penjualan dimana saja.</p>
564                          <img src="../img/testimonial-end-quote.png" class="testimonial-end-quote">
565                        </div>
566                      </div>
567                    </div>
568                  </div>
569                  <a class="left carousel-control" href="#testimonial-carousel" data-sli
569de="prev">
570                    <span class="glyphicon glyphicon-chevron-left"></span>
571                    <span class="sr-only">Previous</span>
572                  </a>
573                  <a class="right carousel-control" href="#testimonial-carousel" data-slide="next">
574                    <span class="glyphicon glyphicon-chevron-right"></span>
575                    <span class="sr-only">Next</span>
576                  </a>
577                </div>
578              </div>
579            </div>
580          </div>
581        </div> 
582    </div>
583
584  </div>
585</div>         
586<!-- end fourth section -->
587<div class="clearfix visible-xs-block"></div>
588
589<!-- fifth section Advantages-->
590<div id="features" class="white-section">
591  <div class="container">
592    <div class="row">
593      <div class="col-sm-12 advantages-title home-title-text text-center gray-text">
594        <strong>Connecting</strong> You with Your Needs                
595      </div>
596    </div>
597    <div class="row m-b-50">  
598      <div class="col-sm-12 advantages-subtitle home-subtitle-text text-center gray-text">
599        HelloBill is designed to help every type business owner run their businesses efficiently            
600      </div>
601    </div>
602    <!-- <div class="row">
603      <div class="col-sm-5" style="background-color: #555">
604        a <br> a <br> a <br> a <br> a <br>
605      </div>
606      <div class="col-sm-5 col-sm-offset-2" style="background-color: #666">
607        a <br> a <br> a <br> a <br> a <br>
608      </div>
609    </div> -->
610    <div class="row " id="advantages-row">
611      <div class="col-sm-5">
612        <img src="../gif/excellent-ui.gif" class="animated-gif-left">
613      </div>
614      <div class="col-sm-5 col-sm-offset-2 advantages-exp">
615        <div class="advantages-exp-title-left green-text">
616          <strong>Excellent UI</strong>
617        </div>
618        <div class="advantages-exp-detail-left">
619          Simple yet elegant design fits for <br> your everyday use. We provide a <br> chic user interface in our front-end <br> systems which makes it easier to <br> operate.
620        </div>
621      </div>
622    </div>
623    <div class="row" id="advantages-row">      
624      <div class="col-sm-5 advantages-exp" id="adv-col-2">
625        <div class="advantages-exp-title-right green-text">
626          <strong>An App For Everyone to Use</strong>
627        </div>
628        <div class="advantages-exp-detail-right">
629          From your well-trained managers to the <br> one-day-trained staffs will find HelloBill <br> is effortlessly easy to use; It's fast and <br> simple and works in every smart <br> devices.
630        </div>
631      </div>
632      <div class="col-sm-5 col-sm-offset-2" id="adv-col-1">
633        <img src="../gif/people.gif" class="animated-gif-right">
634      </div>          
635    </div>
636    <div class="row " id="advantages-row">
637      <div class="col-sm-5">
638        <img src="../gif/report.gif" class="animated-gif-left">
639      </div>
640      <div class="col-sm-5 col-sm-offset-2 advantages-exp">
641        <div class="advantages-exp-title-left green-text">
642          <strong>Comprehensive Report Everyday</strong>
643        </div>
644        <div class="advantages-exp-detail-left">
645          Whether you have one or fifteen stores,<br> HelloBill could presents a comprehensive <br> daily reports in real time. You will be able <br> to monitor your profit, addressed new <br> challenges with powerful insights.
646        </div>
647      </div>
648    </div>
649    <div class="row m-b-50" id="advantages-row">          
650      <div class="col-sm-5 advantages-exp" id="adv-col-2">
651        <div class="advantages-exp-title-right green-text">
652          <strong>Worry-Free Inventory System</strong>
653        </div>
654        <div class="advantages-exp-detail-right">
655          Our inventory systems is built not just to <br> record your inventory data but also to <br> track down your day-to-day use of every <br> items in the store. No more worries of <br>
655 losing some items or lost in your own <br> inventory management.
656        </div>
657      </div>
658      <div class="col-sm-5 col-sm-offset-2" id="adv-col-1">
659        <img src="../gif/inventory.gif" class="animated-gif-right">
660      </div>
661    </div>
662  </div>
663</div>
664<!-- end fifth section -->
665<div class="clearfix visible-xs-block"></div>
666
667<!-- sixth section Hardware -->
668<div id="hardware" class="gray-section">
669  <div class="container">
670    <div class="row">
671      <div class="col-sm-12 hardware-title home-title-text text-center">
672        <strong>Monitor Your Outlet</strong> from Anywhere
673      </div>
674    </div>
675    <div class="row">
676      <div class="col-sm-12 hardware-subtitle home-subtitle-text text-center">
677        HelloBill powerful HQ & Franchise System will allow business owners running and <br> managing their outlets easily from anywhere and anytime
678      </div>
679    </div>
680    <div class="row">
681      <div class="col-sm-6 col-sm-offset-3 hardware-img-block">
682        <img src="../img/hardwares.png" style="width: 100%;height: auto;">
683      </div>
684    </div>
685    <div class="row">
686      <div class="col-sm-12 hardware-btn-block">
687        <input type="button" class="btn-view-hardware" value="View Hardware" onclick="window.location.href='hardware'">
688      </div>
689    </div>
690  </div>
691</div>
692<!-- end sixth section -->
693<div class="clearfix visible-xs-block"></div>
694
695<!-- seventh section Customers -->
696<div id="customers" class="white-section">
697  <div class="container">  	
698	<div class="row">
699      <div class="customer-title home-title-text text-center">
700        <strong>Powerful, Sleek and Convenient</strong> Point of Sales <strong>Apps</strong>
701      </div>
702    </div>
703    <div class="row">
704      <div class="customer-subtitle home-subtitle-text text-center">
705        HelloBill is tailored to cater to each type of business whether it is FnB, Retail and Beauty Services
706      </div>
707    </div>
708    <div class="row m-b-50 m-t-50">
709      <div class="col-sm-6 col-lg-4 col-lg-offset-2 video-description video-description-area">      	
710		<div class="video-desc-title">
711	  	  <h3>Our Team will Help you Step By Step</h3>  
712		</div>
713	    <div class="video-desc-subtitle">
714	      Durable and Stylish iPad stand available in white and black color. Durable and Stylish iPad stand available.
715	    </div>     
716      </div>
717      <div class="col-sm-6 col-lg-4 video-area" style="padding:0;">
718        <div class="video-block">
719          <iframe style="border:none;vertical-align: center;" class="video-responsive" src="https://www.youtube.com/embed/tNqVs2AmHwg" allowfullscreen></iframe>
720        </div>
721      </div>   	
722  	</div>
723  	<!-- <div class="customers-block-mobile">
724		<div class="row">
725	      <div class="customer-title home-title-text text-center">
726	        <strong>Powerful, Sleek and Convenient</strong> Point of Sales <strong>Apps</strong>
727	      </div>
728	    </div>
729	    <div class="row">
730	      <div class="customer-subtitle home-subtitle-text text-center">
731	        HelloBill is tailored to cater to each type of business whether it is FnB, Retail and Beauty Services
732	      </div>
733	    </div>
734	    <div class="row m-b-50 m-t-50">
735	      <div class="col-sm-6 col-lg-4 col-lg-offset-2 video-description video-area">
736	        <div class="video-desc-title">
737	          <h3>Our Team will Help you Step By Step</h3>  
738	        </div>
739	        <div class="video-desc-subtitle">
740	          Durable and Stylish iPad stand available in white and black color. Durable and Stylish iPad stand available.
741	        </div>
742	      </div>
743	      <div class="col-sm-6 col-lg-4 video-area" style="padding:0;">
744	        <div class="video-block">
745	          <iframe style="border:none;vertical-align: center;" class="video-responsive" src="https://www.youtube.com/embed/tNqVs2AmHwg" allowfullscreen></iframe>
746	        </div>
747	      </div>
748	    </div>    	
749  	</div> -->
750    
751    <!-- Our customers below -->
752    <div class="row m-t-50">
753      <div class="col-sm-12 customer-title home-title-text text-center">
754        <strong>Our Customers</strong>        
755      </div>
756    </div>
757    <div class="row customer-subtitle home-subtitle-text text-center">
758      HelloBill is designed to help every type of business owner run their businesses efficiently
759    </div>
760    <div class="customers-block">
761      <div class="carousel slide" id="customer-carousel" data-ride="carousel">
762        <!-- Indicators -->
763        <ol class="carousel-indicators">
764          <li data-target="#customer-carousel" data-slide-to="0" class="active"></li>
765          <li data-target="#customer-carousel" data-slide-to="1"></li>
766        </ol>
767        <!-- Wrapper for slides -->
768        <div class="carousel-inner">
769          <div class="item active">
770            <div class="row m-t-50 m-b-50">
771              <div class="col-sm-2 col-sm-offset-1 m-b-20">
772                  <div><img src="../img/customer-bakso-lapangan-tembak.png" alt="hellobill baksosenayan" class="img-responsive customer-img"></div>
773              </div>
774              <div class="col-sm-2 m-b-20">
775                  <div><img src="../img/customer-bali-united.png" alt="hellobill baliunited" class="img-responsive customer-img"></div>
776              </div>
777              <div class="col-sm-2 m-b-20">
778                  <div><img src="../img/customer-kingmango.png" alt="hellobill kingmango" class="img-responsive customer-img"></div>
779              </div>
780              <div class="col-sm-2 m-b-20">
781                  <div><img src="../img/customer-makuta.png" alt="hellobill makuta" class="img-responsive customer-img"></div>
782              </div>
783              <div class="col-sm-2 m-b-20">
784                  <div><img src="../img/customer-rotiboy.png" alt="hellobill rotiboy" class="img-responsive customer-img"></div>
785              </div>
786            </div>
787            <div class="row m-b-50">
788                <div class="col-sm-2 col-sm-offset-1 m-b-20">
789                    <div><img src="../img/koiteppanyaki.png" alt="hellobill koiteppanyaki" class="img-responsive customer-img"></div>
790                </div>
791                <div class="col-sm-2 m-b-20">
792                    <div><img src="../img/customer-abb.png" alt="hellobill abb" class="img-responsive customer-img"></div>
793                </div>
794                <div class="col-sm-2 m-b-20">
795                    <div><img src="../img/customer-dum-dum.png" alt="hellobill dumdum" class="img-responsive customer-img"></div>
796                </div>
797                <div class="col-sm-2 m-b-20">
798                    <div><img src="../img/customer-gelato-factory.png" alt="hellobill gelato" class="img-responsive customer-img"></div>
799                </div>
800                <div class="col-sm-2 m-b-20">
801                    <div><img src="../img/customer-gulu-gulu.png" alt="hellobill gulugulu" class="img-responsive customer-img"></div>
802                </div>
803            </div>
804          </div>
805          <div class="item">
806            <div class="row m-t-50 m-b-50">
807              <div class="col-sm-2 col-sm-offset-1 m-b-20">
808                  <div><img src="../img/customer-hong-tang.png" alt="hellobill hongtang" class="img-responsive customer-img"></div>
809              </div>
810              <div class="col-sm-2 m-b-20">
811                  <div><img src="../img/customer-kapal-api.png" alt="hellobill kapalapi" class="img-responsive customer-img"></div>
812              </div>
813              <div class="col-sm-2 m-b-20">
814                  <div><img src="../img/customer-pagi-sore.png" alt="hellobill pagisore" class="img-responsive customer-img"></div>
815              </div>
816              <div class="col-sm-2 m-b-20">
817                  <div><img src="../img/customer-pat-bing-soo.png" alt="hellobill patbingsoo" class="img-responsive customer-img"></div>
818              </div>
819              <div class="col-sm-2 m-b-20">
820                  <div><img src="../img/customer-kopi-tiam.png" alt="hellobill kopitiam" class="img-responsive customer-img"></div>
821              </div>
822            </div>
823            <div class="row m-b-50">
824                <div class="col-sm-2 col-sm-offset-2 m-b-20">
825                    <div><img src="../img/customer-kuningan-city.png" alt="hellobill kuningancity" class="img-responsive customer-img"></div>
826                </div>
827                <div class="col-sm-2 m-b-20">
828                    <div><img src="../img/customer-sari-ratu.png" alt="hellobill sariratu" class="img-responsive customer-img"></div>
829                </div>
830                <div class="col-sm-2 m-b-20">
831                    <div><img src="../img/customer-shi-da.png" alt="hellobill shida" class="img-responsive customer-img"></div>
832                </div>
833                <div class="col-sm-2 m-b-20">
834                    <div><img src="../img/customer-wake-up.png" alt="hellobill wakeup" class="img-responsive customer-img"></div>
835                </div>
836            </div>
837          </div>
838          <a class="left carousel-control" href="#customer-carousel" data-sli
838de="prev">
839            <span class="glyphicon glyphicon-chevron-left"></span>
840            <span class="sr-only">Previous</span>
841          </a>
842          <a class="right carousel-control" href="#customer-carousel" data-slide="next">
843            <span class="glyphicon glyphicon-chevron-right"></span>
844            <span class="sr-only">Next</span>
845          </a>
846        </div>
847      </div>
848    </div>
849
850    <div class="customers-block-mobile">
851    	<div class="carousel slide" id="customer-m-carousel" data-ride="carousel">
852        <!-- Indicators -->
853        <ol class="carousel-indicators">
854          <li data-target="#customer-m-carousel" data-slide-to="0" class="active"></li>
855          <li data-target="#customer-m-carousel" data-slide-to="1"></li>
856          <li data-target="#customer-m-carousel" data-slide-to="2"></li>
857          <li data-target="#customer-m-carousel" data-slide-to="3"></li>
858          <li data-target="#customer-m-carousel" data-slide-to="4"></li>
859        </ol>
860        <!-- Wrapper for slides -->
861        <div class="carousel-inner">
862          <div class="item active">
863            <div class="row m-t-50 m-b-50">
864              <div class="col-xs-6 m-b-20">
865                  <div><img src="../img/customer-bakso-lapangan-tembak.png" alt="hellobill baksosenayan" class="img-responsive customer-img"></div>
866              </div>
867              <div class="col-xs-6 m-b-20">
868                  <div><img src="../img/customer-bali-united.png" alt="hellobill baliunited" class="img-responsive customer-img"></div>
869              </div>
870              <div class="col-xs-6 m-b-20">
871                  <div><img src="../img/customer-kingmango.png" alt="hellobill kingmango" class="img-responsive customer-img"></div>
872              </div>
873              <div class="col-xs-6 m-b-20">
874                  <div><img src="../img/customer-makuta.png" alt="hellobill makuta" class="img-responsive customer-img"></div>
875              </div>       
876            </div>
877          </div>
878          <div class="item">
879            <div class="row m-t-50 m-b-50">
880              <div class="col-xs-6 m-b-20">
881                  <div><img src="../img/customer-dum-dum.png" alt="hellobill dumdum" class="img-responsive customer-img"></div>
882              </div>
883              <div class="col-xs-6 m-b-20">
884                  <div><img src="../img/customer-abb.png" alt="hellobill abb" class="img-responsive customer-img"></div>
885              </div>
886              <div class="col-xs-6 m-b-20">
887                  <div><img src="../img/customer-rotiboy.png" alt="hellobill rotiboy" class="img-responsive customer-img"></div>
888              </div>
889              <div class="col-xs-6 m-b-20">
890                  <div><img src="../img/koiteppanyaki.png" alt="hellobill koiteppanyaki" class="img-responsive customer-img"></div>
891              </div>
892            </div>
893          </div>
894          <div class="item">
895            <div class="row m-t-50 m-b-50">
896                <div class="col-xs-6 m-b-20">
897                    <div><img src="../img/customer-gelato-factory.png" alt="hellobill gelato" class="img-responsive customer-img"></div>
898                </div>
899                <div class="col-xs-6 m-b-20">
900                    <div><img src="../img/customer-gulu-gulu.png" alt="hellobill gulugulu" class="img-responsive customer-img"></div>
901                </div>                   
902                <div class="col-xs-6 m-b-20">
903                    <div><img src="../img/customer-hong-tang.png" alt="hellobill hongtang" class="img-responsive customer-img"></div>
904                </div>
905                <div class="col-xs-6 m-b-20">
906                    <div><img src="../img/customer-kapal-api.png" alt="hellobill kapalapi" class="img-responsive customer-img"></div>
907                </div>                              
908            </div>
909          </div>
910          <div class="item"> 
911            <div class="row m-t-50 m-b-50"> 
912                <div class="col-xs-6 m-b-20">
913                  <div><img src="../img/customer-pagi-sore.png" alt="hellobill pagisore" class="img-responsive customer-img"></div>
914                </div>
915                <div class="col-xs-6 m-b-20">
916                    <div><img src="../img/customer-pat-bing-soo.png" alt="hellobill patbingsoo" class="img-responsive customer-img"></div>
917                </div>
918                <div class="col-xs-6 m-b-20">
919                    <div><img src="../img/customer-kopi-tiam.png" alt="hellobill kopitiam" class="img-responsive customer-img"></div>
920                </div>   
921                <div class="col-xs-6 m-b-20">
922                    <div><img src="../img/customer-sari-ratu.png" alt="hellobill sariratu" class="img-responsive customer-img"></div>
923                </div>                
924            </div>
925          </div>
926          <div class="item">
927            <div class="row m-t-50 m-b-50"> 
928                <div class="col-xs-6 m-b-20">
929                    <div><img src="../img/customer-shi-da.png" alt="hellobill shida" class="img-responsive customer-img"></div>
930                </div>
931                <div class="col-xs-6 m-b-20">
932                    <div><img src="../img/customer-wake-up.png" alt="hellobill wakeup" class="img-responsive customer-img"></div>
933                </div>
934                <div class="col-xs-6 m-b-20">
935                    <div><img src="../img/customer-kuningan-city.png" alt="hellobill kuningancity" class="img-responsive customer-img"></div>
936                </div>
937            </div>
938          </div>
939          <a class="left carousel-control" href="#customer-m-carousel" data-sli
939de="prev">
940            <span class="glyphicon glyphicon-chevron-left"></span>
941            <span class="sr-only">Previous</span>
942          </a>
943          <a class="right carousel-control" href="#customer-m-carousel" data-slide="next">
944            <span class="glyphicon glyphicon-chevron-right"></span>
945            <span class="sr-only">Next</span>
946          </a>
947        </div>
948      </div>
949    </div>
950    
951  </div>
952</div>
953<!-- end seventh section -->
954<div class="clearfix visible-xs-block"></div>
955
956<!-- eight section Free Trial-->
957<div class="free-trial-block">
958  <div class="container">
959    <div class="row m-t-50 m-b-50">
960      <div class="col-sm-10 col-sm-offset-1 free-trial-title home-title-text text-center ">
961        <div class="trial-title-text">
962          Get HelloBill Now at Affordable Price    
963        </div>
964        <div class="free-trial-day">
965          FREE TRIAL 14 DAYS
966        </div>
967        <div class="contact-us-text">
968          Contact Us for More Information
969        </div>
970        <div class="contact-us-number">
971          0852 1010 2455
972        </div>
973      </div>
974    </div>
975  </div>
976</div>
977
978<div class="gray-section" id="home-partner">
979  <div class="container">
980    <div class="row">
981      <div class="col-xs-2 col-xs-offset-1">
982        <span class="img-helper"> </span><img src="../img/partnership-poinin.png" class="partnership-logo-img" alt="poinin">
983      </div>
984      <div class="col-xs-2">
985        <span class="img-helper"> </span><img src="../img/partnership-ovo.png" class="partnership-logo-img" alt="ovo">
986      </div>      
987      <div class="col-xs-2">
988        <span class="img-helper"> </span><img src="../img/partnership-jurnal.png" class="partnership-logo-img" alt="jurnal">
989      </div>
990      <div class="col-xs-2">
991        <span class="img-helper"> </span><img src="../img/partnership-ottopay.png" class="partnership-logo-img" alt="ottopay">
992      </div>
993      <div class="col-xs-2">
994        <span class="img-helper"> </span> <img src="../img/partnership-stamps.png" class="partnership-logo-img" alt="stamps">
995      </div>
996    </div> 
997  </div>
998</div>
999
1000<div class="gray-section" id="home-partner-mobile">
1001  <div class="container">
1002    <div class="row">
1003      <div class="col-xs-12">
1004        <div class="carousel slide" id="partner-carousel" data-ride="carousel">
1005          <!-- Indicators -->
1006          <!-- <ol class="carousel-indicators" id="mobile-partner-indicator">
1007            <li data-target="#partner-carousel" data-slide-to="0" class="active"></li>
1008            <li data-target="#partner-carousel" data-slide-to="1"></li>
1009          </ol> -->
1010          <!-- Wrapper for slides -->
1011          <div class="carousel-inner">
1012            <div class="item active">
1013              <div class="col-xs-6">
1014                <span class="img-helper"> </span><img src="../img/partnership-jurnal.png" class="partnership-logo-img" alt="jurnal">
1015              </div>
1016              <div class="col-xs-6">
1017                <span class="img-helper"> </span><img src="../img/partnership-ovo.png" class="partnership-logo-img" alt="ovo">
1018              </div>
1019            </div>
1020            <div class="item">
1021              <div class="col-xs-6">
1022                <span class="img-helper"> </span> <img src="../img/partnership-stamps.png" class="partnership-logo-img" alt="stamps">
1023              </div>
1024              <div class="col-xs-6">
1025                <span class="img-helper"> </span><img src="../img/partnership-ottopay.png" class="partnership-logo-img" alt="ottopay">
1026              </div>
1027            </div>
1028            <div class="item">
1029              <div class="col-xs-6 col-xs-offset-3">
1030                <span class="img-helper"> </span><img src="../img/partnership-poinin.png" class="partnership-logo-img" alt="poinin">
1031              </div>
1032            </div>
1033            <a class="left carousel-control" href="#partner-carousel" data-slide="prev">
1034              <span class="glyphicon glyphicon-chevron-left"></span>
1035              <span class="sr-only">Previous</span>
1036            </a>
1037            <a class="right carousel-control" href="#partner-carousel" data-sli
1037de="next">
1038              <span class="glyphicon glyphicon-chevron-right"></span>
1039              <span class="sr-only">Next</span>
1040            </a>
1041          </div>
1042        </div>
1043      </div>
1044    </div>
1045  </div>
1046</div>
1047
1048<!-- end eight section -->
1049<div class="clearfix visible-xs-block"></div>
1050
1051<div class="sitemap">
1052  <div class="container">
1053    <div class="row sitemap-block">
1054      <div class="col-sm-2 col-sm-offset-1 col-xs-6 m-b-40">
1055        <div class="sitemap-section" id="sitemap">
1056          About
1057        </div>
1058        <div class="sitemap-subsection">
1059          <a href="contact">Contact</a>
1060        </div>
1061        <div class="sitemap-subsection">
1062          <!-- About Us -->
1063        </div>
1064        <div class="sitemap-subsection">
1065          <a href="//blog.hellobill.id">Blog</a>
1066        </div>
1067        <div class="sitemap-subsection">
1068            <!-- Career -->
1069        </div>
1070      </div>
1071      <div class="col-sm-2 col-sm-offset-1 col-xs-6 m-b-40">
1072        <div class="sitemap-section" id="sitemap">
1073            Business Types
1074        </div>
1075        <div class="sitemap-subsection">
1076          <a href="fnb">FnB</a>
1077        </div>
1078        <div class="sitemap-subsection">
1079          <a href="retail">Retail</a>
1080        </div>
1081        <div class="sitemap-subsection">
1082          <a href="beauty">Services Beauty</a>
1083        </div>        
1084        <div class="sitemap-subsection">
1085          &nbsp;
1086        </div> 
1087      </div>
1088      <div class="col-sm-2 col-sm-offset-1 col-xs-6 m-b-40">
1089        <div class="sitemap-section" id="sitemap">
1090            Products
1091        </div>
1092        <div class="sitemap-subsection">
1093          <a href="hq">HQ</a>
1094        </div>                
1095        <div class="sitemap-subsection">
1096          <a href="bizkit">Toolkit</a>
1097        </div>
1098        <div class="sitemap-subsection">
1099            <!-- Owner Apps -->
1100        </div>
1101        <div class="sitemap-subsection">
1102            <a href="hardware">Hardware</a>
1103        </div>
1104      </div>
1105      <div class="col-sm-2 col-sm-offset-1 col-xs-6 m-b-40">
1106        <div class="sitemap-section" id="sitemap">
1107            Legal
1108        </div>
1109        <div class="sitemap-subsection">
1110            <a href="privacy">Privacy Policy</a>
1111        </div>
1112        <div class="sitemap-subsection">
1113            <!-- Terms of Service -->
1114        </div>
1115        <div class="sitemap-subsection">
1116            <!-- Licenses -->
1117        </div>      
1118      </div>
1119    </div>
1120  </div>      
1121</div>
1122
1123<!-- footer -->
1124<footer id="pagefooter">
1125    <div class="container">
1126        <div class="row m-t-20 m-b-20">
1127            <div class="col-xs-6 footer-text white-title">&copy; 2018 HelloBill</div>            
1128            <div class="col-xs-6">
1129              <div class="socmed-block">
1130                <a href="https://www.instagram.com/hellobillpos" target="_blank">
1131                <img src="../img/socmed-icon-instagram.png" align="right" class="footer-logo">
1132                </a>  
1133                <a href="https://twitter.com/hellobillpos" target="_blank">  
1134                  <img src="../img/socmed-icon-twitter.png" align="right" class="footer-logo">
1135                </a>                 
1136                <a href="https://www.youtube.com/channel/UCm8uVEbhXONny6ns8jbhavA" target="_blank">
1137                  <img src="../img/socmed-icon-youtube.png" align="right" class="footer-logo">
1138                </a>                
1139                <a href="https://www.facebook.com/HelloBillPOS" target="_blank">
1140                  <img src="../img/socmed-icon-facebook.png" align="right" class="footer-logo">
1141                </a>                
1142              </div>              
1143            </div>           
1144        </div>
1145    </div>
1146</footer>
1147<!-- footer -->
1148
1149<style>
1150  .hb-campaign-modal .modal-dialog {
1151    width: 675px;
1152    max-width: calc(100vw - 32px);
1153    margin: 0 auto;
1154    top: 50%;
1155  }
1156
1157  .modal.hb-campaign-modal.fade .modal-dialog,
1158  .modal.hb-campaign-modal.in .modal-dialog {
1159    -webkit-transform: translateY(-50%);
1160    -ms-transform: translateY(-50%);
1161    transform: translateY(-50%);
1162  }
1163
1164  .hb-campaign-modal {
1165    z-index: 2147483647;
1166  }
1167
1168  .hb-campaign-modal .modal-content {
1169    background: transparent;
1170    border: 0;
1171    border-radius: 20px;
1172    box-shadow: none;
1173    overflow: visible;
1174  }
1175
1176  .hb-campaign-modal .modal-body {
1177    padding: 0;
1178    border-radius: 20px;
1179    overflow: hidden;
1180  }
1181
1182  .hb-campaign-modal__image {
1183    display: block;
1184    width: 100%;
1185    border-radius: 20px;
1186  }
1187
1188  .hb-campaign-modal__close {
1189    position: absolute;
1190    top: -64px;
1191    right: 0;
1192    z-index: 2;
1193    width: 48px;
1194    height: 48px;
1195    padding: 0;
1196    color: #30303B;
1197    font-size: 28px;
1198    line-height: 48px;
1199    text-align: center;
1200    background: #FFFFFF;
1201    border: 0;
1202    border-radius: 50%;
1203    opacity: 1;
1204  }
1205
1206  .hb-campaign-modal__close:hover,
1207  .hb-campaign-modal__close:focus {
1208    color: #30303B;
1209    opacity: 1;
1210    outline: none;
1211  }
1212
1213  .modal-backdrop.hb-campaign-backdrop.in {
1214    z-index: 2147483646;
1215    opacity: 0.3;
1216    filter: alpha(opacity=30);
1217  }
1218
1219  body.hb-campaign-modal-open .woot-widget-bubble,
1220  body.hb-campaign-modal-open .woot-widget-holder,
1221  body.hb-campaign-modal-open .woot--bubble-holder,
1222  body.hb-campaign-modal-open .woot--close,
1223  body.hb-campaign-modal-open #chatwoot_live_chat_widget,
1224  body.hb-campaign-modal-open [id*="chatwoot"],
1225  body.hb-campaign-modal-open [class*="chatwoot"],
1226  body.hb-campaign-modal-open iframe[src*="chat.hellobill.co.id"],
1227  body.hb-campaign-modal-open iframe[src*="chatwoot"] {
1228    z-index: 2147483000 !important;
1229  }
1230
1231  @media (max-width: 767px) {
1232    .hb-campaign-modal .modal-dialog {
1233      max-width: calc(100vw - 24px);
1234    }
1235
1236    .hb-campaign-modal__close {
1237      top: -56px;
1238      width: 44px;
1239      height: 44px;
1240      font-size: 26px;
1241      line-height: 44px;
1242    }
1243  }
1244</style>
1245
1246<div id="hb-campaign-modal" class="modal fade hb-campaign-modal" tabindex="-1" role="dialog" aria-hidden="true">
1247  <div class="modal-dialog" role="document">
1248    <button type="button" class="hb-campaign-modal__close" data-dismiss="modal" aria-label="Close">
1249      <span aria-hidden="true">&times;</span>
1250    </button>
1251    <div class="modal-content">
1252      <div class="modal-body">
1253        <img src="../img/otto-digital-modal.png" alt="HelloBill POS is now part of the OttoDigital family" class="img-responsive hb-campaign-modal__image">
1254      </div>
1255    </div>
1256  </div>
1257</div>
1258
1259<script type="text/javascript">
1260  $(function() {
1261    var storageKey = 'hellobill_otto_digital_modal_seen_v1';
1262    var $modal = $('#hb-campaign-modal');
1263    var shouldMarkCampaignModalSeen = false;
1264
1265    function hasSeenCampaignModal() {
1266      try {
1267        return window.localStorage.getItem(storageKey) === '1';
1268      } catch (error) {
1269        return false;
1270      }
1271    }
1272
1273    function markCampaignModalSeen() {
1274      try {
1275        window.localStorage.setItem(storageKey, '1');
1276      } catch (error) {
1277        return false;
1278      }
1279
1280      return true;
1281    }
1282
1283    $modal.on('show.bs.modal', function() {
1284      $('body').addClass('hb-campaign-modal-open');
1285      window.setTimeout(function() {
1286        $('.modal-backdrop').last().addClass('hb-campaign-backdrop');
1287      }, 0);
1288    });
1289
1290    $modal.on('click', '.hb-campaign-modal__close', function() {
1291      shouldMarkCampaignModalSeen = true;
1292    });
1293
1294    $modal.on('click', function(event) {
1295      if (event.target === this) {
1296        shouldMarkCampaignModalSeen = true;
1297      }
1298    });
1299
1300    $modal.on('hidden.bs.modal', function() {
1301      $('body').removeClass('hb-campaign-modal-open');
1302      if (shouldMarkCampaignModalSeen) {
1303        markCampaignModalSeen();
1304      }
1305      shouldMarkCampaignModalSeen = false;
1306    });
1307
1308    if ($modal.length && !hasSeenCampaignModal()) {
1309      $modal.modal('show');
1310    }
1311  });
1312</script>
1312
1313
1314<script src="../js/hellobillCore.min.js" type="text/javascript"></script>
vendor: 1 bytes, line 1314
1314
1315<script src="../js/hellobill.min.js" type="text/javascript"></script>
vendor: 1 bytes, line 1315
1315
1316<script type="text/javascript">
1317    (function(s){
1318        if(location.href.search('retail') != -1) {
1319            document.querySelector(s).href = '//app.hellobill.co.id/retail';
1320        }
1321    })('.loginbutton');
1322</script>
vendor: 1 bytes, line 1322
1322
1323<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>
1323
1324</body>
1325</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.