<!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="">
        <meta name="author" content="">
        <title>CrossChannel | Programmatic Mobile Advertising</title>
        <meta name="description" content="CrossChannel - Programmic Mobile Advertising and Data Exchange" />
        <meta name="keywords" content="iPhone advertising, Android Advertising, programmatic mobile, mobile data exchange" />
        <meta name="robots" content="index, follow" />
        <!-- Bootstrap Core CSS -->
        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
        <!-- Custom Fonts -->
        <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/awesome-bootstrap-checkbox/0.3.7/awesome-bootstrap-checkbox.min.css">
        <!-- Custom CSS -->
        <link rel="stylesheet" href="/css/app/carousel.css" >
        <link rel="stylesheet" href="/css/app/mdotm.css" >
        <link rel="stylesheet" href="/css/app/video.css" >
        <link rel="shortcut icon" href="https://cdn.mdotm.com/1/crosschannel-favicon.png?v=2">
        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
            <![endif]-->
        <script src='https://www.google.com/recaptcha/api.js'></script>
    </head>

    <body data-spy="scroll">
        <!-- Navigation -->
        <nav class="navbar navbar-inverse navbar-fixed-top">
            <div class="container nav-container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="/app/index"><img src="https://cdn.mdotm.com/1/CC_200x80_colors.png" alt="company logo" /></a>
                </div>
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav navbar-right custom-menu">
                        <li><a href="/app/index">Advertisers</a></li><li><a href="/app/publisher">Publishers</a></li><li class="login"><a href="/app/login">Log In</a></li>                        
                    </ul>
                </div>
            </div>
        </nav>

      	
      	<!--content begin-->
		<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-75613099-1', 'auto');
  ga('send', 'pageview');

</script>

<script>
  function validateForm() {
    var first_name = document.getElementsByName("first_name")[0].value;
    var last_name = document.getElementsByName("last_name")[0].value;
    var email = document.getElementsByName("email")[0].value;
    var company = document.getElementsByName("company")[0].value;
    var phone = document.getElementsByName("primary_phone")[0].value;

    
    var validemail = /\S+@\S+\.\S+/;

    var emailerr1 = document.getElementById('emailerr1');
    var emailerr2 = document.getElementById('emailerr2');
    var fnameerr = document.getElementById('fnameerr');
    var lnameerr = document.getElementById('lnameerr');
    var cnameerr = document.getElementById('cnameerr');
    var phoneerr = document.getElementById('phoneerr');

    if(email == '') {
      if(document.contains(emailerr2)) {
        emailerr2.style.display = 'none';
      }

      if(first_name == '') {
        fnameerr.style.display = 'inline-block';
      } 
      else {
        fnameerr.style.display = 'none';
      }

      if(last_name == '') {
        lnameerr.style.display = 'inline-block';
      } 
      else {
        lnameerr.style.display = 'none';
      }

      if(company == '') {
        cnameerr.style.display = 'inline-block';
      } 
      else {
        cnameerr.style.display = 'none';
      }

      if(phone == '') {
        phoneerr.style.display = 'inline-block';
      } 
      else {
        phoneerr.style.display = 'none';
      }

      emailerr1.style.display = 'inline-block';
      return false;
    }
    else if(! validemail.test(email)) {
      if(document.contains(emailerr1)) {
        emailerr1.style.display = 'none';
      }

      if(first_name == '') {
        fnameerr.style.display = 'inline-block';
      } 
      else {
        fnameerr.style.display = 'none';
      }

      if(last_name == '') {
        lnameerr.style.display = 'inline-block';
      } 
      else {
        lnameerr.style.display = 'none';
      }

      if(company == '') {
        cnameerr.style.display = 'inline-block';
      } 
      else {
        cnameerr.style.display = 'none';
      }

      if(phone == '') {
        phoneerr.style.display = 'inline-block';
      } 
      else {
        phoneerr.style.display = 'none';
      }
      
      emailerr2.style.display = 'inline-block';
      return false;
    }
    
    if(first_name == '') {
      if(document.contains(emailerr1 || emailerr2)) {
        emailerr1.style.display = 'none';
        emailerr2.style.display = 'none';
      }

      if(last_name == '') {
        lnameerr.style.display = 'inline-block';
      } 
      else {
        lnameerr.style.display = 'none';
      }

      if(company == '') {
        cnameerr.style.display = 'inline-block';
      } 
      else {
        cnameerr.style.display = 'none';
      }

      if(phone == '') {
        phoneerr.style.display = 'inline-block';
      } 
      else {
        phoneerr.style.display = 'none';
      }

      fnameerr.style.display = 'inline-block';
      return false;
    }

    if(last_name == '') {
      if(document.contains(emailerr1 || emailerr2)) {
        emailerr1.style.display = 'none';
        emailerr2.style.display = 'none';
      }
      
      if(first_name == '') {
        fnameerr.style.display = 'inline-block';
      } 
      else {
        fnameerr.style.display = 'none';
      }

      if(company == '') {
        cnameerr.style.display = 'inline-block';
      } 
      else {
        cnameerr.style.display = 'none';
      }

      if(phone == '') {
        phoneerr.style.display = 'inline-block';
      } 
      else {
        phoneerr.style.display = 'none';
      }

      lnameerr.style.display = 'inline-block';
      return false;
    }

    if(company == '') {
      if(document.contains(emailerr1 || emailerr2)) {
        emailerr1.style.display = 'none';
        emailerr2.style.display = 'none';
      }
      
      if(last_name == '') {
        lnameerr.style.display = 'inline-block';
      } 
      else {
        lnameerr.style.display = 'none';
      }

      if(first_name == '') {
        fnameerr.style.display = 'inline-block';
      } 
      else {
        fnameerr.style.display = 'none';
      }

      if(phone == '') {
        phoneerr.style.display = 'inline-block';
      } 
      else {
        phoneerr.style.display = 'none';
      }

      cnameerr.style.display = 'inline-block';
      return false;
    }

    if(phone == '') {
      if(document.contains(emailerr1 || emailerr2)) {
        emailerr1.style.display = 'none';
        emailerr2.style.display = 'none';
      }
      
      if(last_name == '') {
        lnameerr.style.display = 'inline-block';
      } 
      else {
        lnameerr.style.display = 'none';
      }

      if(company == '') {
        cnameerr.style.display = 'inline-block';
      } 
      else {
        cnameerr.style.display = 'none';
      }

      if(first_name == '') {
        fnameerr.style.display = 'inline-block';
      } 
      else {
        fnameerr.style.display = 'none';
      }

      phoneerr.style.display = 'inline-block';
      return false;
    }
  
    return true;
   
    
  }
