<!DOCTYPE html>
<html>
<head>
    <!--  Internazionalization -->
    <script src="assets/plugins/i18n/i18next.min.js"></script>
    <script src="assets/plugins/i18n/loc-i18next.js"></script>
    <script src="assets/plugins/i18n/i18nextXHRBackend.min.js"></script>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    <meta charset="utf-8" />
        <title>Taggify - The programmatic OOH full-stack platform. DSP / SSP / Digital Signage</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link rel="apple-touch-icon" href="pages/ico/60.png">
    <link rel="apple-touch-icon" sizes="76x76" href="pages/ico/76.png">
    <link rel="apple-touch-icon" sizes="120x120" href="pages/ico/120.png">
    <link rel="apple-touch-icon" sizes="152x152" href="pages/ico/152.png">
    <link rel="icon" type="image/x-icon" href="favicon.ico" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <meta content="Taggify is a full-stack programmatic out of home platform that helps Brands and Screen owners to improve on each part of the ecosystem." name="description" />
    <meta name="author" content="Designed and Coded by @toiluj23, yes, the founder and COO of Taggify also codes. :)">
    <!-- BEGIN PLUGINS -->
    <link href="assets/plugins/pace/pace-theme-flash.css" rel="stylesheet" type="text/css" />
    <link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="assets/plugins/font-awesome/css/all.min.css" rel="stylesheet" type="text/css" />
    <link href="assets/plugins/swiper/css/swiper.css" rel="stylesheet" type="text/css" media="screen" />
    <!-- END PLUGINS -->
    <!-- BEGIN PAGES CSS -->
    <link href="pages/css/pages.css" rel="stylesheet" type="text/css" />
    <!-- <link href="pages/css/pages-icons.css" rel="stylesheet" type="text/css" /> -->
    <!-- BEGIN PAGES CSS -->
    <!-- Own Styles -->
    <link href="assets/css/styles.css" rel="stylesheet" type="text/css" />
</head>

