<!DOCTYPE HTML>
<html lang="en-US">
    <head>
        <title>BUZZ</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="description" content="BUZZ" />
        <meta name="keywords" content="BUZZ" />
        <meta name="author" content="BUZZ" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

        <!-- Start : Style -->
        <link rel="shortcut icon" href="favicon.png" />    
        <link href='https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,400i,500,600,700%7CMontserrat:700' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="css/jquery.fancybox.css">         
        <link rel="stylesheet" type="text/css"  href='style.css' />

      <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-130624599-6"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-130624599-6');
</script>


        <script src="js/jquery-3.3.1.min.js"></script> 
        <script src="js/jquery.js"></script>

        <script type="text/javascript">
            var TxtType = function(el, toRotate, period) {
              this.toRotate = toRotate;
              this.el = el;
              this.loopNum = 0;
              this.period = parseInt(period, 10) || 2000;
              this.txt = '';
              this.tick();
              this.isDeleting = false;
          };

          TxtType.prototype.tick = function() {
              var i = this.loopNum % this.toRotate.length;
              var fullTxt = this.toRotate[i];

              if (this.isDeleting) {
                this.txt = fullTxt.substring(0, this.txt.length - 1);
            } else {
                this.txt = fullTxt.substring(0, this.txt.length + 1);
            }

            this.el.innerHTML = '<span class="wrap">'+this.txt+'</span>';

            var that = this;
            var delta = 200 - Math.random() * 300;

            if (this.isDeleting) { delta /= 2; }

            if (!this.isDeleting && this.txt === fullTxt) {
                delta = this.period;
                this.isDeleting = false;
            } else if (this.isDeleting && this.txt === '') {
                this.isDeleting = true;
                this.loopNum++;
                delta = 100;
            }

            setTimeout(function() {
                that.tick();
            }, delta);
        };

        window.onload = function() {
          var elements = document.getElementsByClassName('typewrite');
          for (var i=0; i<elements.length; i++) {
            var toRotate = elements[i].getAttribute('data-type');
            var period = elements[i].getAttribute('data-period');
            if (toRotate) {
              new TxtType(elements[i], JSON.parse(toRotate), period);
          }
      }
        // INJECT CSS
        var css = document.createElement("style");
        css.type = "text/css";
        css.innerHTML = ".typewrite > .wrap { border-right: 0.08em solid #fff;}";
        document.body.appendChild(css);
    };  

