PageSourceSearch

https://www.breakthru.pk/product/

html breakthru.pk collected 2026-10-09 03:51:23 UTC 47,855 bytes, 724 lines download raw bytes

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="{ &quot;compressor&quot;:0.5,&quot;maxFontSize&quot;: 70,&quot;minFontSize&quot;: 20 }" data-split-text="true" data-split-options="{&quot;type&quot;:&quot;words&quot;}" 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="{&quot;type&quot;:&quot;lines&quot;}" 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.