<body class="pace-black animate-in">
    <!-- BEGIN JUMBOTRON -->
    <!-- BEGIN HEADER -->
        <section class="container relative">
        <div class="logo-wrapper-home scale-up-center">
            <div class="iso inline"><img src="assets/images/taggify-iso.svg" class="svg" alt=""></div>
            <div class="logo inline"><img src="assets/images/taggify-logo.svg" class="svg" alt=""></div>
        </div>
    </section>
    <nav class="header bottom bg-header light-solid" data-pages="header" data-pages-autofixed="true">
            <!-- BEGIN WHITE BRUSH STROKE -->
        <div class="demo-brush bottom-left" data-pages-bg-image="assets/images/brush_stroke.png"></div>
        <!-- END WHITE BRUSH STROKE -->
        <div class="container relative">
            <!-- BEGIN LEFT CONTENT -->
            <div class="pull-left">
                <!-- .header-inner
                Allows to horizontally Align elements to the Center
                 -->
                <div class="header-inner">
                    <!-- BEGIN LOGO -->
                    <a href="index.php">
                        <div class="logo-wrapper">
                            <div class="iso inline"><img src="assets/images/taggify-iso.svg" class="svg" alt="" width="20"></div>
                            <div class="logo inline"><img src="assets/images/taggify-logo-black.svg" class="svg m-t-30" alt="" width="80"></div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="pull-right">
                <div class="header-inner">
                    <div class="visible-sm-inline visible-xs-inline menu-toggler pull-right p-l-10" data-pages="header-toggle" data-pages-element="#header">
                        <div class="one"></div>
                        <div class="two"></div>
                        <div class="three"></div>
                    </div>
                </div>
            </div>
            <!-- BEGIN RIGHT CONTENT -->
            <div class="menu-content pull-right clearfix" data-pages="menu-content" data-pages-direction="slideRight" id="header">
                <!-- BEGIN HEADER CLOSE TOGGLE FOR MOBILE -->
                <div class="pull-right">
                    <a href="#" class="text-black link padding-10 visible-xs-inline visible-sm-inline pull-right m-t-10 m-b-10 m-r-10" data-pages="header-toggle" data-pages-element="#header">
                        <i class="fal fa-times"></i>
                    </a>
                </div>
                <!-- END HEADER CLOSE TOGGLE FOR MOBILE -->
                <!-- BEGIN MENU ITEMS -->
                <div class="header-inner">
                    <ul class="menu">
                        <li>
                            <a class="active" href="index.php" data-text="Home">
                                <span class="title montserrat block-title i18n" data-i18n="[html]app_page.index.menu.home">Home</span>
                                <span data-text="Welcome" class="i18n" data-i18n="[html]app_page.index.menu.welcome">Welcome</span>
                            </a>
                        </li>
                        <li class="classic  multiline">
                            <a class="" href="javascript:;" data-text="Elements">
                                <span class="title montserrat block-title i18n">Platforms <i class='fal fa-angle-down m-l-5'></i> </span>
                                <span data-text="Shortcodes">Full-stack</span></a>
                            <nav class="classic ">
                                <span class="arrow"></span>
                                <ul>
                                    <li>
                                        <a href="dsp-programmatic-dooh.php">OOH DSP</a>
                                    </li>
                                    <li>
                                        <a href="ssp-dooh.php">OOH SSP</a>
                                    </li>
                                    <li>
                                        <a href="cloud-digital-signage.php">Digital Signage</a>
                                    </li>
                                </ul>
                            </nav>
                        </li>
                        <li>
                            <a class="" href="coverage.php" data-text="Coverage">
                                <span class="title montserrat block-title i18n">Coverage</span>
                                <span data-text="Welcome" class="i18n">In 4 Countries</span>
                            </a>
                        </li>
                        <li>
                            <a class="" href="cases.php" data-text="Portofolio">
                                <span class="title montserrat block-title i18n">Cases</span>
                                <span data-text="Welcome" class="i18n">Top Customers</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" data-text="Contact Us" data-toggle="modal" data-target="#contact-panel" id="btn-contact-top">
                                <span class="title montserrat block-title i18n bold contactus">Contact Us</span>
                                <span data-text="Welcome" class="i18n">Get in Touch!</span>
                            </a>
                        </li>
                    </ul>
                    <!-- BEGIN COPYRIGHT FOR MOBILE -->
                    <div class="font-arial m-l-35 m-r-35 m-b-20 m-t-20 visible-sm visible-xs">
                        <p class="fs-11 no-margin small-text p-b-20"><span class='hint-text'>Taggify only works with</span> authorized partners <span class='hint-text'>around the world.</span></p>
                        <p class="fs-11 small-text muted">Copyright &copy; 2021</p>
                    </div>
                    <!-- END COPYRIGHT FOR MOBILE -->
                </div>
                <!-- END MENU ITEMS -->
            </div>
        </div>
    </nav>
    <!-- END HEADER -->
<section class="jumbotron full-vh" data-pages="parallax">
    <div class="inner full-height">
        <!-- BEGIN SLIDER -->
        <div class="swiper-container" id="hero">
            <div class="swiper-wrapper">
                <!-- BEGIN SLIDE -->
                <div class="swiper-slide fit">
                    <!-- BEGIN IMAGE PARRALAX -->
                    <div class="slider-wrapper">
                        <div class="image" data-swiper-parallax="30%">
                            <div data-pages-bg-image="assets/images/cover-home.jpg" data-bg-overlay-class="bg-black" data-overlay-opacity="0.7" class="full-height"></div>
                        </div>
                    </div>
                    <!-- END IMAGE PARRALAX -->
                    <!-- BEGIN CONTENT -->
                    <div class="content-layer">
                        <div class="inner full-height">
                            <div class="container-xs-height full-height">
                                <div class="col-xs-height col-middle text-left">
                                    <div class="container text-center">
                                        <h6 class="hidden m-b-0 block-title text-white hint-text i18n" data-i18n="[html]app_page.index.jumbotron.taggify-is">
                                            Taggify is
                                        </h6>
                                        <h1 class="m-t-0 m-b-0 light text-white block-title i18n" data-i18n="[html]app_page.index.jumbotron.programmatic-platform">
                                            The programmatic <span class="bold">OOH platform.</span>
                                        </h1>
                                        <h6 class="m-t-5 block-title text-white hint-text i18n" data-i18n="[html]app_page.index.jumbotron.help-brands">
                                            We help brands to reach outdoor audiences and show them relevant ads in real-time.
                                        </h6>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- END CONTENT -->
                </div>
                <!-- END SLIDE -->
            </div>
        </div>
    </div>
    <!-- END SLIDER -->