</script>
          
    </head>

    <body class="page-template-onepage">

        <div class="site-wrapper">   

            <div class="doc-loader">
                <img src="images/loading.gif" alt="BUZZ">
            </div>       


            <header class="header-holder">             
                <div class="menu-wrapper center-relative relative">             
                    <div class="header-logo">
                        <a href="index.html">
                            <img src="images/left-logo-new.png" style="width: 35%;"  alt="BUZZ">
                        </a>               
                    </div>

                    <div class="toggle-holder">
                        <div id="toggle" class="">
                            <div class="first-menu-line"></div>
                            <div class="second-menu-line"></div>
                            <div class="third-menu-line"></div>
                        </div>
                    </div>

                    <div class="menu-holder">
                        <nav id="header-main-menu">
                            <ul class="main-menu sm sm-clean">
                                <li>
                                    <a href="#home">HOME</a>
                                </li>
                                <li>
                                    <a href="#services">CLIENTS</a>
                                </li>
                                <li>
                                    <a href="#portfolio">SERVICES</a>
                                </li> 
                                <li>
                                    <a href="#about">INITIATIVES</a>
                                </li>                              
                                <li>
                                    <a href="#reference">TESTIMONIALS</a>
                                </li>
                                <li>
                                    <a href="#" class="video">REEL</a>
                                </li>
                                <li>
                                    <a href="#career">CAREERS</a>
                                </li>
                                <li>
                                    <a href="#news">THINKING</a>
                                </li>
                                <li>
                                    <a href="#contact">CONTACT</a>
                                </li>                                
                            </ul>
                        </nav>                       
                    </div>
                    <div class="clear"></div>   
                </div>
            </header>                        



            <div id="content" class="site-content center-relative">

                <!-- Home -->    
                <div id="home" class="section full-screen full-width">
                    <div class="section-wrapper block content-1170-100 center-relative">
                        <div class="content-wrapper mobile">
                            <div class="mobile-slide">
                              <img class="mySlides" src="images/mobile-slide/new/1-2.jpg" >
                              <img class="mySlides" src="images/mobile-slide/new/1-3.jpg" >
                              <img class="mySlides" src="images/mobile-slide/new/2.jpg" >
                              <img class="mySlides" src="images/mobile-slide/new/3-1-turkcel.jpg" >
                              <img class="mySlides" src="images/mobile-slide/new/3.jpg" >
                              <img class="mySlides" src="images/mobile-slide/new/4.jpg" >
                              <img class="mySlides" src="images/mobile-slide/new/5.jpg" >
                              <img class="mySlides" src="images/mobile-slide/new/6.jpg" >
                              <img class="mySlides" src="images/mobile-slide/new/7.jpg" >
                              <img class="mySlides" src="images/mobile-slide/new/8.jpg" >
                              <img class="mySlides" src="images/mobile-slide/new/9.jpg" >
                              <div class="video-over-mobile">
                                    <p class="head-text-mobile mobile-text"> 
                                        <!--CREATIVITY MEETS UP WITH TECHNOLOGY AND DATA-->
                                        <a href="" class="typewrite" data-period="2000" data-type='[ "CREATIVITY MEETS UP WITH TECHNOLOGY AND DATA" ]'>
                                          <span class="wrap"> </span>
                                      </a>
                                    </p>
                                    <p class="about-as-mobile">
                                      We are the first social media agency in Turkey. By blending storytelling, technology, data analysis and the love of a job well done, we create remarkable interactive experiences.  
                                    </p> 
                                    <a href="#" class="video video-btn-mobile">
                                        <br>
                                        <img src="images/mobile-showreel.svg" class="video-btn-cls-mobile">
                                    </a>
                                    <div class="scroll-mobile"></div>
                                </div>
                                
                            </div>
                            <div id="deskvideo"></div>
                            <script>
                                if($(window).width() > 480) {

                                    
                                   
                                    document.getElementById('deskvideo').innerHTML='<div class="desktop-slide desktop-tablet"><div class="video-over"><p class="head-text desktop-text">  <a href="" class="typewrite" data-period="2000" data-type=\'[  \" CREATIVITY MEETS UP WITH TECHNOLOGY AND DATA \" ]\'><span class="wrap"> </span></a></p><p class="about-as">We are the first social media agency in Turkey. By blending<br>storytelling, technology, data analysis and the love of a job well done,<br> we create remarkable interactive experiences.  </p><a href="#" class="video video-btn"><br><img src="images/showreel-play.png" class="video-btn-cls"></a></div><video src="video/_1280X720_web_black_.mp4" class="video-class" autoplay="" loop="" muted="" playsinline="" style="height:auto; display: block;"></video><div class="scroll"></div></div>';
                                } 
                            </script>

                        </div>
                    </div>
                </div>

                <!-- Services --> 
                <div id="services" class="section page-split post-1">
                    <div class="section-wrapper block content-1170 center-relative">
                        <div class="bg-holder float-left ">
                            <div class="split-color"></div>                                
                        </div>
                        <div class="sticky-spacer">
                            <div class="section-title-holder float-left">
                                <div class="section-top-image"> 
                                    <img src="images/menu-icon.png" alt="" class="icon-menu">
                                </div>

                                <h2 class="entry-title clients-title">
                                    OUR <br> CLI<br>ENTS<br>
                                </h2>
                                <p class="page-desc">
                                    
                                </p>
                            </div>
                        </div>   

                        <div class="section-content-holder float-right">
                            <div class="content-wrapper content-brand-clr">

                                <div class="info-text brand-info"> Our partners that we provide services actively by <span class="font-red">2020</span>  <img src="images/smile-love.png">  </div>
                                <p>&nbsp;</p>
                                   

                                <div class="one_half animate">
                                    <div class="service-holder show-service-holder">
                                        <img src="images/marka/abdiibrahim.png" alt="" class="brand-img-br">
                                    </div>
                                </div>

                                <div class="one_half animate">
                                    <div class="service-holder show-service-holder">
                                        <img src="images/marka/aegon.png" alt="" class="brand-img-br">
                                    </div>
                                </div>

                                <div class="one_half  animate">
                                    <div class="service-holder show-service-holder">
                                        <img src="images/marka/efes.png" alt="" class="brand-img-br">
                                    </div>
                                </div>
                                <div class="clear-brand">
                                    
                                </div>

                                <div class="one_half animate">
                                    <div class="service-holder show-service-holder">
                                       <img src="images/marka/arcelik.png" alt="" class="brand-img-br">
                                    </div>
                                </div>

                                <div class="one_half animate">
                                    <div class="service-holder show-service-holder">
                                        <img src="images/marka/astrazeneca.png" alt="" class="brand-img-br">
                                    </div>
                                </div>

                                <div class="one_half  animate">
                                    <div class="service-holder show-service-holder">
                                        <img src="images/marka/ayakkabi-dunyasi.png" alt="" class="brand-img-br">
                                    </div>
                                </div>

                                <div class="clear-brand">
                                    
                                </div>

                                <div class="one_half animate">
                                    <div class="service-holder show-service-holder">
                                        <img src="images/marka/aytemiz.png" alt="" class="brand-img-br">
                                    </div>
                                </div>

                                <div class="one_half animate">
                                    <div class="service-holder show-service-holder">
                                        <img src="images/marka/bayer.png" alt="" class="brand-img-br">
                                    </div>
                                </div>

                                <div class="one_half  animate">
                                    <div class="service-holder show-service-holder">
                                        <img src="images/marka/beko.png" alt="" class="brand-img-br">
                                    </div>
                                </div>

                                <div class="clear-brand">
                                    
                                </div>
                                
                                <div class="one_half animate">
                                    <div class="service-holder show-service-holder">
                                        <img src="images/marka/bip.png" alt="" class="brand-img-br">
                                    </div>
                                </div>

                                <div class="one_half animate">
                                    <div class="service-holder show-service-holder">
                                        <img src="images/marka/doganakademi.png" alt="" class="brand-img-br">
                                    </div>
                                </div>

                                <div class="one_half  animate">
                                    <div class="service-holder show-service-holder">
                                        <img src="images/marka/doganegmont.png" alt="" class="brand-img-br">
                                    </div>
                                </div>

                                <div class="clear-brand">
                                    
                                </div>

                                <div class="one_half animate">
                                    <div class="service-holder show-service-holder">
                                       <img src="images/marka/dogus.png" alt="" class="brand-img-br">
                                    </div>
                                </div>

                                <div class="one_half animate">
                                    <div class="service-holder show-service-holder">
                                        <img src="images/marka/dream.png" alt="" class="brand-img-br">
                                    </div>
                                </div>

                                <div class="one_half  animate">
                                    <div class="service-holder show-service-holder">
                                        <img src="images/marka/eczacibasi.png" alt="" class="brand-img-br">
                                    </div>
                                </div>
                                
                                <div class="clear-brand">
                                    
                                </div>

                                <div class="one_half animate">
                                    <div class="service-holder show-service-holder">
                                        <img src="images/marka/folkart.png" alt="" class="brand-img-br">
                                    </div>
                                </div>

                                <div class="one_half animate">
                                    <div class="service-holder show-service-holder">
                                       <img src="images/marka/garanti-factoring.png" alt="" class="brand-img-br">
                                    </div>
                                </div>

                                <div class="one_half  animate">
                                    <div class="service-holder show-service-holder">
                                        <img src="images/marka/gp.png" alt="" class="brand-img-br">
                                    </div>
                                </div>

                                <div class="clear-brand">
                                    
                                </div>

                                <div class="one_half animate">
                                    <div class="service-holder show-service-holder">
                                        <img src="images/marka/grundig.png" alt="" class="brand-img-br">
                                    </div>
                                </div>
                               <div class="one_half animate">
                                    <div class="service-holder show-service-holder">
                                        <img src="images/marka/honda.png" alt="" class="brand-img-br">
                                    </div>
                                </div>

                                <div class="one_half animate">
                                    <div class="service-holder show-service-holder">
                                        <img src="images/marka/hondamotor.png" alt="" class="brand-img-br">
                                    </div>
                                </div>

                                <div class="clear-brand">
                                    
                                </div>

                                <div class="one_half  animate">
                                    <div class="service-holder show-service-holder">
                                        <img src="images/marka/iddaa.png" alt="" class="brand-img-br">
                                    </div>
                                </div>

                                <div class="one_half animate">
                                    <div class="service-holder show-service-holder">
                                        <img src="images/marka/macrocenter.png" alt="" class="brand-img-br">
                                    </div>
                                </div>

                                <div class="one_half  animate">
                                    <div class="service-holder show-service-holder">
                                        <img src="images/marka/maret.png" alt="" class="brand-img-br">
                                    </div>
                                </div>

                                <div class="clear-brand">
                                    
                                </div>

                                <div class="one_half  animate">
                                    <div class="service-holder show-service-holder">
                                        <img src="images/marka/menamarin.png" alt="" class="brand-img-br">
                                    </div>
                                </div>
                                <div class="one_half  animate">
                                    <div class="service-holder show-service-holder">
                                        <img src="images/marka/migros.png" alt="" class="brand-img-br">
                                    </div>
                                </div>
                                
                                <div class="one_half  animate">
                                    <div class="service-holder show-service-holder">
                                        <img src="images/marka/namet.png" alt="TUSIAD" class="brand-img-br">
                                    </div>
                                </div>

                                <div class="clear-brand"></div>
                                
                                <div class="one_half  animate">
                                    <div class="service-holder show-service-holder">
                                        <img src="images/marka/orzax.png" alt="" class="brand-img-br">
                                    </div>
                                </div>
                                <div class="one_half  animate">
                                    <div class="service-holder show-service-holder">
                                        <img src="images/marka/sancak.png" alt="" class="brand-img-br">
                                    </div>
                                </div>
                                <div class="one_half  animate">
                                    <div class="service-holder show-service-holder">
                                        <img src="images/marka/sanofi.png" alt="" class="brand-img-br">
                                    </div>
                                </div>

                                <div class="clear-brand"></div>
                                
                                <div class="one_half  animate">
                                    <div class="service-holder show-service-holder">
                                        <img src="images/marka/tazedirekt.png" alt="" class="brand-img-br">
                                    </div>
                                </div>

                                <div class="one_half  animate">
                                    <div class="service-holder show-service-holder">
                                        <img src="images/marka/turkcell.png" alt="" class="brand-img-br">
                                    </div>
                                </div>

                                <div class="one_half  animate">
                                    <div class="service-holder show-service-holder">
                                        <img src="images/marka/tusiad-logo.png" alt="" class="brand-img-br">
                                    </div>
                                </div>


                                <div class="clear hidden-brand"></div> 
                                
                                    <p>&nbsp;&nbsp;</p>
                                    
                                <div class="info-text hidden-brand"> We are also grateful to our former partners up to the present. <img src="images/el.png"> <img src="images/smile.png">  </div>
                                <p>&nbsp;&nbsp;</p>
                                <div class="one-hidden_half animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/absolut.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/akasya.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/akbank.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/akbati.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/akmerkez.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="clear-brand hidden-brand">
                                    
                                </div>
                                <div class="one-hidden_half animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/albaraka.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/artema.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div> 
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/ata-finans.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/bonus-genc.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/burosit.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/cerezos.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="clear-brand hidden-brand">
                                    
                                </div>
                                <div class="one-hidden_half animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/chipsmaster.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/cipso.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div> 
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/citibank.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/citroen.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/desa.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="clear-brand hidden-brand">
                                    
                                </div>
                                <div class="one-hidden_half animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/discovery.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/dogus-cay.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div> 
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/eczacibasi.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/ergo.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                            
                                <div class="clear-brand hidden-brand">
                                    
                                </div>

                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/FB.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/garanti-mortgage.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div> 
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/garanti.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/gillette.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/hm.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="clear-brand hidden-brand">
                                    
                                </div>
                                <div class="one-hidden_half animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/ipana.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/is-sanat.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div> 
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/KHAS.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/kidzania.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/kinder.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="clear-brand hidden-brand">
                                    
                                </div>
                                <div class="one-hidden_half animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/koton.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/limak.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div> 
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/loreal.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/michelin.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/molped.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="clear-brand hidden-brand">
                                    
                                </div>
                                <div class="one-hidden_half animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/nokia.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/orkid.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div> 
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/patos.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/penti.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/pepsi.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="clear-brand hidden-brand">
                                    
                                </div>
                                <div class="one-hidden_half animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/pernod-ricard.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/PG.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div> 
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/pirelli.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/sabanci.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/sekerbank.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="clear-brand hidden-brand">
                                    
                                </div>
                                <div class="one-hidden_half animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/shop-miles.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/sochic.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div> 
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/superonline.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/superstep.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="clear-brand hidden-brand">
                                    
                                </div>
                                <div class="one-hidden_half animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/teknosa.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/tema.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div> 
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/TPAO.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/unicef.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="one-hidden_half  animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/vitra.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                <div class="clear-brand hidden-brand">
                                   
                                </div>
                                <div class="one-hidden_half animate hidden-brand">
                                    <div class="service-hidden-holder">
                                        <img src="images/marka/passive/WB.png" alt="" class="hidden-brand-imgbr">
                                    </div>
                                </div>
                                

                                <div class="clear clear-mt10"></div>
                                <button type="button" class="btn-all " id="show"> SHOW </button> &nbsp;&nbsp;
                                <button type="button" class="btn-hide " id="hide"> HIDE </button> &nbsp;&nbsp;
                                <div class="brand-hidetab"></div>
                            </div>                                                           
                        </div>                                
                        <div class="clear"></div> 
                    </div>
                </div>

                <!-- hizmet --> 
                <div id="portfolio" class="section page-split post-2">
                    <div class="section-wrapper block content-1170 center-relative">
                        <div class="bg-holder float-left">
                            <div class="split-color"></div>                                   
                        </div>
                        <div class="sticky-spacer">
                            <div class="section-title-holder float-left portfolio-title-fix-class">
                                <div class="section-top-image"> 
                                  <img src="images/menu-icon.png" alt="" class="icon-menu">
                                </div>
                                <h2 class="entry-title services-title"> 
                                    OUR <br> SER<br>VICES<br>
                                </h2>
                         
                            </div>
                        </div>

                        <div class="section-content-holder float-right service-text-content">
                            <div class="content-wrapper">

                                <div class="port_half animate">
                                    <div class="portfolio-holder">
                                        <div class="portfolio-img"> 
                                            <img src="images/services/SOCIAL-MEDIA.png" alt="">
                                        </div>
                                        <div class="portfolio-txt">
                                            <h4>SOCIAL MEDIA</h4> 
                                            Social Media Marketing is here to rule us for a long time and we use it in your favor to help your brand stay in touch with your customers. We also assist you let your target customers in on what your brand is up to on a regular basis.
                                        </div>
                                    </div>
                                </div>

                                <div class="port_half last animate">
                                    <div class="portfolio-holder">
                                        <div class="portfolio-img">
                                            <img src="images/services/DIGITAL-MARKETING.png" alt="">
                                        </div>
                                        <div class="portfolio-txt">
                                            <h4>DIGITAL MARKETING</h4> 
                                            With changing times, it has become imperative to go digital in order to establish a strong presence for your brand globally. All the digital marketing requirements including content marketing, social media campaigning, web development, SEO, organic search, etc. make your brand look stronger.
                                        </div>
                                    </div>
                                </div>
                                <div class="clear"></div>

                                <div class="port_half animate">
                                    <div class="portfolio-holder">
                                        <div class="portfolio-img">
                                            <img src="images/services/MARKETING.png" alt="">
                                        </div>
                                        <div class="portfolio-txt">
                                            <h4>MARKETING</h4> 
                                            Marketing is an essential part of any firm’s business strategy to achieve their objectives. We know that marketing is not just a strategy but the gateway to success for your firm, ensuring that your product and service is sold to the target market.
                                        </div>
                                    </div>
                                </div>

                                <div class="port_half last animate">
                                    <div class="portfolio-holder">
                                        <div class="portfolio-img"> 
                                            <img src="images/services/CODING.png" alt="">
                                        </div>
                                        <div class="portfolio-txt">
                                            <h4>CODING</h4> 
                                           The best form of coding is Web development or Web programming. Your website is the door to your brand. With the best coders, designers and developers, we know how to best present you to the world. With us by your side, your website will be everything but substandard.
                                        </div>
                                    </div>
                                </div>
                                <div class="clear"></div>

                                <div class="port_half animate mobile-hidden-portfolio">
                                    <div class="portfolio-holder">
                                        <div class="portfolio-img"> 
                                            <img src="images/services/DESIGN.png" alt="">
                                        </div>
                                        <div class="portfolio-txt">
                                            <h4>DESIGN</h4> 
                                            You have the vision and a product or service to sell. We know how to creatively design your vision into a reality through our design – web and graphic.
                                        </div>
                                    </div>
                                </div>

                                <div class="port_half last animate mobile-hidden-portfolio">
                                    <div class="portfolio-holder">
                                        <div class="portfolio-img">
                                            <img src="images/services/BRANDING.png" alt="">
                                        </div>
                                        <div class="portfolio-txt">
                                            <h4>BRANDING</h4> 
                                            By having an effective branding strategy, you can stay competitive or gain competitive advantage in a given market. Let your customers know who you are and what makes you different than your competitors.

                                        </div>
                                    </div>
                                </div>
                                <div class="clear"></div>

                                 <div class="clear"></div> 
                                 <div class="service-align">
                                <div class="port_half last animate hidden-portfolio">
                                    <div class="portfolio-holder">
                                        <div class="portfolio-img">
                                            <img src="images/services/ADVERTISING.png" alt="">
                                        </div>
                                        <div class="portfolio-txt">
                                            <h4>ADVERTISING</h4> 
                                            The team at BUZZ knows what is best for your brand and how best to advertise it to incite positive emotions in people. With us, you get more visibility, a better platform and a profitable ad campaign. 

                                        </div>
                                    </div>
                                </div>
                                <div class="port_half last animate hidden-portfolio">
                                    <div class="portfolio-holder">
                                        <div class="portfolio-img">
                                            <img src="images/services/SEO.png" alt="">
                                        </div>
                                        <div class="portfolio-txt">
                                            <h4>SEO</h4> 
                                            BUZZ’s veteran SEO team specializes in up to date information on SEO strategies and tactics ever since SEO came into being. Search Engine Optimization is a necessary road to tread for businesses to be noticed amidst competition. 

                                        </div>
                                    </div>
                                </div>
                                <div class="clear"></div>
                                <div class="port_half last animate hidden-portfolio">
                                    <div class="portfolio-holder">
                                        <div class="portfolio-img">
                                            <img src="images/services/CONSULTING.png" alt="">
                                        </div>
                                        <div class="portfolio-txt">
                                            <h4>CONSULTING</h4> 
                                          One of the most common reasons to seek assistance in the form of consulting is to get information. But, with the changing times, getting consultation from an experienced individual, well versed with recent market updates, updated technology, etc. is in the right position to steer you in the right direction.

                                        </div>
                                    </div>
                                </div>
                                <div class="port_half last animate hidden-portfolio">
                                    <div class="portfolio-holder">
                                        <div class="portfolio-img">
                                            <img src="images/services/STRATEGY.png" alt="">
                                        </div>
                                        <div class="portfolio-txt">
                                            <h4>STRATEGY</h4> 
                                            Strategy provides long term direction to an organization. With it in place, you can be sure of having a perfect blueprint to pursue your goals accordingly.
                                        </div>
                                    </div>
                                </div>
                                <div class="clear"></div>
                                <div class="port_half last animate hidden-portfolio">
                                    <div class="portfolio-holder">
                                        <div class="portfolio-img">
                                            <img src="images/services/BIG-DATA-SCIENCE.png" alt="">
                                        </div>
                                        <div class="portfolio-txt">
                                            <h4>BIG DATA SCIENCE</h4> 
                                            Leverage experienced data scientists and methodologies to implement advanced models and algorithms that separate the signals from the noise, discover patterns in the data, and provide predictive insights.  

                                        </div>
                                    </div>
                                </div>
                                <div class="port_half last animate hidden-portfolio">
                                    <div class="portfolio-holder">
                                        <div class="portfolio-img">
                                            <img src="images/services/DOOH-EXPERIENCE.png" alt="">
                                        </div>
                                        <div class="portfolio-txt">
                                            <h4> DOOH & EXPERIENCE</h4> 
                                            BUZZ is a studio specializing in the creation of Extended Reality (XR) Platforms that includes Augmented Reality (AR), Mixed Reality (MR) and Virtual Reality (VR) content and interactive applications.

                                        </div>
                                    </div>
                                </div>
                                <div class="clear"></div>
                                <div class="port_half last animate hidden-portfolio">
                                    <div class="portfolio-holder">
                                        <div class="portfolio-img">
                                            <img src="images/services/GAMIFICATION.png" alt="">
                                        </div>
                                        <div class="portfolio-txt">
                                            <h4> GAMIFICATION</h4> 
                                            Whether you need an entertaining concept to promote a new product or a serious game to raise awareness of an important cause, games are a powerful solution.
                                        </div>
                                    </div>
                                </div>
                                <div class="port_half last animate hidden-portfolio">
                                    <div class="portfolio-holder">
                                        <div class="portfolio-img">
                                            <img src="images/services/CONTENT.png" alt="">
                                        </div>
                                        <div class="portfolio-txt">
                                            <h4>CONTENT</h4> 
                                            Content fuels conversations. Advertising amplifies its reach. We provide the strategic vision, creative insight and resources you need to create powerful content and drive conversion.

                                        </div>
                                    </div>
                                </div>
                                <div class="clear"></div>
                                <div class="port_half last animate hidden-portfolio">
                                    <div class="portfolio-holder">
                                        <div class="portfolio-img">
                                            <img src="images/services/YOUTH-MARKETING.png" alt="">
                                        </div>
                                        <div class="portfolio-txt">
                                            <h4> YOUTH MARKETING</h4> 
                                            The youth market is critical because of the demographic's buying power and its members' influence on the spending of family members. In addition, teens and young adults often set trends that are adopted by other demographic groups. So we are here to build and execute your youth marketing strategies.
                                        </div>
                                    </div>
                                </div>
                                <div class="port_half last animate hidden-portfolio">
                                    <div class="portfolio-holder">
                                        <div class="portfolio-img">
                                            <img src="images/services/SEEDING.png" alt="">
                                        </div>
                                        <div class="portfolio-txt">
                                            <h4>SEEDING</h4> 
                                            Content seeding is a strategy in content marketing which focuses on purposefully spreading contents on the internet. Addressing the correct target groups and multiplier effects are aimed at spreading the marketing message as best possible. This is where BUZZ comes into play, with the online presence in various social media channels like Twitter, Instagram, Facebook, blogs & forums.

                                        </div>
                                    </div>
                                </div>
                                <div class="clear"></div>
                                <div class="port_half last animate hidden-portfolio">
                                    <div class="portfolio-holder">
                                        <div class="portfolio-img">
                                            <img src="images/services/influecer_icon.png" alt="">
                                        </div>
                                        <div class="portfolio-txt">
                                            <h4> INFLUENCER RELATIONS</h4> 
                                            You are aware that Influencers could support your business but you don’t really know how to leverage this technique – we support our clients from A-Z when it comes to create and manage Influencer Marketing campaigns that are effective.
                                        </div>
                                    </div>
                                </div>
                                <div class="port_half last animate hidden-portfolio">
                                    <div class="portfolio-holder">
                                        <div class="portfolio-img">
                                            <img src="images/services/event_management.png" alt="">
                                        </div>
                                        <div class="portfolio-txt">
                                            <h4>EVENT MANAGEMENT</h4> 
                                            Our event strategists delve into every aspect of your brand, your message, your goals, and the audience you want to engage. We examine the landscape, what’s trending, and what’s not. We ideate, workshop, refine, and challenge.

                                        </div>
                                    </div>
                                </div>
                            </div>

                                <div class="clear"></div>
                                <button type="button" class="btn-portfolio-all " id="show-portfolio"> SHOW </button> &nbsp;&nbsp;
                                <button type="button" class="btn-portfolio-hide " id="hide-portfolio"> HIDE </button> &nbsp;&nbsp;<div class="portfolio-hidetab"></div>
                            </div> 
                        </div>
                        <div class="clear"></div>                                
                    </div>                            
                </div>

                <!-- girisim -->
                <div id="about" class="section page-split post-3">
                    <div class="section-wrapper block content-1170 center-relative">
                        <div class="bg-holder float-right">
                            <div class="split-color"></div>                                    
                        </div>
                        <div class="sticky-spacer">
                            <div class="section-title-holder float-right">
                                <div class="section-top-image"> 
                                    <img src="images/menu-icon.png" alt="" class="icon-menu"> 
                                </div>
                                <h2 class="entry-title initiatives-title"> 
                                    IN<br>I<br>TI<br>A<br>TIVES 
                                </h2>
                            </div>
                        </div>

                        <div class="section-content-holder float-left">
                            <div class="content-wrapper content-attempt">
                                <div class="one_half-attempt last animate">
                                    <div class="attempt-holder">
                                        <div class="attempt-img">
                                         <a href="http://tinq.co/" target="_blank"> <img src="images/initiatives/logo_tinq.png" alt=""></a>
                                        </div>
                                        <div class="attempt-txt">
                                            <h4>TINQ</h4> 
                                            A social network platform offering personal movies and series in the help of its like-genome based algorithm. <br>
                                          <a href="http://tinq.co/" target="_blank">  www.tinq.co </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="one_half-attempt last animate">
                                    <div class="attempt-holder">
                                        <div class="attempt-img">
                                           <a href="http://smug.rocks" target="_blank"> <img src="images/initiatives/logo_smug.png" alt=""></a>
                                        </div>
                                        <div class="attempt-txt">
                                            <h4>SMUG</h4> 
                                            New generation content agency.<br>
                                          <a href="http://smug.rocks" target="_blank">http://smug.rocks </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="one_half-attempt last animate">
                                    <div class="attempt-holder">
                                        <div class="attempt-img">
                                           <a href="http://deepdive.ist" target="_blank"> <img src="images/initiatives/logo_deepdive.png" alt=""></a>
                                        </div>
                                        <div class="attempt-txt">
                                            <h4>DEEP DIVE</h4> 
                                            An education platform executing periodical events collaborate with PwC.<br>
                                           <a href="http://deepdive.ist" target="_blank">http://deepdive.ist </a>
                                        </div>
                                       
                                    </div>
                                </div>
                                <div class="one_half-attempt last animate">
                                    <div class="attempt-holder">
                                        <div class="attempt-img">
                                             <a href="http://upgrade.ist" target="_blank"><img src="images/initiatives/logo_upgrade.png" alt=""></a>
                                        </div>
                                        <div class="attempt-txt">
                                            <h4>UPGRADE</h4> 
                                           An education and event platform that will organize 4 big event organisation in 2019.<br>
                                          <a href="http://upgrade.ist" target="_blank">http://upgrade.ist </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="one_half-attempt last animate">
                                    <div class="attempt-holder">
                                        <div class="attempt-img">
                                            <a href="http://BUZZ.health" target="_blank"><img src="images/initiatives/logo_buzzhealth.png" alt=""></a>
                                        </div>
                                        <div class="attempt-txt">
                                            <h4>BUZZ HEALTH</h4> 
                                            First medical social media agency<br>
                                          <a href="http://BUZZ.health" target="_blank">  http://BUZZ.health </a>
                                        </div>
                                    </div>
                                </div>
                                 
                                <div class="one_half-attempt last animate">
                                    <div class="attempt-holder">
                                        <div class="attempt-img">
                                            <a href="https://www.instagram.com/hipermodelcom/" target="_blank"><img src="images/initiatives/hipermodel.png" alt=""></a>
                                        </div>
                                        <div class="attempt-txt">
                                            <h4>HIPERMODEL</h4> 
                                            Turkey's first #hipermodel agency (digital/virtual influencer) is on the air with its first virtual influencer persona "Lina".<br>
                                          <a href="https://www.instagram.com/hipermodelcom/" target="_blank"> www.hipermodel.com </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="one_half-attempt last animate">
                                    <div class="attempt-holder">
                                        <div class="attempt-img">
                                            <a href="http://www.semanticum.com/" target="_blank"><img src="images/initiatives/logo_semanticum.png" alt=""></a>
                                        </div>
                                        <div class="attempt-txt">
                                            <h4 class="attempt-text-content">SEMANTICUM</h4> 
                                            Social monitoring platform. <br>
                                            Sold to Doğuş Technology in 2017.<br>
                                          <a href="http://www.semanticum.com/" target="_blank"> www.Semanticum.com </a>
                                        </div>
                                    </div>
                                </div>

                            </div>                                   
                        </div>
                        <div class="clear"></div>                                
                    </div>                            
                </div>


                 <!-- reference -->
                <div id="reference" class="section page-split post-4">
                    <div class="section-wrapper block content-1170 center-relative">
                        <div class="bg-holder float-right">
                            <div class="split-color"></div>                                    
                        </div>
                        <div class="sticky-spacer">
                            <div class="section-title-holder float-right">
                                <div class="section-top-image"> 
                                    <img src="images/menu-icon.png" alt="" class="icon-menu"> 
                                </div>
                                <h2 class="entry-title references-title"> 
                                   TES<br>TI<br>MO<br>NI<br>ALS
                                </h2>
                            
                            </div>
                        </div>

                        <div class="section-content-holder float-left">
                            <div class="content-wrapper">
                            <div class="one_half-reference last animate">
                                <div class="reference-holder">
                                    <div class="reference-img">
                                        <img src="images/tirnak-small.png" alt="">
                                    </div>
                                    <div class="reference-txt">
                                       BUZZ is an highly advanced initiative in both innovation and technology. We are working together with them mind at peace ranges from development to design and execution.
                                    </div>
                                    <div class="right-reference">
                                        <img class="text-reference-img" src="images/reference/cem_unaldi.jpg" alt="" />
                                        <p class="text-reference-name">CEM ÜNALDI</p>
                                        <p class="text-reference-position">ARÇELİK</p>
                                    </div> 
                                </div>
                            </div>
                            <div class="one_half-reference last animate">
                                <div class="reference-holder">
                                    <div class="reference-img">
                                        <img src="images/tirnak-small.png" alt="">
                                    </div>
                                    <div class="reference-txt">
                                     BUZZ's balanced framework in which communication and marketing melt in the same pot makes us stronger in social media. I believe that our partnership started 3 years ago will continue for a long time. 
                                    </div>
                                    <div class="right-reference">
                                        <img class="text-reference-img" src="images/reference/erdem_aklan.jpg" alt="" />
                                        <p class="text-reference-name">ERDEM AKLAN</p> 
                                        <p class="text-reference-position">AYAKKABI DÜNYASI</p>
                                    </div> 
                                </div>
                            </div>
                            <div class="one_half-reference last animate">
                                <div class="reference-holder">
                                    <div class="reference-img">
                                        <img src="images/tirnak-small.png" alt="">
                                    </div>
                                    <div class="reference-txt">
                                     We are so happy to cooperate with BUZZ which makes a measurable contribute to our product’s awaresness with its creative projects. 
                                    </div>
                                    <div class="right-reference">
                                        <img class="text-reference-img" src="images/reference/aytemiz.png" alt="" />
                                        <p class="text-reference-name">ÖZGE KANSU GÖKÇEK</p> 
                                        <p class="text-reference-position">AYTEMİZ</p>
                                    </div> 
                                </div>
                            </div>

                            <div class="one_half-reference last animate">
                                <div class="reference-holder">
                                    <div class="reference-img">
                                        <img src="images/tirnak-small.png" alt="">
                                    </div>
                                    <div class="reference-txt">
                                     As Honda, we have been partners with BUZZ for almost 5 years. Their construction melting communication and marketing in the same pot makes us stronger in social media. 
                                    </div>
                                    <div class="right-reference">
                                        <img class="text-reference-img" src="images/reference/honda.png" alt="" />
                                        <p class="text-reference-name">BAYBARS AROMA</p>
                                        <p class="text-reference-position">HONDA</p>
                                    </div> 
                                </div>
                            </div>

                            <div class="one_half-reference last animate">
                                <div class="reference-holder">
                                    <div class="reference-img">
                                        <img src="images/tirnak-small.png" alt="">
                                    </div>
                                    <div class="reference-txt">
                                      BUZZ is really good at serving big data with efficient methods provided on social media for Iddaa.
                                    </div>
                                    <div class="right-reference">
                                        <img class="text-reference-img" src="images/reference/senemgocener.jpg" alt="" />
                                        <p class="text-reference-name">SENEM GÖÇENER KURT</p>
                                        <p class="text-reference-position">İDDAA</p>
                                    </div> 
                                </div>
                            </div>
                             
                            <div class="one_half-reference last animate">
                                <div class="reference-holder">
                                    <div class="reference-img">
                                        <img src="images/tirnak-small.png" alt="">
                                    </div>
                                    <div class="reference-txt">
                                       Especially our Social CRM and social media reputation management are in safe hands for years. BUZZ is an agency that dominant on communication academically.
                                    </div>
                                    <div class="right-reference">
                                        <img class="text-reference-img" src="images/reference/sinem.jpg" alt="" />
                                        <p class="text-reference-name">SİNEM KİRTİLOĞLU</p>
                                        <p class="text-reference-position">MİGROS</p>
                                    </div> 
                                </div>
                            </div>
                            <div class="one_half-reference last animate">
                                <div class="reference-holder">
                                    <div class="reference-img">
                                        <img src="images/tirnak-small.png" alt="">
                                    </div>
                                    <div class="reference-txt">
                                      BUZZ has got its own start-ups and is very dominant on production processes accordingly. It’s so exciting to be partner with them.
                                  </div>
                                  <div class="right-reference">
                                    <img class="text-reference-img" src="images/reference/nurcivan.jpg" alt="" />
                                    <p class="text-reference-name">NURCİVAN GÜLGÜN</p>
                                    <p class="text-reference-position">NAMET</p>
                                  </div> 
                                </div>
                            </div>

                        </div>                                  
                    </div>

                        <div class="clear"></div>                              
                    </div>                            
                </div>

                <!-- career -->
                <div id="career" class="section page-split post-5">
                    <div class="section-wrapper block content-1170 center-relative">
                        <div class="bg-holder float-right">
                            <div class="split-color"></div>                                    
                        </div>
                        <div class="sticky-spacer">
                            <div class="section-title-holder float-right">
                                <div class="section-top-image"> 
                                    <img src="images/menu-icon.png" alt="" class="icon-menu"> 
                                </div>
                                <h2 class="entry-title references-title"> 
                                   CA<br>REERS
                                </h2>

                            </div>
                        </div>

                        <div class="section-content-holder float-left">
                            <div class="content-wrapper">
                                <div class="career-title-txt"> If we believe you match the job profile, we will invite you to a short telephone interview to discuss your experience and motivation. </div>

                                <div class="career_half animate">
                                    <div class="career-holder">
                                        <div class="career-img"> 
                                            <img src="images/career/projectmanager.png" alt="">
                                        </div>
                                        <div class="career-txt">
                                            <h4>Project Manager</h4> 
                                            <a href="mailto:cv@buzz.work?subject=REF:%20Project%20Manager"  target="_blank"> <button class="btn-career">APPLY NOW</button> </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="career_half last animate">
                                    <div class="career-holder">
                                        <div class="career-img">
                                            <img src="images/career/brand-manager.png" alt="">
                                        </div>
                                        <div class="career-txt">
                                            <h4>Brand Manager</h4> 
                                            <a  href="mailto:cv@buzz.work?subject=REF:%20Brand%20Manager"  target="_blank"> <button class="btn-career">APPLY NOW</button> </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="clear"></div>
                                <div class="career_half  animate">
                                    <div class="career-holder">
                                        <div class="career-img">
                                            <img src="images/career/social-media-manager.png" alt="">
                                        </div>
                                        <div class="career-txt">
                                            <h4>Social Media</h4> 
                                            <a href="mailto:cv@buzz.work?subject=REF:%20Social%20Media"  target="_blank"> <button class="btn-career">APPLY NOW</button> </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="career_half last animate">
                                    <div class="career-holder">
                                        <div class="career-img">
                                            <img src="images/career/art-director.png" alt="">
                                        </div>
                                        <div class="career-txt">
                                            <h4>Art Director</h4> 
                                            <a href="mailto:cv@buzz.work?subject=REF:%20Art%20Director"  target="_blank"> <button class="btn-career">APPLY NOW</button> </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="clear"></div>
                                <div class="career_half animate mobile-hidden-career">
                                    <div class="career-holder">
                                        <div class="career-img"> 
                                          <img src="images/career/jr-art-director.png" alt="">
                                      </div>
                                      <div class="career-txt">
                                        <h4>Jr. Art Director</h4> 
                                        <a href="mailto:cv@buzz.work?subject=REF:%20Jr.%20Art%20Director"  target="_blank"> <button class="btn-career">APPLY NOW</button> </a>
                                    </div>
                                </div>
                            </div>

                            <div class="career_half last animate mobile-hidden-career">
                                <div class="career-holder">
                                    <div class="career-img">
                                        <img src="images/career/full-stack-developer.png" alt="">
                                    </div>
                                    <div class="career-txt">
                                        <h4>Full-Stack Developer</h4> 
                                        <a href="mailto:cv@buzz.work?subject=REF:%20Full-Stack%20Developer"  target="_blank"> <button class="btn-career">APPLY NOW</button> </a>
                                    </div>
                                </div>
                            </div>
                            <div class="clear"></div>
                            <div class="career_half animate hidden-career">
                                <div class="career-holder">
                                    <div class="career-img"> 
                                      <img src="images/career/jr-developer.png" alt="">
                                  </div>
                                  <div class="career-txt">
                                    <h4>Jr. Developer</h4> 
                                    <a href="mailto:cv@buzz.work?subject=REF:%20Jr.%20Developer"  target="_blank"> <button class="btn-career">APPLY NOW</button> </a>
                                </div>
                            </div>
                        </div>

                        <div class="career_half last animate hidden-career">
                            <div class="career-holder">
                                <div class="career-img"> 
                                  <img src="images/career/internships.png" alt="">
                              </div>
                              <div class="career-txt">
                                <h4>Internships</h4> 
                                <a  href="mailto:cv@buzz.work?subject=REF:%20Internships"  target="_blank"> <button class="btn-career">APPLY NOW</button> </a>
                            </div>
                        </div>
                    </div>
                    <div class="clear"></div>
                    <div class="career_half animate hidden-career">
                        <div class="career-holder">
                            <div class="career-img"> 
                              <img src="images/career/sr-developer.png" alt="">
                          </div>
                          <div class="career-txt">
                            <h4>Sr. Developer</h4> 
                            <a href="mailto:cv@buzz.work?subject=REF:%20Jr.%20Developer"  target="_blank"> <button class="btn-career">APPLY NOW</button> </a>
                        </div>
                    </div>
                </div>

                <div class="career_half last animate hidden-career">
                    <div class="career-holder">
                        <div class="career-img">
                            <img src="images/career/social-media-manager.png" alt="">
                        </div>
                        <div class="career-txt">
                            <h4>Social Media Manager</h4> 
                            <a href="mailto:cv@buzz.work?subject=REF:%20Social%20Media%20Manager"  target="_blank"> <button class="btn-career">APPLY NOW</button> </a>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>
                <div class="career_half animate hidden-career">
                    <div class="career-holder">
                        <div class="career-img"> 
                          <img src="images/career/sr-copywriter.png" alt="">
                      </div>
                      <div class="career-txt">
                        <h4>Sr. Copywriter</h4> 
                        <a href="mailto:cv@buzz.work?subject=REF:%20Sr.%20Copywriter"  target="_blank"> <button class="btn-career">APPLY NOW</button> </a>
                    </div>
                </div>
            </div>

            <div class="career_half last animate hidden-career">
                <div class="career-holder">
                    <div class="career-img">
                        <img src="images/career/jr-copywriter.png" alt="">
                    </div>
                    <div class="career-txt">
                        <h4>Jr. Copywriter</h4> 
                        <a href="mailto:cv@buzz.work?subject=REF:%20Jr.%20Copywriter"  target="_blank"> <button class="btn-career">APPLY NOW</button> </a>
                    </div>
                </div>
            </div>
            <div class="clear"></div>
            <button type="button" class="btn-career-all" id="show-career"> SHOW </button> &nbsp;&nbsp;
            <button type="button" class="btn-career-hide" id="hide-career"> HIDE </button> &nbsp;&nbsp;
        </div>                                  
    </div>

    <div class="clear"></div>                              
