<section id="snipComponent">
                            <div class="snip-card">
                                <div class="image-wrapper">
                                    <img src="<?php echo esc_attr(plugins_url('../assets/images/monster-support.png', __FILE__)); ?>" alt="monster-support" >
                                </div>
                                <div class="main-wrapper">
                                    <a href="https://wpe.approveme.com/?utm_campaign=wprepo&utm_medium=snipbar&utm_source=<?php echo esc_attr($about_options['pluginName']); ?>" id="profileName" class="text-link" target="_blank" style="color: rgb(34, 34, 34);">Approve Me</a>
                                    <div id="messageText" >Got a question about a custom Gravity Forms to WPESign™ workflow?</div>
                                </div>
                                <div class="button-wrapper">
                                    <a href="https://wpe.approveme.com/?utm_campaign=wprepo&utm_medium=snipbar&utm_source=<?php echo esc_attr($about_options['pluginName']); ?>" class="button-purple" id="buttonAction" target="_blank" rel="nofollow">Ask Your Question</a>
                                </div>
                                <a href="#" id="minimizeToggle" onClick="closeToolbar(this, event)" class="animated close-button" style="color: rgb(34, 34, 34);">×</a>
                            </div>
                    </section>

                    <div style="z-index:-10000000; display:none;" id="custom-code-container">
                        <script type="text/javascript">
                            (function(){window._pa=window._pa||{};var pa=document.createElement('script');pa.type='text/javascript';pa.async=true;pa.src=('https:'==document.location.protocol?'https:':'http:')+"//tag.marinsm.com/serve/5535e5586ff020e95f00009c.js";var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(pa,s);})();
                        </script>
                    </div>