</section>
<!-- END JUMBOTRON -->
<!-- BEGIN NOT A DSP SECTION -->
<section class="bg-white relative full-width p-t-100 p-b-100" data-swiper-parallax="70%" data-pages="parallax" data-pages-bg-image="assets/images/mount_phone.png">
    <div class="container m-t-50">
        <div class="md-p-l-20 md-p-r-20 m-b-20 xs-no-padding">
            <div class="row p-t-50">
                <div class="col-sm-7 ">
                </div>
                <div class="col-sm-5 col-md-4 sm-text-right">
                    <h5 class="block-title hint-text no-margin i18n" data-i18n="[html]app_page.index.not-dsp.copy"><span class="bold">DSP:</span> Plan, Execute, Optimize.</h5>
                    <h1 class="m-t-5"><span data-pages-init="text-rotate" data-speed="4000 " data-animation="fade"><span class="i18n" data-i18n="[html]app_page.index.not-dsp.title">Not a regular DSP</span>, <span class="i18n" data-i18n="[html]app_page.index.not-dsp.title2">It's DOOH DSP</span>.</span></h1>
                    <p class="muted font-arial small-text col-sm-10 no-padding i18n" data-i18n="[html]app_page.index.not-dsp.text">We reinvented the programmatic DSP. 100% built for Programmatic DOOH.</p>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- END NOT A DSP SECTION -->
<!-- BEGIN KEY DIFFERENCIATOR SECTION -->
<section class="bg-white relative p-b-85 p-t-75 p-b-65 p-t-55">
    <div class="container">
        <div class="md-p-l-20 xs-no-padding clearfix">
            <div class="col-sm-4 no-padding">
                <div class="p-r-40 md-p-r-30 xs-no-padding text-center">
                    <i class="m-b-20 fad fa-bullseye-arrow text-complete" style="font-size:3.5em;"></i>
                    <h6 class="block-title p-b-5 i18n" data-i18n="[html]app_page.index.key-diff.title-1">Targeted Audiences <i class="pg-arrow_right m-l-10"></i></h6>
                    <p class="m-b-30 i18n" data-i18n="[html]app_page.index.key-diff.text-1">Impact only on audiencies that you want to speak</p>
                    <p class="muted font-arial small-text col-sm-9 col-sm-offset-2 no-padding i18n" data-i18n="[html]app_page.index.key-diff.keywords-1">Demographic, Behaviours, Interests.</p>
                </div>
                <div class="visible-xs b-b b-grey-light m-t-30 m-b-30"></div>
            </div>
            <div class="col-sm-4 no-padding">
                <div class="p-r-40 md-p-r-30 xs-no-padding text-center">
                    <i class="m-b-20 fad fa-images text-complete" style="font-size:3.5em;"></i>
                    <h6 class="block-title p-b-5 i18n" data-i18n="[html]app_page.index.key-diff.title-2">Dynamic Creatives <i class="pg-arrow_right m-l-10"></i></h6>
                    <p class="m-b-30 i18n" data-i18n="[html]app_page.index.key-diff.text-2">Show them contextual ads and get a higher engagement.</p>
                    <p class="muted font-arial small-text col-sm-9 col-sm-offset-2 no-padding i18n" data-i18n="[html]app_page.index.key-diff.keywords-2">Weather, Temperature, Traffic, Days, Hours.</p>
                </div>
                <div class="visible-xs b-b b-grey-light m-t-30 m-b-30"></div>
            </div>
            <div class="col-sm-4 no-padding">
                <div class="p-r-40 md-p-r-30  xs-no-padding text-center">
                    <i class="m-b-20 fad fa-analytics text-complete" style="font-size:3.5em;"></i>
                    <h6 class="block-title p-b-5 i18n" data-i18n="[html]app_page.index.key-diff.title-3">Realtime Reports <i class="pg-arrow_right m-l-10"></i></h6>
                    <p class="m-b-30 i18n" data-i18n="[html]app_page.index.key-diff.text-3">Understand your current spending, and how many impacts you are getting.</p>
                    <p class="muted font-arial small-text col-sm-9 col-sm-offset-2 no-padding i18n" data-i18n="[html]app_page.index.key-diff.keywords-3">Stats by Screens, Cost per Impacts.</p>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- END KEY DIFFERENCIATOR SECTION -->
