PageSourceSearch

https://josephberardi.com/custom-app-development

html josephberardi.com collected 2026-10-04 22:18:23 UTC 55,495 bytes, 1,351 lines download raw bytes

1<!-- Header -->
2 <!Doctype html>
3    <html lang="en">
4    <head>
5
6    <!-- Google Tag Manager -->
7<script>
vendor: 331 bytes, lines 7-11
7(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({"gtm.start":
8new Date().getTime(),event:"gtm.js"});var f=d.getElementsByTagName(s)[0],
9j=d.createElement(s),dl=l!="dataLayer"?"&l="+l:"";j.async=true;j.src=
10"https://www.googletagmanager.com/gtm.js?id="+i+dl;f.parentNode.insertBefore(j,f);
11})(window,document,"script","dataLayer","
11GTM-WB6RPD46
vendor: 3 bytes, line 11
11");
11</script>
11
12<!-- End Google Tag Manager -->
13
14
15
16    
17    
18    
19   
20
21
22
23
24<!-- Meta Pixel Code -->
25<script>
vendor: 408 bytes, lines 25-34
25
26!function(f,b,e,v,n,t,s)
27{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
28n.callMethod.apply(n,arguments):n.queue.push(arguments)};
29if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version="2.0";
30n.queue=[];t=b.createElement(e);t.async=!0;
31t.src=v;s=b.getElementsByTagName(e)[0];
32s.parentNode.insertBefore(t,s)}(window, document,"script",
33"https://connect.facebook.net/en_US/fbevents.js");
34fbq("init", "
341679011589312505
vendor: 32 bytes, lines 34-35
34");
35fbq("track", "PageView");
36</script>
36
37<noscript><img height="1" width="1" style="display:none"
38src="https://www.facebook.com/tr?id=1679011589312505&ev=PageView&noscript=1"
39/></noscript>
40<!-- End Meta Pixel Code -->
41
42<meta name="facebook-domain-verification" content="fiqo2803ftybzlf5l8b8p73jwwmoj0" />
43
44<script>(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"295016357", enableAutoSpaTracking: true};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");</script>
44
45        <!-- Required meta tags -->
46        <meta charset="utf-8">
47        <meta name="viewport" content="width=device-width, initial-scale=1">
48        <title>Experts & Professional Custom App Development Company in USA</title>
49        <meta name="description" content=" Meet Experts App Developement & Professional App Developement Services Company in USA. We offer Affordable Custom App Developement Services Across in USA " />
50        <meta name="robots" content="index, follow">
51        <link rel="canonical" href="https://www.designcosmics.com/custom-app-development"/>
52        <meta name="google-site-verification" content="IPclBdxBguHcpFrzoEnrB2pn2qBAOm_Pb4E2OdNZFIk" />
53        <meta property="og:locale" content="en_US" />
54        <meta property="og:type" content="website" />
55        <meta property="og:title" content="Experts & Professional Custom App Development Company in USA" />
56        <meta property="og:description" content=" Meet Experts App Developement & Professional App Developement Services Company in USA. We offer Affordable Custom App Developement Services Across in USA " />
57        <meta property="og:url" content="https://www.designcosmics.com/custom-app-development" />
58        <meta property="og:site_name" content=" Design Cosmics" />
59        <meta property="og:updated_time" content="2023-22-29T12:02:43+00:00" />
60        <meta property="og:image" content=" https://www.designcosmics.com/assets/img/design.png " />
61        <meta property="og:image:secure_url" content=" https://www.designcosmics.com/assets/img/design.png">
62        <meta property="og:image:width" content="1293" />
63        <meta property="og:image:height" content="748" />
64        <meta property="og:image:alt" content=" Custom Web Development " />
65        <meta property="og:image:type" content="image/jpeg" />
66        <meta name="twitter:card" content="summary_large_image" />
67        <meta name="twitter:title" content="Experts & Professional Custom App Development Company in USA" />
68        <meta name="twitter:description" content=" Meet Experts App Developement & Professional App Developement Services Company in USA. We offer Affordable Custom App Developement Services Across in USA " />
69        <meta name="twitter:site" content=" @DesignCosmics" />
70        <meta name="twitter:creator" content=" @DesignCosmics" />
71        <meta name="twitter:image" content=" https://www.designcosmics.com/assets/img/design.png " />
72        <meta name="twitter:label1" content="Written by" />
73        <meta name="twitter:data1" content="DesignCosmics" />
74        <meta name="twitter:label2" content="Time to read" />
75        <meta name="twitter:data2" content="3 minutes" />
76        <!-- Link of CSS files -->
77        <link rel="stylesheet" href="assets/css/style.css">
78        <link rel="stylesheet" href="assets/css/bootstrap.min.css">
79        <link rel="stylesheet" href="assets/css/aos.css">
80        <link rel="stylesheet" href="assets/css/all.min.css">
81        <link rel="stylesheet" href="assets/css/odometer.min.css">
82        <link rel="stylesheet" href="assets/css/remixicon.css">
83        <link rel="stylesheet" href="assets/css/magnific-popup.min.css">
84        <link rel="stylesheet" href="assets/css/meanmenu.min.css">
85        <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
86        <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
87        <link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
88        <link rel="stylesheet" href="assets/css/pages-css/profile-authentication.css">
89        <link rel="icon" type="image/png" href="assets/img/favicon.png">
90
91        <!-- Pixel Code - https://webwatch.devhostest.com/ -->
92<script defer src="https://webwatch.devhostest.com/pixel/bE91YQg3LJ1fDXWQ"></script>
92
93<!-- END Pixel Code -->
94
95
96    </head>
97    
98    <style>
99    a{
100        text-decoration: none;
101    }
102
103      #custom-zendesk-notification {
104            position:fixed; 
105            bottom:12px; 
106            left:15px; 
107            right:15px; 
108            background:white; 
109            padding:12px; 
110            box-shadow:0 2px 10px rgba(0,0,0,0.3); 
111            border-radius:8px; 
112            z-index:999999; 
113            font-family:sans-serif;
114            display: none;
115            
116}
117
118/* Show only on mobile */
119@media (min-width: 768px) {
120  #custom-zendesk-notification {
121    display: none !important;
122  }
123
124
125    </style>
126
127    <div id="custom-zendesk-notification">
128  <p><strong id="agent-name">Agent</strong><br><span id="agent-msg">Hello! Need help?</span></p>
129  <div class="btnwrp">
130  <a class="default-btn" href="javascript:;" onclick="openZendeskChat()">Reply</a>
131        <a class="btn-secnd btnpulsewhite ordr-frm" href="javascript:;" onclick="dismissZendeskNotification()">Dismiss</a>
132        
133                        </div>
134</div>
135
136 
136<script>
137  // Hide default chat widget
138  //zE("webWidget", "hide");
139
140  // Show custom notification only on mobile
141  function isMobile() {
142    return window.innerWidth < 768;
143  }
144
145  zE("webWidget:on", "chat:received", function(payload) {
146    if (isMobile()) {
147      document.getElementById("agent-name").innerText = payload.nick;
148      document.getElementById("agent-msg").innerText = payload.msg;
149      document.getElementById("custom-zendesk-notification").style.display = "block";
150    }
151  });
152
153  function openZendeskChat() {
154    document.getElementById("custom-zendesk-notification").style.display = "none";
155    zE("webWidget", "show");
156    zE("webWidget", "open");
157  }
158
159  function dismissZendeskNotification() {
160    document.getElementById("custom-zendesk-notification").style.display = "none";
161  }
162</script>
162
163    
164     
164<script>
165     
166     window.zESettings = {
167            webWidget: {
168              color: {
169                theme: "f8555b",
170              },
171            },
172        };
173     
174     </script>
174
175    <!-- Header -->
176<!-- Nav Bar -->
177
178    <body>
179    <!-- Start Navbar Area -->
180    <div class="navbar-area pakap-new-navbar-area" style="background-color: white;">
181        <div class="pakap-responsive-nav">
182            <div class="container">
183                <div class="pakap-responsive-menu">
184                    <div class="logo">
185                        <a href=" https://www.designcosmics.com/"><img src="assets/img/design.png" alt="logo"></a>
186                    </div>
187                </div>
188            </div>
189        </div>
190        <div class="pakap-nav">
191            <div class="container">
192                <nav class="navbar navbar-expand-lg navbar-light bg-light">
193                    <a class="navbar-brand" href=" https://www.designcosmics.com/"> <img src="assets/img/design.png" alt="logo"></a>
194                    <div class="collapse navbar-collapse mean-menu">
195                        <ul class="navbar-nav">
196                            <li class="nav-item"><a href=" https://www.designcosmics.com/" class=" nav-link active">Home</a> </li>
197                            <li class="nav-item"><a href="about" class=" nav-link">About Us</a>
198                            </li>
199                            <li class="nav-item dropdown">
200                            <a class="nav-link dropdown-toggle" href="services" role="button" data-bs-toggle="dropdown">Services</a>
201                            <ul class="dropdown-menu">
202                             <li><a class="dropdown-item" href="logo-design">Logo Design</a></li>
203                             <li><a class="dropdown-item" href="website-design-development">Website Design Development</a></li>
204                              <li><a class="dropdown-item" href="custom-app-development">Custom App Development</a></li>
205                             <li class="dropdown dropdown-submenu"><a href="digital-marketing" class="dropdown-toggle" data-toggle="dropdown">Digital Marketing </a>
206                                <ul class="dropdown-menu">
207                                    <!---- <li class="kopie"><a href="search-engine-optimization">Search Engine Optimization</a></li> --->
208                                    <li><a href="social-media-marketing">Social Media Marketing</a></li>
209                                </ul>
210                            </li>
211                            
212                             <li><a class="dropdown-item" href="explainer-video-animation">Explainer Video Animation</a></li>
213                             <li class="dropdown dropdown-submenu"><a href="ecommerce-solutions" class="dropdown-toggle"
214                             data-toggle="dropdown">Ecommerce Automation </a>
215                                <ul class="dropdown-menu">
216                                    <li class="kopie"><a href="amazon-seller-service">Amazon Seller Service</a></li>
217                                    <li><a href="ebay-seller-service">ebay Seller Service</a></li>
218                                    <li><a href="walmart-seller-service">Walmart Seller Service</a></li>
219                                    <li><a href="etsy-seller-service">Etsy Seller Service</a></li>
220                                </ul>
221                            </li>
222                            
223                            </ul>
224                            </li>
225                            <li class="nav-item"><a href="portfolio" class=" nav-link">Porfolio</a></li>
226                            <li class="nav-item"><a href="packages" class=" nav-link">Packages</a>
227                            </li>
228                            <li class="nav-item"><a href="https://www.cosmicspublishers.com/" class=" nav-link">Publishers</a></li>
229                            <li class="nav-item"><a href="contact" class=" nav-link">Contact Us</a>
230                            </li>
231                        </ul>
232                        <div class="others-option">
233                            <a href="#" onclick="$zopim.livechat.window.toggle()" class="default-btn">Avail Free Consultancy</a>
234                        </div>
235                    </div>
236                </nav>
237            </div>
238        </div>
239    </div>
240    <!-- End Navbar Area --><!---->
241<style>
242    .gradient-banner-area-logo{
243    z-index: 1;
244    position: relative;
245    background: linear-gradient(50.48deg, #ED2775 43.94%, #6a4d95 67.55%);
246    padding-top: 110px;
247    padding-bottom: 30px;
248    }
249</style>
250<!---->
251<!---->
252<div class="gradient-banner-area-logo">
253    <div class="container">
254        <div class="row align-items-center">
255            <div class="col-lg-6 col-md-12">
256                <div class="gradient-banner-content">
257                    <h1>OFFERING ENGAGING</h1>
258                    <p>Unlock the potential of your mobile app dreams with our
259team of adept developers. Together, we craft cutting�edge, intuitive, and feature-packed applications that
260elevate your business to unprecedented heights. Reach
261out to Design Cosmics today and let'
262s embark on a
263journey to transform your ideas into reality.
264
265                    </p>
266                </div>
267            </div>
268            <div class="col-lg-6 col-md-12">
269                <div class="gradient-banner-image" data-aos="fade-up">
270                    <img src="assets/img/banner/custom-app-development-banner.png" alt="banner-img" style=" width: 60%;">
271                </div>
272            </div>
273        </div>
274    </div>
275    <div class="banner-shape1"><img src="assets/img/shape/shape9.png" alt="image"></div>
276    <div class="banner-shape2"><img src="assets/img/shape/shape7.png" alt="image"></div>
277</div>
278<!---->
279
280
281<!---->
282<div class="about-area pt-75 pb-75">
283    <div class="container">
284        <div class="row align-items-center">
285        <div class="col-lg-6 col-md-12">
286                <div class="about-image">
287                    <img src="assets/img/banner/custom-app-development-about.png" data-aos="fade-up" alt="about">
288                </div>
289            </div>
290            <div class="col-lg-6 col-md-12">
291                <div class="app-about-content">
292                    <h2 style="
293    font-size: 28px;
294    font-weight: 700;
295">Custom Apps Development We Create</h2>
296                    <p>At <b style="color:#000;">Design Cosmics</b>, our pride stems from our delighted
297clientele, many of whom return to us for ongoing
298services. Fueled by knowledge, expertise, and
299unwavering enthusiasm, we
300'
301re dedicated to delivering
302top-tier solutions. Within our firm, we specialize not
303only in crafting remarkable mobile applications but
304also in providing mobile app consultation and different
305mobile development strategies. Join us in shaping
306your brand'
307s future today.</p>
308                   
309                    
310                  
311                </div>
312            </div>
313            
314        </div>
315    </div>
316</div>
317<!---->
318<!---->
319<style>
320    
321    .screenshots-tabs .tab-content img{
322        
323    filter: none;
324    -webkit-filter: none;
325
326    }
327    
328</style>
329
330<div class="screenshots-area pricing-area" style="padding:50px 0px; background: #ebebeb;">
331
332    <div class="container">
333
334        <div class="section-tetle tetle-with-bg-text" style="max-width: none;">
335            <h2 style=" font-weight: 700;">Technologies we work on</h2>
336            <p>Harnessing cutting-edge development languages and technology stacks to build innovative and reliable mobile
337applications.</p>
338
339        </div>
340
341        <div class="screenshots-tabs">
342
343          
344
345            <div class="tab-content" id="myTabContent">
346
347                <div class="tab-pane fade show active" id="screen1" role="tabpanel">
348
349                    <div class="row align-items-center justify-content-center">
350
351                        <div class="col-lg-2 col-md-6 col-sm-6">
352
353                            <div class="single-gallery-item">
354
355                                <a class="popup-image" href="assets/img/icons/contents/1.jpg">
356
357                                    <img src="assets/img/icons/1.png" alt="Projects-Logo">
358
359                                </a>
360
361                            </div>
362
363                        </div>
364
365                        <div class="col-lg-2 col-md-6 col-sm-6">
366
367                            <div class="single-gallery-item">
368
369                                <a class="popup-image" href="assets/img/icons/contents/2.jpg">
370
371                                    <img src="assets/img/icons/2.png" alt="Projects-Logo">
372
373                                </a>
374
375                            </div>
376
377                        </div>
378
379                        <div class="col-lg-2 col-md-6 col-sm-6">
380
381                            <div class="single-gallery-item">
382
383                                <a class="popup-image" href="assets/img/icons/contents/3.jpg">
384
385                                    <img src="assets/img/icons/3.png" alt="Projects-Logo">
386
387                                </a>
388
389                            </div>
390
391                        </div>
392
393                        <div class="col-lg-2 col-md-6 col-sm-6">
394
395                            <div class="single-gallery-item">
396
397                                <a class="popup-image" href="assets/img/icons/contents/4.jpg">
398
399                                    <img src="assets/img/icons/4.png" alt="Projects-Logo">
400
401                                </a>
402
403                            </div>
404
405                        </div>
406
407                        <div class="col-lg-2 col-md-6 col-sm-6">
408
409                            <div class="single-gallery-item">
410
411                                <a class="popup-image" href="assets/img/icons/contents/5.jpg">
412
413                                    <img src="assets/img/icons/5.png" alt="Projects-Logo">
414
415                                </a>
416
417                            </div>
418
419                        </div>
420
421                        <div class="col-lg-2 col-md-6 col-sm-6">
422
423                            <div class="single-gallery-item">
424
425                                <a class="popup-image" href="assets/img/icons/contents/6.jpg">
426
427                                    <img src="assets/img/icons/6.png" alt="Projects-Logo">
428
429                                </a>
430
431                            </div>
432
433                        </div>
434
435                        <div class="col-lg-2 col-md-6 col-sm-6">
436
437                            <div class="single-gallery-item">
438
439                                <a class="popup-image" href="assets/img/icons/contents/7.jpg">
440
441                                    <img src="assets/img/icons/7.png" alt="Projects-Logo">
442
443                                </a>
444
445                            </div>
446
447                        </div>
448
449                        <div class="col-lg-2 col-md-6 col-sm-6">
450
451                            <div class="single-gallery-item">
452
453                                <a class="popup-image" href="assets/img/icons/contents/8.jpg">
454
455                                    <img src="assets/img/icons/8.png" alt="Projects-Logo">
456
457                                </a>
458
459                            </div>
460
461                        </div>
462
463                        <div class="col-lg-2 col-md-6 col-sm-6">
464
465                            <div class="single-gallery-item">
466
467                                <a class="popup-image" href="assets/img/icons/contents/9.jpg">
468
469                                    <img src="assets/img/icons/9.png" alt="Projects-Logo">
470
471                                </a>
472
473                            </div>
474
475                        </div>
476
477                        <div class="col-lg-2 col-md-6 col-sm-6">
478
479                            <div class="single-gallery-item">
480
481                                <a class="popup-image" href="assets/img/icons/contents/10.jpg">
482
483                                    <img src="assets/img/icons/10.png" alt="Projects-Logo">
484
485                                </a>
486
487                            </div>
488
489                        </div>
490
491                        <div class="col-lg-2 col-md-6 col-sm-6">
492
493                            <div class="single-gallery-item">
494
495                                <a class="popup-image" href="assets/img/icons/contents/11.jpg">
496
497                                    <img src="assets/img/icons/11.png" alt="Projects-Logo">
498
499                                </a>
500
501                            </div>
502
503                        </div>
504
505                        <div class="col-lg-2 col-md-6 col-sm-6">
506
507                            <div class="single-gallery-item">
508
509                                <a class="popup-image" href="assets/img/icons/contents/12.jpg">
510
511                                    <img src="assets/img/icons/12.png" alt="Projects-Logo">
512
513                                </a>
514
515                            </div>
516
517                        </div>
518                        <div class="col-lg-4 col-md-6 col-sm-6"></div>
519                        <div class="col-lg-2 col-md-6 col-sm-6">
520
521                            <div class="single-gallery-item">
522
523                                <a class="popup-image" href="assets/img/icons/contents/13.jpg">
524
525                                    <img src="assets/img/icons/13.png" alt="Projects-Logo">
526
527                                </a>
528
529                            </div>
530
531                        </div>
532                        
533                        <div class="col-lg-2 col-md-6 col-sm-6">
534
535                            <div class="single-gallery-item">
536
537                                <a class="popup-image" href="assets/img/icons/contents/14.jpg">
538
539                                    <img src="assets/img/icons/14.png" alt="Projects-Logo">
540
541                                </a>
542
543                            </div>
544
545                        </div>
546                        <div class="col-lg-4 col-md-6 col-sm-6"></div>
547
548
549
550                    </div>
551
552                </div>
553
554               
555
556            </div>
557
558        </div>
559
560    </div>
561
562</div>
563<!---->
564<!---->
565<div class="about-area pt-75 pb-75">
566    <div class="container">
567        <div class="row align-items-center">
568        
569            <div class="col-lg-12 col-md-12">
570                <div class="app-about-content" style="
571    max-width: none;
572    padding-left: unset;
573    
574">
575                    <h2 style="
576    font-size: 28px;
577    font-weight: 700;
578    text-align: -webkit-center;
579">Custom Apps Development We Create</h2>
580                    <p>In today
581'
582s world, having a mobile device is a necessity, not a luxury. Similarly, a custom mobile application is
583essential for your business. At Consumers of <b style="color:#000;">Design Cosmics</b>, we specialize in custom mobile application
584development for both Android and iOS platforms. Our highly skilled team offers unique mobile app development
585services with a deep understanding of the latest trends and technology stacks in the app market. We excel in
586developing feature-rich mobile applications that cater to your company
587'
588s specific needs and brand identity.</p>
589<p>Our expertise spans across various platforms, including iOS, Android, and cross-platform apps. We leverage agile
590app development techniques to create flexible, integrated applications that meet your business requirements.
591Our goal is to deliver cost-effective and impactful mobile applications that can reach your target audience
592effectively on a global scale.</p>
593<p>Choosing a globally focused app development company like <b style="color:#000;">Design Cosmics</b> ensures you receive exceptional
594services that truly reflect the uniqueness of your brand. Our mobile applications help you attract a large audience
595and enhance your company
596'
597s visibility worldwide. We offer comprehensive mobile app development services,
598from initial concept to final launch, across diverse industries such as business, gaming, education, online ordering,
599and more.</p>
600<p>At Consumers of <b style="color:#000;">Design Cosmics</b>, we aim to deliver high-end applications that enhance user experience through
601unique design and an appealing,
601 user-friendly interface. We collaborate closely with you to fulfill your mobile app
602development needs, ensuring your business stands out with our expertly crafted applications.</p>
603<p>For the best in mobile app development and design services, contact us today. Let us help you create new
604business opportunities and pathways to success. At <b style="color:#000;">Design Cosmics</b>, our client'
605s success is our top priority!</p>
606                   
607                    
608                  
609                </div>
610            </div>
611            
612        </div>
613    </div>
614</div>
615<!---->
616
617
618<div class="screenshots-area ptb-50" style="padding-bottom:100px;">
619            <div class="container">
620                <div class="section-tetle tetle-with-bg-text" style=" margin-bottom: 130px;">
621                    <span class="sub-tetle">OUR PROJECTS</span>
622                    <h2>Featured Clients Incredible Projects</h2>
623                </div>
624                <div class="swiper-container screenshots-swiper-slides swiper-coverflow swiper-3d swiper-initialized swiper-horizontal swiper-watch-progress">
625                    <div class="swiper-wrapper" style="cursor: grab; transition-duration: 0ms; transform: translate3d(-3567px, 0px, 0px); transition-delay: 0ms;" id="swiper-wrapper-62ce10d43c373bb2f" aria-live="polite">
626                        
627                        <div class="swiper-slide" role="group" aria-label="2 / 7" data-swiper-slide-index="1" style="transition-duration: 0ms; transform: translate3d(0px, 0px, -500px) rotateX(0deg) rotateY(250deg) scale(1); z-index: -4;">
628                            <img src="assets/img/app/app-portfolio/1.png" alt="screenshots">
629                        <div class="swiper-slide-shadow-left swiper-slide-shadow-coverflow" style="opacity: 5; transition-duration: 0ms;"></div><div class="swiper-slide-shadow-right swiper-slide-shadow-coverflow" style="opacity: 0; transition-duration: 0ms;"></div></div>
630                        <div class="swiper-slide" role="group" aria-label="3 / 7" data-swiper-slide-index="2" style="transition-duration: 0ms; transform: translate3d(0px, 0px, -400px) rotateX(0deg) rotateY(200deg) scale(1); z-index: -3;">
631                            <img src="assets/img/app/app-portfolio/2.png" alt="screenshots">
632                        <div class="swiper-slide-shadow-left swiper-slide-shadow-coverflow" style="opacity: 4; transition-duration: 0ms;"></div><div class="swiper-slide-shadow-right swiper-slide-shadow-coverflow" style="opacity: 0; transition-duration: 0ms;"></div></div>
633                        <div class="swiper-slide" role="group" aria-label="4 / 7" data-swiper-slide-index="3" style="transition-duration: 0ms; transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(150deg) scale(1); z-index: -2;">
634                            <img src="assets/img/app/app-portfolio/3.png" alt="screenshots">
635                        <div class="swiper-slide-shadow-left swiper-slide-shadow-coverflow" style="opacity: 3; transition-duration: 0ms;"></div><div class="swiper-slide-shadow-right swiper-slide-shadow-coverflow" style="opacity: 0; transition-duration: 0ms;"></div></div>
636                        <div class="swiper-slide" role="group" aria-label="5 / 7" data-swiper-slide-index="4" style="transition-duration: 0ms; transform: translate3d(0px, 0px, -200px) rotateX(0deg) rotateY(100deg) scale(1); z-index: -1;">
637                            <img src="assets/img/app/app-portfolio/4.png" alt="screenshots">
638                        <div class="swiper-slide-shadow-left swiper-slide-shadow-coverflow" style="opacity: 2; transition-duration: 0ms;"></div><div class="swiper-slide-shadow-right swiper-slide-shadow-coverflow" style="opacity: 0; transition-duration: 0ms;"></div></div>
639                        
640                        
641                    <div class="swiper-slide swiper-slide-visible swiper-slide-prev" role="group" aria-label="6 / 7" data-swiper-slide-index="5" style="transition-duration: 0ms; transform: translate3d(0px, 0px, -100px) rotateX(0deg) rotateY(50deg) scale(1);
641 z-index: 0;">
642                            <img src="assets/img/app/app-portfolio/5.png" alt="screenshots">
643                        <div class="swiper-slide-shadow-left swiper-slide-shadow-coverflow" style="opacity: 1; transition-duration: 0ms;"></div><div class="swiper-slide-shadow-right swiper-slide-shadow-coverflow" style="opacity: 0; transition-duration: 0ms;"></div></div><div class="swiper-slide swiper-slide-visible swiper-slide-fully-visible swiper-slide-active" role="group" aria-label="7 / 7" data-swiper-slide-index="6" style="transition-duration: 0ms; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(1); z-index: 1;">
644                            <img src="assets/img/app/app-portfolio/6.png" alt="screenshots">
645                        <div class="swiper-slide-shadow-left swiper-slide-shadow-coverflow" style="opacity: 0; transition-duration: 0ms;"></div><div class="swiper-slide-shadow-right swiper-slide-shadow-coverflow" style="opacity: 0; transition-duration: 0ms;"></div></div><div class="swiper-slide swiper-slide-visible swiper-slide-next" role="group" aria-label="1 / 7" data-swiper-slide-index="0" style="transition-duration: 0ms; transform: translate3d(0px, 0px, -100px) rotateX(0deg) rotateY(-50deg) scale(1); z-index: 0;">
646                            <img src="assets/img/app/app-portfolio/7.png" alt="screenshots">
647                      <div class="swiper-slide-shadow-left swiper-slide-shadow-coverflow" style="opacity: 1; transition-duration: 0ms;"></div><div class="swiper-slide-shadow-right swiper-slide-shadow-coverflow" style="opacity: 0; transition-duration: 0ms;"></div></div><div class="swiper-slide swiper-slide-visible swiper-slide-fully-visible swiper-slide-active" role="group" aria-label="7 / 7" data-swiper-slide-index="6" style="transition-duration: 0ms; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(1); z-index: 1;">
648                            <img src="assets/img/app/app-portfolio/8.png" alt="screenshots">
649                       <div class="swiper-slide-shadow-left swiper-slide-shadow-coverflow" style="opacity: 1; transition-duration: 0ms;"></div><div class="swiper-slide-shadow-right swiper-slide-shadow-coverflow" style="opacity: 0; transition-duration: 0ms;"></div></div><div class="swiper-slide swiper-slide-visible swiper-slide-fully-visible swiper-slide-active" role="group" aria-label="7 / 7" data-swiper-slide-index="6" style="transition-duration: 0ms; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(1); z-index: 1;">
650                            <img src="assets/img/app/app-portfolio/9.png" alt="screenshots">
651                       <div class="swiper-slide-shadow-left swiper-slide-shadow-coverflow" style="opacity: 1; transition-duration: 0ms;"></div><div class="swiper-slide-shadow-right swiper-slide-shadow-coverflow" style="opacity: 0; transition-duration: 0ms;"></div></div><div class="swiper-slide swiper-slide-visible swiper-slide-fully-visible swiper-slide-active" role="group" aria-label="7 / 7" data-swiper-slide-index="6" style="transition-duration: 0ms; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(1); z-index: 1;">
652                            <img src="assets/img/app/app-portfolio/10.png" alt="screenshots">
653                        <div class="swiper-slide-shadow-left swiper-slide-shadow-coverflow" style="opacity: 0; transition-duration: 0ms;"></div><div class="swiper-slide-shadow-right swiper-slide-shadow-coverflow" style="opacity: 1; transition-duration: 0ms;"></div></div></div>
654                    <div class="swiper-button-next aos-init" data-aos="fade-right" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-62ce10d43c373bb2f"></div>
655                    <div class="swiper-button-prev aos-init" data-aos="fade-left" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-62ce10d43c373bb2f"></div>
656                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
657            </div>
658        </div>
659
660<!---->
661<div class="about-area pt-75 pb-75">
662    <div class="container">
663        <div class="row align-items-center">
664       
665            <div class="col-lg-6 col-md-12">
666                <div class="app-about-content">
667                    <h2 style="
668    font-size: 28px;
669    font-weight: 700;
670">Our App Development Process</h2>
671                    <p style=" font-size: 19px; ">
6721.Consultation and Planning: We begin by
673understanding your vision and business
674requirements, followed by detailed planning to
675outline the project scope and goals.
676<br>
677<br>
6782.Design and Prototyping: Our design team creates
679intuitive and user-friendly prototypes, focusing on
680unique design and appealing user experience.
681<br>
682<br>
6833.Development: Using the latest technology stack
684and development languages, we build robust and
685scalable applications for iOS, Android, and web
686platforms.
687<br>
688<br>
6894.Testing and Quality Assurance: Rigorous testing is
690conducted to ensure the app is bug-free, and
691secure, and performs optimally across all devices.
692<br>
693<br>
6945.Deployment: We assist with launching your app on
695relevant platforms, ensuring a smooth release and
696availability to your target audience.
697<br>
698<br>
6996.Maintenance and Support: Post-launch, we provide
700ongoing support and updates to keep your app
701running seamlessly and efficiently.
702                    </p>
703                   
704                    
705                  
706                </div>
707            </div>
708             <div class="col-lg-6 col-md-12">
709                <div class="about-image">
710                    <img src="assets/img/banner/Process-Of-Mobile-App-Development.jpg" data-aos="fade-up" alt="about">
711                </div>
712            </div>
713            <p style="
714    padding-top: 30px;
715    font-size: 19px;
716    text-align: -webkit-center;
717    color: #000;
718">
719                THIS STRUCTURED APPROACH ENSURES WE DELIVER HIGH-QUALITY, CUSTOM MOBILE APPLICATIONS THAT MEET YOUR
720BUSINESS NEEDS AND EXCEED YOUR EXPECTATIONS.
721
722            </p>
723            
724        </div>
725    </div>
726</div>
727<!---->
728
729<!---->
730
731<div class="contact-info-area pb-100">
732    <div class="container">
733        <div class="contact-info-inner">
734            <h2>Book an appointment & get a Quote</h2>
735            <p style="
736    color: #fff;
737    padding: 0px 100px 0px 100px;
738">
739                READY TO TRANSFORM YOUR BUSINESS WITH A CUSTOM MOBILE APPLICATION? BOOK AN
740APPOINTMENT WITH US TODAY AND GET A PERSONALIZED QUOTE TAILORED TO YOUR NEEDS.
741            </p>
742            <div class="row justify-content-center">
743                <div class="btn-box">
744                        <a href="contact" class="default-btn" style="border: 2px solid #fff;">Get a Quote</a>
745                    <a href="javascript:;" onclick="$zopim.livechat.window.toggle()" class="default-btn" style="border: 2px solid #fff;">Chat now</a>
746                    </div>
747            </div>
748            <div class="lines">
749                <div class="line"></div>
750                <div class="line"></div>
751                <div class="line"></div>
752                <div class="line"></div>
753                <div class="line"></div>
754            </div>
755        </div>
756    </div>
757</div>
758
759<!---->
760
761
762
763
764
765 <div class="contact-area ptb-100">
766
767    <div class="container" id="contactformcontainer">
768
769        <div class="section-tetle">
770
771            <h2>LETS TALK</h2>
772
773            <p>Reach Out To Us Anytime!</p>
774
775        </div>
776
777        <div class="contact-form signin-form"  style=" max-width: 100%; padding: 0;">
778
779            <form action="../brief-form/PHPMailer-master/contact-sendmail.php" method="POST">
780
781                <div class="row">
782
783                    <div class="col-lg-6 col-md-6 col-sm-6">
784
785                        <div class="form-group">
786
787                            <input type="text" name="name" class="form-control" id="name" required
788
789                                data-error="Please enter your name" placeholder="Eg: Sarah Taylor">
790
791                            <div class="help-block with-errors"></div>
792
793                        </div>
794
795                    </div>
796
797                    <div class="col-lg-6 col-md-6 col-sm-6">
798
799                        <div class="form-group">
800
801                            <input type="email" name="email" class="form-control" id="email" required value=""
802
803                                data-error="Please enter your email" placeholder="[email protected]">
804
805                            <div class="help-block with-errors"></div>
806
807                        </div>
808
809                    </div>
810
811                    <div class="col-lg-6 col-md-6 col-sm-6">
812
813                        <div class="form-group">
814
815                            <input type="text" name="phone_number" class="form-control" id="phone_number" required
816
817                                data-error="Please enter your phone number" placeholder="Enter your phone number">
818
819                            <div class="help-block with-errors"></div>
820
821                        </div>
822
823                    </div>
824
825                    <div class="col-lg-6 col-md-6 col-sm-6">
826
827                        <div class="form-group">
828
829                            <input type="text" name="msg_subject" class="form-control" id="msg_subject"
830
831                                placeholder="Enter your subject" required data-error="Please enter your subject">
832
833                            <div class="help-block with-errors"></div>
834
835                        </div>
836
837                    </div>
838
839                    <div class="col-lg-12 col-md-12 col-sm-12">
840
841                        <div class="form-group">
842
843                            <textarea name="message" id="message" class="form-control" cols="30" rows="6" required
844
845                                data-error="Please enter your message" placeholder="Enter message..."></textarea>
846
847                            <div class="help-block with-errors"></div>
848
849                        </div>
850
851                    </div>
852                    <div class="col-lg-12 col-md-12 col-sm-12 remember-me-wrap" style="text-align-last: start;">
853                                        <p>
854                                            <input type="checkbox" required id="agree">
855                                            <label for="agree">
855By submitting your phone number, you are consenting to receive text messages from us. You can opt-out at any time by texting "STOP"</label>
856                                        </p>
857                                    </div>
858                    <div class="col-lg-12 col-md-12 col-sm-12 remember-me-wrap" style="text-align-last: start;    text-align: left; margin-top: 12px;">
859                                        <p>
860                                            <input type="checkbox" required id="agree2">
861                                            <label for="agree2">By submitting this form and signing up for texts, you consent to receive messages from Design Cosmics LLC at the number provided, including messages sent by autodialer. Consent is not a condition of purchase. Message & data rates may apply. Message frequency varies. Unsubscribe at any time by replying STOP. Reply HELP for help. 
862                                            Also, By submitting this form you are agreeing to our <a href="/privacy-policy" target="_blank">Privacy Policy</a> & <a href="/terms-conditions" target="_blank">Terms & Conditions</a>.</label>
863                                        </p>
864                                    </div>
865
866                    <div class="col-lg-12 col-md-12 col-sm-12">
867
868                        <button type="submit" class="default-btn"><i class="bx bx-paper-plane"></i> Send
869
870                            Message</button>
871
872                        <div id="msgSubmit" class="h3 text-center hidden"></div>
873
874                        <div class="clearfix"></div>
875
876                    </div>
877
878                </div>
879
880            </form>
881
882        </div>
883
884    </div>
885
886</div>
887
888
889
890
891   
892    <!---->
893
894
895
896    <div class="footer-area-style-with-black-color homesms">
897
898        <div class="container">
899
900            <div class="row">
901
902                <div class="col-lg-3 col-md-6 col-sm-6">
903
904                    <div class="single-footer-widget">
905
906                        <a href=" https://www.designcosmics.com/" class="logo">
907
908                            <img src="assets/img/design.png" alt="logo">
909
910                        </a>
911
912                        <p>Responsive Web Design Company Bringing Impactful Digital Strategies! Revenue Driven
913
914                            Strategies</p>
915
916                        <ul class="social-links">
917
918                            <li><a href="https://www.facebook.com/Design-Cosmics-100783422760437/" target="_blank"><i
919
920                                        class="ri-facebook-fill"></i></a></li>
921
922                            <li><a href="https://www.instagram.com/designcosmics/?hl=en" target="_blank"><i
923
924                                        class="ri-instagram-fill"></i></a></li>
925
926                            <li><a href="https://www.linkedin.com/company/design-cosmics/" target="_blank"><i
927
928                                        class="ri-linkedin-fill"></i></a></li>
929
930                            <li><a href="https://twitter.com/DesignCosmics" target="_blank"><i
931
932                                        class="ri-twitter-fill"></i></a></li>
933
934                            <li><a href="https://www.tumblr.com/blog/designcosmics" target="_blank"><i
935
936                                        class="ri-tumblr-fill"></i></a></li>
937
938                            <li style=" margin-top: 10px; margin-left: 2px;"><a href="https://www.pinterest.com/DesignCosmics1/" target="_blank"><i
939
940                                        class="ri-pinterest-fill"></i></a></li>
941
942                            <li><a href="https://www.behance.net/design-cosmics" target="_blank"><i
943
944                                        class="ri-behance-fill"></i></a></li>
945
946                            <li><a href="https://www.youtube.com/channel/UCIjQsjQOkkU18F-cDK9OuEg" target="_blank"><i
947
948                                        class="ri-youtube-fill"></i></a></li>
949
950                            <li><a href="https://www.quora.com/profile/Design-Cosmics-1" target="_blank"><i
951
952                                        class="fab fa-quora"></i></a></li>
953                        </ul>
954
955                    </div>
956
957                </div>
958
959                <div class="col-lg-2 col-md-6 col-sm-6">
960
961                    <div class="single-footer-widget pl-2">
962
963                        <h3>Company</h3>
964
965                        <ul class="links-list">
966
967                            <li><a href=" https://www.designcosmics.com/">Home</a></li>
968
969                            <li><a href="about">About Us</a></li>
970
971                            <li><a href="contact">Contact Us</a></li>
972                            <li><a href="https://blog.designcosmics.com/">Blog</a></li>
973                        </ul>
974
975                    </div>
976
977                </div>
978
979                <div class="col-lg-2 col-md-3 col-sm-6">
980                    <div class="single-footer-widget">
981                        <h3>Support</h3>
982                        <ul class="links-list">
983                            <li><a href="refund-policy">Refund Policy</a></li>
984                            <li><a href="privacy-policy">Privacy Policy</a></li>
985                            <li><a href="terms-conditions">Terms & Conditions</a></li>
986                        </ul>
987                    </div>
988                </div>
989
990                <div class="col-lg-2 col-md-3 col-sm-6">
991                    <div class="single-footer-widget">
992                        <h3>Useful Links</h3>
993
994                        <ul class="links-list">
995
996                            <li><a href="services">Services</a></li>
997
998                            <li><a href="packages">Packages</a></li>
999
1000                            <li><a href="portfolio">Portfolio</a></li>
1001
1002                        </ul>
1003
1004                    </div>
1005
1006                </div>
1007
1008                <div class="col-lg-3 col-md-6 col-sm-6">
1009
1010                    <div class="single-footer-widget">
1011
1012                        <h3>Newsletter</h3>
1013
1014                        <p>
1014Best solution for your it startup business, consecteturadipiscing elit.</p>
1015
1016                        <form class="newsletter-form" data-toggle="validator" action="/contact#contactformcontainer">
1017
1018                            <input type="email" class="input-newsletter" placeholder="Your Email" name="email" required
1019
1020                                autocomplete="off">
1021
1022                            <button type="submit"><i class="ri-send-plane-2-line"></i></button>
1023
1024                            <div id="validator-newsletter" class="form-result"></div>
1025
1026                        </form>
1027
1028                    </div>
1029
1030                </div>
1031
1032            </div>
1033
1034            <div class="copyright-area">
1035
1036                <p>Copyright
1037
1038                    
1038<script>document.write(new Date().getFullYear())</script>
1038
1039
1040                    <strong>Design Cosmics</strong>. All Rights Reserved by
1041
1042                    <a href="https://www.designcosmics.com/" target="_blank">Design Cosmics</a>
1043
1044                </p>
1045
1046                <p class="footer-content">
1047
1048                
1049                
1050                Disclaimer: The Design Cosmics logo, name, and graphic representation, and its products and services are trademarks
1051
1052                    of Design Cosmics. All other company names, trademarks, and logos mentioned on this website are the
1053
1054                    property of their respective owners and do not represent or imply an endorsement, sponsorship, or
1055
1056                    recommendation by Design Cosmics and do not constitute or claim endorsement, sponsorship, or
1057
1058                    recommendation by Design Cosmics. or imply endorsement, sponsorship or recommendation of Design
1059
1060                    Cosmics by the owner of such trademark.</p>
1061
1062            </div>
1063
1064        </div>
1065
1066
1067
1068        <div class="footer-white-shape">
1069
1070            <img src="assets/img/more-home/footer/footer-shape.png" alt="image">
1071
1072        </div>
1073
1074    </div>
1075
1076    <!-- End Footer Style With Black Color Area -->
1077
1078    <style>
1079
1080/* The Modal (background) */
1081.modal {
1082  display: none; /* Hidden by default */
1083  position: fixed; /* Stay in place */
1084  z-index: 1; /* Sit on top */
1085  padding-top: 100px; /* Location of the box */
1086  left: 0;
1087  top: 0;
1088  width: 100%; /* Full width */
1089  height: 100%; /* Full height */
1090  overflow: auto; /* Enable scroll if needed */
1091  background-color: rgb(0,0,0); /* Fallback color */
1092  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
1093}
1094
1095/* Modal Content */
1096.modal-content {
1097  background-color: #fefefe;
1098  margin: auto;
1099  padding: 20px;
1100  border: 1px solid #888;
1101  width: 70%;
1102}
1103
1104/* The Close Button */
1105.close {
1106  color: #aaaaaa;
1107  float: right;
1108  font-size: 28px;
1109  font-weight: bold;
1110  position: absolute;
1111  margin-left: 10px;
1112}
1113
1114.close:hover,
1115.close:focus {
1116  color: #000;
1117  text-decoration: none;
1118  cursor: pointer;
1119}
1120.smsform form .form-control{
1121    height: 40px;
1122    font-size: 12px;
1123}
1124
1125.smsform form .form-group {
1126    margin-bottom: 5px;
1127}
1128.smsform form button{
1129    margin-top: 10px;
1130}
1131@media only screen and (max-width: 767px) {
1132    .free-trial-inner {
1133    display:none;
1134    }
1135}
1136</style>
1137    
1138<!-- The Modal -->
1139<div id="myModal" class="modal">
1140
1141  <!-- Modal content -->
1142  
1143    
1144    <div class=" modal-content contact-form signin-form smsform"  style=" max-width: 70%;padding: 0;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-radius: 10px;">
1145    <span class="close">&times;</span>
1146    <div class="row">
1147    <div class="col-lg-6 col-md-6 col-sm-6" style="padding: 30px 30px 20px 30px;">
1148    <div class="section-tetle" style="margin-bottom: 14px;">
1149
1150               <h2 style=" margin-bottom: 7px;">Sign Up Today!</h2>
1151               <h5>to get 40% discount</h5>
1152                 <p style="    font-size: 13px;">Stay updated with exclusive offers, important updates, and more.</p>
1153
1154            </div>
1155            
1156            <form action="../brief-form/PHPMailer-master/sms-sendmail.php" method="POST">
1157
1158                <div class="row">
1159
1160                    <div class="col-lg-6 col-md-6 col-sm-6">
1161
1162                        <div class="form-group">
1163                            <input type="text" name="name" class="form-control" id="name" required
1164
1165                                data-error="Please enter your name" placeholder="Eg: Sarah Taylor">
1166
1167                            <div class="help-block with-errors"></div>
1168
1169                        </div>
1170
1171                    </div>
1172
1173                    <div class="col-lg-6 col-md-6 col-sm-6">
1174
1175                        <div class="form-group">
1176
1177                            <input type="email" name="email" class="form-control" id="email" 
1178
1179                                data-error="Please enter your email" placeholder="[email protected]">
1180
1181                            <div class="help-block with-errors"></div>
1182
1183                        </div>
1184
1185                    </div>
1186
1187                    <div class="col-lg-12 col-md-12 col-sm-12">
1188
1189                        <div class="form-group">
1190
1191                            <input type="text" name="phone_number" class="form-control" id="phone_number" required
1192
1193                                data-error="Please enter your phone number" placeholder="Enter your phone number">
1194
1195                            <div class="help-block with-errors"></div>
1196
1197                        </div>
1198
1199                    </div>
1200
1201
1202                    <div class="col-lg-12 col-md-12 col-sm-12 remember-me-wrap" style=" text-align-last: start; text-align: left; margin-top: 12px;">
1203                                        <p style="margin-bottom: 5px;">
1204                                            <input type="checkbox" required id="agree-terms" >
1205                                            <label for="agree-terms" style="line-height: 18px; font-size: 11px;">I have read the <a href="/privacy-policy" target="_blank">Privacy Policy</a> and <a href="/terms-conditions" target="_blank">Terms & Conditions</a>.</label>
1206                                        </p>
1207                                        <p>
1208                                            <input type="checkbox" required id="agree" >
1209                                            <label for="agree" style="line-height: 18px; font-size: 11px;">By submitting this form and signing up for texts, you consent to receive messages from Design Cosmics LLC at the number provided, including messages sent by autodialer. Consent is not a condition of purchase. Message & data rates may apply. Message frequency varies. Unsubscribe at any time by replying STOP. Reply HELP for help.</label>
1210                                        </p>
1211                                        
1212                                    </div>
1213                   
1214
1215                    <div class="col-lg-12 col-md-12 col-sm-12">
1216
1217                        <button type="submit" class="default-btn"><i class="bx bx-paper-plane"></i> Subscribe Now</button>
1218
1219                        <div id="msgSubmit" class="h3 text-center hidden"></div>
1220
1221                        <div class="clearfix"></div>
1222
1223
1224                    </div>
1225
1226                </div>
1227
1228            </form>
1229            </div>
1230            <div class="free-trial-inner col-lg-6 col-md-6 col-sm-6">
1231            <div class="">
1232                                <img src="assets/img/more-home/app-ever/app-ever.png" alt="free-trial" style=" height: 400px; margin-left: -100px;">
1233                            </div>
1234            <div class="shape8"><img src="assets/img/shape/shape7.png" alt="shape"></div>
1235            <div class="shape9"><img src="assets/img/shape/shape8.png" alt="shape"></div>
1236            <div class="lines">
1237                        <div class="line"></div>
1238                        <div class="line"></div>
1239                        <div class="line"></div>
1240                        <div class="line"></div>
1241                        <div class="line"></div>
1242                    </div>
1243            </div>
1244            </div> <!---row main---->
1245
1246
1247        </div>
1248
1249
1250</div>
1251
1252<script>
1253// Get the modal
1254var modal = document.getElementById("myModal");
1255
1256// Get the button that opens the modal
1257var btn = document.getElementById("myBtn");
1258
1259// Get the <span> element that closes the modal
1260var span = document.getElementsByClassName("close")[0];
1261
1262// When the user clicks the button, open the modal 
1263btn.onclick = function() {
1264  modal.style.display = "block";
1265}
1266
1267// When load page, open the modal 
1268window.onload = function() {
1269  
1270  setTimeout(function () {
1271                modal.style.display = "block";
1272            }, 5000); // Change 3000 to your preferred delay in milliseconds
1273}
1274
1275// When the user clicks on <span> (x), close the modal
1276span.onclick = function() {
1277  modal.style.display = "none";
1278}
1279
1280// When the user clicks anywhere outside of the modal, close it
1281window.onclick = function(event) {
1282  if (event.target == modal) {
1283    modal.style.display = "none";
1284  }
1285}
1286</script>
1286
1287
1288
1289
1290
1291
1292    <div class="go-top"><i class="ri-arrow-up-s-line"></i></div>
1293
1294    
1294<script id="ze-snippet"
1295
1296        src="https://static.zdassets.com/ekr/snippet.js?key=017237a3-ff9e-454c-b99b-54de2df88984"> </script>
1296
1297
1298    
1298<script>
1299
1300        zE(function () {
1301
1302            $zopim(function () {
1303
1304                $zopim.livechat.setOnUnreadMsgs(unread);
1305
1306                function unread(number) {
1307
1308                    if (number >= 1) {
1309
1310                        $zopim.livechat.window.show();
1311
1312                    }
1313
1314                }
1315
1316            });
1317
1318        });
1319
1320    </script>
1320
1321
1322    <!-- Link of JS files -->
1323
1324    
1324<script src="assets/js/jquery.min.js"></script>
1324
1325
1326    
1326<script src="assets/js/bootstrap.bundle.min.js"></script>
1326
1327
1328    
1328<script src="assets/js/owl.carousel.min.js"></script>
1328
1329
1330    
1330<script src="assets/js/swiper-bundle.min.js"></script>
1330
1331
1332    
1332<script src="assets/js/magnific-popup.min.js"></script>
1332
1333
1334    
1334<script src="assets/js/meanmenu.min.js"></script>
1334
1335
1336    
1336<script src="assets/js/appear.min.js"></script>
1336
1337
1338    
1338<script src="assets/js/odometer.min.js"></script>
1338
1339
1340    
1340<script src="assets/js/form-validator.min.js"></script>
1340
1341
1342    
1342<script src="assets/js/contact-form-script.js"></script>
1342
1343
1344    
1344<script src="assets/js/ajaxchimp.min.js"></script>
1344
1345
1346    
1346<script src="assets/js/aos.js"></script>
1346
1347
1348    
1348<script src="assets/js/main.js"></script>
1348
1349
1350</body>
1351</html><!-- Footer -->

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.