1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 7 <meta name="theme-color" content="#3ed2a7"> 8 <meta name="robots" content="index, follow"> 9 <meta name="language" content="English"> 10 <meta name="revisit-after" content="7 days"> 11 <meta name="author" content="BreakThru Live Chat"> 12 13 14 <link rel="shortcut icon" href="../favicon.png" /> 15 <link rel="apple-touch-icon" sizes="180x180" href="../apple-touch-icon.png"> 16 <link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"> 17 <link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"> 18 <link rel="manifest" href="../site.webmanifest"> 19 20 <title>Product</title> <meta name="description" content="Top Live Chat and ChatBot Service provider in Pakistan."> <meta name="keywords" content="Chat, Live Chat, Ai, Bot, Chat Bot, Live Chat Bot, Karachi, Lahore, Islamabad, Pakistan."> 21 <meta name="keywords" 22 content="Chat, Live Chat, Ai, Bot, Chat Bot, Live Chat Bot, Karachi, Lahore, Islamabad, Pakistan."> 23 <!-- <link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet"> --> 24 <link rel="stylesheet" href="../assets/vendors/liquid-icon/liquid-icon.min.css" /> 25 <link rel="stylesheet" href="../assets/vendors/font-awesome/css/font-awesome.min.css" /> 26 <link rel="stylesheet" href="../assets/css/plugins/animate.css"> 27 <link rel="stylesheet" href="../assets/css/plugins/default.css"> 28 <link rel="stylesheet" href="../assets/css/plugins/style.css"> 29 <link rel="stylesheet" href="../assets/css/plugins/swiper-bundle.min.css"> 30 <link rel="stylesheet" href="../assets/css/theme-vendors.min.css" /> 31 <link rel="stylesheet" href="../assets/css/theme.min.css" /> 32 <link rel="stylesheet" href="../assets/css/themes/digital-creative.css" /> 33 <!-- Head Libs --> 34
34<script async src="../assets/vendors/modernizr.min.js"></script>
34 35 <!--
35<script src="https://unpkg.com/[email protected]/dist/ionicons.js"></script>
35 --> 36</head> 37<body data-mobile-nav-trigger-alignment="right" data-mobile-nav-align="left" data-mobile-nav-style="minimal" data-mobile-nav-shceme="gray" data-mobile-header-scheme="gray" data-mobile-nav-breakpoint="1199"> 38 39<div id="wrap"> 40 41 <header class="main-header main-header-overlay"> 42 <div class="mainbar-wrap"> 43 <div class="container mainbar-container"> 44 <div class="mainbar"> 45 <div class="row mainbar-row align-items-lg-stretch"> 46 47 <div class="col"> 48 <div class="navbar-header"> 49 <a class="navbar-brand" href="../" rel="home"> 50 <span class="navbar-brand-inner"> 51 <img class="logo-default" src="../assets/img/logo/logo-1.svg" alt="Ave HTML Template"> 52 </span> 53 </a> 54 <button type="button" class="navbar-toggle collapsed nav-trigger style-mobile" data-toggle="collapse" data-target="#main-header-collapse" aria-expanded="false" data-changeclassnames='{ "html": "mobile-nav-activated overflow-hidden" }'> 55 <span class="sr-only">Toggle navigation</span> 56 <span class="bars"> 57 <span class="bar"></span> 58 <span class="bar"></span> 59 <span class="bar"></span> 60 </span> 61 </button> 62 </div><!-- /.navbar-header --> 63 </div><!-- /.col --> 64 65 <div class="col text-center"> 66 <div class="collapse navbar-collapse" id="main-header-collapse" aria-expanded="false" role="tablist"> 67 <ul id="primary-nav" class="main-nav main-nav-hover-linethrough nav align-items-lg-stretch justify-content-lg-center" data-submenu-options='{ "toggleType": "fade", "handler": "mouse-in-out" }'> 68 <li > 69 <a href="../"> 70 <span class="link-icon"></span> 71 <span class="link-txt"> 72 <span class="link-ext"></span> 73 <span class="txt">Home</span> 74 </span> 75 </a> 76 </li> 77 <li class="current-menu-item"> 78 <a href="../product/"> 79 <span class="link-icon"></span> 80 <span class="link-txt"> 81 <span class="link-ext"></span> 82 <span class="txt">Product</span> 83 </span> 84 </a> 85 </li> 86 <li > 87 <a href="../insight-breakthu/"> 88 <span class="link-icon"></span> 89 <span class="link-txt"> 90 <span class="link-ext"></span> 91 <span class="txt">Insight BreakThu</span> 92 </span> 93 </a> 94 </li> 95 <li > 96 <a href="../contact/"> 97 <span class="link-icon"></span> 98 <span class="link-txt"> 99 <span class="link-ext"></span> 100 <span class="txt">Contact</span> 101 </span> 102 </a> 103 </li> 104 </li> 105 </ul> 106 </div><!-- /.collapse --> 107 </div><!-- /.col --> 108 109 <div class="col text-right"> 110 <div class="header-module"> 111 <a href="../careers/" class="btn btn-solid text-uppercase btn-lg circle btn-solid btn-gradient btn-icon-left btn-icon-circle color-secondary font-size-11 font-weight-bold">
112 <span class="btn-gradient-bg"></span> 113 <span> 114 <span class="btn-txt">Join Our Team</span> 115 <span class="btn-gradient-bg btn-gradient-bg-hover"></span> 116 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" class="btn-gradient-border" width="100%" height="100%"> 117 <defs> 118 <linearGradient id="svg-border-1" x1="0%" y1="0%" x2="100%" y2="0%"> 119 <stop offset="0%" style="stop-color: #34dbc5;"></stop> 120 <stop offset="100%" style="stop-color: #4fda91;"></stop> 121 </linearGradient> 122 </defs> 123 </svg> 124 </span> 125 </a> 126 </div><!-- /.header-module --> 127 </div><!-- /.col --> 128 129 </div><!-- /.maonbar-row --> 130 </div><!-- /.mainbar --> 131 </div><!-- /.mainbar-container --> 132 </div><!-- /.mainbar-wrap --> 133 134 </header><!-- /Header-Ends-Here --> 135 <div class="titlebar-inner"> 136 <div class="container titlebar-container"> 137 <div class="row titlebar-container"> 138 <div class="col-md-6"> 139 <h1 class="mt-md-6 mt-0 lh-1 split-text-applied text-left data-fittext="true" data-fittext-options="{ "compressor":0.5,"maxFontSize": 70,"minFontSize": 20 }" data-split-text="true" data-split-options="{"type":"words"}" style="font-size: 70px;"><div style="position:relative;display:inline-block;" class="lqd-words split-unit lqd-unit-animation-done"><span data-text="Live" class="split-inner"><span class="split-txt text-primary-2">Deliver great experiences, no matter what</span></div></h1> 140 <p class="font-size-50 px-md-4 mb-md-4 split-text-applied" data-split-text="true" data-split-options="{"type":"lines"}" style=""><div class="lqd-lines split-unit lqd-unit-animation-done" style="display: block; text-align: left; position: relative;"><span data-text="Human + AI Powered services for customer engagement." class="split-inner"><span class="split-txt altcolor">Connecting with customers is more important than ever. At BreakThru we help you streamline your <span class="text-primary-2">sales</span> and <span class="text-primary-2">support</span> channels.</h6></span></span></div></p> 141 </div><!-- /.titlebar-col --> 142 <div class="col-md-6"> 143 <img src="https://cdn.dribbble.com/users/278287/screenshots/3896941/message_animation.gif" alt="No Coding"> 144 </div><!-- /.titlebar-col --> 145 </div><!-- /.titlebar-row --> 146 </div><!-- /.titlebar-container --> 147 </div><!-- /.titlebar-inner --> 148 <main id="content" class="content"> 149 <section id="powerful" class="powerful-tools-area"> 150 <div class="powerful-shape shape-1"></div> 151 <div class="powerful-shape shape-2"> 152 <img src="../assets/img/shape/shape-7.png" alt=""> 153 </div> 154 </section> 155 156 157 158 <!--====== Everything Start ======--> 159 160 <section id="everything" class="everything-area"> 161 <div class="everything-shape shape-1"></div> 162 <div class="everything-shape shape-2"></div> 163 164 <div class="container"> 165 <div class="row"> 166 <div class="col-lg-6"> 167 <div class="everything-image mt-50 wow fadeInLeftBig" data-wow-duration="1s" data-wow-delay="0.3s"> 168 <div class="image"> 169 <img src="../assets/img/everything.png" alt=""> 170 </div> 171 </div> 172 </div> 173 <div class="col-lg-6"> 174 <div class="everything-content-wrapper mt-50"> 175 <div class="section-title"> 176 <p class="sub-title">Live Chat Services</p> 177 <h2 class="title">Grow your business by 40%</h2> 178 </div> 179 <div class="everything-content"> 180 <ul class="everything-items"> 181 <li> 182 <span>01</span> 183 <p>Engage with visitors on your website and improve retention by using our live chat service. Our experts are available 24/7 to turn vistors into prospects.</p> 184 </li> 185 <li> 186 <span>02</span> 187 <p>
187Increase your competitiveness in the market by having 24/7 customer support that is further enriched by our Call-Connect feature. Our clients have reported on average 40% increase in business by using our services.</p> 188 </li> 189 </ul> 190 <a href="#" class="main-btn main-btn-2">Learn More</a> 191 </div> 192 </div> 193 </div> 194 </div> 195 </div> 196 </section> 197 198 <section class="vc_row pt-65 pb-80"> 199 <div class="container"> 200 <div class="row d-flex flex-wrap align-items-center"> 201 202 <div class="lqd-column col-md-6 col-md-offset-3 text-center mb-80"> 203 204 <h2 class="mt-0 mb-3">How it works?</h2> 205 <h6 class="font-size-16 opacity-05">It's a super simple three step process. It's as easy as saying "Yes".</h6> 206 207 </div><!-- /.col-md-6 col-md-offset-3 --> 208 209 <div class="lqd-column col-md-6 col-xs-12 mb-5 mb-md-0"> 210 <div class="carousel-container carousel-nav-floated carousel-nav-center carousel-nav-middle carousel-nav-md carousel-nav-square carousel-nav-solid carousel-dots-style4"> 211 <div class="carousel-items row mx-0" data-lqd-flickity='{"cellAlign":"center","prevNextButtons":false,"buttonsAppendTo":"self","groupCells":true}'> 212 <div class="carousel-item col-xs-12 px-0 mb-4"> 213 <figure> 214 <img src="../assets/img/misc/product-demo.jpg" alt="Carousel Item"> 215 </figure> 216 </div><!-- /.carousel-item --> 217 </div><!-- /.carousel-items --> 218 </div><!-- /.carousel-container --> 219 220 </div><!-- /.lqd-column col-md-6 --> 221 222 <div class="lqd-column col-md-6 pl-md-6"> 223 224 <div id="iconbox-linked-1" class="iconbox iconbox-side iconbox-lg iconbox-heading-sm iconbox-icon-linked mb-60" data-animate-icon="true" data-plugin-options='{"color":"rgb(51, 51, 51)","hoverColor":"#584899"}'> 225 <div class="iconbox-icon-wrap"> 226 <span class="iconbox-icon-container bg-white"> 227 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve"> <path stroke-width="2" stroke-miterlimit="10" d="M1 7 L63 7 L63 57 L1 57 Z" ></path> <path stroke-width="2" stroke-linejoin="round" stroke-miterlimit="10" d="M32,41L25.875,45L 28,38L22,34L29.213,34L32,26L35,34L42,34L36,38L37.938,45Z" ></path> <path stroke-width="2" stroke-miterlimit="10" d="M1,15L63,15"></path> <path stroke-width="2" stroke-miterlimit="10" d="M10,11L6,11"></path> <path stroke-width="2" stroke-miterlimit="10" d="M18,11L14,11"></path> <path stroke-width="2" stroke-miterlimit="10" d="M26,11L22,11"></path> </svg> 228 </span> 229 </div><!-- /.iconbox-icon-wrap --> 230 <div class="contents"> 231 <h3 class="font-weight-semibold">1. Install the chat code on your website</h3> 232 <p>You get a code snippet from BreakThru that gets installed on your website and that's all that you need to do. </p> 233 </div><!-- /.contents --> 234 </div><!-- /.iconbox --> 235 236 <div id="iconbox-linked-2" class="iconbox iconbox-side iconbox-lg iconbox-heading-sm iconbox-icon-linked mb-60" data-animate-icon="true" data-plugin-options='{"color":"rgb(51, 51, 51)","hoverColor":"#584899"}'> 237 <div class="iconbox-icon-wrap"> 238 <span class="iconbox-icon-container bg-white"> 239 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve"> <path stroke-width="2" stroke-miterlimit="10" d="M1 7 L63 7 L63 57 L1 57 Z" ></path> <path stroke-width="2" stroke-linejoin="round" stroke-miterlimit="10" d="M32,41L25.875,45L 28,38L22,34L29.213,34L32,26L35,34L42,34L36,38L37.938,45Z" ></path> <path stroke-width="2" stroke-miterlimit="10" d="M1,15L63,15"></path> <path stroke-width="2" stroke-miterlimit="10" d="M10,11L6,11"></path> <path stroke-width="2" stroke-miterlimit="10" d="M18,11L14,11"></path> <path stroke-width="2" stroke-miterlimit="10" d="M26,11L22,11"></path> </svg> 240 </span> 241 </div><!-- /.iconbox-icon-wrap --> 242 <div class="contents"> 243 <h3 class="font-weight-semibold">2. We conduct the chat for you</h3> 244 <p>The code snippet on your website allows visitors to start chats that are handled by experts at BreakThru.</p> 245 </div><!-- /.contents --> 246 </div><!-- /.iconbox --> 247 248 <div id="iconbox-linked-3" class="iconbox iconbox-side iconbox-lg iconbox-heading-sm iconbox-icon-linked" data-animate-icon="true" data-plugin-options='{"color":"rgb(51, 51, 51)","hoverColor":"#584899"}'> 249 <div class="iconbox-icon-wrap"> 250 <span class="iconbox-icon-container bg-white"> 251 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve"> <path stroke-width="2" stroke-miterlimit="10" d="M1 7 L63 7 L63 57 L1 57 Z" ></path> <path stroke-width="2" stroke-linejoin="round" stroke-miterlimit="10" d="M32,41L25.875,45L 28,38L22,34L29.213,34L32,26L35,34L42,34L36,38L37.938,45Z" ></path> <path stroke-width="2" stroke-miterlimit="10" d="M1,15L63,15"></path> <path stroke-width="2" stroke-miterlimit="10" d="M10,11L6,11"></path> <path stroke-width="2" stroke-miterlimit="10" d="M18,11L14,11"></path> <path stroke-width="2" stroke-miterlimit="10" d="M26,11L22,11"></path> </svg> 252 </span> 253 </div><!-- /.iconbox-icon-wrap --> 254 <div class="contents"> 255 <h3 class="font-weight-semibold">3. You get the lead delivered to you</h3> 256 <p>During the chat if a visitor seems interested in your product or service we obtain their contact information and email it to you.</p> 257 </div><!-- /.contents --> 258 </div><!-- /.iconbox --> 259 260 </div><!-- /.col-md-6 --> 261 262 </div><!-- /.row --> 263 </div><!-- /.container --> 264 </section> 265 266 <section class="vc_row pt-40 pb-40"> 267 <div class="container"> 268 <div class="row d-flex flex-wrap align-items-center"> 269 270 <div class="lqd-column col-md-4" data-custom-animations="true" data-ca-options='{"triggerHandler":"inview","animationTarget":"all-childs","duration":"1200","delay":"150","easing":"easeOutQuint","direction":"forward","initV
270alues":{"translateY":48,"opacity":0},"animations":{"translateY":0,"opacity":1}}'> 271 272 <header class="fancy-title mb-40"> 273 <h6 class="font-size-13 text-uppercase ltr-sp-2 opacity-05">Integrations</h6> 274 <h2 class="mt-4 mb-4" data-split-text="true" data-split-options='{"type":"lines"}'>Multiple channels <span class="text-primary">One app</span></h2> 275 <p data-split-text="true" data-split-options='{"type":"lines"}'>Why have so many business chat applications when you can have just one? Use our powerful chat platform to connect with visitor on your website, Facboook, SMS, Google My Business and more with with BreakThru.</p> 276 </header> 277 278 </div><!-- /.col-md-4 --> 279 280 <div class="lqd-column col-md-6 col-md-offset-2"> 281 282 <div class="ld-tm-circ" data-custom-animations="true" data-ca-options='{"triggerHandler": "inview", "animationTarget": ".ld-tm-bg", "duration": 700, "delay": 100, "easing": "easeOutBack", "initValues": { "scale": 0 }, "animations": { "scale": 1 }}'> 283 <div class="ld-tm-container" data-custom-animations="true" data-ca-options='{"triggerHandler": "inview", "animationTarget": ".ld-tm-avatar", "duration": 700, "delay": 150, "easing": "easeOutBack", "initValues": { "scale": 0 }, "animations": { "scale": 1 }}'> 284 285 <div class="ld-tm-circ-inner"> 286 287 <div class="ld-tm-bg bg-primary"></div><!-- /.ld-tm-bg --> 288 <div class="ld-tm-avatar" style="top: -5%; right: 1%;"> 289 <figure> 290 <img src="../assets/img/misc/product/icon1.png" alt="Team Member"> 291 </figure> 292 </div><!-- /.ld-tm-avatar --> 293 294 </div><!-- /.ld-tm-circ-inner --> 295 296 <div class="ld-tm-circ-middle"> 297 298 <div class="ld-tm-bg bg-primary"></div><!-- /.ld-tm-bg --> 299 <div class="ld-tm-avatar" style="top: -5%; left: 20%;"> 300 <figure> 301 <img src="../assets/img/misc/product/icon2.png" alt="Team Member"> 302 </figure> 303 </div><!-- /.ld-tm-avatar --> 304 305 <div class="ld-tm-avatar" style="bottom: 11%; left: 1%;"> 306 <figure> 307 <img src="../assets/img/misc/product/icon3.png" alt="Team Member"> 308 </figure> 309 </div><!-- /.ld-tm-avatar --> 310 311 </div><!-- /.ld-tm-circ-middle --> 312 313 <div class="ld-tm-circ-outer"> 314 315 <div class="ld-tm-bg bg-primary"></div><!-- /.ld-tm-bg --> 316 317 <div class="ld-tm-avatar" style="bottom: 15%; right: 5%;"> 318 <figure> 319 <img src="../assets/img/misc/product/icon4.png" alt="Team Member"> 320 </figure> 321 </div><!-- /.ld-tm-avatar --> 322 323 </div><!-- /.ld-tm-circ-outer --> 324 325 </div><!-- /.ld-tm-container --> 326 </div><!-- /.ld-tm-circ --> 327 328 </div><!-- /.col-md-6 --> 329 330 </div><!-- /.row --> 331 </div><!-- /.container --> 332 </section> 333 334 335 <section class="vc_row pt-130 pb-100"> 336 <div class="container"> 337 <div class="row" data-custom-animations="true" data-ca-options='{"triggerHandler":"inview","animationTarget":".lqd-column","duration":"1200","delay":"120","easing":"easeOutQuint","direction":"forward","initV
337alues":{"translateY":30,"opacity":0},"animations":{"translateY":0,"opacity":1}}'> 338 339 <div class="lqd-column col-md-8 col-md-offset-2"> 340 341 <header class="fancy-title text-center mb-70"> 342 <h2 class="text-uppercase ltr-sp-1">amazing features</h2> 343 <i class="line w-5 circle border-color-primary"></i> 344 </header> 345 346 </div><!-- /.lqd-column col-md-8 col-md-offset-2 --> 347 348 <div class="lqd-column col-md-4 col-sm-6 mb-20"> 349 350 <div class="iconbox iconbox-side iconbox-md iconbox-heading-xs"> 351 <div class="iconbox-icon-wrap"> 352 <span class="iconbox-icon-container"> 353 <i class="icon-et-shield"></i> 354 </span> 355 </div><!-- /.iconbox-icon-wrap --> 356 <div class="contents"> 357 <h3>HIPPA Compliant </h3> 358 <p class="font-size-14 lh-185">Secure chat conversations that ensure data safety of your customers. </p> 359 </div><!-- /.contents --> 360 </div><!-- /.iconbox --> 361 362 </div><!-- /.col-md-4 col-sm-6 --> 363 364 <div class="lqd-column col-md-4 col-sm-6 mb-20"> 365 366 <div class="iconbox iconbox-side iconbox-md iconbox-heading-xs"> 367 <div class="iconbox-icon-wrap"> 368 <span class="iconbox-icon-container"> 369 <i class="icon-et-profile-male"></i> 370 </span> 371 </div><!-- /.iconbox-icon-wrap --> 372 <div class="contents"> 373 <h3>Human Assistance</h3> 374 <p class="font-size-14 lh-185"> Too busy to chat? we have experts who engage with visitors on your website.</p> 375 </div><!-- /.contents --> 376 </div><!-- /.iconbox --> 377 378 </div><!-- /.col-md-4 col-sm-6 --> 379 380 <div class="lqd-column col-md-4 col-sm-6 mb-20"> 381 382 <div class="iconbox iconbox-side iconbox-md iconbox-heading-xs"> 383 <div class="iconbox-icon-wrap"> 384 <span class="iconbox-icon-container"> 385 <i class="icon-et-mobile"></i> 386 </span> 387 </div><!-- /.iconbox-icon-wrap --> 388 <div class="contents"> 389 <h3>Omni Channel</h3> 390 <p class="font-size-14 lh-185"> Empower your sales team with the same experience across desk and mobile devices.</p> 391 </div><!-- /.contents --> 392 </div><!-- /.iconbox --> 393 394 </div><!-- /.col-md-4 col-sm-6 --> 395 396 <div class="lqd-column col-md-4 col-sm-6 mb-20"> 397 398 <div class="iconbox iconbox-side iconbox-md iconbox-heading-xs"> 399 <div class="iconbox-icon-wrap"> 400 <span class="iconbox-icon-container"> 401 <i class="icon-et-piechart"></i> 402 </span> 403 </div><!-- /.iconbox-icon-wrap --> 404 <div class="contents"> 405 <h3>Reporting & Analytics</h3> 406 <p class="font-size-14 lh-185">Reports that help you tack your marketing efforts, insights and analytics.</p> 407 </div><!-- /.contents --> 408 </div><!-- /.iconbox --> 409 410 </div><!-- /.col-md-4 col-sm-6 --> 411 412 <div class="lqd-column col-md-4 col-sm-6 mb-20"> 413 414 <div class="iconbox iconbox-side iconbox-md iconbox-heading-xs"> 415 <div class="iconbox-icon-wrap"> 416 <span class="iconbox-icon-container"> 417 <i class="icon-et-adjustments"></i> 418 </span> 419 </div><!-- /.iconbox-icon-wrap --> 420 <div class="contents"> 421 <h3>Customizable</h3> 422 <p class="font-size-14 lh-185">No more boring ugly widgets! we customize the widgets to look exactly the way you want. </p> 423 </div><!-- /.contents --> 424 </div><!-- /.iconbox --> 425 426 </div><!-- /.col-md-4 col-sm-6 --> 427 428 <div class="lqd-column col-md-4 col-sm-6 mb-20"> 429 430 <div class="iconbox iconbox-side iconbox-md iconbox-heading-xs"> 431 <div class="iconbox-icon-wrap"> 432 <span class="iconbox-icon-container"> 433 <i class="icon-et-linegraph"></i> 434 </span> 435 </div><!-- /.iconbox-icon-wrap --> 436 <div class="contents"> 437 <h3>Pay As You Grow</h3> 438 <p class="font-size-14 lh-185">We got you covered whether you're a small firm or a big enterprise.</p> 439 </div><!-- /.contents --> 440 </div><!-- /.iconbox --> 441 442 </div><!-- /.col-md-4 col-sm-6 --> 443 444 </div><!-- /.row --> 445 </div><!-- /.container --> 446 </section> 447 448 <section id="buy" class="vc_row pt-50 pb-50"> 449 <div class="container"> 450 <div class="row"> 451 452 <div class="lqd-column col-md-6 col-md-offset-3"> 453 454 <header class="fancy-heading text-center mb-4"> 455 <h2 class="font-size-40 my-0">Have a question?</h2> 456 </header> 457 458 </div><!-- /.lqd-column col-md-6 col-md-offset-3 --> 459 460 <div class="lqd-column col-md-8 col-md-offset-2"> 461 462 <div class="lqd-column-inner bg-zircon px-2 px-md-6 pt-55 pb-40"> 463 464 <div class="accordion accordion-tall accordion-body-underlined accordion-expander-lg" id="crypto-accordion-1" role="tablist"> 465 466 <div class="accordion-item panel active"> 467 <div class="accordion-heading" role="tab" id="crypto-accordion-heading-1"> 468 <h4 class="accordion-title font-size-19"> 469 <a class="" data-toggle="collapse" data-parent="#crypto-accordion-1" href="#crypto-accordion-panel-1" aria-expanded="true" aria-controls="crypto-accordion-panel-1"> 470 What is Live Chat? How does it work?
471 <span class="accordion-expander"> 472 <i class="icon-arrows_circle_plus"></i> 473 <i class="icon-arrows_circle_minus"></i> 474 </span> 475 </a> 476 </h4> 477 </div><!-- /.accordion-heading --> 478 <div id="crypto-accordion-panel-1" class="accordion-collapse collapse in" role="tabpanel" aria-labelledby="crypto-accordion-heading-1"> 479 <div class="accordion-content"> 480 <p>Live chat enables your website visitors to quickly get answers to their questions by initiating a chat with one of our experts. Visitors are able to get answers to common questions and in between we obtain their contact information and share it with the business. We are available twenty-four-seven to attend your customers.</p> 481 </div><!-- /.accordion-content --> 482 </div><!-- /.collapse --> 483 </div><!-- /.accordion-item --> 484 485 <div class="accordion-item panel"> 486 <div class="accordion-heading" role="tab" id="crypto-accordion-heading-2"> 487 <h4 class="accordion-title font-size-19"> 488 <a class="collapsed" data-toggle="collapse" data-parent="#crypto-accordion-1" href="#crypto-accordion-collapse-2" aria-expanded="false" aria-controls="crypto-accordion-collapse-2"> 489 Who exactly takes these chats? 490 <span class="accordion-expander"> 491 <i class="icon-arrows_circle_plus"></i> 492 <i class="icon-arrows_circle_minus"></i> 493 </span> 494 </a> 495 </h4> 496 </div><!-- /.accordion-heading --> 497 <div id="crypto-accordion-collapse-2" class="accordion-collapse collapse" role="tabpanel" aria-labelledby="crypto-accordion-heading-2"> 498 <div class="accordion-content"> 499 <p>You have an option to use our industry trained experts to take your chats 24/7 or you can handle your own chats as well.</p> 500 </div><!-- /.accordion-content --> 501 </div><!-- /.collapse --> 502 </div><!-- /.accordion-item --> 503 504 <div class="accordion-item panel"> 505 <div class="accordion-heading" role="tab" id="crypto-accordion-heading-3"> 506 <h4 class="accordion-title font-size-19"> 507 <a class="collapsed" data-toggle="collapse" data-parent="#crypto-accordion-1" href="#crypto-accordion-collapse-3" aria-expanded="false" aria-controls="crypto-accordion-collapse-3"> 508 Do you guys work with Analytics and CRMs? 509 <span class="accordion-expander"> 510 <i class="icon-arrows_circle_plus"></i> 511 <i class="icon-arrows_circle_minus"></i> 512 </span> 513 </a> 514 </h4> 515 </div><!-- /.accordion-heading --> 516 <div id="crypto-accordion-collapse-3" class="accordion-collapse collapse" role="tabpanel" aria-labelledby="crypto-accordion-heading-3"> 517 <div class="accordion-content"> 518 <p>We do provide automated integration with several marketing CRM and analytics application. Contact us if you need more information about it.</p> 519 </div><!-- /.accordion-content --> 520 </div><!-- /.collapse --> 521 </div><!-- /.accordion-item --> 522 523 <div class="accordion-item panel"> 524 <div class="accordion-heading" role="tab" id="crypto-accordion-heading-3"> 525 <h4 class="accordion-title font-size-19"> 526 <a class="collapsed" data-toggle="collapse" data-parent="#crypto-accordion-1" href="#crypto-accordion-collapse-4" aria-expanded="false" aria-controls="crypto-accordion-collapse-4"> 527 Do you handle only English chats?
528 <span class="accordion-expander"> 529 <i class="icon-arrows_circle_plus"></i> 530 <i class="icon-arrows_circle_minus"></i> 531 </span> 532 </a> 533 </h4> 534 </div><!-- /.accordion-heading --> 535 <div id="crypto-accordion-collapse-4" class="accordion-collapse collapse" role="tabpanel" aria-labelledby="crypto-accordion-heading-4"> 536 <div class="accordion-content"> 537 <p>We primarily handle English chats but we also capable of handling Urdu, Hindi and Spanish chats. Through our specialized services we support a few other languages as well.</p> 538 </div><!-- /.accordion-content --> 539 </div><!-- /.collapse --> 540 </div><!-- /.accordion-item --> 541 542 <div class="accordion-item panel"> 543 <div class="accordion-heading" role="tab" id="crypto-accordion-heading-3"> 544 <h4 class="accordion-title font-size-19"> 545 <a class="collapsed" data-toggle="collapse" data-parent="#crypto-accordion-1" href="#crypto-accordion-collapse-5" aria-expanded="false" aria-controls="crypto-accordion-collapse-5"> 546 Are you guys compliant with regulations? 547 <span class="accordion-expander"> 548 <i class="icon-arrows_circle_plus"></i> 549 <i class="icon-arrows_circle_minus"></i> 550 </span> 551 </a> 552 </h4> 553 </div><!-- /.accordion-heading --> 554 <div id="crypto-accordion-collapse-5" class="accordion-collapse collapse" role="tabpanel" aria-labelledby="crypto-accordion-heading-5"> 555 <div class="accordion-content"> 556 <p>We are dedicated to complying with regulations of ADA, GDPR & CCPA that ensure accessibility and security for everyone.</p> 557 </div><!-- /.accordion-content --> 558 </div><!-- /.collapse --> 559 </div><!-- /.accordion-item --> 560 </div><!-- /.accordion --> 561 562 </div><!-- /.lqd-column-inner bg-athens-gray --> 563 564 </div><!-- /.lqd-column col-md-8 col-md-offset-2 --> 565 566 </div><!-- /.row --> 567 </div><!-- /.container --> 568 </section> 569 570 <section class="vc_row overflow-hidden"> 571 <div class="lqd-particles-bg-wrap" style="height: 600px;"> 572 <div class="ld-particles-container"> 573 <div 574 class="ld-particles-inner" 575 id="ld-1527244273759" 576 data-particles="true" 577 data-particles-options='{"particles":{"shape":{"type":["circle"]},"move":{"enable":true,"direction":"right","out_mode":"out"}},"interactivity":[]}'> 578 </div> 579 </div> 580 </div><!-- /.lqd-particles-bg-wrap --> 581 <div class="container"> 582 <div class="row"> 583 <div class="lqd-column col-md-8 col-md-offset-2 text-center bg-white white-box-shadow pt-70 pb-50"> 584 <div class="row"> 585 <div class="col-md-10 col-md-offset-1"> 586 <header class="fancy-title mb-40 px-3"> 587 <h2 class="mt-4">Ready to take <span class="text-secondary">your business</span> to the next level?</h2> 588 </header> 589 <a href="#modal-1" class="btn btn-solid text-uppercase btn-lg circle btn-solid border-thin btn-gradient btn-icon-left btn-icon-circle btn-icon-bordered color-secondary font-size-13 font-weight-bold ltr-sp-1 mb-2" data-lity="#modal-1"> 590 <span> 591 <span class="btn-gradient-bg"></span> 592 <span class="btn-txt">Book a demo</span> 593 <span class="btn-icon"><i class="icon-md-paper-plane"></i></span> 594 <span class="btn-gradient-bg btn-gradient-bg-hover"></span> 595 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" class="btn-gradient-border" width="100%" height="100%"> 596 <defs> 597 <linearGradient id="svg-border-3" x1="0%" y1="0%" x2="100%" y2="0%"> 598 <stop offset="0%" style="stop-color: #4fda91;"></stop> 599 <stop offset="100%" style="stop-color: #34dbc5;"></stop> 600 </linearGradient> 601 </defs> 602 </svg> 603 </span> 604 </a> 605 <!--DEMO MODAL POPUP --> 606 <div id="modal-1" class="lqd-modal lity-hide"> 607 <div class="lqd-modal-inner"> 608 <div class="lqd-modal-head"></div><!-- /.lqd-modal-head --> 609 <div class="lqd-modal-content"> 610 <div class="row"> 611 <div class="lqd-column col-md-12 px-4 pt-45 pb-30"> 612 <div class="row d-flex flex-wrap align-items-center"> 613 <div class="lqd-column col-md-6 col-md-offset-1"> 614 <header class="fancy-title"> 615 <h2>We're excited!</h2> 616 <p>
616Send us your details, we would love to take you for a test ride.</p> 617 </header><!-- /.fancy-title --> 618 </div><!-- /.lqd-column col-md-6 col-md-offset-1 --> 619 <div class="lqd-column col-md-4 hidden-sm hidden-xs text-right"> 620 <div class="iconbox text-right iconbox-xl" data-animate-icon="true" data-plugin-options='{"resetOnHover":true,"color":"rgb(216, 219, 226)","hoverColor":"rgb(0, 0, 0)"}'> 621 <div class="iconbox-icon-wrap"> 622 <span class="iconbox-icon-container"> 623 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve"> <polygon stroke-width="2" stroke-linejoin="bevel" stroke-miterlimit="10" points="1,30 63,1 23,41" /> <polygon stroke-width="2" stroke-linejoin="bevel" stroke-miterlimit="10" points="34,63 63,1 23,41" /> </svg> 624 </span> 625 </div><!-- /.iconbox-icon-wrap --> 626 </div><!-- /.iconbox --> 627 </div><!-- /.lqd-column col-md-4 hidden-sm hidden-xs --> 628 </div><!-- /.row --> 629 <div class="row"> 630 <div class="lqd-column col-md-10 col-md-offset-1"> 631 <div class="contact-form contact-form-inputs-underlined contact-form-button-circle"> 632 <form action="../assets/php/mailer.php" method="post" novalidate="novalidate"> 633 <div class="row d-flex flex-wrap"> 634 <div class="lqd-column col-md-6 mb-20"> 635 <input class="lh-25 mb-30" type="text" name="name" aria-required="true" aria-invalid="false" placeholder="Name" required> 636 <input class="lh-25 mb-30" type="email" name="email" aria-required="true" aria-invalid="false" placeholder="Email Address" required> 637 </div><!-- /.col-md-6 --> 638 <div class="lqd-column col-md-6 mb-20"> 639 <input class="lh-25 mb-30" type="text" name="bname" aria-required="true" aria-invalid="false" placeholder="Business Name" required> 640 <input class="lh-25 mb-30" type="text" name="phone" aria-required="true" aria-invalid="false" placeholder="Phone Number" required> 641 </div><!-- /.col-md-12 --> 642 <div class="lqd-column col-md-6"> 643 <p class="font-size-16 opacity-07"><em>We all know how important your information is. It is always safe with us.</em></p> 644 </div><!-- /.col-md-6 --> 645 <div class="lqd-column col-md-6 text-md-right"> 646 <input type="submit" value="SUBMIT" class="font-size-13 ltr-sp-1 font-weight-bold"> 647 </div><!-- /.col-md-6 --> 648 </div><!-- /.row --> 649 </form> 650 <div class="contact-form-result hidden"></div><!-- /.contact-form-result --> 651 </div><!-- /.contact-form --> 652 </div><!-- /.col-md-10 col-md-offset-1 --> 653 </div><!-- /.row --> 654 </div><!-- /.lqd-column col-md-12 --> 655 </div><!-- /.row --> 656 </div><!-- /.lqd-modal-content --> 657 <div class="lqd-modal-foot"></div><!-- /.lqd-modal-foot --> 658 </div><!-- /.lqd-modal-inner --> 659 </div><!-- /.lqd-modal --> 660 </div><!-- /.col-md-10 col-md-offset-1 --> 661 </div><!-- /.row --> 662 </div><!-- /.col-md-6 col-md-offset-3 --> 663 </div><!-- /.row --> 664 </div><!-- /.container --> 665 </section><!-- /.Demo-Section-End --> 666 667 668 </main><!-- /#content.content --> 669 670 <footer class="main-footer pt-60 pb-90 invert-footer"> 671 <section> 672 <div class="container"> 673 <div class="row d-md-flex flex-wrap align-items-center"> 674 <div class="lqd-column col-md-4 col-sm-12"> 675 <ul class="social-icon social-icon-md mb-25"> 676 <li><a href="https://www.facebook.com/BreakThruPK" target="_blank"><i class="fa fa-facebook"></i></a></li> 677 <li><a href="https://www.instagram.com/breakthrupk" target="_blank"><i class="fa fa-instagram"></i></a></li> 678 <li><a href="https://g.page/breakthru-karachi" target="_blank"><i class="fa fa-map-marker"></i></a></li> 679 <li><a href="https://www.linkedin.com/company/breakthru-khi" target="_blank"><i class="fa fa-linkedin"></i></a></li> 680 </ul> 681 <p class="font-size-16">Copyright 2026 <span class="text-secondary font-weight-bold">BreakThru</span>. All Rights Reserved.</p> 682 </div><!-- /.col-md-4 --> 683 <div class="lqd-column col-md-3 col-sm-6"> 684 <h3 class="widget-title">About us</h3> 685 <p>
685BreakThru is a fast growing, emerging new age technology and services company that is committed to providing you with the best industry experiences.</p> 686 </div> 687 <div class="lqd-column col-md-2 col-md-offset-1 col-xs-6"> 688 <h3 class="widget-title">Main Navigation</h3> 689 <ul class="lqd-custom-menu reset-ul font-size-16 lh-2"> 690 <li><a href="../">Home</a></li> 691 <li><a href="../product/">Product</a></li> 692 <li><a href="../insight-breakthu/">Insight BreakThru</a></li> 693 <li><a href="../contact/">Contact</a></li> 694 <li><a href="../careers/">Careers</a></li> 695 </ul> 696 </div><!-- /.col-md-2 --> 697 <div class="lqd-column col-md-2 col-xs-6"> 698 <h3 class="widget-title">Social Media</h3> 699 <ul class="lqd-custom-menu reset-ul font-size-16 lh-2"> 700 <li><a href="https://www.facebook.com/BreakThruPK ">Facebook</a></li> 701 <li><a href="https://www.instagram.com/breakthrupk">Instagram</a></li> 702 <li><a href="https://g.page/breakthru-karachi">Google</a></li> 703 <li><a href="https://www.linkedin.com/company/breakthru-khi">LinkedIn</a></li> 704 <li>.</li> 705 </ul> 706 </div><!-- /.col-md-2 --> 707 </div><!-- /.row --> 708 </div><!-- /.container --> 709 </section> 710</footer><!-- /.main-footer --> 711</div><!-- /#wrap --> 712 713
713<script src="../assets/vendors/jquery.min.js"></script>
713 714
714<script src="../assets/js/theme-vendors.js"></script>
714 715 716
716<script src="../assets/js/theme.min.js"></script>
716 717
717<script src="../assets/js/liquidAjaxMailchimp.min.js"></script>
717 718
718<script src="../assets/js/scrolling-nav.js"></script>
718 719
719<script src="../assets/js/liquidAjaxContactForm.min.js"></script>
719 720
720<script src="../assets/vendors/jquery-easing/jquery.easing.min.js"></script>
720 721
721<script src="../assets/js/jquery.custom-file-input.js"></script>
721 722
722<script src="//www.apex.live/scripts/invitation.ashx?company=breakthru" async></script>
722 723</body> 724</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.