<!-- BEGIN FULLSTACK SECTION -->
<section class="p-t-50 bg-master-lightest">
    <div class="container text-center">
        <h5 class="block-title no-margin">Full-Stack</h5>
        <h2 class="text-uppercase">
            <span class="font-montserrat bold text-uppercase" data-pages-init="text-rotate" data-speed="4000 " data-animation="fade">DSP, SSP, Digital Signage</span>
        </h2>
        <div class="fullstack-wrapper hidden-md-down visible-md-*">
            <div class="advertiser-pc"></div>
            <div class="advertiser-ad anim-delay-1">
                <div class="text">

                </div>
            </div>
            <div class="dsp-browser anim-delay-2" onclick="location.href='dsp-programmatic-dooh.php'"></div>
            <div class="ssp-browser" onclick="location.href='ssp-dooh.php'"></div>
            <div class="ds-browser" onclick="location.href='cloud-digital-signage.php'"></div>
            <!-- <div class="ds-hardware" onclick="location.href='cloud-digital-signage.php'"></div> -->
            <div class="publisher-totem"></div>
            <div class="explainer hidden-md-down">
                <h3 class="i18n" data-i18n="[html]app_page.index.fullstack.text">Thought from scratch to bring a full end-to-end experience for the Programmatic Digital OOH ecosystem.</h3>
                <!-- <h4 class="light font-arial fs-12">Where the Advertiser will get the programmatic feeling, but oriented to the outdoor advertising, meanwhile the publisher will experfience the simplicity no matter the complex scenario there's behind.</h4> -->
            </div>
        </div>
    </div>
</section>
<!-- END FULLSTACK SECTION -->
<!-- BEGIN CONTENT SECTION -->
<!-- <section class="p-t-75 bg-size-cover" data-pages-bg-image="https://image.shutterstock.com/z/stock-photo-the-atmosphere-at-bus-stop-in-thailand-327630542.jpg">
    <div class="container text-center">
        <h2 class="light text-white text-uppercase">
            Thought from scratch to <span class="font-montserrat bold text-uppercase" data-pages-init="text-rotate" data-speed="3000 " data-animation="fade">Save Time, Be efficient, Reach better, Understand OOH</span>.
        </h2>
        <img src="assets/images/laptop_screen.png" class="image-responsive-height m-t-40 lazy" data-papes="float">
    </div>
</section> -->
<!-- BEGIN CLIENTS -->
<section class="bg-white p-b-85 p-t-75">
    <div class="container">
        <div class="md-p-l-20 md-p-r-20 xs-no-padding">
            <h5 class="block-title hint-text no-margin i18n" data-i18n="[html]app_page.index.customers.copy">Customers</h5>
            <div class="row">
                <div class="col-sm-5 col-md-4 m-t-15">
                    <h1 class="m-t-5 i18n" data-i18n="[html]app_page.index.customers.title"><span class="bold">Trusted by </span><br />world's leading agencies.</h1>
                </div>
                <div class="col-sm-7 col-md-8 no-padding xs-p-l-15 xs-p-r-15">
                    <div class="row">
                        <div class="col-sm-12 text-center">
                            <img width="100%" src="assets/images/logo_set.png" alt="Starcom, Havas, Cadreon, Xaxis, Phd, Omd">
                        </div>
                        <div class="col-sm-4 text-center logos"><a href="cases-technology-amazon.php"><img src="assets/images/logo-amazon.png" class="lazyload image-responsive-width" alt=""></a> </div>
                        <div class="col-sm-4 text-center logos"><a href="cases-technology-spotify.php"><img src="assets/images/logo-spotify.png" class="lazyload image-responsive-width" alt=""></a> </div>
                        <div class="col-sm-4 text-center logos"><a href="cases-technology-google.php"><img src="assets/images/logo-google.png" class="lazyload image-responsive-width" alt=""></a> </div>
                        <div class="col-sm-4 text-center logos"><a href="cases-finance-itau.php"><img src="assets/images/logo-itau.png" class="lazyload image-responsive-width" alt=""></a> </div>
                        <div class="col-sm-4 text-center logos"><a href="cases-food-starbucks-mx.php"><img src="assets/images/logo-starbucks.png" class="lazyload image-responsive-width" alt=""></a> </div>
                        <div class="col-sm-4 text-center logos"><a href="cases-food-mcdonalds.php"><img src="assets/images/logo-mccafe.png" class="lazyload image-responsive-width" alt=""></a> </div>
                        <div class="col-sm-4 text-center logos"><a href="cases-massive-johnsons.php"><img src="assets/images/logo-johnsons.png" class="lazyload image-responsive-width" alt=""></a> </div>
                        <div class="col-sm-4 text-center logos"><a href="cases-finance-santander.php"><img src="assets/images/logo-santander.png" class="lazyload image-responsive-width" alt=""></a> </div>
                        <div class="col-sm-4 text-center logos"><a href="cases-massive-neutrogena.php"><img src="assets/images/logo-neutrogena.png" class="lazyload image-responsive-width" alt=""></a> </div>
                        <div class="col-sm-4 text-center logos"><a href="cases-automotive-volkswagen.php"><img src="assets/images/logo-volkswagen.png" class="lazyload image-responsive-width" alt=""></a> </div>
                        <div class="col-sm-4 text-center logos"><a href="cases-automotive-mercedesbenz.php"><img src="assets/images/logo-mercedesbenz.png" class="lazyload image-responsive-width" alt=""></a> </div>
                        <div class="col-sm-4 text-center logos"><a href="cases-technology-hp.php"><img src="assets/images/logo-hp.png" class="lazyload image-responsive-width" alt=""></a> </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- END BEGIN CLIENTS -->
