PageSourceSearch

https://josephberardi.com/contact

html josephberardi.com collected 2026-10-04 22:18:22 UTC 34,517 bytes, 905 lines download raw bytes

1<!---->
2<!---->
3 <!Doctype html>
4    <html lang="en">
5    <head>
6
7    <!-- Google Tag Manager -->
8<script>
vendor: 331 bytes, lines 8-12
8(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({"gtm.start":
9new Date().getTime(),event:"gtm.js"});var f=d.getElementsByTagName(s)[0],
10j=d.createElement(s),dl=l!="dataLayer"?"&l="+l:"";j.async=true;j.src=
11"https://www.googletagmanager.com/gtm.js?id="+i+dl;f.parentNode.insertBefore(j,f);
12})(window,document,"script","dataLayer","
12GTM-WB6RPD46
vendor: 3 bytes, line 12
12");
12</script>
12
13<!-- End Google Tag Manager -->
14
15
16
17    
18    
19    
20   
21
22
23
24
25<!-- Meta Pixel Code -->
26<script>
vendor: 408 bytes, lines 26-35
26
27!function(f,b,e,v,n,t,s)
28{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
29n.callMethod.apply(n,arguments):n.queue.push(arguments)};
30if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version="2.0";
31n.queue=[];t=b.createElement(e);t.async=!0;
32t.src=v;s=b.getElementsByTagName(e)[0];
33s.parentNode.insertBefore(t,s)}(window, document,"script",
34"https://connect.facebook.net/en_US/fbevents.js");
35fbq("init", "
351679011589312505
vendor: 32 bytes, lines 35-36
35");
36fbq("track", "PageView");
37</script>
37
38<noscript><img height="1" width="1" style="display:none"
39src="https://www.facebook.com/tr?id=1679011589312505&ev=PageView&noscript=1"
40/></noscript>
41<!-- End Meta Pixel Code -->
42
43<meta name="facebook-domain-verification" content="fiqo2803ftybzlf5l8b8p73jwwmoj0" />
44
45<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>
45
46        <!-- Required meta tags -->
47        <meta charset="utf-8">
48        <meta name="viewport" content="width=device-width, initial-scale=1">
49        <title>Speak With An Expert</title>
50        <meta name="description" content="  " />
51        <meta name="robots" content="index, follow">
52        <link rel="canonical" href="https://www.designcosmics.com/contact"/>
53        <meta name="google-site-verification" content="IPclBdxBguHcpFrzoEnrB2pn2qBAOm_Pb4E2OdNZFIk" />
54        <meta property="og:locale" content="en_US" />
55        <meta property="og:type" content="website" />
56        <meta property="og:title" content="Speak With An Expert" />
57        <meta property="og:description" content="  " />
58        <meta property="og:url" content="https://www.designcosmics.com/contact" />
59        <meta property="og:site_name" content=" Design Cosmics" />
60        <meta property="og:updated_time" content="2023-22-29T12:02:43+00:00" />
61        <meta property="og:image" content=" https://www.designcosmics.com/assets/img/design.png " />
62        <meta property="og:image:secure_url" content=" https://www.designcosmics.com/assets/img/design.png">
63        <meta property="og:image:width" content="1293" />
64        <meta property="og:image:height" content="748" />
65        <meta property="og:image:alt" content=" Custom Web Development " />
66        <meta property="og:image:type" content="image/jpeg" />
67        <meta name="twitter:card" content="summary_large_image" />
68        <meta name="twitter:title" content="Speak With An Expert" />
69        <meta name="twitter:description" content="  " />
70        <meta name="twitter:site" content=" @DesignCosmics" />
71        <meta name="twitter:creator" content=" @DesignCosmics" />
72        <meta name="twitter:image" content=" https://www.designcosmics.com/assets/img/design.png " />
73        <meta name="twitter:label1" content="Written by" />
74        <meta name="twitter:data1" content="DesignCosmics" />
75        <meta name="twitter:label2" content="Time to read" />
76        <meta name="twitter:data2" content="3 minutes" />
77        <!-- Link of CSS files -->
78        <link rel="stylesheet" href="assets/css/style.css">
79        <link rel="stylesheet" href="assets/css/bootstrap.min.css">
80        <link rel="stylesheet" href="assets/css/aos.css">
81        <link rel="stylesheet" href="assets/css/all.min.css">
82        <link rel="stylesheet" href="assets/css/odometer.min.css">
83        <link rel="stylesheet" href="assets/css/remixicon.css">
84        <link rel="stylesheet" href="assets/css/magnific-popup.min.css">
85        <link rel="stylesheet" href="assets/css/meanmenu.min.css">
86        <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
87        <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
88        <link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
89        <link rel="stylesheet" href="assets/css/pages-css/profile-authentication.css">
90        <link rel="icon" type="image/png" href="assets/img/favicon.png">
91
92        <!-- Pixel Code - https://webwatch.devhostest.com/ -->
93<script defer src="https://webwatch.devhostest.com/pixel/bE91YQg3LJ1fDXWQ"></script>
93
94<!-- END Pixel Code -->
95
96
97    </head>
98    
99    <style>
100    a{
101        text-decoration: none;
102    }
103
104      #custom-zendesk-notification {
105            position:fixed; 
106            bottom:12px; 
107            left:15px; 
108            right:15px; 
109            background:white; 
110            padding:12px; 
111            box-shadow:0 2px 10px rgba(0,0,0,0.3); 
112            border-radius:8px; 
113            z-index:999999; 
114            font-family:sans-serif;
115            display: none;
116            
117}
118
119/* Show only on mobile */
120@media (min-width: 768px) {
121  #custom-zendesk-notification {
122    display: none !important;
123  }
124
125
126    </style>
127
128    <div id="custom-zendesk-notification">
129  <p><strong id="agent-name">Agent</strong><br><span id="agent-msg">Hello! Need help?</span></p>
130  <div class="btnwrp">
131  <a class="default-btn" href="javascript:;" onclick="openZendeskChat()">Reply</a>
132        <a class="btn-secnd btnpulsewhite ordr-frm" href="javascript:;" onclick="dismissZendeskNotification()">Dismiss</a>
133        
134                        </div>
135</div>
136
137 
137<script>
138  // Hide default chat widget
139  //zE("webWidget", "hide");
140
141  // Show custom notification only on mobile
142  function isMobile() {
143    return window.innerWidth < 768;
144  }
145
146  zE("webWidget:on", "chat:received", function(payload) {
147    if (isMobile()) {
148      document.getElementById("agent-name").innerText = payload.nick;
149      document.getElementById("agent-msg").innerText = payload.msg;
150      document.getElementById("custom-zendesk-notification").style.display = "block";
151    }
152  });
153
154  function openZendeskChat() {
155    document.getElementById("custom-zendesk-notification").style.display = "none";
156    zE("webWidget", "show");
157    zE("webWidget", "open");
158  }
159
160  function dismissZendeskNotification() {
161    document.getElementById("custom-zendesk-notification").style.display = "none";
162  }
163</script>
163
164    
165     
165<script>
166     
167     window.zESettings = {
168            webWidget: {
169              color: {
170                theme: "f8555b",
171              },
172            },
173        };
174     
175     </script>
175
176    <!---->
177<!---->
178
179    <body>
180    <!-- Start Navbar Area -->
181    <div class="navbar-area pakap-new-navbar-area" style="background-color: white;">
182        <div class="pakap-responsive-nav">
183            <div class="container">
184                <div class="pakap-responsive-menu">
185                    <div class="logo">
186                        <a href=" https://www.designcosmics.com/"><img src="assets/img/design.png" alt="logo"></a>
187                    </div>
188                </div>
189            </div>
190        </div>
191        <div class="pakap-nav">
192            <div class="container">
193                <nav class="navbar navbar-expand-lg navbar-light bg-light">
194                    <a class="navbar-brand" href=" https://www.designcosmics.com/"> <img src="assets/img/design.png" alt="logo"></a>
195                    <div class="collapse navbar-collapse mean-menu">
196                        <ul class="navbar-nav">
197                            <li class="nav-item"><a href=" https://www.designcosmics.com/" class=" nav-link active">Home</a> </li>
198                            <li class="nav-item"><a href="about" class=" nav-link">About Us</a>
199                            </li>
200                            <li class="nav-item dropdown">
201                            <a class="nav-link dropdown-toggle" href="services" role="button" data-bs-toggle="dropdown">Services</a>
202                            <ul class="dropdown-menu">
203                             <li><a class="dropdown-item" href="logo-design">Logo Design</a></li>
204                             <li><a class="dropdown-item" href="website-design-development">Website Design Development</a></li>
205                              <li><a class="dropdown-item" href="custom-app-development">Custom App Development</a></li>
206                             <li class="dropdown dropdown-submenu"><a href="digital-marketing" class="dropdown-toggle" data-toggle="dropdown">Digital Marketing </a>
207                                <ul class="dropdown-menu">
208                                    <!---- <li class="kopie"><a href="search-engine-optimization">Search Engine Optimization</a></li> --->
209                                    <li><a href="social-media-marketing">Social Media Marketing</a></li>
210                                </ul>
211                            </li>
212                            
213                             <li><a class="dropdown-item" href="explainer-video-animation">Explainer Video Animation</a></li>
214                             <li class="dropdown dropdown-submenu"><a href="ecommerce-solutions" class="dropdown-toggle"
215                             data-toggle="dropdown">Ecommerce Automation </a>
216                                <ul class="dropdown-menu">
217                                    <li class="kopie"><a href="amazon-seller-service">Amazon Seller Service</a></li>
218                                    <li><a href="ebay-seller-service">ebay Seller Service</a></li>
219                                    <li><a href="walmart-seller-service">Walmart Seller Service</a></li>
220                                    <li><a href="etsy-seller-service">Etsy Seller Service</a></li>
221                                </ul>
222                            </li>
223                            
224                            </ul>
225                            </li>
226                            <li class="nav-item"><a href="portfolio" class=" nav-link">Porfolio</a></li>
227                            <li class="nav-item"><a href="packages" class=" nav-link">Packages</a>
228                            </li>
229                            <li class="nav-item"><a href="https://www.cosmicspublishers.com/" class=" nav-link">Publishers</a></li>
230                            <li class="nav-item"><a href="contact" class=" nav-link">Contact Us</a>
231                            </li>
232                        </ul>
233                        <div class="others-option">
234                            <a href="#" onclick="$zopim.livechat.window.toggle()" class="default-btn">Avail Free Consultancy</a>
235                        </div>
236                    </div>
237                </nav>
238            </div>
239        </div>
240    </div>
241    <!-- End Navbar Area --><!---->
242<!---->
243
244    <div class="page-tetle-area">
245    <div class="container">
246        <div class="page-tetle-content">
247            <h2>Contact Us</h2>
248            <ul>
249                <li><a href="https://www.designcosmics.com/">Home</a></li>
250                <li>Contact Us</li>
251            </ul>
252        </div>
253    </div>
254    <div class="divider"></div>
255    <div class="lines">
256        <div class="line"></div>
257        <div class="line"></div>
258        <div class="line"></div>
259        <div class="line"></div>
260        <div class="line"></div>
261    </div>
262    <div class="banner-shape1"><img src="assets/img/shape/shape9.png" alt="image"></div>
263</div><!---->
264<!---->
265 <div class="contact-area ptb-100">
266
267    <div class="container" id="contactformcontainer">
268
269        <div class="section-tetle">
270
271            <h2>LETS TALK</h2>
272
273            <p>Reach Out To Us Anytime!</p>
274
275        </div>
276
277        <div class="contact-form signin-form"  style=" max-width: 100%; padding: 0;">
278
279            <form action="../brief-form/PHPMailer-master/contact-sendmail.php" method="POST">
280
281                <div class="row">
282
283                    <div class="col-lg-6 col-md-6 col-sm-6">
284
285                        <div class="form-group">
286
287                            <input type="text" name="name" class="form-control" id="name" required
288
289                                data-error="Please enter your name" placeholder="Eg: Sarah Taylor">
290
291                            <div class="help-block with-errors"></div>
292
293                        </div>
294
295                    </div>
296
297                    <div class="col-lg-6 col-md-6 col-sm-6">
298
299                        <div class="form-group">
300
301                            <input type="email" name="email" class="form-control" id="email" required value=""
302
303                                data-error="Please enter your email" placeholder="[email protected]">
304
305                            <div class="help-block with-errors"></div>
306
307                        </div>
308
309                    </div>
310
311                    <div class="col-lg-6 col-md-6 col-sm-6">
312
313                        <div class="form-group">
314
315                            <input type="text" name="phone_number" class="form-control" id="phone_number" required
316
317                                data-error="Please enter your phone number" placeholder="Enter your phone number">
318
319                            <div class="help-block with-errors"></div>
320
321                        </div>
322
323                    </div>
324
325                    <div class="col-lg-6 col-md-6 col-sm-6">
326
327                        <div class="form-group">
328
329                            <input type="text" name="msg_subject" class="form-control" id="msg_subject"
330
331                                placeholder="Enter your subject" required data-error="Please enter your subject">
332
333                            <div class="help-block with-errors"></div>
334
335                        </div>
336
337                    </div>
338
339                    <div class="col-lg-12 col-md-12 col-sm-12">
340
341                        <div class="form-group">
342
343                            <textarea name="message" id="message" class="form-control" cols="30" rows="6" required
344
345                                data-error="Please enter your message" placeholder="Enter message..."></textarea>
346
347                            <div class="help-block with-errors"></div>
348
349                        </div>
350
351                    </div>
352                    <div class="col-lg-12 col-md-12 col-sm-12 remember-me-wrap" style="text-align-last: start;">
353                                        <p>
354                                            <input type="checkbox" required id="agree">
355                                            <label for="agree">
355By submitting your phone number, you are consenting to receive text messages from us. You can opt-out at any time by texting "STOP"</label>
356                                        </p>
357                                    </div>
358                    <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;">
359                                        <p>
360                                            <input type="checkbox" required id="agree2">
361                                            <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. 
362                                            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>
363                                        </p>
364                                    </div>
365
366                    <div class="col-lg-12 col-md-12 col-sm-12">
367
368                        <button type="submit" class="default-btn"><i class="bx bx-paper-plane"></i> Send
369
370                            Message</button>
371
372                        <div id="msgSubmit" class="h3 text-center hidden"></div>
373
374                        <div class="clearfix"></div>
375
376                    </div>
377
378                </div>
379
380            </form>
381
382        </div>
383
384    </div>
385
386</div><!---->
387<!---->
388<div class="maps">
389        <iframe
390            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3089.8201158826946!2d-77.2747721851437!3d39.24695493386942!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89b62a31a4412605%3A0xd0f1999231a7b7d8!2s23930%20Catawba%20Hill%20Dr%2C%20Clarksburg%2C%20MD%2020871%2C%20USA!5e0!3m2!1sen!2s!4v1663095472621!5m2!1sen!2s"></iframe>
391    </div>
392<!---->
393<!---->
394<div class="contact-info-area pb-100">
395    <div class="container">
396        <div class="contact-info-inner">
397            <h2>Have any question in mind please call or mail us</h2>
398            <div class="row justify-content-center">
399                <div class="col-lg-4 col-md-6 col-sm-6">
400                    <div class="single-contact-info-box">
401                        <div class="icon bg1">
402                            <i class="ri-customer-service-2-line"></i>
403                        </div>
404                        <h3>
405                            <a id="phoneclick" href="tel:+16674580432">(667)-458-0432</a> <br>
406                            <a id="phoneclick2" href="tel:+13014766116">(301)-476-6116</a> <br>
407                            <a id="phoneclick3" href="tel:+16673031432">(667)-303-1432</a> 
408                            
409                        
410                        </h3>
411                    </div>
412                </div>
413                <div class="col-lg-4 col-md-6 col-sm-6">
414                    <div class="single-contact-info-box" style="
415    padding: 30px 30px 85px 30px;
416">
417                        <div class="icon">
418                            <i class="ri-earth-line"></i>
419                        </div>
420                        <h3><a href="mailto:[email protected]"><span>[email protected]</span></a></h3>
421
422                    </div>
423                </div>
424                <div class="col-lg-4 col-md-6 col-sm-6">
425                    <div class="single-contact-info-box">
426                        <div class="icon bg2">
427                            <i class="ri-map-pin-line"></i>
428                        </div>
429                        <h3>Visit Us - US Office 23930 Catawba Hill Dr, Clarksburg MD 20871</h3>
430                    </div>
431                </div>
432            </div>
433            <div class="lines">
434                <div class="line"></div>
435                <div class="line"></div>
436                <div class="line"></div>
437                <div class="line"></div>
438                <div class="line"></div>
439            </div>
440        </div>
441    </div>
442</div>
443<!---->
444<!---->
445   
446    <!---->
447
448
449
450    <div class="footer-area-style-with-black-color homesms">
451
452        <div class="container">
453
454            <div class="row">
455
456                <div class="col-lg-3 col-md-6 col-sm-6">
457
458                    <div class="single-footer-widget">
459
460                        <a href=" https://www.designcosmics.com/" class="logo">
461
462                            <img src="assets/img/design.png" alt="logo">
463
464                        </a>
465
466                        <p>Responsive Web Design Company Bringing Impactful Digital Strategies! Revenue Driven
467
468                            Strategies</p>
469
470                        <ul class="social-links">
471
472                            <li><a href="https://www.facebook.com/Design-Cosmics-100783422760437/" target="_blank"><i
473
474                                        class="ri-facebook-fill"></i></a></li>
475
476                            <li><a href="https://www.instagram.com/designcosmics/?hl=en" target="_blank"><i
477
478                                        class="ri-instagram-fill"></i></a></li>
479
480                            <li><a href="https://www.linkedin.com/company/design-cosmics/" target="_blank"><i
481
482                                        class="ri-linkedin-fill"></i></a></li>
483
484                            <li><a href="https://twitter.com/DesignCosmics" target="_blank"><i
485
486                                        class="ri-twitter-fill"></i></a></li>
487
488                            <li><a href="https://www.tumblr.com/blog/designcosmics" target="_blank"><i
489
490                                        class="ri-tumblr-fill"></i></a></li>
491
492                            <li style=" margin-top: 10px; margin-left: 2px;"><a href="https://www.pinterest.com/DesignCosmics1/" target="_blank"><i
493
494                                        class="ri-pinterest-fill"></i></a></li>
495
496                            <li><a href="https://www.behance.net/design-cosmics" target="_blank"><i
497
498                                        class="ri-behance-fill"></i></a></li>
499
500                            <li><a href="https://www.youtube.com/channel/UCIjQsjQOkkU18F-cDK9OuEg" target="_blank"><i
501
502                                        class="ri-youtube-fill"></i></a></li>
503
504                            <li><a href="https://www.quora.com/profile/Design-Cosmics-1" target="_blank"><i
505
506                                        class="fab fa-quora"></i></a></li>
507                        </ul>
508
509                    </div>
510
511                </div>
512
513                <div class="col-lg-2 col-md-6 col-sm-6">
514
515                    <div class="single-footer-widget pl-2">
516
517                        <h3>Company</h3>
518
519                        <ul class="links-list">
520
521                            <li><a href=" https://www.designcosmics.com/">Home</a></li>
522
523                            <li><a href="about">About Us</a></li>
524
525                            <li><a href="contact">Contact Us</a></li>
526                            <li><a href="https://blog.designcosmics.com/">Blog</a></li>
527                        </ul>
528
529                    </div>
530
531                </div>
532
533                <div class="col-lg-2 col-md-3 col-sm-6">
534                    <div class="single-footer-widget">
535                        <h3>Support</h3>
536                        <ul class="links-list">
537                            <li><a href="refund-policy">Refund Policy</a></li>
538                            <li><a href="privacy-policy">Privacy Policy</a></li>
539                            <li><a href="terms-conditions">Terms & Conditions</a></li>
540                        </ul>
541                    </div>
542                </div>
543
544                <div class="col-lg-2 col-md-3 col-sm-6">
545                    <div class="single-footer-widget">
546                        <h3>Useful Links</h3>
547
548                        <ul class="links-list">
549
550                            <li><a href="services">Services</a></li>
551
552                            <li><a href="packages">Packages</a></li>
553
554                            <li><a href="portfolio">Portfolio</a></li>
555
556                        </ul>
557
558                    </div>
559
560                </div>
561
562                <div class="col-lg-3 col-md-6 col-sm-6">
563
564                    <div class="single-footer-widget">
565
566                        <h3>Newsletter</h3>
567
568                        <p>
568Best solution for your it startup business, consecteturadipiscing elit.</p>
569
570                        <form class="newsletter-form" data-toggle="validator" action="/contact#contactformcontainer">
571
572                            <input type="email" class="input-newsletter" placeholder="Your Email" name="email" required
573
574                                autocomplete="off">
575
576                            <button type="submit"><i class="ri-send-plane-2-line"></i></button>
577
578                            <div id="validator-newsletter" class="form-result"></div>
579
580                        </form>
581
582                    </div>
583
584                </div>
585
586            </div>
587
588            <div class="copyright-area">
589
590                <p>Copyright
591
592                    
592<script>document.write(new Date().getFullYear())</script>
592
593
594                    <strong>Design Cosmics</strong>. All Rights Reserved by
595
596                    <a href="https://www.designcosmics.com/" target="_blank">Design Cosmics</a>
597
598                </p>
599
600                <p class="footer-content">
601
602                
603                
604                Disclaimer: The Design Cosmics logo, name, and graphic representation, and its products and services are trademarks
605
606                    of Design Cosmics. All other company names, trademarks, and logos mentioned on this website are the
607
608                    property of their respective owners and do not represent or imply an endorsement, sponsorship, or
609
610                    recommendation by Design Cosmics and do not constitute or claim endorsement, sponsorship, or
611
612                    recommendation by Design Cosmics. or imply endorsement, sponsorship or recommendation of Design
613
614                    Cosmics by the owner of such trademark.</p>
615
616            </div>
617
618        </div>
619
620
621
622        <div class="footer-white-shape">
623
624            <img src="assets/img/more-home/footer/footer-shape.png" alt="image">
625
626        </div>
627
628    </div>
629
630    <!-- End Footer Style With Black Color Area -->
631
632    <style>
633
634/* The Modal (background) */
635.modal {
636  display: none; /* Hidden by default */
637  position: fixed; /* Stay in place */
638  z-index: 1; /* Sit on top */
639  padding-top: 100px; /* Location of the box */
640  left: 0;
641  top: 0;
642  width: 100%; /* Full width */
643  height: 100%; /* Full height */
644  overflow: auto; /* Enable scroll if needed */
645  background-color: rgb(0,0,0); /* Fallback color */
646  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
647}
648
649/* Modal Content */
650.modal-content {
651  background-color: #fefefe;
652  margin: auto;
653  padding: 20px;
654  border: 1px solid #888;
655  width: 70%;
656}
657
658/* The Close Button */
659.close {
660  color: #aaaaaa;
661  float: right;
662  font-size: 28px;
663  font-weight: bold;
664  position: absolute;
665  margin-left: 10px;
666}
667
668.close:hover,
669.close:focus {
670  color: #000;
671  text-decoration: none;
672  cursor: pointer;
673}
674.smsform form .form-control{
675    height: 40px;
676    font-size: 12px;
677}
678
679.smsform form .form-group {
680    margin-bottom: 5px;
681}
682.smsform form button{
683    margin-top: 10px;
684}
685@media only screen and (max-width: 767px) {
686    .free-trial-inner {
687    display:none;
688    }
689}
690</style>
691    
692<!-- The Modal -->
693<div id="myModal" class="modal">
694
695  <!-- Modal content -->
696  
697    
698    <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;">
699    <span class="close">&times;</span>
700    <div class="row">
701    <div class="col-lg-6 col-md-6 col-sm-6" style="padding: 30px 30px 20px 30px;">
702    <div class="section-tetle" style="margin-bottom: 14px;">
703
704               <h2 style=" margin-bottom: 7px;">Sign Up Today!</h2>
705               <h5>to get 40% discount</h5>
706                 <p style="    font-size: 13px;">Stay updated with exclusive offers, important updates, and more.</p>
707
708            </div>
709            
710            <form action="../brief-form/PHPMailer-master/sms-sendmail.php" method="POST">
711
712                <div class="row">
713
714                    <div class="col-lg-6 col-md-6 col-sm-6">
715
716                        <div class="form-group">
717                            <input type="text" name="name" class="form-control" id="name" required
718
719                                data-error="Please enter your name" placeholder="Eg: Sarah Taylor">
720
721                            <div class="help-block with-errors"></div>
722
723                        </div>
724
725                    </div>
726
727                    <div class="col-lg-6 col-md-6 col-sm-6">
728
729                        <div class="form-group">
730
731                            <input type="email" name="email" class="form-control" id="email" 
732
733                                data-error="Please enter your email" placeholder="[email protected]">
734
735                            <div class="help-block with-errors"></div>
736
737                        </div>
738
739                    </div>
740
741                    <div class="col-lg-12 col-md-12 col-sm-12">
742
743                        <div class="form-group">
744
745                            <input type="text" name="phone_number" class="form-control" id="phone_number" required
746
747                                data-error="Please enter your phone number" placeholder="Enter your phone number">
748
749                            <div class="help-block with-errors"></div>
750
751                        </div>
752
753                    </div>
754
755
756                    <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;">
757                                        <p style="margin-bottom: 5px;">
758                                            <input type="checkbox" required id="agree-terms" >
759                                            <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>
760                                        </p>
761                                        <p>
762                                            <input type="checkbox" required id="agree" >
763                                            <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>
764                                        </p>
765                                        
766                                    </div>
767                   
768
769                    <div class="col-lg-12 col-md-12 col-sm-12">
770
771                        <button type="submit" class="default-btn"><i class="bx bx-paper-plane"></i> Subscribe Now</button>
772
773                        <div id="msgSubmit" class="h3 text-center hidden"></div>
774
775                        <div class="clearfix"></div>
776
777
778                    </div>
779
780                </div>
781
782            </form>
783            </div>
784            <div class="free-trial-inner col-lg-6 col-md-6 col-sm-6">
785            <div class="">
786                                <img src="assets/img/more-home/app-ever/app-ever.png" alt="free-trial" style=" height: 400px; margin-left: -100px;">
787                            </div>
788            <div class="shape8"><img src="assets/img/shape/shape7.png" alt="shape"></div>
789            <div class="shape9"><img src="assets/img/shape/shape8.png" alt="shape"></div>
790            <div class="lines">
791                        <div class="line"></div>
792                        <div class="line"></div>
793                        <div class="line"></div>
794                        <div class="line"></div>
795                        <div class="line"></div>
796                    </div>
797            </div>
798            </div> <!---row main---->
799
800
801        </div>
802
803
804</div>
805
806<script>
807// Get the modal
808var modal = document.getElementById("myModal");
809
810// Get the button that opens the modal
811var btn = document.getElementById("myBtn");
812
813// Get the <span> element that closes the modal
814var span = document.getElementsByClassName("close")[0];
815
816// When the user clicks the button, open the modal 
817btn.onclick = function() {
818  modal.style.display = "block";
819}
820
821// When load page, open the modal 
822window.onload = function() {
823  
824  setTimeout(function () {
825                modal.style.display = "block";
826            }, 5000); // Change 3000 to your preferred delay in milliseconds
827}
828
829// When the user clicks on <span> (x), close the modal
830span.onclick = function() {
831  modal.style.display = "none";
832}
833
834// When the user clicks anywhere outside of the modal, close it
835window.onclick = function(event) {
836  if (event.target == modal) {
837    modal.style.display = "none";
838  }
839}
840</script>
840
841
842
843
844
845
846    <div class="go-top"><i class="ri-arrow-up-s-line"></i></div>
847
848    
848<script id="ze-snippet"
849
850        src="https://static.zdassets.com/ekr/snippet.js?key=017237a3-ff9e-454c-b99b-54de2df88984"> </script>
850
851
852    
852<script>
853
854        zE(function () {
855
856            $zopim(function () {
857
858                $zopim.livechat.setOnUnreadMsgs(unread);
859
860                function unread(number) {
861
862                    if (number >= 1) {
863
864                        $zopim.livechat.window.show();
865
866                    }
867
868                }
869
870            });
871
872        });
873
874    </script>
874
875
876    <!-- Link of JS files -->
877
878    
878<script src="assets/js/jquery.min.js"></script>
878
879
880    
880<script src="assets/js/bootstrap.bundle.min.js"></script>
880
881
882    
882<script src="assets/js/owl.carousel.min.js"></script>
882
883
884    
884<script src="assets/js/swiper-bundle.min.js"></script>
884
885
886    
886<script src="assets/js/magnific-popup.min.js"></script>
886
887
888    
888<script src="assets/js/meanmenu.min.js"></script>
888
889
890    
890<script src="assets/js/appear.min.js"></script>
890
891
892    
892<script src="assets/js/odometer.min.js"></script>
892
893
894    
894<script src="assets/js/form-validator.min.js"></script>
894
895
896    
896<script src="assets/js/contact-form-script.js"></script>
896
897
898    
898<script src="assets/js/ajaxchimp.min.js"></script>
898
899
900    
900<script src="assets/js/aos.js"></script>
900
901
902    
902<script src="assets/js/main.js"></script>
902
903
904</body>
905</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.