https://yomedia.vn/

Submitted URL:
https://yomedia.vn
Report Finished:

The outgoing links identified from the page

LinkText
http://www.pinetech.vn/solutions/programmatic/
http://www.pinetech.vn/solutions/web-app-design/
http://www.pinetech.vn/solutions/social-media/
http://www.pinetech.vn/solutions/biddable-media/
https://www.facebook.com/Yomedia-161011821328573
https://www.youtube.com/watch?v=m9urCl6MRzI
https://www.linkedin.com/in/yomedia-digital-agency-034a91138

JavaScript Variables · 17 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

NameType
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
pJSfunction
hexToRgbfunction
clampfunction
isInArrayfunction
requestAnimFramefunction
cancelRequestAnimFramefunction
pJSDomobject

Console log messages · 2 found

Messages logged to the web console

TypeCategoryLog
errornetwork
URL
https://js.hs-scripts.com/7242532.js
Text
Failed to load resource: the server responded with a status of 410 ()
warningother
URL
https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.js
Text
Listener added for a synchronous 'DOMNodeRemoved' DOM Mutation Event. This event type is deprecated (https://w3c.github.io/uievents/#legacy-event-types) and work is underway to remove it from this browser. Usage of this event listener will cause performance issues today, and represents a risk of future incompatibility. Consider using MutationObserver instead.

HTML

The raw HTML body of the page

<!DOCTYPE html><html lang="en"><head>
        <!--<base href="http://newhome.com/" />-->
        <base href="//yomedia.vn/">
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="shortcut icon" href="img/logo-yomedia.png" type="image/x-icon">
        <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
        <title>Yomedia</title>
        <!-- Google font -->
        <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700%7CVarela+Round" rel="stylesheet">
        <!-- Bootstrap -->
        <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
        <!-- Owl Carousel -->
        <link type="text/css" rel="stylesheet" href="css/owl.carousel.css">
        <link type="text/css" rel="stylesheet" href="css/owl.theme.default.css">
        <link href="css/animate.min.css" rel="stylesheet" type="text/css">
        <!-- Magnific Popup -->
        <link type="text/css" rel="stylesheet" href="css/magnific-popup.css">
        <!-- Font Awesome Icon -->
        <link rel="stylesheet" href="css/font-awesome.min.css">

        <!-- scroll stlylesheet -->
        <link href="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css" rel="stylesheet">
        <!-- Custom stlylesheet -->
        <link type="text/css" rel="stylesheet" href="css/style.css?v=1.1">
        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->  
         <!-- heatmap --> 
        <script type="text/javascript" async="" src="//u.heatmap.it/conf/yomedia.vn.js"></script><script async="" src="https://u.heatmap.it/log.js"></script><script>
            (function(h,e,a,t,m,p) {
            m=e.createElement(a);m.async=!0;m.src=t;
            p=e.getElementsByTagName(a)[0];p.parentNode.insertBefore(m,p);
            })(window,document,'script','https://u.heatmap.it/log.js');
        </script> 
        <!-- heatmap --> 
<!-- Start of HubSpot Embed Code -->
<script type="text/javascript" id="hs-script-loader" async="" defer="" src="//js.hs-scripts.com/7242532.js"></script>
<!-- End of HubSpot Embed Code -->
    </head>
    <body data-aos-easing="ease" data-aos-duration="400" data-aos-delay="0">
        <header>
    <nav id="nav" class="nav-top navbar nav-transparent">
        <div class="container">
            <div class="navbar-header">
                <!-- Logo -->
                <div class="navbar-brand npt-logo">
                    <a href=".">
                        <img class="logo" src="img/logo-yomedia.png" alt="logo">
                        <!--<img class="logo-alt" src="img/NPT.png" alt="logo">-->
                    </a>
                </div>
                <div class="nav-collapse">
                    <span></span>
                </div>
            </div>
            <ul class="title-page main-nav nav navbar-nav navbar-right">
                <li><a href=".">HOME</a></li>
                <li><a href="/about-us/">ABOUT US</a></li>
                <li><a href="/capabilities/">CAPABILITIES</a>
                    <!-- <ul class="dropdown">
                        <li><a href="/solutions/programmatic/">Programatic</a></li>
                        <li><a href="/solutions/biddable-media/">Biddable media</a></li>
                        <li><a href="/solutions/social-media/">Social Media</a></li>
                        <li><a href="/solutions/web-app-design/">Web & App Design</a></li>
                    </ul> -->
                </li>
                <li class="has-dropdown"><a>WORK</a>
                    <ul class="dropdown">
                        <li><a href="/case-studies/">Case Studies </a></li>
                        <li><a href="/demos/">Demos</a></li>
                    </ul>
                </li>
                <li><a href="/news/">NEWS</a></li>

                <li><a href="/careers/">CAREERS</a></li>
                
                <li><a href="/contacts/">CONTACTS</a></li>
            </ul>
        </div>
    </nav>  

    <div class="menu-scroll">
    <nav class="sub-menu-scroll">
        <div class="container">
            <ul class="scroll main-nav nav navbar-nav">
                
                <li><a href="#why-us">Why Us</a></li>  

                <!-- <li><a href="#ourworks">Capabilities</a></li> -->

                <li><a href="#ourworks">Features</a></li>

                <li><a href="#partner">Our Partners</a></li>

                <li><a href="#customer">Our Customers</a></li>

                <!-- <li><a href="#publisher">Our Publisher</a></li> -->

                <li class="link-contact"><a href="#contact">Contact</a></li>
                  
            </ul>
        </div>
    </nav>
</div><style>

/* ---- particles.js container ---- */


</style>

<div class="home-wrapper">
    <!-- <div class="owl-carousel owl-theme">
        <div class="item"><a href="solutions/programmatic/" title="Yomedia - Programmatic" target="_blank"><img src="img/banner/slider_programmatic-min.jpg" /></a></div>
        <div class="item"><a href="solutions/biddable-media/" title="Yomedia - Biddable Media" target="_blank"><img src="img/banner/slider_bid-min.jpg" /></a></div>
        <div class="item"><a href="solutions/social-media/" title="Yomedia - Social Media" target="_blank"><img src="img/banner/slider_social2-min.jpg" /></a></div>
        <div class="item"><a href="solutions/web-app-design/" title="Yomedia - Web & App Design" target="_blank"><img src="img/banner/web&app-min.jpg" /></a></div>
    </div> -->
    <div class="video-wrap hidden-xs hidden-sm">
        <video src="/img/video.mp4" autoplay="" muted="" loop="" preload="auto"></video>
    </div>
    <div id="particles-js">
    <canvas class="particles-js-canvas-el" width="790" height="600" style="width: 100%; height: 100%;"></canvas></div>
    <div class="container">
                <div class="centered">
                    <div class="centered__inner scroll">
                        <h2 style="font-weight: 400;">Who we are</h2>
                        <h2 style="font-weight: 700;">We are an integrated marketing agency <br>
                         to provide strategic marketing solutions
                        </h2>
                        <h3 style="font-weight: 400;"><a style="color: white; text-decoration: underline;" href="#ourworks">View more detail +</a> </h3>
                    </div>
                </div>
    </div>
</div>

<script type="text/javascript" src="js/particles.js"></script>
<script>
 particlesJS("particles-js",
 {
  "particles": {
    "number": {
      "value": 80,
      "density": {
        "enable": true,
        "value_area": 800
      }
    },
    "color": {
      "value": "#00aeef"
    },
    "shape": {
      "type": "polygon",
      "stroke": {
        "width": 0,
        "color": "#000000"
      },
      "polygon": {
        "nb_sides": 7
      },
      "image": {
        "src": "img/github.svg",
        "width": 100,
        "height": 100
      }
    },
    "opacity": {
      "value": 0.5,
      "random": false,
      "anim": {
        "enable": false,
        "speed": 1,
        "opacity_min": 0.1,
        "sync": false
      }
    },
    "size": {
      "value": 3,
      "random": true,
      "anim": {
        "enable": false,
        "speed": 40,
        "size_min": 0.1,
        "sync": false
      }
    },
    "line_linked": {
      "enable": true,
      "distance": 150,
      "color": "#ffffff",
      "opacity": 0.4,
      "width": 1
    },
    "move": {
      "enable": true,
      "speed": 6,
      "direction": "none",
      "random": false,
      "straight": false,
      "out_mode": "out",
      "bounce": false,
      "attract": {
        "enable": false,
        "rotateX": 600,
        "rotateY": 1200
      }
    }
  },
  "interactivity": {
    "detect_on": "canvas",
    "events": {
      "onhover": {
        "enable": true,
        "mode": "repulse"
      },
      "onclick": {
        "enable": true,
        "mode": "push"
      },
      "resize": true
    },
    "modes": {
      "grab": {
        "distance": 431.5684315684316,
        "line_linked": {
          "opacity": 1
        }
      },
      "bubble": {
        "distance": 400,
        "size": 40,
        "duration": 2,
        "opacity": 8,
        "speed": 3
      },
      "repulse": {
        "distance": 200,
        "duration": 0.4
      },
      "push": {
        "particles_nb": 4
      },
      "remove": {
        "particles_nb": 2
      }
    }
  },
  "retina_detect": true
}
);
</script>
    <div class="clearfix"></div>
</header> 
<div class="clearfix"></div>  
        <!-- Why Choose Us -->
<!-- <div id="why-us" class="section md-padding bg-grey">
   >
    <div class="container">
 
        <div class="row">
       
            <div class="section-header col-sm-12 col-md-12">
                <h2 class="title">Why Us</h2>
            </div>
            <div class="section-logo col-sm-12 col-md-12">
                <div class-"row">
                    <div class="col-md-2 col-sm-2 hide-mobile">
                    </div>

                    <div class="col-md-8 col-sm-8 col-xs-12">
                        <div class="row">
                            <div class="col-md-4 col-sm-4 col-xs-12">
                                <img src="./img/whyus/Yo.png">
                            </div>
                            <div class="col-md-4 col-sm-4 col-xs-12">
                                <img src="./img/whyus/And.png">
                            </div>
                            <div class="col-md-4 col-sm-4 col-xs-12">
                                <img src="./img/whyus/IAS.png">
                            </div>
                        </div>
                    </div>

                    <div class="col-md-2 col-sm-2 hide-mobile">
                    </div>
                </div>
            </div>
            <div class="section-text col-md-12 col-sm-12">
                <div class="feature">
                    
                    <p>Yomedia owns self-built Programmatic Advertising Ecosystem (DSP, SSP, DMP) with full optimization in all aspects.</p>
                </div>
                <div class="feature">
                    
                    <p>Protect your Brand (Brand Safety Control) in cross channels: DisplayNetwork, Youtube and Facebook with Integral Ad Science (IAS) technology.</p>
                </div>
                <div class="feature">
                    
                    <p>Yomedia DMP helps target right audience, increase performance, and develop potential customer.</p>
                </div>   
            </div>                  
    
        </div>

    </div>
    <div class="pd-bottom-30"></div>

</div> -->
<div id="why-us" class="section md-padding bg-grey">
    <!-- Container -->
    <div class="container">
        <!-- Row -->
        <div class="row">
            <!-- why choose us content -->
            <div class="section-header col-sm-12">
                <h2 class="title text-center">Why Us</h2>
            </div>
            <div class="col-md-6">
                <div class="feature">
                    <i class="fa fa-check"></i>
                    <p>Yomedia owns Programmatic Advertising Ecosystem (DSP, SSP, DMP) with full optimization in all aspects.</p>
                </div>
                <div class="feature">
                    <i class="fa fa-check"></i>
                    <p>Protect your Brand (Brand Safety Control) in cross channels: DisplayNetwork, Youtube and Facebook with Integral Ad Science (IAS) technology.</p>
                </div>
                <div class="feature">
                    <i class="fa fa-check"></i>
                    <p>Yomedia DMP helps target right audience, increase performance, and develop potential customer.</p>
                </div>   
            </div>                  
            <!-- /why choose us content -->
            <!-- About slider -->
            <div class="col-md-6">
                <div id="about-slider" class="owl-carousel owl-theme owl-loaded owl-drag">
                    
                    
                    
                    
                <div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(-1470px, 0px, 0px); transition: all 0s ease 0s; width: 5880px;"><div class="owl-item cloned" style="width: 720px; margin-right: 15px;"><a href="http://www.pinetech.vn/solutions/programmatic/"><img class="img-responsive" src="img/whyus/3.jpg" alt=""></a></div><div class="owl-item cloned" style="width: 720px; margin-right: 15px;"><a href="http://www.pinetech.vn/solutions/web-app-design/"><img class="img-responsive" src="img/whyus/4.jpg" alt=""></a></div><div class="owl-item active" style="width: 720px; margin-right: 15px;"><a href="http://www.pinetech.vn/solutions/social-media/"><img class="img-responsive" src="./img/whyus/1.jpg" alt=""></a></div><div class="owl-item" style="width: 720px; margin-right: 15px;"><a href="http://www.pinetech.vn/solutions/biddable-media/"><img class="img-responsive" src="./img/whyus/2.jpg" alt=""></a></div><div class="owl-item" style="width: 720px; margin-right: 15px;"><a href="http://www.pinetech.vn/solutions/programmatic/"><img class="img-responsive" src="img/whyus/3.jpg" alt=""></a></div><div class="owl-item" style="width: 720px; margin-right: 15px;"><a href="http://www.pinetech.vn/solutions/web-app-design/"><img class="img-responsive" src="img/whyus/4.jpg" alt=""></a></div><div class="owl-item cloned" style="width: 720px; margin-right: 15px;"><a href="http://www.pinetech.vn/solutions/social-media/"><img class="img-responsive" src="./img/whyus/1.jpg" alt=""></a></div><div class="owl-item cloned" style="width: 720px; margin-right: 15px;"><a href="http://www.pinetech.vn/solutions/biddable-media/"><img class="img-responsive" src="./img/whyus/2.jpg" alt=""></a></div></div></div><div class="owl-nav"><div class="owl-prev"><i class="fa fa-angle-left"></i></div><div class="owl-next"><i class="fa fa-angle-right"></i></div></div><div class="owl-dots"><div class="owl-dot active"><span></span></div><div class="owl-dot"><span></span></div><div class="owl-dot"><span></span></div><div class="owl-dot"><span></span></div></div></div>
            </div>
            <!-- /About slider -->
        </div>
        <!-- /Row -->
    </div>
    <!-- /Container -->
</div>
<div id="numbers" class="section sm-padding">
    <!-- Background Image -->
    <div class="bg-img" style="background-image: url('img/numbers/bg.jpg');">
        <div class="overlay"></div>
    </div>
    <!-- /Background Image -->
    <!-- Container -->
    <div class="container">
        <!-- Row -->
        <div class="row">
            <!-- number -->
            <section class="main counter">
                <div class="container rounded box-shadow" id="main-page-counter">
                    <div class="row">
                        <div class="counter col-xs-6 col-sm-6 col-md-6 col-lg-3">
                            <div class="counter-inner text-center">
                                <img src="./img/numbers/Icon-300.png">
                                <h2 class="white-text"><span id="counter-1">300</span> +</h2>
                                <div class="text white-text text-uppercase">TOP VIETNAM PUBLISHERS COVERED</div>
                            </div>
                        </div>

                        <div class="counter col-xs-6 col-sm-6 col-md-6 col-lg-3">
                            <div class="counter-inner text-center">
                            <img src="./img/numbers/Icon-2.0.png">
                                <h2 class="white-text"><span id="counter-2">2</span>.0 B</h2>

                                <div class="text white-text text-uppercase">AD VIEWS PER MONTH</div>
                            </div>
                        </div>

                        <div class="counter col-xs-6 col-sm-6 col-md-6 col-lg-3">
                            <div class="counter-inner text-center">
                            <img src="./img/numbers/Icon-50.png">
                                <h2 class="white-text"><span id="counter-3">50</span> M+</h2>

                                <div class="text white-text text-uppercase">VIETNAM NET USERS REACH</div>
                            </div>
                        </div>

                        <div class="counter col-xs-6 col-sm-6 col-md-6 col-lg-3">
                            <div class="counter-inner text-center">
                            <img src="./img/numbers/Icon-50000.png">
                                <h2 class="white-text"><span id="counter-4">50 000</span></h2>

                                <div class="text white-text text-uppercase">Requests per Second</div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- /number -->
        </div>
        <!-- /Row -->
    </div>
    <!-- /Container -->
</div><!-- /Why Choose Us -->
<!-- Portfolio -->
<div id="ourworks" class="section cd-padding">
    <!-- Container -->
    <div class="container">
        <!-- Row -->
        <div class="row">
            <!-- Section header -->
            <div class="section-header text-center">
                <h2 class="title">Features</h2>
            </div>

            <!--  -->
            <!-- PC -->
            <!--  -->
             <div class="section-ourworks hide-mobile">
                 <div class="row">
                    <div class="col-lg-3 col-md-3 col-sm-3 section-storytellers-item aos-init" data-aos="zoom-in-right" data-aos-delay="00" data-aos-duration="400"> 
                        <img src="./img/features/pc_1.png" width="100%">
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-6 section-storytellers-item aos-init" data-aos="zoom-in-right" data-aos-delay="300" data-aos-duration="400"> 
                        <img src="./img/features/pc_2.png" width="100%">
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-3 section-storytellers-item aos-init" data-aos="zoom-in-right" data-aos-delay="600" data-aos-duration="400"> 
                        <img src="./img/features/pc_3.png" width="100%">
                    </div>
                </div>

               



            </div>






            <!--  -->
            <!-- Mobile -->
            <!--  -->
            <div class="text-center">
                    <div class="section-ourworks show-mobile hide-pc " style="max-width:360px;">

                            <div class="section-storytellers-item aos-init aos-animate" data-aos="zoom-in-down" data-aos-delay="00" data-aos-duration="400"> 
                                <img src="./img/features/mb_1.png" width="100%">
                            </div>
                            <div class="section-storytellers-item aos-init aos-animate" data-aos="zoom-in-down" data-aos-delay="300" data-aos-duration="400"> 
                                <img src="./img/features/mb_2.png" width="100%">
                            </div>
                            <div class="section-storytellers-item aos-init aos-animate" data-aos="zoom-in-down" data-aos-delay="600" data-aos-duration="400"> 
                                <img src="./img/features/mb_3.png" width="100%">
                            </div>
                        
                    </div>
            </div>
        </div>
       
        <!-- /Row -->
    </div>
    <!-- /Container -->
</div>
<!-- /Portfolio --> <section id="partner" class="section cd-padding bg-grey">
    <div class="container">
        <div class="row">
                <div class="col-sm-12 col-lg-12 partners-text ">
                    <div class="section-header text-center r">
                        <h2 class="title mg-bottom-30">Our Partners</h2>
                    </div>
                </div>
                <div class="clearfix"></div>


                <div class="section-partner col-lg-12">

                        <div class="row">
                                <div class="par-img aos-init" data-aos="zoom-in-up" data-aos-delay="00" data-aos-duration="300">
                                    <img src="img/partner/1.png" alt="">
                                </div> 
                                
                                <div class="par-img aos-init" data-aos="zoom-in-up" data-aos-delay="00" data-aos-duration="300">
                                    <img src="img/partner/2.png" alt="">
                                </div> 

                                 <div class="par-img aos-init" data-aos="zoom-in-up" data-aos-delay="00" data-aos-duration="300">
                                    <img src="img/partner/3.png" alt="">
                                </div>   
                                <div class="par-img aos-init" data-aos="zoom-in-up" data-aos-delay="00" data-aos-duration="300">
                                    <img src="img/partner/4.png" alt="">
                                </div> 
                                
                                <div class="par-img aos-init" data-aos="zoom-in-up" data-aos-delay="00" data-aos-duration="300">
                                    <img src="img/partner/5.png" alt="">
                                </div> 

                                 <div class="par-img aos-init" data-aos="zoom-in-up" data-aos-delay="50" data-aos-duration="300">
                                    <img src="img/partner/6.png" alt="">
                                </div>    
                                <!-- <div class=" par-img" data-aos="zoom-in-up" data-aos-delay="50" data-aos-duration="300">
                                    <img src="img/partner/7.png" alt=""/>
                                </div>  -->
                                
                                <div class="par-img aos-init" data-aos="zoom-in-up" data-aos-delay="50" data-aos-duration="300">
                                    <img src="img/partner/8.png" alt="">
                                </div> 

                                 <div class="par-img aos-init" data-aos="zoom-in-up" data-aos-delay="50" data-aos-duration="300">
                                    <img src="img/partner/9.png" alt="">
                                </div>     
                                <div class="par-img aos-init" data-aos="zoom-in-up" data-aos-delay="50" data-aos-duration="300">
                                    <img src="img/partner/10.png" alt="">
                                </div> 
                                
                                <div class="par-img aos-init" data-aos="zoom-in-up" data-aos-delay="100" data-aos-duration="300">
                                    <img src="img/partner/11.png" alt="">
                                </div> 

                                 <div class="par-img aos-init" data-aos="zoom-in-up" data-aos-delay="100" data-aos-duration="300">
                                    <img src="img/partner/12.png" alt="">
                                </div>    
                                <div class="par-img aos-init" data-aos="zoom-in-up" data-aos-delay="100" data-aos-duration="300">
                                    <img src="img/partner/13.png" alt="">
                                </div> 
                                
                                <div class="par-img aos-init" data-aos="zoom-in-up" data-aos-delay="100" data-aos-duration="300">
                                    <img src="img/partner/14.png" alt="">
                                </div> 

                                 <div class="par-img aos-init" data-aos="zoom-in-up" data-aos-delay="100" data-aos-duration="300">
                                    <img src="img/partner/15.png" alt="">
                                </div>    
                                <div class="par-img aos-init" data-aos="zoom-in-up" data-aos-delay="150" data-aos-duration="300">
                                    <img src="img/partner/16.png" alt="">
                                </div> 
                                
                                <div class="par-img aos-init" data-aos="zoom-in-up" data-aos-delay="150" data-aos-duration="300">
                                    <img src="img/partner/17.png" alt="">
                                </div> 

                                 <div class="par-img aos-init" data-aos="zoom-in-up" data-aos-delay="150" data-aos-duration="300">
                                    <img src="img/partner/18.png" alt="">
                                </div>     
                                <div class="par-img aos-init" data-aos="zoom-in-up" data-aos-delay="150" data-aos-duration="300">
                                    <img src="img/partner/19.png" alt="">
                                </div> 
                                
                                <div class="par-img aos-init" data-aos="zoom-in-up" data-aos-delay="150" data-aos-duration="300">
                                    <img src="img/partner/20.png" alt="">
                                </div> 

                                 <div class="par-img aos-init" data-aos="zoom-in-up" data-aos-delay="150" data-aos-duration="300">
                                    <img src="img/partner/21.png" alt="">
                                </div>  
                              
                        </div>

                    </div>
                    
                </div>          

        </div>
</section><div id="customer" class="section cd-padding">
    <div class="container">
        <!-- Row -->
        <div class="row">
                <!-- Section header -->
                <div class="section-header text-center  col-lg-12">
                    <div class="">
                        <h2 class="title mg-bottom-30">Our Customer</h2>
                    </div>
                </div>   
                <div class="clearfix"></div>   
                <div class="section-customer col-lg-12">

                    <div class="row">
                            <div class="cus-img aos-init" data-aos="zoom-in-up" data-aos-delay="00" data-aos-duration="300">
                                <img src="img/our_customer/logo_color/22.png" alt="">
                            </div>  
                            
                            <div class="cus-img aos-init" data-aos="zoom-in-up" data-aos-delay="00" data-aos-duration="300">
                                <img src="img/our_customer/logo_color/23.png" alt="">
                            </div> 

                            <div class="cus-img aos-init" data-aos="zoom-in-up" data-aos-delay="00" data-aos-duration="300">
                                <img src="img/our_customer/logo_color/24.png" alt="">
                            </div>    
                            <div class="cus-img aos-init" data-aos="zoom-in-up" data-aos-delay="00" data-aos-duration="300">
                                <img src="img/our_customer/logo_color/25.png" alt="">
                            </div>    
                            <div class="cus-img aos-init" data-aos="zoom-in-up" data-aos-delay="00" data-aos-duration="300">
                                <img src="img/our_customer/logo_color/26.png" alt="">
                            </div>    
                            <div class="cus-img aos-init" data-aos="zoom-in-up" data-aos-delay="00" data-aos-duration="300">
                                <img src="img/our_customer/logo_color/27.png" alt="">
                            </div>   
                            <div class="cus-img aos-init" data-aos="zoom-in-up" data-aos-delay="00" data-aos-duration="300">
                                <img src="img/our_customer/logo_color/28.png" alt="">
                            </div>   
                            <div class="cus-img aos-init" data-aos="zoom-in-up" data-aos-delay="50" data-aos-duration="300">
                                <img src="img/our_customer/logo_color/29.png" alt="">
                            </div>    
                            <div class="cus-img aos-init" data-aos="zoom-in-up" data-aos-delay="50" data-aos-duration="300">
                                <img src="img/our_customer/logo_color/30.png" alt="">
                            </div>    
                            <div class="cus-img aos-init" data-aos="zoom-in-up" data-aos-delay="50" data-aos-duration="300">
                                <img src="img/our_customer/logo_color/31.png" alt="">
                            </div>    
                            <div class="cus-img aos-init" data-aos="zoom-in-up" data-aos-delay="50" data-aos-duration="300">
                                <img src="img/our_customer/logo_color/32.png" alt="">
                            </div>    
                            <div class="cus-img aos-init" data-aos="zoom-in-up" data-aos-delay="50" data-aos-duration="300">
                                <img src="img/our_customer/logo_color/33.png" alt="">
                            </div>    
                            <div class="cus-img aos-init" data-aos="zoom-in-up" data-aos-delay="50" data-aos-duration="300">
                                <img src="img/our_customer/logo_color/34.png" alt="">
                            </div>    
                            <div class="cus-img aos-init" data-aos="zoom-in-up" data-aos-delay="50" data-aos-duration="300">
                                <img src="img/our_customer/logo_color/35.png" alt="">
                            </div>    
                            <div class="cus-img aos-init" data-aos="zoom-in-up" data-aos-delay="100" data-aos-duration="300">
                                <img src="img/our_customer/logo_color/36.png" alt="">
                            </div>    
                            <div class="cus-img aos-init" data-aos="zoom-in-up" data-aos-delay="100" data-aos-duration="300"> 
                                <img src="img/our_customer/logo_color/37.png" alt="">
                            </div>    
                            <div class="cus-img aos-init" data-aos="zoom-in-up" data-aos-delay="100" data-aos-duration="300">
                                <img src="img/our_customer/logo_color/38.png" alt="">
                            </div>    
                            <div class="cus-img aos-init" data-aos="zoom-in-up" data-aos-delay="100" data-aos-duration="300">
                                <img src="img/our_customer/logo_color/39.png" alt="">
                            </div>    
                            <div class="cus-img aos-init" data-aos="zoom-in-up" data-aos-delay="100" data-aos-duration="300">
                                <img src="img/our_customer/logo_color/40.png" alt="">
                            </div>    
                            <div class="cus-img aos-init" data-aos="zoom-in-up" data-aos-delay="100" data-aos-duration="300">
                                <img src="img/our_customer/logo_color/41.png" alt="">
                            </div> 

                            <div class="cus-img aos-init" data-aos="zoom-in-up" data-aos-delay="100" data-aos-duration="300">
                                <img src="img/our_customer/logo_color/42.png" alt="">
                            </div>     
                            <div class="cus-img aos-init" data-aos="zoom-in-up" data-aos-delay="100" data-aos-duration="300">
                                <img src="img/our_customer/logo_color/43.png" alt="">
                            </div>  
                            <div class="cus-img aos-init" data-aos="zoom-in-up" data-aos-delay="100" data-aos-duration="300"> 
                                <img src="img/our_customer/logo_color/44.png" alt="">
                            </div>  
                            <div class="cus-img aos-init" data-aos="zoom-in-up" data-aos-delay="100" data-aos-duration="300">
                                <img src="img/our_customer/logo_color/45.png" alt="">
                            </div>  
                            <div class="cus-img aos-init" data-aos="zoom-in-up" data-aos-delay="100" data-aos-duration="300">
                                <img src="img/our_customer/logo_color/46.png" alt="">
                            </div>  
                            <div class="cus-img aos-init" data-aos="zoom-in-up" data-aos-delay="100" data-aos-duration="300">
                                <img src="img/our_customer/logo_color/47.png" alt="">
                            </div>  
                            <div class="cus-img aos-init" data-aos="zoom-in-up" data-aos-delay="100" data-aos-duration="300">
                                <img src="img/our_customer/logo_color/48.png" alt="">
                            </div>  
                            <div class="cus-img aos-init" data-aos="zoom-in-up" data-aos-delay="100" data-aos-duration="300">
                                <img src="img/our_customer/logo_color/49.png" alt="">
                            </div>  
                            
                    </div>

                </div>
        </div>
    </div>
</div>       
<!-- Contact -->
<div id="contact" class="section cd-padding bg-grey">
    <!-- Container -->
    <div class="container">
        <!-- Row -->
        <div class="row">
            <!-- Section-header -->
            <div class="section-header text-center">
                <h2 class="title">Contact</h2>
            </div>
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <!-- /Section-header -->
                <!-- contact -->
                <div class="row">
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                        <div class="row">
                            <div class="contact">
                                <div class="contact-title">
                                    <img src="./img/contact/phone.png" alt="">
                                    <h4>Phone</h4>
                                </div>
                                <p>Tel: (+84) 28.3825 8384 - 28.3825 8334</p> 
                                <p>Fax: (+84) 28.3825 8384</p>
                            </div>
                        </div>
                    </div>
                    <!-- /contact -->
                    <!-- contact -->
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                        <div class="row">
                            <div class="contact">
                                <div class="contact-title">
                                    <img src="./img/contact/mail.png" alt="">
                                    <h4>Email</h4>
                                </div>
                                <p>[email protected]</p>
                            </div>
                        </div>
                    </div>
                    <!-- /contact -->
                    <!-- contact -->
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                        <div class="row">
                            <div class="contact">
                                <div class="contact-title">
                                    <img src="./img/contact/address.png" alt="">
                                    <h4>Address</h4>
                                </div>
                                <p>14-16-18 Chu Manh Trinh Street,<br> Ben Nghe Ward, District 1,<br> Ho Chi Minh City, Vietnam</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /contact -->
                <!-- contact form -->
            </div>
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <form class="text-center" method="POST">    
                    <p class="text-left text-yomedia" id="mg-success"></p>
                    <div class="row">
                        <div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12 text-left">
                            <input type="text" id="name" placeholder="Name" name="name" required="">
                            <span class="text-danger" id="error-name"></span>
                        </div>
                        <div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12 text-left">
                            <input type="email" id="email" placeholder="Email" name="email" required="">
                            <span class="text-danger" id="error-email"></span>
                        </div>
                    
                        <div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12 text-left">
                            <select name="you" id="you" required="">
                                <option value="">You are?</option>                           
                                <option value="advertiser">I am an advertiser</option>
                                <option value="publisher">I am a publisher</option>
                                <option value="other">Other</option>
                            </select>
                            <span class="text-danger" id="error-you"></span>
                        </div>

                        <div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12 text-left">
                            <input type="number" id="phone" placeholder="Phone" name="phone" required="">
                            <span class="text-danger" id="error-phone"></span>
                        </div>

                        <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <textarea rows="5" id="message" placeholder="Your Message" name="message"></textarea>
                        </div>
                    </div>
                    <input type="button" class="main-btn bg-yomedia" name="send" id="send" value="Send message">
                </form>
            </div>
            <!-- /contact form -->
        </div>
        <!-- /Row -->
    </div>
    <!-- /Container -->
</div>
<!-- /Contact --><!--<div class="popup-event">
    <div class="box-popup-event">
        <div class="fa fa-window-close"></div>
        <a href="/event/">
            <img src="img/popup-event.jpg" alt="The event" class="img-responsive mg-auto"/>
        </a>
    </div>
</div>-->        <footer id="footer" class="sm-padding">
    <!-- Container -->
    <div class="container">
        <!-- Row -->
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <!-- footer logo -->
                <div class="footer-logo">
                    <a href="index.html"><img src="img/footer/Yo-logo.png" alt="yomedia"></a>
                    <a href="index.html"><img src="img/footer/line.png" alt="logo"></a>
                    <a href="index.html"><img src="img/footer/NPT-alogo.png" alt="newpinetech"></a>
                </div>
                <!-- /footer logo -->
                <!-- footer follow -->
                <ul class="footer-follow">
                    <a href="https://www.facebook.com/Yomedia-161011821328573" target="_blank">
                        <img src="./img/footer/fb.png" alt="facebook">
                    </a>
                    <a href="https://www.youtube.com/watch?v=m9urCl6MRzI" target="_blank">
                        <img src="./img/footer/yt.png" alt="youtube">
                    </a>
                    <a href="index.html">
                        <img src="./img/footer/ins.png" alt="instagram">
                    </a>
                    <a href="https://www.linkedin.com/in/yomedia-digital-agency-034a91138" target="_blank">
                        <img src="./img/footer/i.png" alt="linked">
                    </a>
                </ul>
                <!-- /footer follow -->
                <!-- footer copyright -->
                <div class="footer-copyright">
                    <p>Coppyright © 2018 Yomedia All Rights Reserved.</p>
                </div>
                <!-- /footer copyright -->
            </div>
        </div>
        <!-- /Row -->
    </div>
    <!-- /Container -->
</footer>        <!-- Back to top -->
        <div id="back-to-top"></div>
        <!-- /Back to top -->
        <!-- Preloader -->
        <!--        <div id="preloader">
                    <div class="preloader">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                </div>-->
        <!-- /Preloader -->
        <!-- jQuery Plugins -->
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/bootstrap.min.js"></script>
        <script src="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.js"></script>
        <script type="text/javascript" src="js/owl.carousel.min.js"></script>
        <script type="text/javascript" src="js/jquery.magnific-popup.js"></script>
        <script type="text/javascript" src="js/slick.min.js"></script>
        <script type="text/javascript" src="js/countup.min.js"></script>
        <script type="text/javascript" src="js/jquery.visible.min.js"></script> 
        <script type="text/javascript" src="js/main.js?v=1.1"></script>
        <script type="text/javascript" src="js/particles.js"></script>
        <script type="text/javascript" src="js/particles.min.js"></script>
        <script>
            var checkCoutnerOnScroll = true;
        </script>
        <script>
            AOS.init();
        </script>
    

</body></html>