Contact CampTag for campaign utm tagging

<!DOCTYPE html> <html 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" /> <meta name="description" content="Reach out to CampTag today for customized campaign utm tagging and marketing taxonomy."> <meta name="keywords" content="contact camptag">  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> <link rel="stylesheet" href="css/custom.min.css" />   <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script> <script src="/js/custom.js"></script> <script src="js/nav_bar.js" type="text/javascript"></script>  <link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet"> <script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script> <script src="https://unpkg.com/axios/dist/axios.min.js"></script> <script src="https://www.google.com/recaptcha/api.js?render=6LeAZ1YbAAAAANt3-qy18KrJKDpT4GWJRQKYeCdG"></script>  <title>Contact CampTag for campaign utm tagging</title> <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"> <script> $(function () { // $("#includednav").load("./templates/common/top-nav.html"); $("#includedfooter").load("./templates/common/footer.html"); $("#includeCookie").load("./templates/common/cookie_notification.html") }); </script>   <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PFH7ZHD');</script>  <script type="text/javascript"> _linkedin_partner_id = "3688233"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </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://px.ads.linkedin.com/collect/?pid=3688233&fmt=gif" /> </noscript> </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PFH7ZHD" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <navbar-component active="contact"></navbar-component> <section class="contact-section container-fluid"> <div class="row"> <div class="col-md-12 contact-top camptag-primary"> <h1>We'd love to hear from you</h1> <div class="contact-boxes"> <div class="product-support"> <img class="contact-icon" src="./assets/icons/customer-service-agent.png"/> <h3>Ask us about our <br/>product</h3> <p>Tell us what you're looking for</p> <a href = "mailto:support@camptag.ai" class="caousel-button-1 contact-buttons">Send Email</a> </div> <div class="sales-support"> <img class="contact-icon" src="./assets/icons/network.png"/> <h3>Talk to our sales <br/>team</h3> <p>Let us know how we can help</p> <a href="" class="caousel-button-1 contact-buttons" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/camptag'});return false;">Book Demo</a> </div> </div> </div> </div> <div class="row contact-form-section camptag-primary"> <div class="col-lg-4 col-md-12 col-sm-12 contact-description"> <h2>Write to us</h2> <h5 class="text-black">We are here to help and answer any questions you might have. We look forward to hearing from you.</h5> </div> <div class="col-lg-8 col-md-12 col-sm-12 contact-form"> <div class="cntact_us_form"> <div class="row"> <div class="form-group col-md-6 mb-3"> <input type="text" id="first_name" class="form-control" name="first_name" placeholder="First Name*" required> </div> <div class="form-group col-md-6 mb-3"> <input type="text" id="last_name" class="form-control" name="last_name" placeholder="Last Name*" required> </div> </div> <div class="form-group mb-3"> <input type="email" id="email" class="form-control" name="email" placeholder="Work Email*" required> </div> <div class="form-group mb-3"> <input type="text" id="company" class="form-control" name="company" placeholder="Company Name*" required> </div> <div class="form-group mb-3"> <textarea class="form-control" id="message" cols="30" rows="10" name="message" placeholder="Message*" required></textarea> </div> <button type="submit" onclick="submitInfo()" class="caousel-button-1" style="width: 30%;border:none;">Submit</button> </div> </div> </div> <div id="snackbar">All Fields are required</div> </section> <div id="includedfooter"></div> <div id="includeCookie"></div> </body> <script> function submitInfo(){ console.log('submit infor called') var email = document.getElementById('email').value; var first_name = document.getElementById('first_name').value; var last_name = document.getElementById('last_name').value; var company = document.getElementById('company').value; var message = document.getElementById('message').value; if(!email || !first_name || !last_name || !company || !message){ displayToast("All fields are required") } else{ //call api grecaptcha.ready(function() { grecaptcha.execute('6LeAZ1YbAAAAANt3-qy18KrJKDpT4GWJRQKYeCdG', {action: 'submit'}).then(function(token) { // Add your logic to submit to your backend server here. axios.post('https://app.camptag.ai/api/auth/website', { form_type: "contactUs", first_name: first_name, last_name: last_name, email: email, company: company, message: message, token: token }) .then(function (response) { var data = response.data if(data.status_code == 200){ displayToast('Thank you for writing to us, you will be contacted soon.') document.getElementById('email').value = ''; document.getElementById('first_name').value =''; document.getElementById('last_name').value =''; document.getElementById('company').value =''; document.getElementById('message').value =''; } console.log(response); }) .catch(function (error) { displayToast('Something went wrong') }); }); }); } } function displayToast(message){ var x = document.getElementById("snackbar"); x.innerHTML = message x.className = "show"; setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000); } </script> <style> #snackbar { visibility: hidden; min-width: 250px; background-color: #333; color: #fff; text-align: center; border-radius: 2px; padding: 16px; position: fixed; z-index: 1; left: 50%; transform: translate(-50%, 0px); bottom: 30px; font-size: 17px; } #snackbar.show { visibility: visible; -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; animation: fadein 0.5s, fadeout 0.5s 2.5s; } @media (min-width: 1367px) { #snackbar { font-size: 20px; } } @media (min-width: 1600px) { #snackbar { font-size: 30px; } } @-webkit-keyframes fadein { from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;} } @keyframes fadein { from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;} } @-webkit-keyframes fadeout { from {bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0;} } @keyframes fadeout { from {bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0;} } </style> </html>

CINXE.COM

Contact CampTag for campaign utm tagging