<!DOCTYPE html>
<html lang="en">

<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Atasun Medya - Kayseri Web Tasarımı ve Sosyal Medya Yönetimi</title>

<meta name="description" content="Atasun Medya, Kayseri'de web tasarımı, e-ticaret sistemleri, sosyal medya yönetimi gibi alanlarda hizmet vermektedir.">
<meta name="keywords" content="atasun medya, web tasarımı, kayseri web tasarımı, e-ticaret sistemi, sosyal medya yönetimi">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
    <link rel="stylesheet" href="modal.css">
    <meta name="yandex-verification" content="f1c3c8353b95936f" />
<script src="modal.js"></script>

 
    <!-- Stylesheets -->
    <link rel="stylesheet" href="css/style.css"/>

  	<!--[if lt IE 9]>
  	  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  	  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  	<![endif]--> 
    
    <!-- FAVICON  -->
    <link rel="shortcut icon" href="img/favico.png">    

	   <!-- Font icons --> 
    <link rel="stylesheet" href="icon-fonts/fontawesome-5.0.6/css/fontawesome-all.min.css"/>

	   <!--Font -->
    <link rel="stylesheet" href="font/stylesheet.css"/>
    <link rel="stylesheet" type="text/css" href="icon-fonts/flaticon/flaticon.css" />
<!-- Start of  Zendesk Widget script -->
<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=c6ffc738-6e52-45be-bab5-c9ef6ea32f80"> </script>
<!-- End of  Zendesk Widget script -->
</head> 
<body> 

<!-- PRELOADER -->
<div id="preloader">
  <div class="loading-area">
    <div class="logo"><img src="img/logo.png" alt=""></div>
    <span>Markanızın Geleceği Yükleniyor...</span>
  </div>
  <div class="left-side"></div>
  <div class="right-side"></div>
</div>
    
    

<div class="page-overlay">
    <div class="page-transition"></div>
  </div>
<main>


	<!-- HEADER 
	================================================== --> 	
  <header class="whitev">
		<!-- Logo -->
		<a href="index.php" class="logo" data-type="ajax-load">
			<img src="img/logo.png" alt="">
		</a>
    <!-- Menu -->
    <div class="nav-icon">
      <span></span>
      <span></span>
      <span></span>
      </div>
  </header>
  
  <!-- Black Version -->
  <header class="black">
		<!-- Logo -->
		<a href="index.php" class="logo" data-type="ajax-load">
			<img src="img/logo-d.png" alt="">
		</a>
		<!-- Menu -->
    <div class="hamburger">
    <div class="nav-icon">
        <span></span>
        <span></span>
        <span></span>
      </div>
    </div>
  </header>

  <!-- Right Bar -->
   <!-- Social Links -->
   <div class="social fix">
      <ul>
       <li><a href="https://instagram.com/atasunmedya"><i class="fab fa-instagram" aria-hidden="true"></i>  </a></li>
        <li><a href="https://www.youtube.com/channel/UCWtyQ0t6WIufDfcA7vxxOBA"><i class="fab fa-youtube" aria-hidden="true"></i>  </a></li>
         </ul>
   </div>
   <!-- arrow -->
   <div class="uptotop">
      <svg class="down-arrow" xmlns="http://www.w3.org/2000/svg" width="14.486" height="18.412" viewBox="0 0 14.486 18.412" fill="#000">
        <path d="M7.073,26.241h0L0,19.172l1.414-1.415,4.829,4.829V8h2V22.586l4.829-4.829,1.415,1.415-7.241,7.24Z" transform="translate(0 -8)"/>
      </svg>
   </div>

   <!-- Full Menu -->
   <div class="full-menu">
     <div class="row">
       <div class="col-lg-8 col-md-7 left-content">
         <div class="logo">
           <img src="img/logo-d.png" alt="">
         </div>
         <div class="close-icon d-none">
           <img src="img/cancel.png" alt="">
         </div>
         <div class="outter">
           <div class="inner">
              <div class="container">
                     <ul class="site-menu">
                  <li><a href="index.php" data-type="ajax-load">Anasayfa.</a></li>
                  <li><a href="biz-kimiz.php" data-type="ajax-load">Biz Kimiz?.</a></li>
                  <li><a href="sosyal-medya-yonetimi.php" data-type="ajax-load">Sosyal Medya Yönetimi.</a></li>
                  <li><a href="web-tasarim.php" data-type="ajax-load">Web Tasarımı.</a></li>
				    <li><a href="markalar.php" data-type="ajax-load">Markalar.</a></li>
					<li><a href="iletisim.php" data-type="ajax-load">İletişim.</a></li>
                 </ul>
                </div> <!-- container end -->
           </div>
         </div>
       </div>
       <div class="col-lg-4 col-md-5 right-content">
         <div class="close-icon">
           <img src="img/cancel.png" alt="">
         </div>
          <div class="outter">
            <div class="inner">
              <!-- Brief -->
              <ul>
                <li>Brief Us</li>
                <li><a href="mailto:info@elegantdesign.top">info@elegantdesign.top</a></li>
                <li>Tel. (0352) 231 54 66</li>
              </ul>
              <!-- Office -->
              <ul>
                <li>Adres</li>
                <li>Yıldızevler, 312. Sk. No:18 D:C, 38020 Kocasinan/Kayseri</li>
              </ul>
              <!-- Follow -->
              <ul class="social-links">
                <li>Takip Et</li>
				<li><a href="https://instagram.com/atasunmedya">Instagram.</a></li>
              </ul>
            </div>
          </div>
       </div>
     </div> <!-- row end -->
   </div>


	<!-- HERO 
	================================================== --> 

