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 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">© 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">×</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.