<!-- START FOOTER -->
<section class="p-b-30 p-t-40 bg-master-dark">
    <div class="container">
        <div class="row">
            <div class="col-sm-6">
                <img class="svg" src="assets/images/taggify-logo.svg" style="fill:black;opacity:0.7" height="20" alt="">
                <!-- <img src="assets/images/logo_black.png" width="152" height="21" data-src-retina="assets/images/logo_black_2x.png" class="logo inline m-r-50" alt=""> -->
                <div class="m-t-10 ">
                    <ul class="no-style fs-11 no-padding font-arial">
                        <li class="inline no-padding"><a href="index.php" class="text-master p-r-10 b-r b-transparent">Home</a></li>
                        <li class="inline no-padding"><a href="dsp-programmatic-dooh.php" class="text-master p-l-10 p-r-10 b-r b-transparent">DSP DOOH</a></li>
                        <li class="inline no-padding"><a href="ssp-dooh.php" class="text-master p-l-10 p-r-10 b-r b-transparent">SSP DOOH</a></li>
                        <li class="inline no-padding"><a href="cloud-digital-signage.php" class="text-master p-l-10 p-r-10 b-transparent">Digital Signage</a></li>
                        <!-- <li class="inline no-padding"><a href="#" class="text-master p-l-10 p-r-10 xs-no-padding xs-m-t-10">White Label SSP</a></li> -->
                    </ul>
                </div>
            </div>
            <div class="col-sm-6 text-right font-arial sm-text-left">
                <p class="fs-11 no-margin small-text i18n"><span class='hint-text'>Taggify only works with</span> authorized partners <span class='hint-text'>around the world.</span></p>
                <p class="fs-11 muted">Copyright &copy; 2021 Taggify.</p>
            </div>
        </div>
    </div>
</section>
<!-- END FOOTER -->
<script src="assets/plugins/pace/pace.min.js" type="text/javascript"></script>
<script type="text/javascript" src="pages/js/pages.image.loader.js"></script>
<!-- BEGIN CORE FRAMEWORK -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<!-- BEGIN RETINA IMAGE LOADER -->
<script type="text/javascript" src="assets/plugins/jquery-unveil/jquery.unveil.min.js"></script>
<!-- BEGIN TEXT ROTATOR -->
<script type="text/javascript" src="assets/plugins/text-rotate/jquery.simple-text-rotator.min.js"></script>
<!-- END VENDOR JS -->
<!-- BEGIN SWIPER DEPENDENCIES -->
<script type="text/javascript" src="assets/plugins/swiper/js/swiper.jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/velocity/2.0.5/velocity.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/velocity/2.0.5/velocity.ui.min.js"></script>
<!-- BEGIN AUTO-ANIMATE NUMBERS -->
<script type="text/javascript" src="assets/plugins/jquery-appear/jquery.appear.js"></script>
<script type="text/javascript" src="assets/plugins/animateNumber/jquery.animateNumbers.js"></script>
<!-- BEGIN PAGES FRONTEND LIB -->
<script type="text/javascript" src="pages/js/pages.frontend.js"></script>
<!-- END PAGES LIB -->
<!-- Form Validation -->
<script type="text/javascript" src="assets/plugins/jquery-validation/js/jquery.validate.min.js"></script>
<!-- BEGIN YOUR CUSTOM JS -->
<script type="text/javascript" src="assets/js/custom.js"></script>
<!-- END PAGES LIB -->
<!-- Include Contact Modal -->