<div class="hero">
    <div class="outter">
      <div class="inner">
        <div class="hero-content">
          
          <div class="container">
              <h1 class="hero-title">E-Ticaret'in<br>tam zamanı.</h1>
              <p class="hero-text">İnternetten ürünlerinizi satmaya başlayın! <br>
                  Kalıcı bir izlenim bırakan, <span class="element" data-text1="yaratıcı işler." data-text2="kazançlı işler." data-loop="true" data-backdelay="3000"></span><span class="typed-cursor"></span></p>
                  <svg class="down-arrow" xmlns="http://www.w3.org/2000/svg" width="14.486" height="18.412" viewBox="0 0 14.486 18.412">
                    <path d="M7.073,26.241h0L0,19.172l1.414-1.415,4.829,4.829V8h2V22.586l4.829-4.829,1.415,1.415-7.241,7.24Z" transform="translate(0 -8)"></path>
                  </svg>
          </div>
        </div>
      </div>
    </div>

    <div class="hero-image"></div>
  </div>
  
  


<!-- PORTFOLIO SECTION
================================================== --> 
<section id="portfolio" class="portfolio atop"> 

  <!-- Portfolio Filter -->
  <div class="portfolio_filter">
      <ul>
          <li><a data-filter="." href="#">Sosyal Medya</a></li>
          <li><a data-filter="." href="e-ticaret">E-Ticaret</a></li>
          <li><a data-filter="." href="#">Tasarım</a></li>
          <li><a class="select-cat" data-filter="*" href="#">Hepsi</a></li>
      </ul>   
  </div>

  <!-- filter icon for mobile-->
  <div class="filter-icon d-none">
    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" width="18" height="20" viewBox="296.5 494.5 20 20" enable-background="new 296.5 494.5 20 20" xml:space="preserve">
      <path fill="black" fill-rule="evenodd" clip-rule="evenodd" d="M296.5 494.5h8v8h-8V494.5z"></path>
      <path fill="black" fill-rule="evenodd" clip-rule="evenodd" d="M308.5 494.5h8v8h-8V494.5z"></path>
      <path fill="black" fill-rule="evenodd" clip-rule="evenodd" d="M296.5 506.5h8v8h-8V506.5z"></path>
      <path fill="black" fill-rule="evenodd" clip-rule="evenodd" d="M308.5 506.5h8v8h-8V506.5z"></path>
    </svg>
  </div>

  <div class="container">
    <div class="row masonry clearfix">
        <!-- a work -->
        
        <a href="e-ticaret" onclick="document.getElementById('id02').style.display='block'" class="col-xl-6 col-md-6 grid-item digital tasarım" >
            <figure class="portfolio-item">                 
                <div class="image" style="background-image: url(resim/meneto-e-ticaret);">     
                    <img src="resim/meneto-e-ticaret.jpg"/ alt="e-ticaret sitesi">
                </div>
                <figcaption>
                    <span> Ürünlerinizi İnternete Taşıyın </span>
                    <h3 class="title">E-Ticaret Sitesi</h3>
                </figcaption> 
            </figure>
          </a>

      <!-- a work -->
      <a href="sosyal-medya-yonetimi.php" onclick="document.getElementById('id01').style.display='block'" class="col-lg-6 col-md-6 grid-item sosyalmedya" >
          <figure class="portfolio-item">  
            <figcaption>
                <span>Firmanızı İnternette Markalaştırın  </span>
                <h3 class="title">Sosyal Medya Yönetimi</h3>
            </figcaption>               
              <div class="image" style="background-image: url(resim/sosyal-medya-yonetimi-2.jpg);">     
                  <img src="resim/sosyal-medya-yonetimi-2.jpg" alt="" />
              </div>
     
          </figure>
        </a>  
          
          <!-- a work -->
            


          
      <!-- a work -->
     
    </div> <!-- row masonry end -->
            <!-- pagination -->
            <div class="text-center top_45 bottom_60">
              <a href="/iletisim.php"><button class="site-btn"> İletişime Geç
                <i class="icon ion-md-arrow-down"></i>
              </button></a>
            
            </div>
  </div> <!-- container end -->
  
 

 	 
		 
		 