</script>

<!-- Header Carousel -->
<header>
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">

        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner">
            <div class="item active">
              <img src="https://cdn.mdotm.com/1/programmaticmobile-crop-overlay60.jpg" alt="" class="img-responsive" id="carousel-1"  />
              <div class="carousel-caption">
                <div class="text-center"><h3 style="text-transform:uppercase;">High ROI Programmatic Mobile</h3></div>
                <h4>Reach Purchasers on Mobile Devices</h4>
                <a class="btn carousel-learn-more" href="/app/programmaticmobile">Learn More</a>
              </div>
            </div>
            <div class="item">
              <img src="https://cdn.mdotm.com/1/brandedcampaign-crop-overlay60.jpg" alt="" class="img-responsive" id="carousel-2"/>
              <div class="carousel-caption">
                <div class="text-center"><h3 style="text-transform:uppercase;">CrossChannel Data Exchange</h3></div>
                <h4>CCDEX - Programmatically Access Deterministic Data for Ad Targeting</h4>
                <a class="btn carousel-learn-more" href="/app/dataexchange">Learn More</a>
              </div>
            </div>
            <div class="item">
              <img src="https://cdn.mdotm.com/1/addressablemobile-crop-overlay60.jpg" alt="" class="img-responsive" id="carousel-3"/>
              <div class="carousel-caption">
                <div class="text-center"><h3 style="text-transform:uppercase;">Addressable Mobile</h3></div>
                <h4>Addressable Mobile is Here</h4>
                <a class="btn carousel-learn-more" href="/app/addressablemobile">Learn More</a>
              </div>
            </div>
        </div>

        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a>

    </div>
</header>


<!-- <section id="news">
    <div class="announcement">
        <center>MdotM is now CrossChannel ! &nbsp;&nbsp;&nbsp;<span class="read-more"><a href="http://blog.crosschannel.com/2016/03/01/mdotm-is-now-crosschannel/" target="_blank">Read More</a></span></center>
    </div>