<!-- BEGIN Modal Cotización  -->
<div class="modal fade slide-right" id="contact-panel" tabindex="-1" role="dialog" aria-labelledby="ModalContact" aria-hidden="true">
  <div class="modal-dialog modal-lg">
      <div class="modal-content-wrapper">
          <div class="modal-content table-block">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fal fa-times fs-14"></i></button>
              <div class="modal-body v-align-middle text-center">
                <h1 class="light i18n" data-i18n="[html]app_page.contact.title">Get a fast response.</h1>
                <h5 class="text-black m-t-50 m-b-50 i18n" data-i18n="[html]app_page.contact.subtitle">.</h5>
                <form class="text-left" role="form" autocomplete="off" class="m-t-15" id="contact-form" action="_lib/mail.php" method="post">
                    <input type="hidden" name="hash" value="596a3d04481816330f07e4f97510c28f">
                    <input type="hidden" name="signup" value="0">
                    <input type="hidden" name="current-page" value="index">
                    <div class="row">
                        <div class="col-sm-6">
                          <div class="form-group form-group-default required">
                            <label class="control-label i18n" data-i18n="[html]app_page.contact.fullname">Nombre Completo</label>
                            <input type="text" name="name" placeholder="Jack Black" class="form-control" required>
                          </div>
                        </div>
                        <div class="col-sm-6">
                          <div class="form-group form-group-default required">
                            <label class="control-label i18n" data-i18n="[html]app_page.contact.company">Empresa</label>
                            <input type="text" name="company" placeholder="Tangerine" class="form-control" required>
                          </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-6">
                          <div class="form-group form-group-default required">
                            <label class="control-label i18n" data-i18n="[html]app_page.contact.email">Email</label>
                            <input type="email" name="email" placeholder="me@company.com" class="form-control" required>
                          </div>
                        </div>
                        <div class="col-sm-6">
                          <div class="form-group form-group-default">
                            <label class="control-label i18n" data-i18n="[html]app_page.contact.phone">Telefono</label>
                            <input type="phone" name="phone" placeholder="+54 11 5555-5555" class="form-control">
                          </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-6">
                          <div class="form-group form-group-default required">
                            <label class="control-label i18n" data-i18n="[html]app_page.contact.website">Website</label>
                            <input type="website" name="website" placeholder="http://www.myweb.com" class="form-control" required>
                          </div>
                        </div>
                        <div class="col-sm-6">
                          <div class="form-group form-group-default">
                            <label class="control-label i18n" data-i18n="[html]app_page.contact.role">Role at Company</label>
                            <input type="role" name="role" placeholder="CEO, Director, Manager" class="form-control">
                          </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-6">
                          <div class="form-group form-group-default">
                            <label class="control-label i18n" data-i18n="[html]app_page.contact.contact-type">Tipo de Consulta </label>
                            <select type="list" name="consult-type" id="consult-type" class="form-control">
                              <option class="i18n" data-i18n="[html]app_page.contact.input-select" value="0">Seleccione</option>
                              <optgroup label="Media">
                                <option class="i18n" data-i18n="[html]app_page.contact.media-buying-agency" value="media-buying-agency">Comprar Inventario - Agencia</option>
                                <option class="i18n" data-i18n="[html]app_page.contact.media-buying-brand" value="media-buying-brand">Comprar Inventario - Marca</option>
                                <option class="i18n" data-i18n="[html]app_page.contact.media-selling-owner" value="media-selling-owner">Ofrecer Inventario - Screen Owner</option>
                                <option class="i18n" data-i18n="[html]app_page.contact.media-selling-network" value="media-selling-network">Ofrecer Inventario - Revendedor</option>
                              </optgroup>
                              <optgroup label="Services">
                                <option class="i18n" data-i18n="[html]app_page.contact.services-digital-signage-saas" value="services-digital-signage-saas">Necesito un Gestor de Contenidos en la Nube</option>
                                <option class="i18n" data-i18n="[html]app_page.contact.services-digital-signage-hard" value="services-digital-signage-hard">Necesito uno o varios Dispositivos</option>
                                <option class="i18n" data-i18n="[html]app_page.contact.services-media-planning" value="services-media-planning">Necesito planificar una campaña</option>
                              </optgroup>
                              <optgroup label="Partnership">
                                <option class="i18n" data-i18n="[html]app_page.contact.partner-offer-tech" value="partner-offer-tech">Ofrecer Data</option>
                                <option class="i18n" data-i18n="[html]app_page.contact.partner-country" value="partner-country">Country Manager</option>
                                <option class="i18n" data-i18n="[html]app_page.contact.partner-investing" value="partner-investing">Be an Investor</option>
                              </optgroup>
                              <optgroup label="Other">
                                <option class="i18n" data-i18n="[html]app_page.contact.other-whitelabel" value="other-whitelabel">SSP Whitelabel</option>
                              </optgroup>
                            </select>
                          </div>
                        </div>
                        <div class="col-sm-6">
                          <div class="form-group form-group-default">
                            <label class="control-label i18n" data-i18n="[html]app_page.contact.country">Pais <i class="fa fa-chevron-down"></i> </label>
                            <select type="list" name="region-type" id="region-type" class="form-control">
                              <option class="i18n" data-i18n="[html]app_page.contact.input-select" value="0">Seleccione</option>
                              <optgroup label="Americas">
                                <option value="country-americas-north">North America</option>
                                <option value="country-americas-ar">Argentina</option>
                                <option value="country-americas-mx">Mexico</option>
                                <option value="country-americas-rest">Rest of America</option>
                              </optgroup>
                              <optgroup label="Europe">
                                <option value="country-europe-es">Spain</option>
                                <option value="country-europe-pt">Portugal</option>
                                <option value="country-europe-rest">Rest of Europe</option>
                              </optgroup>
                              <optgroup label="Asia">
                                <option value="country-asia-in">India</option>
                                <option value="country-asia-rest">Rest of Asia</option>
                              </optgroup>
                            </select>
                          </div>
                        </div>
                    </div>
                    <div class="form-group form-group-default required">
                        <label class="control-label i18n" data-i18n="[html]app_page.contact.message">Consulta</label>
                        <textarea name="message" placeholder="" style="height:100px" class="form-control" required></textarea>
                    </div>
                    <div class="form-group form-group-default">
                        <label>5 - 11?</label>
                        <input data-i18n="[placeholder]app_page.contact.math-question" id="answer" name="answer" class="form-control" type="number" required>
                    </div>
                    <div class="sm-p-t-10 clearfix">
                        <p class="pull-left small hint-text m-t-5 font-arial i18n" data-i18n="[html]app_page.contact.certify">Certifico que la información provista es verdadera.</p>
                        <button class="btn btn-complete font-montserrat all-caps fs-12 pull-right xs-pull-left"><span class="i18n" data-i18n="[html]app_page.contact.btn-send">Enviar</span> <i class="fas fa-paper-plane"></i> </button>
                    </div>
                    <div class="clearfix"></div>
                </form>
              </div>
          </div>
      </div>
      <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
  </div>
<!-- END Modal Cotización -->
<script>
$(function() {

// Según el ID del Botón selecciono el tipo de Consulta
  // Según el ID del Botón selecciono el pais
    $("#btn-screens-argentina").click( function(){$('#region-type').val('country-americas-ar');$('#consult-type').val('media-selling-owner');} );
    $("#btn-screens-mexico").click( function(){$('#region-type').val('country-americas-mx');$('#consult-type').val('media-selling-owner');} );
    $("#btn-screens-spain").click( function(){$('#region-type').val('country-europe-es');$('#consult-type').val('media-selling-owner');} );
    $("#btn-screens-india").click( function(){$('#region-type').val('country-asia-in');$('#consult-type').val('media-selling-owner');} );

    $("#btn-contact-ssp-how-it-works, #btn-contact-ssp-realtime").click( function(){$('#consult-type').val('media-selling-owner');} );

    $("#btn-become-partner").click( function(){$('#consult-type').val('partner-country');} );

});
</script>
<script type="text/javascript" src="assets/js/contact.js"></script>
<!-- END Contact Modal -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-50797574-2"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-50797574-2');
</script>
</body>

</html>