</section>

  <section class="clients bottom_120">
    <div class="container">
        <div class="section-title bottom_90">
          <span>Anlattığımız her hikaye, inşa ettiğimiz her marka ve yarattığımız her etkileşim;</span>
          <h2 class="title">Sadece güzel görünmekle kalmamalı, aynı zamanda<br> güzel hissetmeli ve çalışmalıdır.</h2>
        </div>
        <div class="row">
          <div class="col-lg-3 col-md-6 client"><img src="resim/kilimlogo.png" alt="sini kebap" /></div>
          <div class="col-lg-3 col-md-6 client"><img src="resim/the-kayseri-loft-hotel.jpg" alt="the kayseri loft hotel" /></div>
          <div class="col-lg-3 col-md-6 client"><img src="resim/durupol.jpg" alt="durupol" /></div>
          <div class="col-lg-3 col-md-6 client"><img src="resim/pierre-cardin-room.jpg" alt="pierre crdin" /></div>
		  <div class="col-lg-3 col-md-6 client"><img src="resim/nevale.jpg" alt="nevale çiğ köfte" /></div>
          <div class="col-lg-3 col-md-6 client"><img src="resim/magnettemiz.jpg" alt="magnet" /></div>
          
          <div class="col-lg-3 col-md-6 client"><img src="resim/cagrihan-akademi.jpg" alt="cagrihan akademi" /></div>
          <div class="col-lg-3 col-md-6 client"><img src="resim/canimcigerim.jpg" alt="canim cigerim" /></div>
        </div>

    </div>
	 <div class="text-center top_45 bottom_60">
              <a href="/markalar.php"><button class="site-btn"> Tüm referanslarımızı gör
                <i class="icon ion-md-arrow-down"></i>
              </button></a>
            
            </div>
            



  </section>


<!-- FOOTER
================================================== --> 




<footer>
  <div class="container">
    <div class="row">
      <div class="col-lg-6 col-md-6 col-sm-12">
        <img src="img/logo-d.png" alt=""> <br> <br>
        <p>© 2020 Atasun Medya. Tüm hakları saklıdır.<br>
          Kayseri Web, Grafik Tasarım Ajansı</p>
      </div>
      <div class="col-lg-6 col-md-6 col-sm-12 footer-info">
          <p></p>Yıldızevler, 312. Sk. No:18 D:C, 38020<br>
Kayseri/Kocasinan<br>
			  +90 352 231 54 66<br>
          info@elegantdesign.top<br>
          </p>
      </div>
    </div>
  </div>
</footer>

</main>



<!-- Javascripts -->
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script src="site.js"></script>
    <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-155297156-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-155297156-1'); </script>


</body>

</html>


