CINXE.COM
Marketing Agency
<!DOCTYPE html> <html dir="" lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Marketing Agency</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="apple-touch-fullscreen" content="yes"> <meta name="HandheldFriendly" content="True"> <meta name="author" content="Marketing Agency"> <meta name="keywords" content="Designing,Apps"> <meta name="description" content="Designing systems useful for the user is the most interesting element in the entire field of design, which makes it goosebumps with each completed project."> <!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <meta property="og:url" content="https://demo.workdo.io/vcardgo-saas/marketing-agency"> <meta property="og:title" content="Marketing Agency"> <meta property="og:description" content="Designing systems useful for the user is the most interesting element in the entire field of design, which makes it goosebumps with each completed project."> <meta property="og:image" content="https://demo.workdo.io/vcardgo-saas/storage/meta_image//meta_image_16814529411726421204.jpg"> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:url" content="https://demo.workdo.io/vcardgo-saas/marketing-agency"> <meta property="twitter:title" content="Marketing Agency"> <meta property="twitter:description" content="Designing systems useful for the user is the most interesting element in the entire field of design, which makes it goosebumps with each completed project."> <meta property="twitter:image" content="https://demo.workdo.io/vcardgo-saas/storage/meta_image//meta_image_16814529411726421204.jpg"> <link rel="icon" href="https://demo.workdo.io/vcardgo-saas/storage/uploads/logo/favicon.png" type="image" sizes="16x16"> <link rel="stylesheet" href="https://demo.workdo.io/vcardgo-saas/custom/theme14/libs/@fortawesome/fontawesome-free/css/all.min.css"> <link rel="stylesheet" href="https://demo.workdo.io/vcardgo-saas/custom/theme14/fonts/stylesheet.css"> <link rel="stylesheet" href="https://demo.workdo.io/vcardgo-saas/custom/css/emojionearea.min.css"> <link rel="stylesheet" href="https://demo.workdo.io/vcardgo-saas/assets/css/plugins/animate.min.css" /> <link rel="stylesheet" href="https://demo.workdo.io/vcardgo-saas/custom/theme14/modal/bootstrap.min.css"> <link rel="stylesheet" href="https://demo.workdo.io/vcardgo-saas/custom/theme14/css/main-style.css"> <link rel="stylesheet" href="https://demo.workdo.io/vcardgo-saas/custom/theme14/css/responsive.css"> <link rel='stylesheet' href='https://demo.workdo.io/vcardgo-saas/css/cookieconsent.css' media="screen" /> <style type="text/css"> </style> <meta name="mobile-wep-app-capable" content="yes"> <meta name="apple-mobile-wep-app-capable" content="yes"> <meta name="msapplication-starturl" content="/"> <link rel="apple-touch-icon" href="https://demo.workdo.io/vcardgo-saas/storage/uploads/logo/favicon.png" /> <link rel="manifest" href="https://demo.workdo.io/vcardgo-saas/storage/uploads/theme_app/business_14/manifest.json" /> <meta name="theme-color" content="#9be1b6" /> <meta name="apple-mobile-web-app-status-bar" content="#9be1b6" /> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '******************************'); fbq('track', 'PageView'); </script> <noscript><img height='1' width='1' style='display:none' src='https://www.facebook.com/tr?id=0&ev=PageView&noscript=1'/></noscript> <script> !function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments); },s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='https://static.ads-twitter.com/uwt.js', a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script'); twq('config','******************************'); </script> <script type='text/javascript'> _linkedin_data_partner_id = 0; </script> <script type='text/javascript'> (function () { var s = document.getElementsByTagName('script')[0]; var b = document.createElement('script'); b.type = 'text/javascript'; b.async = true; b.src = 'https://snap.licdn.com/li.lms-analytics/insight.min.js'; s.parentNode.insertBefore(b, s); })(); </script> <noscript><img height='1' width='1' style='display:none;' alt='' src='https://dc.ads.linkedin.com/collect/?pid=0&fmt=gif'/></noscript> <!-- Pinterest Tag --> <script> !function(e){if(!window.pintrk){window.pintrk = function () { window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var n=window.pintrk;n.queue=[],n.version='3.0';var t=document.createElement('script');t.async=!0,t.src=e;var r=document.getElementsByTagName('script')[0]; r.parentNode.insertBefore(t,r)}}('https://s.pinimg.com/ct/core.js'); pintrk('load', '******************************'); pintrk('page'); </script> <noscript> <img height='1' width='1' style='display:none;' alt='' src='https://ct.pinterest.com/v3/?event=init&tid=2613174167631&pd[em]=<hashed_email_address>&noscript=1' /> </noscript> <!-- end Pinterest Tag --> <script> !function (q, e, v, n, t, s) { if (q.qp) return; n = q.qp = function () { n.qp ? n.qp.apply(n, arguments) : n.queue.push(arguments); }; n.queue = []; t = document.createElement(e); t.async = !0; t.src = v; s = document.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s); }(window, 'script', 'https://a.quora.com/qevents.js'); qp('init', ******************************); qp('track', 'ViewContent'); </script> <noscript><img height='1' width='1' style='display:none' src='https://q.quora.com/_/ad/0/pixel?tag=ViewContent&noscript=1'/></noscript> <script> (function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[] ,f=function(){var o={ti:"0"}; 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> <noscript><img src="//bat.bing.com/action/0?ti=0&Ver=2" height="0" width="0" style="display:none; visibility: hidden;" /></noscript> <script type='text/javascript'> var google_conversion_id = '******************************'; var google_custom_params = window.google_tag_params; var google_remarketing_only = true; </script> <script type='text/javascript' src='//www.googleadservices.com/pagead/conversion.js'> </script> <noscript> <div style='display:inline;'> <img height='1' width='1' style='border-style:none;' alt='' src='//googleads.g.doubleclick.net/pagead/viewthroughconversion/******************************/?guid=ON&script=0'/> </div> </noscript> <script async src='https://www.googletagmanager.com/gtag/js?id=******************************'></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '******************************'); </script> <script type='text/javascript'> (function(e,t,n){if(e.snaptr)return;var a=e.snaptr=function() {a.handleRequest?a.handleRequest.apply(a,arguments):a.queue.push(arguments)}; a.queue=[];var s='script';r=t.createElement(s);r.async=!0; r.src=n;var u=t.getElementsByTagName(s)[0]; u.parentNode.insertBefore(r,u);})(window,document, 'https://sc-static.net/scevent.min.js'); snaptr('init', '******************************', { 'user_email': '__INSERT_USER_EMAIL__' }); snaptr('track', 'PAGE_VIEW'); </script> </head> <body class="tech-card-body"> <div id="boxes" class=" scrollbar "> <div class="theme14-v1" id="view_theme3"> <div class="home-wrapper force-overflow"> <section class="home-banner-section"> <img class="home-banner" id="banner_preview" src="https://demo.workdo.io/vcardgo-saas/storage/card_banner//banner1684820668547481215.png" id="banner_preview" alt="fs"> </section> <section class="client-info-section padding-top padding-bottom"> <div class="container"> <div class="client-intro"> <h3 id="14_title_preview" class="text-black">Marketing Agency</h3> <h6 id="14_designation_preview" class="text-black"> Digital Marketing Manager</h6> <span id="14_subtitle_preview">Web presence</span> </div> </div> </section> <section class="client-info-section"> <div class="container"> <div class="client-contact"> <p id="14_desc_preview">Marketing agencies can also work through other media approaches, which include search engine optimization (SEO) content, pay-per-click (PPC) ads, social media, email marketing, website design, and other less direct methods.</p> </div> </div> </section> <section class="client-info-section" id="contact-div"> <div class="container"> <div class="client-contact"> <div class="calllink contactlink"> <ul id="inputrow_contact_preview"> <li class="d-flex align-items-center" id="contact_1"> <a href="tel:+91 1122334455"> <div class="contact-svg"> <img src="https://demo.workdo.io/vcardgo-saas/custom/theme14/icon/color1/phone.svg" class="img-fluid"> </div> <span id="Phone_1_preview"> +91 1122334455</span> </a> </li> <li class="d-flex align-items-center" id="contact_2"> <a href="mailto:kontakt@alpesh.com"> <div class="contact-svg"> <img src="https://demo.workdo.io/vcardgo-saas/custom/theme14/icon/color1/email.svg" class="img-fluid"> </div> <span id="Email_3_preview"> kontakt@alpesh.com</span> </a> </li> <li class="d-flex align-items-center" id="contact_3"> <a href="https://www.linkedin.com/"> <div class="contact-svg"> <img src="https://demo.workdo.io/vcardgo-saas/custom/theme14/icon/color1/linkedin.svg" class="img-fluid"> </div> <span id="LinkedIn_5_preview"> https://www.linkedin.com/</span> </a> </li> </ul> </div> </div> </div> </section> <section class="appointment-section padding-top padding-bottom" id="appointment-div"> <div class="container"> <div class="section-title"> <h2>Make an appointment</h2> </div> <div class="appointment-date"> <div class="date-label"> Date </div> <input type="text" placeholder="Pick a Date" class="text-center datepicker_min"> </div> <div class="pl-1 mt-0"> <span class="text-danger text-center h5 span-error-date" style="margin-left: 80px;"></span> </div> <div class="appointment-hour"> <div class="hour-label"> Hour </div> <div class="text-radio" id="inputrow_appointment_preview"> <div class="radio " id="appointment_0"> <input id="radio-1" name="time" type="radio" value=".blue" data-id=" 10:00 - 11:00 " class="app_time"> <label for="radio-1" class="radio-label"> 10:00 - 11:00 </label> </div> <div class="radio radio-left" id="appointment_1"> <input id="radio-2" name="time" type="radio" value=".blue" data-id=" 11:00 - 12:00 " class="app_time"> <label for="radio-2" class="radio-label"> 11:00 - 12:00 </label> </div> <div class="radio " id="appointment_2"> <input id="radio-3" name="time" type="radio" value=".blue" data-id=" 12:00 - 13:00 " class="app_time"> <label for="radio-3" class="radio-label"> 12:00 - 13:00 </label> </div> <div class="radio radio-left" id="appointment_3"> <input id="radio-4" name="time" type="radio" value=".blue" data-id=" 13:00 - 14:00 " class="app_time"> <label for="radio-4" class="radio-label"> 13:00 - 14:00 </label> </div> </div> <div class="mt-0 mb-3 col-12"> <span class="text-danger text-center span-error-time" style="margin-left: 46px;"></span> </div> <div class="appointment-btn"> <a href="javascript:;" class="btn" tabindex="0"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4 1C4 0.447715 4.44772 0 5 0C5.55228 0 6 0.447715 6 1V2H14V1C14 0.447715 14.4477 0 15 0C15.5523 0 16 0.447715 16 1V2H17C18.6569 2 20 3.34315 20 5V17C20 18.6569 18.6569 20 17 20H3C1.34315 20 0 18.6569 0 17V5C0 3.34315 1.34315 2 3 2H4V1Z" fill="#252429" /> <path class="theme-svg" fill-rule="evenodd" clip-rule="evenodd" d="M8 10C7.44772 10 7 10.4477 7 11C7 11.5523 7.44772 12 8 12H15C15.5523 12 16 11.5523 16 11C16 10.4477 15.5523 10 15 10H8ZM5 14C4.44772 14 4 14.4477 4 15C4 15.5523 4.44772 16 5 16H11C11.5523 16 12 15.5523 12 15C12 14.4477 11.5523 14 11 14H5Z" fill="#99E2B4" /> </svg> Make an appointment </a> </div> </div> </div> </section> <section id="testimonials-div" class="testimonials-section common-border padding-top padding-bottom"> <div class="container"> <div class="section-title"> <h2>Testimonials</h2> </div> <div class="testimonial-slider" id="inputrow_testimonials_preview"> <div class="testimonial-itm" id="testimonials_0"> <div class="testimonial-itm-inner"> <div class="testi-client-img"> <img id="t_image0_preview" src="https://demo.workdo.io/vcardgo-saas/storage/testimonials_images//img_16636557781007721585.jpg" class="img-fluid" alt="image"> </div> <h5 class="rating-number"><span class="stars0">5</span>/5 </h5> <div id="stars0_star" class="rating-star star-section"> <i class="star-color fas fa-star"></i> <i class="star-color fas fa-star"></i> <i class="star-color fas fa-star"></i> <i class="star-color fas fa-star"></i> <i class="star-color fas fa-star"></i> </div> <h6 id="testimonial_name_0_preview"> John Doe</h6> <p id="testimonial_description_0_preview"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown. </p> </div> </div> <div class="testimonial-itm" id="testimonials_1"> <div class="testimonial-itm-inner"> <div class="testi-client-img"> <img id="t_image1_preview" src="https://demo.workdo.io/vcardgo-saas/storage/testimonials_images//img_16636557781007721585.jpg" class="img-fluid" alt="image"> </div> <h5 class="rating-number"><span class="stars1">4</span>/5 </h5> <div id="stars1_star" class="rating-star star-section"> <i class="star-color fas fa-star"></i> <i class="star-color fas fa-star"></i> <i class="star-color fas fa-star"></i> <i class="star-color fas fa-star"></i> <i class=" fa fa-star"></i> </div> <h6 id="testimonial_name_1_preview"> John Doe</h6> <p id="testimonial_description_1_preview"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown. </p> </div> </div> <div class="testimonial-itm" id="testimonials_2"> <div class="testimonial-itm-inner"> <div class="testi-client-img"> <img id="t_image2_preview" src="https://demo.workdo.io/vcardgo-saas/storage/testimonials_images//img_1676546128611927379.jpg" class="img-fluid" alt="image"> </div> <h5 class="rating-number"><span class="stars2">3</span>/5 </h5> <div id="stars2_star" class="rating-star star-section"> <i class="star-color fas fa-star"></i> <i class="star-color fas fa-star"></i> <i class="star-color fas fa-star"></i> <i class=" fa fa-star"></i> <i class=" fa fa-star"></i> </div> <h6 id="testimonial_name_2_preview"> John Doe</h6> <p id="testimonial_description_2_preview"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown. </p> </div> </div> </div> </div> </section> <section class="business-hour-section padding-top padding-bottom" id="business-hours-div"> <div class="container"> <div class="section-title"> <h2>Business Hours</h2> </div> <div class="daily-hours-content"> <div class="daily-hours-inner"> <ul class="pl-1"> <li> <p>Sunday:<span class="days_sun"> <span class="days_sun_start">08:10 AM</span> - <span class="days_sun_end">08:00 PM</span> </span></p> </li> <li> <p>Monday:<span class="days_mon"> <span class="days_mon_start">08:10 AM</span> - <span class="days_mon_end">08:00 PM</span> </span></p> </li> <li> <p>Tuesday:<span class="days_tue"> <span class="days_tue_start">08:10 AM</span> - <span class="days_tue_end">08:00 PM</span> </span></p> </li> <li> <p>Wednesday:<span class="days_wed"> <span class="days_wed_start">08:10 AM</span> - <span class="days_wed_end">10:00 AM</span> </span></p> </li> <li> <p>Thursday:<span class="days_thu"> <span class="days_thu_start">08:10 AM</span> - <span class="days_thu_end">08:00 PM</span> </span></p> </li> <li> <p>Friday:<span class="days_fri"> <span class="days_fri_start">08:10 AM</span> - <span class="days_fri_end">08:00 PM</span> </span></p> </li> <li> <p>Saturday:<span class="days_sat"> Closed </span></p> </li> </ul> </div> </div> </div> </section> <section class="service-section padding-top padding-bottom" id="services-div"> <div class="container"> <div class="section-title"> <h2>Services</h2> </div> <div class="service-card-wrapper" id="inputrow_service_preview"> <div class="service-card" id="services_0"> <div class="service-card-inner"> <div class="service-icon"> <img id="s_image0_preview" src="https://demo.workdo.io/vcardgo-saas/storage/service_images//img_1663664047561165752.png"class="img-fluid" alt="image"> </div> <h5 id="title_0_preview"> Content marketing</h5> <p id="description_0_preview"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown. </p> <a href="https://demo.workdo.io/" class="read-more-btn" id="link_title_0_preview"> More <svg xmlns="http://www.w3.org/2000/svg" width="4" height="6" viewBox="0 0 4 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.65976 0.662719C0.446746 0.879677 0.446746 1.23143 0.65976 1.44839L2.18316 3L0.65976 4.55161C0.446747 4.76856 0.446747 5.12032 0.65976 5.33728C0.872773 5.55424 1.21814 5.55424 1.43115 5.33728L3.34024 3.39284C3.55325 3.17588 3.55325 2.82412 3.34024 2.60716L1.43115 0.662719C1.21814 0.445761 0.872773 0.445761 0.65976 0.662719Z" fill="white"></path> </svg> </a> </div> </div> <div class="service-card" id="services_1"> <div class="service-card-inner"> <div class="service-icon"> <img id="s_image1_preview" src="https://demo.workdo.io/vcardgo-saas/storage/service_images//img_1663663507132207797.png"class="img-fluid" alt="image"> </div> <h5 id="title_1_preview"> Social media marketing</h5> <p id="description_1_preview"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown. </p> <a href="https://demo.workdo.io/" class="read-more-btn" id="link_title_1_preview"> More <svg xmlns="http://www.w3.org/2000/svg" width="4" height="6" viewBox="0 0 4 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.65976 0.662719C0.446746 0.879677 0.446746 1.23143 0.65976 1.44839L2.18316 3L0.65976 4.55161C0.446747 4.76856 0.446747 5.12032 0.65976 5.33728C0.872773 5.55424 1.21814 5.55424 1.43115 5.33728L3.34024 3.39284C3.55325 3.17588 3.55325 2.82412 3.34024 2.60716L1.43115 0.662719C1.21814 0.445761 0.872773 0.445761 0.65976 0.662719Z" fill="white"></path> </svg> </a> </div> </div> </div> </div> </section> <section class="product-section padding-bottom" id="product-div"> <div class="container"> <div class="section-title"> <h2>Product</h2> </div> <div class="service-card-wrapper" id="inputrow_product_preview"> </div> </div> </section> <section class="gallery-section padding-bottom" id="gallery-div"> <div class="container"> <div class="section-title"> <h2>Gallery</h2> </div> <div class="gallery-card-wrapper" id="inputrow_gallery_preview"> <div class="gallery-slider"> <div class="gallery-card" id="gallery_0"> <div class="gallery-card-inner"> <div class="gallery-icon"> <a href="javascript:;" id="" tabindex="0" class="videopop"> <video loop controls="true"> <source class="videoresource" src="https://demo.workdo.io/vcardgo-saas/storage/gallery/video_1684821793828129704.mp4" type="video/mp4"> </video> </a> </div> </div> </div> <div class="gallery-card" id="gallery_1"> <div class="gallery-card-inner"> <div class="gallery-icon"> <a href="javascript:;" id="imagepopup" tabindex="0" class="imagepopup"> <img src="https://demo.workdo.io/vcardgo-saas/storage/gallery/image_1680080280143383669.jpg" alt="images" class="imageresource"> </a> </div> </div> </div> <div class="gallery-card" id="gallery_2"> <div class="gallery-card-inner"> <div class="gallery-icon"> <a href="javascript:;" id="" target="" tabindex="0" class="imagepopup1"> <img class="imageresource1" src="https://jungletopp.com/wp-content/uploads/2020/09/Agency-.jpg" alt="images" id="upload_image"> </a> </div> </div> </div> <div class="gallery-card" id="gallery_3"> <div class="gallery-card-inner"> <div class="gallery-icon"> <a href="javascript:;" id="" tabindex="0" class="videopop1"> <video loop controls="true" poster="https://demo.workdo.io/vcardgo-saas/custom/img/video_youtube.jpg"> <source class="videoresource1" src="https://cdn.pixabay.com/vimeo/165221419/ipad-2988.mp4?width=640&hash=4816e81143efa7f31f1e8c86c5605f43fdfac941" type="video/mp4"> </video> </a> </div> </div> </div> </div> </div> </div> </section> <section class="more-card-section"> <div class="container"> <div class="section-title"> <h2>More</h2> </div> <div class="more-btn"> <a href="https://demo.workdo.io/vcardgo-saas/download/marketing-agency" class="btn" tabindex="0"> <img src="https://demo.workdo.io/vcardgo-saas/custom/theme14/icon/color1/folder.svg" alt="folder" class="img-fluid"> Save Card </a> <a href="javascript:;" class="btn our-card" tabindex="0"> <img src="https://demo.workdo.io/vcardgo-saas/custom/theme14/icon/color1/signout.svg" alt="signout" class="img-fluid"> Share Card </a> <a href="javascript:;" class="btn our-contact" tabindex="0"> <img src="https://demo.workdo.io/vcardgo-saas/custom/theme14/icon/color1/phone.svg" alt="signout" class="img-fluid"> Contact </a> </div> </div> </section> <section class="social-icons-section padding-top" id="social-div"> <div class="container"> <div class="section-title"> <h2>Social</h2> <ul class="social-icon-wrapper" id="inputrow_socials_preview"> <li> <div class="socials_1" id="socials_1"> <a href="https://twitter.com" id="social_link_1_href_preview" class="social_link_1_href_preview" target="_blank"> <img src="https://demo.workdo.io/vcardgo-saas/custom/theme14/icon/social/twitter.svg" alt="Twitter" class="img-fluid"> </a> </div> </li> <li> <div class="socials_2" id="socials_2"> <a href="https://youtube.com" id="social_link_2_href_preview" class="social_link_2_href_preview" target="_blank"> <img src="https://demo.workdo.io/vcardgo-saas/custom/theme14/icon/social/youtube.svg" alt="Youtube" class="img-fluid"> </a> </div> </li> <li> <div class="socials_3" id="socials_3"> <a href="https://facebook.com" id="social_link_3_href_preview" class="social_link_3_href_preview" target="_blank"> <img src="https://demo.workdo.io/vcardgo-saas/custom/theme14/icon/social/facebook.svg" alt="Facebook" class="img-fluid"> </a> </div> </li> <li> <div class="socials_4" id="socials_4"> <a href="https://instagram.com" id="social_link_4_href_preview" class="social_link_4_href_preview" target="_blank"> <img src="https://demo.workdo.io/vcardgo-saas/custom/theme14/icon/social/instagram.svg" alt="Instagram" class="img-fluid"> </a> </div> </li> </ul> </div> </div> </section> <section class="card-payment-section" id="payment-section"> <div class="section-title "> <h2 class="">Payment</h2> </div> <div class="payment-list "> <div class="payment-div"> <a href="https://demo.workdo.io/vcardgo-saas/card-pay-with-stripe/14"> <img src="https://demo.workdo.io/vcardgo-saas/custom/img/payments/stripe.png" alt="social" class="img-fluid"> Stripe </a> </div> <div class="payment-div"> <a href="https://demo.workdo.io/vcardgo-saas/card-pay-with-paypal/14"> <img src="https://demo.workdo.io/vcardgo-saas/custom/img/payments/paypal.png" alt="social" class="img-fluid"> Paypal </a> </div> </div> </section> <section class="google-map-section" id="google-map-div"> <div class="google-map"> <input type="hidden" id="mapLink" value="<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3442709.1002221694!2d-88.20312739231362!3d32.57897452467224!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88f136c51d5f8157%3A0x6684bc10ec4f10e7!2sGeorgia%2C%20USA!5e0!3m2!1sen!2sin!4v1710309729586!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>"> <div id="mapContainer"> </div> </div> </section> <section class="card-payment-section" id="app-section"> <div class="section-title"> <h2 class="">Download Here</h2> </div> <div class="app-list"> <div class="app-info-div"> <a href="https://play.google.com/store/apps/" target="_blank"> <img src="https://demo.workdo.io/vcardgo-saas/custom/icon/apps/playstore4.png" alt="social" class="img-fluid"> </a> <a href="https://www.apple.com/in/app-store/" target="_blank"> <img src="https://demo.workdo.io/vcardgo-saas/custom/icon/apps/appstore4.png" alt="social" class="img-fluid"> </a> </div> </div> </section> <div id="14_chtml_preview" class="custom_html_text"> <h1><center>Thank You...!</center></h1> </div> <div id="is_branding_enabled" class="is_branding_enable copyright mt-3 pb-2"> <p id="14_branding_preview" class="branding_text"> Copyright vCardGo-SaaS 2024</p> </div> </div> <!-- Appintment popupModal --> <div class="appointment-popup"> <div class="container"> <form class="appointment-form-wrapper"> <div class="section-title"> <h5>Make Appointment</h5> <div class="close-search"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <path d="M14.6 17.4L0.600001 3.4C-0.2 2.6 -0.2 1.4 0.600001 0.600001C1.4 -0.2 2.6 -0.2 3.4 0.600001L17.4 14.6C18.2 15.4 18.2 16.6 17.4 17.4C16.6 18.2 15.4 18.2 14.6 17.4V17.4Z" fill="#000" /> <path d="M0.600001 14.6L14.6 0.600001C15.4 -0.2 16.6 -0.2 17.4 0.600001C18.2 1.4 18.2 2.6 17.4 3.4L3.4 17.4C2.6 18.2 1.4 18.2 0.600001 17.4C-0.2 16.6 -0.2 15.4 0.600001 14.6V14.6Z" fill="#000" /> </svg> </div> </div> <div class="row appo-form-details"> <div class="col-12"> <div class="form-group"> <label>Name: </label> <input type="text" class="form-control app_name" placeholder="Enter your name"> <div class=""> <span class="text-danger h5 span-error-name"></span> </div> </div> </div> <div class="col-12"> <div class="form-group"> <label>Email: </label> <input type="email" class="form-control app_email" placeholder="Enter your email"> <div class=""> <span class="text-danger h5 span-error-email"></span> </div> </div> </div> <div class="col-12"> <div class="form-group"> <label>Phone: </label> <input type="number" class="form-control app_phone" placeholder="Enter your phone no."> <div class=""> <span class="text-danger h5 span-error-phone"></span> </div> </div> </div> </div> <div class="form-btn-group"> <button type="button" name="CLOSE" class=" close-btn btn"> Close </button> <button type="button" name="SUBMIT" class="btn btn-secondary" id="makeappointment"> Make Appointment </button> </div> </form> </div> </div> <!--card popup start here--> <div class="card-popup"> <div class="container"> <div class="share-card-wrapper"> <div class="section-title"> <div class="close-search"> <svg xmlns="http://www.w3.org/2000/svg" width="7" height="9" viewBox="0 0 7 9" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.84542 0.409757C6.21819 0.789434 6.21819 1.40501 5.84542 1.78469L3.17948 4.5L5.84542 7.21531C6.21819 7.59499 6.21819 8.21057 5.84542 8.59024C5.47265 8.96992 4.86826 8.96992 4.49549 8.59024L1.15458 5.18746C0.781807 4.80779 0.781807 4.19221 1.15458 3.81254L4.49549 0.409757C4.86826 0.0300809 5.47265 0.0300809 5.84542 0.409757Z" fill="#12131A" /> </svg> </div> <div class="section-title-center"> <h5>Share This Card</h5> </div> <button type="button" name="LOGOUT" class="logout-btn"> </button> </div> <div class="qr-scaner-wrapper"> <div class="qr-image shareqrcode"> </div> <div class="qr-code-text"> <p>Point your camera at the QR code, or visit <span class="qr-link text-center mr-2 text-wrap"></span><br>Or check my social channels </p> </div> <ul class="card-social-icons"> <li> <a href="https://twitter.com/share?url=https%3A%2F%2Fdemo.workdo.io%2Fvcardgo-saas%2Fmarketing-agency&text="> <svg width="24" height="24" viewBox="0 0 682 682" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.25" d="M308.826 2.95819L308.821 2.95862C202.611 13.978 109.557 71.724 53.0033 161.731L51.9077 161.043L53.0032 161.732C-27.1728 289.296 -12.0346 458.686 89.3705 568.984C145.799 630.325 215.615 666.83 299.545 678.782L299.545 678.782C307.357 679.898 324.32 680.433 341.464 680.4C358.603 680.367 375.708 679.765 383.795 678.647C466.386 667.228 536.201 630.859 592.497 569.783L592.498 569.782C638.809 519.623 668.422 455.377 678.782 383.12L678.782 383.119C679.898 375.374 680.467 358.41 680.467 341.333C680.467 324.256 679.898 307.292 678.782 299.547L678.781 299.544C670.944 244.286 653.42 197.433 624.35 153.629L624.346 153.624C612.139 135.047 599.804 119.924 582.535 102.523L582.533 102.521C529.565 48.8887 463.997 15.837 388.448 4.6839C380.348 3.49878 364.498 2.63287 348.584 2.2829C332.666 1.93292 316.853 2.10278 308.826 2.95819ZM313.502 212.883L313.504 212.885C327.302 233.016 339.934 251.314 349.165 264.594C353.781 271.234 357.545 276.618 360.179 280.349C361.497 282.216 362.529 283.664 363.243 284.648C363.279 284.698 363.315 284.747 363.349 284.795C363.407 284.733 363.466 284.668 363.528 284.601C364.409 283.644 365.691 282.22 367.333 280.372C370.616 276.679 375.321 271.321 381.103 264.697C392.667 251.45 408.532 233.152 425.932 213.019L488.996 139.689L489.431 139.183L490.098 139.167L507.165 138.767L507.172 138.767L507.18 138.767C512.19 138.7 516.428 138.733 519.394 138.885C520.865 138.961 522.08 139.069 522.933 139.221C523.338 139.294 523.779 139.396 524.142 139.564C524.312 139.643 524.614 139.803 524.861 140.105C525.162 140.471 525.351 141.027 525.172 141.624C525.127 141.779 525.07 141.89 525.052 141.926L525.05 141.929C525.013 142.001 524.975 142.065 524.945 142.112C524.923 142.147 524.899 142.183 524.875 142.22C524.832 142.284 524.785 142.35 524.739 142.415C524.589 142.622 524.383 142.892 524.131 143.211C523.624 143.855 522.892 144.754 521.966 145.873C520.112 148.114 517.452 151.27 514.193 155.105C507.673 162.775 498.737 173.178 489.004 184.445C480.079 194.836 468.41 208.421 456.435 222.362C442.287 238.831 427.714 255.796 416.738 268.577L416.736 268.58L380.557 310.505L450.703 412.751C489.647 469.432 525.363 521.408 530.151 528.057L530.16 528.07L530.169 528.083L538.702 540.483L540.32 542.833H537.467H478.933H420.4H419.61L419.163 542.182L366.097 464.849C366.097 464.849 366.096 464.849 366.096 464.849C351.498 443.584 338.134 424.254 328.37 410.258C323.487 403.26 319.507 397.598 316.725 393.696C315.332 391.744 314.244 390.239 313.494 389.229C313.451 389.171 313.41 389.115 313.369 389.061C313.279 389.161 313.182 389.267 313.081 389.379C312.155 390.402 310.808 391.915 309.085 393.869C305.641 397.775 300.707 403.426 294.649 410.4C282.535 424.348 265.937 443.579 247.805 464.71L247.804 464.711L181.671 541.645L181.235 542.151L180.567 542.166L162.967 542.566L145.367 542.966L142.001 543.043L144.196 540.489L220.729 451.422L220.73 451.422L296.505 363.369L292.912 358.205C287.879 351.332 150.084 150.564 146.077 144.419L146.07 144.409L146.064 144.399L143.797 140.799L142.342 138.488L145.073 138.5L203.473 138.767L203.477 138.767L262.01 139.167L262.792 139.172L263.236 139.816L313.502 212.883Z" fill="black" stroke="white" stroke-width="3" /> <path d="M315.762 340.74L315.763 340.741L437.723 515.179L463.081 515.567C463.082 515.567 463.084 515.567 463.085 515.567C470.273 515.633 476.82 515.6 481.563 515.484C483.756 515.43 485.548 515.359 486.833 515.274C486.493 514.766 486.084 514.159 485.607 513.455C483.981 511.058 481.581 507.56 478.49 503.079C472.309 494.117 463.368 481.231 452.335 465.373C430.27 433.658 399.837 390.059 366.371 342.193L245.077 168.822L218.918 168.433L218.911 168.433L195.034 168.196L315.762 340.74Z" fill="black" stroke="black" stroke-width="3" /> </svg> </a> </li> <li> <a href="https://wa.me/?text=https%3A%2F%2Fdemo.workdo.io%2Fvcardgo-saas%2Fmarketing-agency"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10 0C4.5 0 0 4.5 0 10C0 11.8 0.500781 13.5 1.30078 15L0 20L5.19922 18.8008C6.69922 19.6008 8.3 20 10 20C15.5 20 20 15.5 20 10C20 7.3 18.9996 4.80039 17.0996 2.90039C15.1996 1.00039 12.7 0 10 0ZM10 2C12.1 2 14.0992 2.80078 15.6992 4.30078C17.1992 5.90078 18 7.9 18 10C18 14.4 14.4 18 10 18C8.7 18 7.29922 17.7 6.19922 17L5.5 16.5996L4.80078 16.8008L2.80078 17.3008L3.30078 15.5L3.5 14.6992L3.09961 14C2.39961 12.8 2 11.4 2 10C2 5.6 5.6 2 10 2ZM6.5 5.40039C6.3 5.40039 6.00078 5.39922 5.80078 5.69922C5.50078 5.99922 4.90039 6.60078 4.90039 7.80078C4.90039 9.00078 5.80039 10.2004 5.90039 10.4004C6.10039 10.6004 7.69922 13.1992 10.1992 14.1992C12.2992 14.9992 12.6992 14.8008 13.1992 14.8008C13.6992 14.7008 14.7004 14.1996 14.9004 13.5996C15.1004 12.9996 15.0992 12.4992 15.1992 12.1992C15.0992 12.0992 14.9992 12.0004 14.6992 11.9004C14.4992 11.8004 13.3 11.1996 13 11.0996C12.7 10.9996 12.6004 10.8992 12.4004 11.1992C12.2004 11.4992 11.6996 11.9992 11.5996 12.1992C11.4996 12.3992 11.3996 12.4008 11.0996 12.3008C10.8996 12.2008 10.0996 11.9996 9.09961 11.0996C8.29961 10.4996 7.79922 9.70039 7.69922 9.40039C7.49922 9.20039 7.70078 9.00039 7.80078 8.90039L8.19922 8.5C8.29922 8.4 8.30039 8.19961 8.40039 8.09961C8.50039 7.99961 8.50039 7.89922 8.40039 7.69922C8.30039 7.49922 7.79961 6.30078 7.59961 5.80078C7.39961 5.40078 7.2 5.40039 7 5.40039H6.5Z" fill="black" /> </svg> </a> </li> <li> <a href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fdemo.workdo.io%2Fvcardgo-saas%2Fmarketing-agency"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"> <path d="M13.3333 19.25H11H3C2.61666 19.25 2.04526 18.9887 1.53351 18.4845C1.02334 17.9819 0.75 17.4126 0.75 17V3C0.75 2.58739 1.02334 2.01811 1.53351 1.51546C2.04526 1.01127 2.61666 0.75 3 0.75H17C17.3833 0.75 17.9547 1.01127 18.4665 1.51546C18.9767 2.01811 19.25 2.58739 19.25 3V17C19.25 17.4126 18.9767 17.9819 18.4665 18.4845C17.9547 18.9887 17.3833 19.25 17 19.25H13.3333Z" stroke="black" stroke-width="1.5" /> <path d="M12 8.21429C12 7.62255 12.4477 7.14286 13 7.14286H14C14.5523 7.14286 15 6.66317 15 6.07143C15 5.47969 14.5523 5 14 5H13C11.3431 5 10 6.43908 10 8.21429V10.3571H9C8.44771 10.3571 8 10.8368 8 11.4286C8 12.0203 8.44771 12.5 9 12.5H10V18.9286C10 19.5203 10.4477 20 11 20C11.5523 20 12 19.5203 12 18.9286V12.5H14C14.5523 12.5 15 12.0203 15 11.4286C15 10.8368 14.5523 10.3571 14 10.3571H12V8.21429Z" fill="black" /> </svg> </a> </li> <li> <a href="https://www.linkedin.com/shareArticle?url=https%3A%2F%2Fdemo.workdo.io%2Fvcardgo-saas%2Fmarketing-agency&title="> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.25" d="M0 3C0 1.34315 1.34315 0 3 0H17C18.6569 0 20 1.34315 20 3V17C20 18.6569 18.6569 20 17 20H3C1.34315 20 0 18.6569 0 17V3Z" fill="#12131A" /> <path d="M5 6C5.55228 6 6 5.55228 6 5C6 4.44772 5.55228 4 5 4C4.44772 4 4 4.44772 4 5C4 5.55228 4.44772 6 5 6Z" fill="#12131A" /> <path d="M5 8C4.44772 8 4 8.44772 4 9V15C4 15.5523 4.44772 16 5 16C5.55228 16 6 15.5523 6 15V9C6 8.44772 5.55228 8 5 8Z" fill="#12131A" /> <path d="M12 10C10.8954 10 10 10.8954 10 12V15C10 15.5523 9.55229 16 9 16C8.44771 16 8 15.5523 8 15V9C8 8.44772 8.44772 8 9 8C9.40537 8 9.7544 8.2412 9.91141 8.58791C10.5193 8.215 11.2346 8 12 8C14.2091 8 16 9.79086 16 12V15C16 15.5523 15.5523 16 15 16C14.4477 16 14 15.5523 14 15V12C14 10.8954 13.1046 10 12 10Z" fill="#12131A" /> </svg> </a> </li> </ul> </div> </div> </div> </div> <!--card popup end here--> <!--contact popup start here--> <div class="contact-popup"> <div class="container"> <form class="appointment-form-wrapper contact-form-wrapper"> <div class="section-title"> <h5>Make Contact</h5> <div class="close-search"> <img src="https://demo.workdo.io/vcardgo-saas/custom/theme14/icon/color1/close.svg" alt="back" class="img-fluid"> </div> </div> <div class="row contactform-form-details"> <div class="col-12"> <div class="form-group"> <label>Name:</label> <input type="text" name="name" placeholder="Enter your name" class="form-control contact_name"> <div class=""> <span class="text-danger h5 span-error-contactname"></span> </div> </div> </div> <div class="col-12"> <div class="form-group"> <label>Email:</label> <input type="email" name="email" placeholder="Enter your email" class="form-control contact_email" id="recipient-email"> <div class=""> <span class="text-danger h5 span-error-contactemail"></span> </div> </div> </div> <div class="col-12"> <div class="form-group"> <label>Phone:</label> <input type="text" name="phone" placeholder="Enter your phone no" class="form-control contact_phone" id="recipient-phone"> <div class=""> <span class="text-danger h5 span-error-contactphone"></span> </div> </div> </div> <div class="col-12"> <div class="form-group"> <label>Message:</label> <textarea name="message" placeholder="" row="3" class=" custom_size contact_message emojiarea" id="recipient-message"></textarea> <div class=""> <span class="text-danger h5 span-error-contactmessage"></span> </div> </div> <input type="hidden" name="business_id" value="14"> </div> </div> <div class="form-btn-group"> <button type="button" name="CLOSE" class=" close-btn btn"> Close </button> <button type="button" class="btn btn-secondary" id="makecontact">Make Contact</button> </div> </form> </div> </div> <!--contact popup end here--> <!-- Modal --> <div class="password-popup" id="passwordmodel" role="dialog" data-backdrop="static" data-keyboard="false"> <div class="container"> <form class="appointment-form-wrapper contact-form-wrapper"> <div class="section-title"> <h5>Enter Password</h5> </div> <div class="row appo-form-details"> <div class="col-12"> <div class="form-group"> <label>Password:</label> <input type="password" name="Password" placeholder="Enter password" class="form-control password_val" placeholder="Password"> <div class=""> <span class="text-danger h5 span-error-password"></span> </div> </div> </div> </div> <div class="form-btn-group"> <button type="button" class="btn form-btn--submit password-submit">Submit</button> </div> </form> </div> </div> <div class="password-popup" id="gallerymodel" role="dialog" data-backdrop="static" data-keyboard="false"> <div class="container"> <form class="appointment-form-wrapper contact-form-wrapper"> <div class="section-title"> <h5></h5> </div> <div class="row"> <div class="col-12"> <div class="form-group"> <label>Image preview:</label> <img src="" class="imagepreview" style="width: 500px; height: 300px;"> </div> </div> </div> <div class="form-btn-group"> <button type="button" class="btn btn-default close-btn close-model" data-dismiss="modal">Close</button> </div> </form> </div> </div> <div class="password-popup" id="videomodel" role="dialog" data-backdrop="static" data-keyboard="false"> <div class="container"> <form class="appointment-form-wrapper contact-form-wrapper"> <div class="section-title"> <h5></h5> </div> <div class="row "> <div class="col-12"> <div class="form-group"> <label>Video preview:</label> <iframe width="100%" height="360" class="videopreview" src="" frameborder="0" allowfullscreen></iframe> </div> </div> </div> <div class="form-btn-group"> <button type="button" class="btn btn-default close-btn close-model1" data-dismiss="modal">Close</button> </div> </form> </div> </div> <div class="overlay"></div> <img src="https://demo.workdo.io/vcardgo-saas/storage/qrcode/qrcode1684392011757358115.jpg" id="image-buffers" style="display: none"> </div> </div> <div id="previewImage"> </div> <a id="download" href="#" class="font-lg download mr-3 text-white"> <i class="fas fa-download"></i> </a> <script src="https://demo.workdo.io/vcardgo-saas/custom/theme14/js/jquery.min.js"></script> <script src="https://demo.workdo.io/vcardgo-saas/custom/theme14/js/slick.min.js" defer="defer"></script> <script src="https://demo.workdo.io/vcardgo-saas/custom/theme14/js/custom.js" defer="defer"></script> <script src="https://demo.workdo.io/vcardgo-saas/assets/js/plugins/picker.js"></script> <script src="https://demo.workdo.io/vcardgo-saas/assets/js/plugins/picker.date.js"></script> <script src="https://demo.workdo.io/vcardgo-saas/custom/js/jquery.qrcode.min.js"></script> <script src="https://demo.workdo.io/vcardgo-saas/custom/js/emojionearea.min.js"></script> <script src="https://demo.workdo.io/vcardgo-saas/custom/libs/bootstrap-notify/bootstrap-notify.min.js"></script> <script src="https://demo.workdo.io/vcardgo-saas/custom/js/socialSharing.js"></script> <script src="https://demo.workdo.io/vcardgo-saas/custom/js/socialSharing.min.js"></script> <script type="text/javascript"> const container = document.querySelector("body") const coffees = []; if ("serviceWorker" in navigator) { window.addEventListener("load", function() { navigator.serviceWorker .register("https://demo.workdo.io/vcardgo-saas/serviceWorker.js") .then(res => console.log("service worker registered")) .catch(err => console.log("service worker not registered", err)) }) } </script> <script type="text/javascript"> $('#Demo').socialSharingPlugin({ urlShare: window.location.href, description: $('meta[name=description]').attr('content'), title: $('title').text() }) </script> <script> $(".imagepopup").on("click", function(e) { var imgsrc = $(this).children(".imageresource").attr("src"); $('.imagepreview').attr('src', imgsrc); // here asign the image to the modal when the user click the enlarge link $("#gallerymodel").addClass("active"); $("body").toggleClass("no-scroll"); $('html').addClass('modal-open'); $('#gallerymodel').css("background", 'rgb(0 0 0 / 50%)') }); $(".imagepopup1").on("click", function() { var imgsrc1 = $(this).children(".imageresource1").attr("src"); $('.imagepreview').attr('src', imgsrc1); // here asign the image to the modal when the user click the enlarge link $("#gallerymodel").addClass("active"); $("body").toggleClass("no-scroll"); $('html').addClass('modal-open'); $('#gallerymodel').css("background", 'rgb(0 0 0 / 50%)') }); $(".videopop").on("click", function() { var videosrc = $(this).children('video').children(".videoresource").attr("src"); $('.videopreview').attr('src', videosrc); // here asign the image to the modal when the user click the enlarge link $("#videomodel").addClass("active"); $("body").toggleClass("no-scroll"); $('html').addClass('modal-open'); $('#videomodel').css("background", 'rgb(0 0 0 / 50%)' ) // imagemodal is the id attribute assigned to the bootstrap modal, then i use the show function }); $(".videopop1").on("click", function() { var videosrc1 = $(this).children('video').children(".videoresource1").attr("src"); $('.videopreview').attr('src', videosrc1); // here asign the image to the modal when the user click the enlarge link $("#videomodel").addClass("active"); $("body").toggleClass("no-scroll"); $('html').addClass('modal-open'); $('#videomodel').css("background", 'rgb(0 0 0 / 50%)' ) // imagemodal is the id attribute assigned to the bootstrap modal, then i use the show function }); $(".close-model").on("click", function() { $("#gallerymodel").removeClass("active"); $("body").removeClass("no-scroll"); $('html').removeClass('modal-open'); $('#gallerymodel').css("background", '') }); $(".close-model1").on("click", function() { $("#videomodel").removeClass("active"); $("body").removeClass("no-scroll"); $('html').removeClass('modal-open'); $('#videomodel').css("background", '') }); $(document).ready(function() { var date = new Date(); $('.datepicker_min').pickadate({ min: date, }) }); //Password Check let ispassword; var ispassenable = ''; var business_password = ''; if (ispassenable == 'on') { $('.password-submit').click(function() { ispassword = 'true'; passwordpopup('true'); }); function passwordpopup(type) { if (type == 'false') { $("#passwordmodel").addClass("active"); $("body").toggleClass("no-scroll"); $('html').addClass('modal-open'); $('#passwordmodel').css("background", 'rgb(0 0 0 / 50%)') } else { var password_val = $('.password_val').val(); if (password_val == business_password) { $("#passwordmodel").removeClass("active"); $("body").removeClass("no-scroll"); $('html').removeClass('modal-open'); $('#passwordmodel').css("background", '') } else { $(`.span-error-password`).text("*Please enter correct password"); passwordpopup('false'); } } } if (ispassword == undefined) { passwordpopup('false'); } } $(document).ready(function() { $(".emojiarea").emojioneArea(); $(`.span-error-date`).text(""); $(`.span-error-time`).text(""); $(`.span-error-name`).text(""); $(`.span-error-email`).text(""); $(`.span-error-contactname`).text(""); $(`.span-error-contactemail`).text(""); $(`.span-error-contactphone`).text(""); $(`.span-error-contactmessage`).text(""); var slug = 'marketing-agency'; var url_link = `https://demo.workdo.io/vcardgo-saas/__SLUG__`.replace('__SLUG__', slug); $(`.qr-link`).text(url_link); var foreground_color = `#99e2b4`; var background_color = `#ffffff`; var radius = `26`; var qr_type = `4`; var qr_font = `Marketing Agency`; var qr_font_color = `#000000`; var size = `16`; $('.shareqrcode').empty().qrcode({ render: 'image', size: 500, ecLevel: 'H', minVersion: 3, quiet: 1, text: url_link, fill: foreground_color, background: background_color, radius: .01 * parseInt(radius, 10), mode: parseInt(qr_type, 10), label: qr_font, fontcolor: qr_font_color, image: $("#image-buffers")[0], mSize: .01 * parseInt(size, 10) }); }); $(`.rating_preview`).attr('id'); var from_$input = $('#input_from').pickadate(), from_picker = from_$input.pickadate('picker') var to_$input = $('#input_to').pickadate(), to_picker = to_$input.pickadate('picker') var is_enabled = "1"; if (is_enabled) { $('#business-hours-div').show(); } else { $('#business-hours-div').hide(); } var is_contact_enable = "1"; if (is_contact_enable) { $('#contact-div').show(); } else { $('#contact-div').hide(); } var is_enable_appoinment = "1"; if (is_enable_appoinment) { $('#appointment-div').show(); } else { $('#appointment-div').hide(); } var is_enable_service = "1"; if (is_enable_service) { $('#services-div').show(); } else { $('#services-div').hide(); } var is_enable_product = ""; if (is_enable_product) { $('#product-div').show(); } else { $('#product-div').hide(); } var is_enable_testimonials = "1"; if (is_enable_testimonials) { $('#testimonials-div').show(); } else { $('#testimonials-div').hide(); } var is_payment = "1"; if (is_payment) { $('#payment-section').show(); } else { $('#payment-section').hide(); } var is_appinfo = "1"; if (is_appinfo) { $('#app-section').show(); } else { $('#app-section').hide(); } var is_enable_sociallinks = "1"; if (is_enable_sociallinks) { $('#social-div').show(); } else { $('#social-div').hide(); } var is_custom_html_enable = "1"; if (is_custom_html_enable) { $('.custom_html_text').show(); } else { $('.custom_html_text').hide(); } var is_branding_enable = "1"; if (is_branding_enable) { $('.branding_text').show(); } else { $('.branding_text').hide(); } var is_enable_gallery = "1"; if (is_enable_gallery) { $('#gallery-div').show(); } else { $('#gallery-div').hide(); } $(`#makeappointment`).click(function() { $(`.span-error-date`).text(""); $(`.span-error-time`).text(""); $(`.span-error-name`).text(""); $(`.span-error-email`).text(""); $(`.span-error-phone`).text(""); var phone = $(`.app_phone`).val(); var name = $(`.app_name`).val(); var email = $(`.app_email`).val(); var date = $(`.datepicker_min`).val(); var time = $('input[type="radio"][name="time"]:checked').data('id'); var business_id = '14'; var emailFormat = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/; var phoneFormat = /^\+?([0-9\s-()]){10,15}$/; function formatDate(date) { var d = new Date(date), month = '' + (d.getMonth() + 1), day = '' + d.getDate(), year = d.getFullYear(); if (month.length < 2) month = '0' + month; if (day.length < 2) day = '0' + day; return [year, month, day].join('-'); } if (date == "") { $(`.span-error-date`).text("*Please choose date"); $(".close-search").trigger({ type: "click" }); } else if (document.querySelectorAll('input[type="radio"][name="time"]:checked').length < 1) { $(`.span-error-time`).text("*Please choose time"); $(".close-search").trigger({ type: "click" }); } else if (name == "") { $(`.span-error-name`).text("*Please enter your name"); } else if (email == "") { $(`.span-error-email`).text("*Please enter your email"); } else if (email == "" || !emailFormat.test(email)) { $(`.span-error-email`).text("*Please enter a valid email address"); } else if (phone == "") { $(`.span-error-phone`).text("*Please enter your phone no"); } else if (phone == "" || !phoneFormat.test(phone)) { $(`.span-error-phone`).text("*Please enter a valid phone no"); } else { $(`.span-error-date`).text(""); $(`.span-error-time`).text(""); $(`.span-error-name`).text(""); $(`.span-error-email`).text(""); $(`.span-error-phone`).text(""); date = formatDate(date); $.ajax({ url: 'https://demo.workdo.io/vcardgo-saas/appoinment/make-appointment', type: 'POST', data: { "name": name, "email": email, "phone": phone, "date": date, "time": time, "business_id": business_id, "_token": "LLQGhJJbkeMiK7LQncoXWiAourwjRpiIr3TXCEZb", }, success: function(data) { if (data.flag == false) { $(".close-search").trigger({ type: "click" }); show_toastr('Error', data.msg, 'error'); // setTimeout(function() { // location.reload(); // }, 2000); } else { $(".close-search").trigger({ type: "click" }); setTimeout(function() { location.reload(); }, 1500); show_toastr('Success', "Thank you for booking an appointment.", 'success'); } } }); } }); $(`#makecontact`).click(function() { var name = $(`.contact_name`).val(); var email = $(`.contact_email`).val(); var phone = $(`.contact_phone`).val(); var message = $(`.contact_message`).val(); var business_id = '14'; var emailFormat = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/; var phoneFormat = /^\+?([0-9\s-()]){10,15}$/; $(`.span-error-contactname`).text(""); $(`.span-error-contactemail`).text(""); $(`.span-error-contactphone`).text(""); $(`.span-error-contactmessage`).text(""); if (name == "") { $(`.span-error-contactname`).text("*Please enter your name"); } else if (email == "") { $(`.span-error-contactemail`).text("*Please enter your email"); } else if (email == "" || !emailFormat.test(email)) { $(`.span-error-contactemail`).text("*Please enter a valid email address"); } else if (phone == "") { $(`.span-error-contactphone`).text("*Please enter your phone no."); } else if (phone == "" || !phoneFormat.test(phone)) { $(`.span-error-contactphone`).text("*Please enter a valid phone no"); } else if (message == "") { $(`.span-error-contactmessage`).text("*Please enter your message."); } else { $(`.span-error-contactname`).text(""); $(`.span-error-contactemail`).text(""); $(`.span-error-contactphone`).text(""); $(`.span-error-contactmessage`).text(""); $.ajax({ url: 'https://demo.workdo.io/vcardgo-saas/contacts/store', type: 'POST', data: { "name": name, "email": email, "phone": phone, "message": message, "business_id": business_id, "_token": "LLQGhJJbkeMiK7LQncoXWiAourwjRpiIr3TXCEZb", }, success: function(data) { $(".close-search").trigger({ type: "click" }); setTimeout(function() { location.reload(); }, 1500); show_toastr('Success', "Your contact details has been noted.", 'success'); } }); } }); </script> <!-- Google Analytic Code --> <script async src="https://www.googletagmanager.com/gtag/js?id=xxx-sdsds-DDDD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'xxx-sdsds-DDDD'); </script> <script> function show_toastr(title, message, type) { var o, i; var icon = ''; var cls = ''; if (type == 'success') { icon = 'ti ti-check-circle'; cls = 'success'; } else { icon = 'ti ti-times-circle'; cls = 'danger'; } $.notify({ icon: icon, title: " " + title, message: message, url: "" }, { element: "body", type: cls, allow_dismiss: !0, placement: { from: 'top', align: 'right' }, offset: { x: 15, y: 15 }, spacing: 80, z_index: 1080, delay: 2500, timer: 2000, url_target: "_blank", mouse_over: !1, animate: { enter: o, exit: i }, template: '<div class="alert alert-{0} alert-icon alert-group alert-notify" data-notify="container" role="alert"><div class="alert-group-prepend alert-content"><span class="alert-group-icon"><i data-notify="icon"></i></span></div><div class="alert-content"><strong data-notify="title">{1}</strong><div data-notify="message">{2}</div></div><button type="button" class="close" data-notify="dismiss" aria-label="Close"><span aria-hidden="true">×</span></button></div>' }); } if ($(".datepicker").length) { $('.datepicker').daterangepicker({ singleDatePicker: true, format: 'yyyy-mm-dd', }); } </script> <!-- Facebook Pixel Code --> <script> ! function(f, b, e, v, n, t, s) { if (f.fbq) return; n = f.fbq = function() { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) }; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; t = b.createElement(e); t.async = !0; t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s) }(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', 'xxx-sdsds-DDDD-45656789'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=0000&ev=PageView&noscript=xxx-sdsds-DDDD-45656789" /></noscript> <!-- Custom Code --> <script type="text/javascript"> 聽console.log('hello f'); </script> <script> $(document).ready(function() { var mapLink = document.getElementById('mapLink').value; document.getElementById('mapContainer').innerHTML = mapLink; }); </script> </body> </html>