</section> -->
    

<section id="advertisers">
    <div class="advertisers-bg">
        <br><br>
        <div class="row">
            <div class="col-md-12 advertisers-homeservices">
                <div class="col-md-4 portfolio-item">
                    <div class="text-center">
                        <a href="/app/programmaticmobile">
                            <img src="https://cdn.mdotm.com/1/programaticmobile_icon.png" alt="" class="index-icon">  
                        </a>
                        <h3><a href="/app/programmaticmobile">High ROI Programmatic Mobile</a></h3>
                        <p>100% Transparency.  Custom Mobile Audiences.  Custom Bidder Rules.</p>
                    </div>
                    <p><a class="btn learn-more" href="/app/programmaticmobile">Learn More</a></p>
                </div>
                <div class="col-md-4 portfolio-item">
                    <div class="text-center">
                        <a href="/app/dataexchange">
                            <img src="https://cdn.mdotm.com/1/crosschannel-icon-mobile1.png" alt="" class="index-icon">  
                        </a>
                        <h3><a href="/app/dataexchange">CrossChannel Data Exchange</a></h3>
                        <p>CCDEX - Programmatically Access Deterministic Data for Ad Targeting</p>
                    </div>
                    <p><a class="btn learn-more" href="/app/dataexchange">Learn More</a></p>
                </div>
                <div class="col-md-4 portfolio-item">
                    <div class="text-center">
                        <a href="/app/addressablemobile">
                            <img src="https://cdn.mdotm.com/1/pyramid-HD.png" alt="" class="index-icon">  
                        </a>
                        <h3><a href="/app/addressablemobile">Addressable Mobile</a></h3>
                        <p>Loyalty and Conquest Campaign Execution.  Lookalike Audience Targeting.</p>
                    </div>
                    <p><a class="btn learn-more" href="/app/addressablemobile">Learn More</a></p>                    
                </div>
            </div>
        </div>
    </div>
</section>

<section id="started">
    <div class="started-bg">
        <div class="text-center">
            <p>Get Started with CrossChannel !</p>
            <form action="/app/consultation" method="post">
                <div class="form-group">
                    <label for="inputFirstname" class="sr-only">First Name</label>
                    <span class="err-msg" id="fnameerr" style="display: none;" height=auto>First Name Can't Be Empty !</span>
                    <input name="first_name" type="text" class="form-control request-form" placeholder="First Name *" aria-required="true" required>                 </div>
                <div class="form-group">
                    <label for="inputLastname" class="sr-only">Last Name</label>
                    <span class="err-msg" id="lnameerr" style="display: none;" height=auto>Last Name Can't Be Empty !</span>
                    <input name="last_name" type="text" class="form-control request-form" placeholder="Last Name *" aria-required="true" required>                 </div>
                <div class="form-group">
                    <label for="inputEmail" class="sr-only">Email Address</label>
                    <span class="err-msg" id="emailerr1" style="display:none;" height=auto>Email Address Can't Be Empty !</span> <span class="err-msg" id="emailerr2" style="display:none;" height=auto>Invalid Email Address !</span>
                    <input name="email" type="email" class="form-control request-form" placeholder="Email Address *" aria-required="true" required>                 </div> 
                <div class="form-group">
                    <label for="inputCompany" class="sr-only">Company Name</label>
                    <span class="err-msg" id="cnameerr" style="display: none;" height=auto>Company Name Can't Be Empty !</span>
                    <input name="company" type="text" class="form-control request-form" placeholder="Company Name *" aria-required="true" required>                 </div>  
                <div class="form-group">
                    <label for="inputTitle" class="sr-only">Job Title</label>
                    <input name="title" type="text" class="form-control request-form" placeholder="Job Title">
                </div>
                <div class="form-group">
                    <label for="inputPrimaryPhone" class="sr-only">Phone Number</label>
                    <span class="err-msg" id="phoneerr" style="display: none;" height=auto>Phone Number Can't Be Empty !</span>
                    <input name="primary_phone" type="text" class="form-control request-form" placeholder="Phone Number *" aria-required="true" required>                 </div>
                <div class="form-group">
                    <label for="inputNotes" class="sr-only">Comments</label>
                    <input name="notes" type="text" class="form-control request-form" placeholder="Comments">
                </div>
                <div class="form-group">
                    <div class="checkbox">
                        <input name="subscribe" id="subscribe" class="styled" type="checkbox" value="yes" checked>
                        <label for="subscribe" class="subscribeMe">Subscribe me to CrossChannel newsletters</label>
                    </div>
                </div>