</div>                            
</div>

                <!-- blog -->
                <div id="news" class="section page-split post-6">
                    <div class="section-wrapper block content-1170 center-relative">
                        <div class="bg-holder float-right">
                            <div class="split-color"></div>                                    
                        </div>
                        <div class="sticky-spacer">
                            <div class="section-title-holder float-right">
                                <div class="section-top-image"> 
                                    <img src="images/menu-icon.png" alt="" class="icon-menu"> 
                                </div>
                                <h2 class="entry-title blog-title"> 
                                    THINK<br>ING
                                </h2>
                            </div>
                        </div>

                        <div class="section-content-holder float-left">
                            <div class="content-wrapper">
                                <div class="blog-holder-scode latest-posts-scode block center-relative">
                                    <article class="relative blog-item-holder-scode animate">
                                        <div class="entry-date published">21 February 2020</div>
                                      
                                        <h4 class="entry-title">
                                            <a href="http://buzz.work/blog/?p=4034">
                                                Google'ın 1.93 milyar dolar yatırım yapacağı habercilik projelerinde Türkiye'de var! 
                                                <span class="arrow"></span>
                                            </a>
                                        </h4>
                                        <div class="excerpt color-white"><a href="http://buzz.work/blog/?p=4034">
                                            ABD merkezli arama devi Google, dijitalleşmeye verdiği desteği sürdürmeye devam ediyor. Şirket geçtiğimiz senenin haziran ayında düzenlemiş olduğu girişime başvuran projeler arasından kazananları açıkladı... </a>
                                        </div>
                                    </article>

                                    <article class="relative blog-item-holder-scode animate">
                                        <div class="entry-date published">21 February 2020</div>
                                       
                                        <h4 class="entry-title">
                                            <a href="http://buzz.work/blog/?p=4026">
                                                Spotify'nin sevilen özelliği Apple Music'e geldi! 
                                                <span class="arrow"></span>
                                            </a>
                                        </h4>
                                        <div class="excerpt color-white"><a href="http://buzz.work/blog/?p=4026">
                                           Apple Music'in geçtiğimiz yıl tanıtımını yaptığı yıllık özet özelliği "Replay" 2020 çalma listesi ile kullanıma sunuldu...</a>
                                        </div>
                                    </article>

                                    <article class="relative blog-item-holder-scode animate">
                                        <div class="entry-date published">21 February 2020</div>
                                
                                        <h4 class="entry-title">
                                            <a href="http://buzz.work/blog/?p=4023">
                                                Microsoft, Word, Excel ve PowerPoint'i tek uygulamada birleştirdi!
                                                <span class="arrow"></span>
                                            </a>
                                        </h4>
                                        <div class="excerpt color-white"><a href="http://buzz.work/blog/?p=4023">
                                           Microsoft’un yeni geliştirdiği uygulama Office uygulamalarını aynı çatı altında topladı...</a>
                                        </div>
                                    </article>

                                    <article class="relative blog-item-holder-scode animate">
                                        <div class="entry-date published">14 February 2020</div>
                                  
                                        <h4 class="entry-title">
                                            <a href="http://buzz.work/blog/?p=4013">
                                                Dünyanın Yapay Zekâ Tarafından Geliştirilen İlk İlacı İnsanlarda Test Edilecek! 
                                                <span class="arrow"></span>
                                            </a>
                                        </h4>
                                        <div class="excerpt color-white"><a href="http://buzz.work/blog/?p=4013">
                                            Kullanım alanı her geçen gün genişleyen yapay zekâ, bu sefer de ilaç alanına el attı ve dünyada ilk kez obsesif kompulsif bozukluğa sahip hastalar için yapay zekâ tarafından bir ilaç geliştirildi...</a>
                                        </div>
                                    </article>
                                <div class="hidden-blog">
                                    <article class="relative blog-item-holder-scode animate">
                                        <div class="entry-date published">14 February 2020</div>
                                    
                                        <h4 class="entry-title">
                                            <a href="http://buzz.work/blog/?p=4005">
                                                Bilim İnsanları, Su Damlacıklarının Hareketini Kullanarak Elektrik Üreten Cihaz Geliştirdi! 
                                                <span class="arrow"></span>
                                            </a>
                                        </h4>
                                        <div class="excerpt color-white"><a href="http://buzz.work/blog/?p=4005">
                                            Japon bilim insanları, su damlacığının küçük hareketlerini kullanarak 5V'luk elektrik üretebilen bir cihaz yaratmayı başardılar...</a>
                                        </div>
                                    </article>

                                    <article class="relative blog-item-holder-scode animate">
                                        <div class="entry-date published">10 January 2020</div>
                                    
                                        <h4 class="entry-title">
                                            <a href="http://buzz.work/blog/?p=4016">
                                               Instagram Müzik Türkiye İçin Test Aşamasında! 
                                                <span class="arrow"></span>
                                            </a>
                                        </h4>
                                        <div class="excerpt color-white"><a href="http://buzz.work/blog/?p=4016">
                                            Popüler sosyal medya uygulaması Instagram'ın müzik özelliği şu an için her bölgede kullanılmıyor. Bazı ülkelere ayrıcalık olarak sunulan bu özelliğin Türkiye'de de kullanılabilmesi için çalışmalara başlandı...</a>
                                        </div>
                                    </article>
                                </div>
                                    <div class="clear"></div> 
                                    <button type="button" class="btn-blog-all " id="show-blog"> SHOW </button> &nbsp;&nbsp;
                                    <button type="button" class="btn-blog-hide " id="hide-blog"> HIDE </button> &nbsp;&nbsp;                                           
                                </div>                                       
                            </div>                                    
                        </div>
                        <div class="clear"></div>                              
                    </div>                            
                </div>

                <!-- İletişim -->
                <div id="contact" class="section page-split post-7">
                    <div class="section-wrapper block content-1170 center-relative">
                        <div class="bg-holder float-left">
                            <div class="split-color"></div>                               
                        </div>
                        <div class="sticky-spacer">
                            <div class="section-title-holder float-left">
                                <div class="section-top-image"> 
                                    <img src="images/menu-icon.png" alt="" class="icon-menu"> 
                                </div>
                                <h2 class="entry-title contact-title"> 
                                    CON<br>TACTS
                                </h2>
                            </div>
                        </div>

                        <div class="section-content-holder float-right pd-right">

                            <div class="content-wrapper haritaalani">

                                <div>
                                    <a href="https://www.google.com.tr/maps/place/Buzz/@41.0579808,28.991617,17z/data=!3m1!4b1!4m5!3m4!1s0x14cab7046c17db0b:0x22bb76e5f42e161c!8m2!3d41.0579768!4d28.9938057?hl=tr" target="_blank"><img src="images/istanbul_map.jpg" class="map-lft"></a>
                                    <p>
                                        <img src="images/map-icon.png">
                                         <span class="map-text"> ISTANBUL </span><br>
                                        19 Mayıs Mah. 19 Mayıs Cad. No:37 
                                        <br>
                                        UBM Plaza K:4 Fulya / Şişli - İstanbul
                                        <br>
                                      <span class="footer-red"> E </span> &nbsp; <a href="mailto:info@buzz.work" class="footer-email"> info@buzz.work </a>
                                        <br>
                                       <span class="footer-red"> T </span>&nbsp;  <!-- 0 212 243 80 40 --> 0 532 235 65 86
                                        <br>
                                        <span class="footer-red"> F </span>&nbsp;  0 212 252 68 34 
                                        <br>
                                        <a href="https://www.google.com.tr/maps/place/Buzz/@41.0579808,28.991617,17z/data=!3m1!4b1!4m5!3m4!1s0x14cab7046c17db0b:0x22bb76e5f42e161c!8m2!3d41.0579768!4d28.9938057?hl=tr" target="_blank"><button class="view-map"> VIEW MAP </button></a>
                                    </p>
                                </div>

                                <div>
                                    <a href="https://www.google.com/maps/place/31%C2%B046'39.2%22N+35%C2%B013'25.7%22E/@31.7775497,35.2216234,17z/data=!3m1!4b1!4m5!3m4!1s0x0:0x0!8m2!3d31.7775497!4d35.2238121?hl=tr" target="_blank"><img src="images/jerusalem_map.jpg" class="map-img"></a>
                                   <p>
                                        <img src="images/map-icon.png"> <span class="map-text"> JERUSALEM </span><br>
                                       Bait Hanina. Main Street. 1 
                                        <br>
                                       Jerusalem  /  Israel
                                        <br>
                                       <span class="footer-red"> E </span>&nbsp; <a href="mailto:ibrahim.shahwan@buzz.work" class="footer-email"> ibrahim.shahwan@buzz.work </a>
                                        <br>
                                      <!-- <span class="footer-red"> T </span>&nbsp;   +972 52-327-2336 -->
                                         <br>
                                        <a href="https://www.google.com/maps/place/31%C2%B046'39.2%22N+35%C2%B013'25.7%22E/@31.7775497,35.2216234,17z/data=!3m1!4b1!4m5!3m4!1s0x0:0x0!8m2!3d31.7775497!4d35.2238121?hl=tr" target="_blank"><button class="view-map"> VIEW MAP  </button></a>
                                    </p>
                                </div>

                                <div class="clear"></div>   

                            </div>
                            
                                <div class="newsletter-form">
                                   <!-- <input id="newsletter-email" type="text" name="your-email" placeholder="Email">
                                    <input type="submit" class="newsletter-submit-holder" value="SING UP FOR OUR NEWS">-->

                                    <input type="text" id="newsletter-email" name="email" placeholder="Email" required="">
                                   <button class="btn-newsletter " id="btnSend">SING UP FOR OUR NEWS</button> 
                                   <a id="elementid" href="#open-modal"></a>
                                </div> 
                            

                        </div>
                        <div class="clear"></div>                            
                    </div>                        
                </div>                    
            </div>


            <!-- NEWSLETTER -->


            <!-- Footer -->
            <footer class="footer">
                 
                    <span class="footer-bottom">  
                      <span class="bottom-left">  <span class="copyright"> © BUZZ &nbsp;</span> <span class="footer-date"> All Right Reserved  &nbsp;  2019 </span> </span>
                      <span class="bottom-right ">
                        <span class="footer-follow-us"> Follow Us &nbsp;</span>
                        <a href="https://twitter.com/buzz_agency_?s=08" class="footer-social" target="_blank">
                            <span class="fa fa-twitter"></span>
                        </a>&nbsp;
                        <a href="https://www.facebook.com/buzztr/" class="footer-social" target="_blank">
                            <span class="fa fa-facebook"></span>
                        </a>&nbsp;
                        <a href="https://instagram.com/buzz_agency_" class="footer-social" target="_blank">
                            <span class="fa fa-instagram"></span>
                        </a>&nbsp;
                        <a href="https://www.youtube.com/channel/UCtnwmoH3g7RDbBGNtS4dXyQ" class="footer-social" target="_blank">
                            <span class="fa fa-youtube"></span>
                        </a>
                    </span>
                    </span>
               
             
            </footer>
        </div>

           <div class="popup" id="videocagir">
            
           
            </div>
            <!-- Modal -->
            <div id="open-modal" class="modal-window">
                <div>
                    <a href="#modal-close" title="Close" class="modal-close">CLOSE &times;</a>
                    <h1>Buzzinteraction</h1>
                    <div id="subdescription"></div>
                </div>
            </div>

        <!--Load JavaScript-->


        <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.6/jquery.fancybox.js"></script>

        <script src="js/jquery.sticky.js"></script>                                                
        <script src='js/imagesloaded.pkgd.js'></script> 
        <script src='js/jquery.fitvids.js'></script>                
        <script src='js/jquery.smartmenus.min.js'></script> 
        <script src='js/isotope.pkgd.js'></script>  
        <script src='js/jquery.easing.1.3.js'></script> 
        <script src='js/jquery.prettyPhoto.js'></script>
        <script src='js/owl.carousel.min.js'></script>
        <script src='js/jquery.sticky-kit.min.js'></script>

        <script src='js/main.js'></script>