<!--                 <div class="form-group">
                    <center><div class="g-recaptcha" data-sitekey="6LeC8BkTAAAAAPYwYEX_7SXonmJsnjV0IsPzSLYZ"></div></center>
                </div> -->
                <input name="consultationType" type="hidden" value="demorequest">    
                <button type="submit" class="btn-lg" onclick="return validateForm()">Request Demo</button>
            </form> 
            
        </div>
    </div>    
</section>		<!--content end-->
            

        <!-- Footer -->
        <footer id="footer">
            <div class="container">
                <div class="row myfooter section-title">
                    <div class="col-lg-4 col-md-4 col-sm-4">
                        <h4>Quick Links</h4>
                        <ul class="list-unstyled">
                          <li><a href="/app/about">Company</a></li>
                          <li><a href="/app/careers">Careers</a></li>
                          <li><a href="http://docs.crosschannel.com/">Resources</a></li>
                          <li><a href="/app/contact">Contact US</a></li>
  <!--                        <li><a href="/app/testimonials">Testimonials</a></li> -->
                        </ul>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-4">
                        <h4>Terms & Conditions</h4>
                        <ul class="list-unstyled">
                          <li><a href="/app/page/terms/">Terms of Service</a></li>
                          <li><a href="/app/page/privacy/">Privacy Policy</a></li>
                          <li><a href="/app/optout/">Opt Out</a></li>
                        </ul>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-4 footer-icons">
                        <h4>Get In Touch</h4>
                        <ul class="list-unstyled list-inline">
                            <li><a href="mailto:support@crosschannel.com"><i class="fa fa-envelope fa-2x"></i></a></li>
                            <li><a href="https://www.facebook.com/CrossChannel-Inc-1054580511249927/" target="_blank"><i class="fa fa-facebook-square fa-2x"></i></a></li>
                            <li><a href="https://www.linkedin.com/company/crosschannel" target="_blank"><i class="fa fa-linkedin-square fa-2x"></i></a></li>
                            <li><a href="https://twitter.com/crosschannelinc" target="_blank"><i class="fa fa-twitter-square fa-2x"></i></a></li>
                        </ul>
                    </div>
                    <div class="col-lg-12 col-md-12 col-sm-12"><div class="text-center iab-logo">
                        Member of &nbsp;&nbsp;<img src="https://cdn.mdotm.com/1/IAB-footer.png" alt="">
                    </div></div>
                    <div class="col-lg-12 col-md-12 col-sm-12"><div class="text-center copyright">
                    © CrossChannel Inc. 2016. All Rights Reserved.
                    </div></div>
                </div>
            </div>
        </footer>

        <!-- jQuery -->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.js"></script>
        <!-- Bootstrap Core JavaScript -->
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

        <!-- Google Map  -->
        <!-- <script src="//maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=true&amp;libraries=places"></script> -->
       

        <!-- Portfolio
        <script src="https://cdn.jsdelivr.net/quicksand/1.4/jquery.quicksand.js"></script>     
        --> 

        <script>
          $(document).ready(function(){
            $('.carousel').carousel({
              interval: 6000,
              pause: 'hover'
            });
          });
        </script>

        <!--Jquery Smooth Scrolling-->
        <script>
            $(document).ready(function(){
                $('.custom-menu a[href^="#"], .intro-scroller .inner-link').on('click',function (e) {
                    e.preventDefault();

                    var target = this.hash;
                    var $target = $(target);

                    $('html, body').stop().animate({
                        'scrollTop': $target.offset().top
                    }, 900, 'swing', function () {
                        window.location.hash = target;
                    });
                });

                $('a.page-scroll').bind('click', function(event) {
                    var $anchor = $(this);
                    $('html, body').stop().animate({
                        scrollTop: $($anchor.attr('href')).offset().top
                    }, 1500, 'easeInOutExpo');
                    event.preventDefault();
                });

               $(".nav a").on("click", function(){
                     $(".nav").find(".active").removeClass("active");
                    $(this).parent().addClass("active");
                });
            });
        </script>
        <script src="/js/app/checkScroll.js"></script>
</body>
</html>