<script type="text/javascript">

$(window).on("load", function() {
  $('.video').click(function(){
    document.getElementById('videocagir').innerHTML='<span onclick="kapat()" class="close-button"> X </span><video width="100%" height="100%" controls id="videoplay"><source src="video/_1280X720_web_color_.mp4" type="video/mp4">Tarayıcınız videoyu desteklemiyor.</video>';
    $('.popup').fadeIn();
    $('#videoplay').get(0).play();
});

$('.close-button').click(function(){
    $('.popup').fadeOut();
    $('#videoplay').trigger('pause');
});
});


if ($(window).width() < 480 ) {
    $(window).on("load", function() {
      $('.video').click(function(){
            document.getElementById('videocagir').innerHTML='<span onclick="kapat()" class="close-button"> X </span><video width="100%" height="100%" controls id="videoplay"><source src="video/_1280X720_web_color_.mp4" type="video/mp4">Tarayıcınız videoyu desteklemiyor.</video>';
        $('.popup').fadeIn();
        $('#videoplay').get(0).play();
    });

      $('.close-button').click(function(){
        $('.popup').fadeOut();
        $('#videoplay').trigger('pause');
    });

  });
}
function kapat() {
  $('.popup').fadeOut();
  $('#videoplay').trigger('pause');
}

</script>
 <script type="text/javascript">
    $(document).ready(function(){
        $("#show").click(function(){
            $(".hidden-brand").slideDown();
        });

        $("#hide").click(function(){
            $(".hidden-brand").slideUp();
        });
    });

    $('#show').click(function(){
        $(this).fadeOut();
        /*$('#hide').fadeIn();*/
        $('#hide').css('display','block');
    });

    $('#hide').click(function(){
        $(this).fadeOut();
        $('#show').fadeIn();
    });
</script>
 <script type="text/javascript">

    /******  portfolio js ****/

    $(document).ready(function(){
        $("#show-portfolio").click(function(){
            $(".hidden-portfolio").slideDown();
        });

        $("#hide-portfolio").click(function(){
            $(".hidden-portfolio").slideUp();
        });
    });

    $('#show-portfolio').click(function(){
        $(this).fadeOut();
        /*$('#hide-portfolio').fadeIn();*/
        $('#hide-portfolio').css('display','block');
    });

    $('#hide-portfolio').click(function(){
        $(this).fadeOut();
        $('#show-portfolio').fadeIn();
    });

        if ( $(window).width() < 480 ) {

    $(document).ready(function(){
        $("#show-portfolio").click(function(){
            $(".mobile-hidden-portfolio").slideDown();
        });

        $("#hide-portfolio").click(function(){
            $(".mobile-hidden-portfolio").slideUp();
        });
    });

    $('#show-portfolio').click(function(){
        $(this).fadeOut();
        /*$('#hide-portfolio').fadeIn();*/
        $('#hide-portfolio').css('display','block');
    });

    $('#hide-portfolio').click(function(){
        $(this).fadeOut();
        $('#show-portfolio').fadeIn();
    });

}

    /******  blog js ****/

    $(document).ready(function(){
        $("#show-blog").click(function(){
            $(".hidden-blog").slideDown();
        });

        $("#hide-blog").click(function(){
            $(".hidden-blog").slideUp();
        });
    });

    $('#show-blog').click(function(){
        $(this).fadeOut();
        /*$('#hide-blog').fadeIn();*/
        $('#hide-blog').css('display','block');
    });

    $('#hide-blog').click(function(){
        $(this).fadeOut();
        $('#show-blog').fadeIn();
    });

        /***** career js *****/

    $(document).ready(function(){
        $("#show-career").click(function(){
            $(".hidden-career").slideDown();
        });

        $("#hide-career").click(function(){
            $(".hidden-career").slideUp();
        });
    });

    $('#show-career').click(function(){
        $(this).fadeOut();
        /*$('#hide-career').fadeIn();*/
        $('#hide-career').css('display','block');
    });

    $('#hide-career').click(function(){
        $(this).fadeOut();
        $('#show-career').fadeIn();
    });

        if ( $(window).width() < 480 ) {

    $(document).ready(function(){
        $("#show-career").click(function(){
            $(".mobile-hidden-career").slideDown();
        });

        $("#hide-career").click(function(){
            $(".mobile-hidden-career").slideUp();
        });
    });

    $('#show-career').click(function(){
        $(this).fadeOut();
        /*$('#hide-career').fadeIn();*/
        $('#hide-career').css('display','block');
    });

    $('#hide-career').click(function(){
        $(this).fadeOut();
        $('#show-career').fadeIn();
    });

}

    /******* mobile img js code *******/
    var slideIndex = 0;
    carousel();

    function carousel() {
      var i;
      var x = document.getElementsByClassName("mySlides");
      for (i = 0; i < x.length; i++) {
        x[i].style.display = "none"; 
    }
    slideIndex++;
    if (slideIndex > x.length) {slideIndex = 1} 
      x[slideIndex-1].style.display = "block"; 
  setTimeout(carousel, 4000); 
}
 
 
</script>

<script>
    $(document).ready(function () {

        $("#btnSend").click(function () {
            if($("#newsletter-email").val() != '') {
                $.ajax({
                    url: 'subcription.php',
                    type: 'POST',
                    data: {email: $("#newsletter-email").val()},
                    success: function (result) {

                        document.getElementById('subdescription').innerHTML = 'Thanks for your subscription, we will keep you update!';
                        document.getElementById('elementid').click();
        
                    }
                });
            }
            else{
                    document.getElementById('subdescription').innerHTML = 'please enter your email address';
                    document.getElementById('elementid').click();
            }
            
        });
    });
</script>




    </body>
</html>