<!--                                                                                                                                                                                                                                  
                                                                                                                                                                                    dddddddd                                        
TTTTTTTTTTTTTTTTTTTTTTT                                                                      kkkkkkkk                MMMMMMMM               MMMMMMMM                                d::::::d                                        
T:::::::::::::::::::::T                                                                      k::::::k                M:::::::M             M:::::::M                                d::::::d                                        
T:::::::::::::::::::::T                                                                      k::::::k                M::::::::M           M::::::::M                                d::::::d                                        
T:::::TT:::::::TT:::::T                                                                      k::::::k                M:::::::::M         M:::::::::M                                d:::::d                                         
TTTTTT  T:::::T  TTTTTTooooooooooo   ppppp   ppppppppp   rrrrr   rrrrrrrrr   aaaaaaaaaaaaa    k:::::k    kkkkkkk     M::::::::::M       M::::::::::M    eeeeeeeeeeee        ddddddddd:::::dyyyyyyy           yyyyyyyaaaaaaaaaaaaa   
        T:::::T      oo:::::::::::oo p::::ppp:::::::::p  r::::rrr:::::::::r  a::::::::::::a   k:::::k   k:::::k      M:::::::::::M     M:::::::::::M  ee::::::::::::ee    dd::::::::::::::d y:::::y         y:::::y a::::::::::::a  
        T:::::T     o:::::::::::::::op:::::::::::::::::p r:::::::::::::::::r aaaaaaaaa:::::a  k:::::k  k:::::k       M:::::::M::::M   M::::M:::::::M e::::::eeeee:::::ee d::::::::::::::::d  y:::::y       y:::::y  aaaaaaaaa:::::a 
        T:::::T     o:::::ooooo:::::opp::::::ppppp::::::prr::::::rrrrr::::::r         a::::a  k:::::k k:::::k        M::::::M M::::M M::::M M::::::Me::::::e     e:::::ed:::::::ddddd:::::d   y:::::y     y:::::y            a::::a 
        T:::::T     o::::o     o::::o p:::::p     p:::::p r:::::r     r:::::r  aaaaaaa:::::a  k::::::k:::::k         M::::::M  M::::M::::M  M::::::Me:::::::eeeee::::::ed::::::d    d:::::d    y:::::y   y:::::y      aaaaaaa:::::a 
        T:::::T     o::::o     o::::o p:::::p     p:::::p r:::::r     rrrrrrraa::::::::::::a  k:::::::::::k          M::::::M   M:::::::M   M::::::Me:::::::::::::::::e d:::::d     d:::::d     y:::::y y:::::y     aa::::::::::::a 
        T:::::T     o::::o     o::::o p:::::p     p:::::p r:::::r           a::::aaaa::::::a  k:::::::::::k          M::::::M    M:::::M    M::::::Me::::::eeeeeeeeeee  d:::::d     d:::::d      y:::::y:::::y     a::::aaaa::::::a 
        T:::::T     o::::o     o::::o p:::::p    p::::::p r:::::r          a::::a    a:::::a  k::::::k:::::k         M::::::M     MMMMM     M::::::Me:::::::e           d:::::d     d:::::d       y:::::::::y     a::::a    a:::::a 
      TT:::::::TT   o:::::ooooo:::::o p:::::ppppp:::::::p r:::::r          a::::a    a:::::a k::::::k k:::::k        M::::::M               M::::::Me::::::::e          d::::::ddddd::::::dd       y:::::::y      a::::a    a:::::a 
      T:::::::::T   o:::::::::::::::o p::::::::::::::::p  r:::::r          a:::::aaaa::::::a k::::::k  k:::::k       M::::::M               M::::::M e::::::::eeeeeeee   d:::::::::::::::::d        y:::::y       a:::::aaaa::::::a 
      T:::::::::T    oo:::::::::::oo  p::::::::::::::pp   r:::::r           a::::::::::aa:::ak::::::k   k:::::k      M::::::M               M::::::M  ee:::::::::::::e    d:::::::::ddd::::d       y:::::y         a::::::::::aa:::a
      TTTTTTTTTTT      ooooooooooo    p::::::pppppppp     rrrrrrr            aaaaaaaaaa  aaaakkkkkkkk    kkkkkkk     MMMMMMMM               MMMMMMMM    eeeeeeeeeeeeee     ddddddddd   ddddd      y:::::y           aaaaaaaaaa  aaaa
                                      p:::::p                                                                                                                                                    y:::::y                            
                                      p:::::p                                                                                                                                                   y:::::y                             
                                     p:::::::p                                                                                                                                                 y:::::y                              
                                     p:::::::p                                                                                                                                                y:::::y                               
                                     p:::::::p                                                                                                                                               yyyyyyy                                
                                     ppppppppp                                                                                                                                                                                                                                                                                                                                                                                                                  
-->
<!DOCTYPE html>
<html lang="tr" >
<head>

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

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

    gtag('config', 'AW-11279061201');
    </script>

    <!-- Event snippet for Website sale conversion page -->
    <script>
    gtag('event', 'conversion', {
        'send_to': 'AW-11279061201/7HDqCMWhqMkYENGho4Iq',
        'transaction_id': ''
    });
    </script>

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Toprak Medya ® Profesyonel Web Çözümleri</title>
    <meta name="description" content="Toprak Medya ® olarak, profesyonel web çözümleriyle internet sitesi tasarımı ve geliştirme alanında uzmanlaşmış bir firma olarak hizmet vermekteyiz. İhtiyaçlarına uygun web siteleri">
    <meta name="keywords" content="toprak medya, internet sitesi, web sitesi">
    <meta name="robots" content="all">
    <meta name="google" content="notranslate">
        <meta property="og:locale" content="tr_TR"/>
    <meta property="og:title" content="Toprak Medya ®"/>
    <meta property="og:description" content="İhtiyaçlarına uygun web siteleri"/>
    <meta property="og:image" content="https://www.toprakmedya.com/app/assets/frontend/images/logos/favicon_logo.png"/>
    <link rel="shortcut icon" href="https://www.toprakmedya.com/app/assets/frontend/images/logos/favicon_logo.png" type="image/x-icon"> 
    <link rel="stylesheet" href="/app/assets/frontend/css/grid.css">
    <link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">
    <link rel="stylesheet" href="/app/assets/frontend/css/toprakmedya.css?cache=2">

</head>
<body>

<header>
    <div class="logo">
        <a href="/">
            <img src="https://www.toprakmedya.com/app/assets/frontend/images/logos/light_logo_2.svg" alt="Firmamızın kurumsal logosu" >
        </a>
    </div>
    <div class="menu">
        <nav class="main-nav">
            <ul class="ul-root">
                <li><a href="/">Anasayfa</a></li><li><a href="/hakkimizda">Hakkımızda</a></li><li><a href="/hizmetlerimiz">Hizmetlerimiz <i class="las la-angle-down"></i></a><ul class="sub-menu level-1"><li><a href="/hizmetlerimiz/web-tasarim">Web Tasarım<i class="las la-angle-right"></i></a><ul class="sub-menu level-2"><li><a href="/hizmetlerimiz/internet-sitesi">İnternet Sitesi</a></li><li><a href="/hizmetlerimiz/web-sitesi">Web Sitesi</a></li></ul></li><li><a href="/hizmetlerimiz/web-yazilim">Web Yazılım<i class="las la-angle-right"></i></a><ul class="sub-menu level-2"><li><a href="/hizmetlerimiz/crm-yazilim">CRM Yazılım</a></li><li><a href="/hizmetlerimiz/yonetim-paneli">Yönetim Paneli</a></li></ul></li><li><a href="javascript:;">Google<i class="las la-angle-right"></i></a><ul class="sub-menu level-2"><li><a href="/hizmetlerimiz/google-seo">SEO</a></li><li><a href="/hizmetlerimiz/google-ads">ADS</a></li><li><a href="/hizmetlerimiz/google-reklam">Reklam</a></li></ul></li><li><a href="/hizmetlerimiz/e-ticaret">E-ticaret</a></li></ul></li><li><a href="/referanslarimiz">Referanslar</a></li><li><a href="/blog">Blog</a></li><li><a href="/iletisim">İletişim</a></li>            </ul>
        </nav>
    </div>
    
    <style>
        .action.switch-mode {
            position: relative;
        }

        .action.switch-mode {
            background-color: white;
            color: black;
            width: 60px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 20px;
            border-radius: 100px;
        }

        .action.switch-mode i {
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 100px;
        }

        .action.switch-mode span {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 4px;
            display: block;
            width: 25px;
            height: 25px;
            background: var(--light);
            border-radius: 100px;
            transition: .4s ease;
        }

        html.dark-mode .action.switch-mode span {
            left: 32px;
        }

        html:not(.dark-mode) .action.switch-mode span {
            background: var(--primary)
        }

        html:not(.dark-mode) .action.switch-mode {
            border: 1px solid var(--primary)
        }
    </style>

    <div class="actions">
        <a href="javascript:;" class="action switch-mode">
            <i class="las la-moon"></i>
            <i class="las la-sun"></i>
            <span></span>
        </a>

        <a href="/domain-sorgulama" class="action style-1 login d-sm-flex">
            <span class="action-icon">
                <i class="las la-search"></i>
            </span>
            <span class="action-label">
                domain
            </span>
        </a>

        <a href="https://wa.me/905324040324" class="action style-2 offer d-sm-none">
            <span class="action-icon">
                <i class="lab la-whatsapp"></i>
            </span>
        </a>

        <a href="/teklif-formu" class="action style-2 offer d-none d-sm-flex">
            <span class="action-icon">
                <i class="las la-envelope-open"></i>
            </span>
            <span class="action-label">
                teklif formu
            </span>
        </a>

        <a href="javascript:;" class="action mobile-menu">
            <span class="action-icon">
                <i class="las la-bars"></i>
            </span>
        </a>
    </div>
</header>

<nav class="mobile-nav">
    <span class="mobile-nav-close">
        <i class="las la-times"></i>
    </span>
    <div class="bg-layers">
        <span></span>
        <span></span>
    </div>
    <ul>
                                    <li><a href="/">Anasayfa</a></li>
                                                <li><a href="/hakkimizda">Hakkımızda</a></li>
                                                <li class="has-children" ><a href="javascript:;">Hizmetlerimiz <i class="las la-angle-right"></i></a>
                    <div class="sub-menu level-1">
                    <div class="sub-menu-header">
                        <a href="javascript:;" class="back">
                            <i class="las la-angle-left"></i>
                        </a>
                        <span class="title">Hizmetlerimiz</span>
                    </div>
                    <ul>
                                                                                <li class="has-children" ><a href="javascript:;">Web Tasarım <i class="las la-angle-right"></i></a>
                                <div class="sub-menu level-2">
                                <div class="sub-menu-header">
                                    <a href="javascript:;" class="back">
                                        <i class="las la-angle-left"></i>
                                    </a>
                                    <span class="title">Web Tasarım</span>
                                </div>
                                <ul>
                                                                            <li><a href="/hizmetlerimiz/internet-sitesi">İnternet Sitesi</a></li>
                                                                            <li><a href="/hizmetlerimiz/web-sitesi">Web Sitesi</a></li>
                                                                    </ul>
                            </div>
                        </li>
                                                                                                        <li class="has-children" ><a href="javascript:;">Web Yazılım <i class="las la-angle-right"></i></a>
                                <div class="sub-menu level-2">
                                <div class="sub-menu-header">
                                    <a href="javascript:;" class="back">
                                        <i class="las la-angle-left"></i>
                                    </a>
                                    <span class="title">Web Yazılım</span>
                                </div>
                                <ul>
                                                                            <li><a href="/hizmetlerimiz/crm-yazilim">CRM Yazılım</a></li>
                                                                            <li><a href="/hizmetlerimiz/yonetim-paneli">Yönetim Paneli</a></li>
                                                                    </ul>
                            </div>
                        </li>
                                                                                                        <li class="has-children" ><a href="javascript:;">Google <i class="las la-angle-right"></i></a>
                                <div class="sub-menu level-2">
                                <div class="sub-menu-header">
                                    <a href="javascript:;" class="back">
                                        <i class="las la-angle-left"></i>
                                    </a>
                                    <span class="title">Google</span>
                                </div>
                                <ul>
                                                                            <li><a href="/hizmetlerimiz/google-seo">SEO</a></li>
                                                                            <li><a href="/hizmetlerimiz/google-ads">ADS</a></li>
                                                                            <li><a href="/hizmetlerimiz/google-reklam">Reklam</a></li>
                                                                    </ul>
                            </div>
                        </li>
                                                                                                        <li><a href="/hizmetlerimiz/e-ticaret">E-ticaret</a></li>
                                                                    </ul>
                </div>
            </li>
                                                <li><a href="/referanslarimiz">Referanslar</a></li>
                                                <li><a href="/blog">Blog</a></li>
                                                <li><a href="/iletisim">İletişim</a></li>
                        </ul>
    <a href="/teklif-formu" class="mobile-nav-button">
        <span class="button-icon">
            <i class="las la-envelope-open"></i>
        </span>
        <span class="button-label">
            teklif formu
        </span>
    </a>
</nav>

<section class="home-item-1" >
    <div class="hero-section">
        <div class="container">
            <div class="hero-wrapper">
                <div class="content">
                    <p id="small" >İmajınızdaki</p>
                    <h1 id="typewriter">İNTERNET SİTESİ</h1>
                    <p>Projeyi <b>özveriyle</b>, yüksek kalite ve profesyonellikle <b>hayata geçiriyoruz</b>.</p>
                    <hr />
                    <small>
                    <b>Kaliteli</b> ve uzman bir ekip ile isteklerinizi <b>en iyi</b> şekilde hayata geçirelim.
                    </small>
                    <div class="d-flex align-items-center">
                        <a href="/teklif-formu" class="hero-button d-none d-md-flex"> <span class="hero-button-label">projenizi anlatın</span> </a>
                        <a href="tel:+905324040324" class="hero-button d-md-none"> <span class="hero-button-label"><i class="las la-phone"></i> 0532 404 03 24</span> </a>
                    </div>
                </div>
                <div class="image">
                    <img src="/app/assets/frontend/images/pages/home-page-web-site.jpg" alt="internet sitesi + kahfe" />
                    <div class="text-holder">
                        <p>
                            <span>Kahvemizi </span>
                            <span>İçerken </span>
                            <span>Projenizi </span>
                            <span>Konuşalım </span>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<div class="container">
    <div class="row gy-4 service-grid">
                <div class="col-12 col-lg-4">
            <div class="grid-item">
                <a href="/hizmetlerimiz/internet-sitesi"></a>
                <div class="item-image" >
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/services//internet-sitesi_1.jpg" alt="İnternet Sitesi"  title="İnternet Sitesi" >
                </div>
                <div>
                    <h3 class="mt-3 mb-2" >İnternet Sitesi</h3>
                    <p>İnternet çağıyla birlikte, işletmelerin dijital varlıkları büyük bir önem kazandı. İşletmeler, online dünyada başarılı olmak ve potansiyel müşterilere...</p>
                </div>
            </div>
        </div>
                <div class="col-12 col-lg-4">
            <div class="grid-item">
                <a href="/hizmetlerimiz/web-sitesi"></a>
                <div class="item-image" >
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/services//web-sitesi_1.jpg" alt="Web Sitesi"  title="Web Sitesi" >
                </div>
                <div>
                    <h3 class="mt-3 mb-2" >Web Sitesi</h3>
                    <p>Dijital dünyada işletmeler için etkileyici ve işlevsel bir web sitesine sahip olmak, başarıya giden yolda kritik bir adımdır. Web sitesi, markanızın d...</p>
                </div>
            </div>
        </div>
                <div class="col-12 col-lg-4">
            <div class="grid-item">
                <a href="/hizmetlerimiz/web-tasarim"></a>
                <div class="item-image" >
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/services//web-tasarim_2.jpg" alt="Web Tasarım"  title="Web Tasarım" >
                </div>
                <div>
                    <h3 class="mt-3 mb-2" >Web Tasarım</h3>
                    <p>Uzun yıllardır web tasarım hizmeti veren Toprak Medya olarak, işletmenizin dijital varlığını güçlendirmek ve online başarınızı artırmak için kapsamlı ...</p>
                </div>
            </div>
        </div>
                <div class="col-12 col-lg-4">
            <div class="grid-item">
                <a href="/hizmetlerimiz/web-yazilim"></a>
                <div class="item-image" >
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/services//web-yazilim_1.jpg" alt="Web Yazılım"  title="Web Yazılım" >
                </div>
                <div>
                    <h3 class="mt-3 mb-2" >Web Yazılım</h3>
                    <p>Toprak Medya olarak, web tasarımında kullanıcı deneyimini en üst düzeyde tutan çözümler sunuyoruz. İşletmenizin online varlığını güçlendirmek ve dijit...</p>
                </div>
            </div>
        </div>
                <div class="col-12 col-lg-4">
            <div class="grid-item">
                <a href="/hizmetlerimiz/google-seo"></a>
                <div class="item-image" >
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/services//google-seo.jpg" alt="Google Seo"  title="Google Seo" >
                </div>
                <div>
                    <h3 class="mt-3 mb-2" >Google Seo</h3>
                    <p>Toprak Medya olarak, markanızın dijital görünürlüğünü ve çevrimiçi başarınızı en üst düzeye çıkarmak için kapsamlı Google SEO hizmetleri sunuyoruz. İn...</p>
                </div>
            </div>
        </div>
                <div class="col-12 col-lg-4">
            <div class="grid-item">
                <a href="/hizmetlerimiz/google-reklam"></a>
                <div class="item-image" >
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/services//google-reklam.jpg" alt="Google Reklam"  title="Google Reklam" >
                </div>
                <div>
                    <h3 class="mt-3 mb-2" >Google Reklam</h3>
                    <p>Markanızın çevrimiçi varlığını güçlendirmek ve hedef kitlenize etkili bir şekilde ulaşmak için kapsamlı Google Reklam hizmetleri sunuyoruz. İnternet ç...</p>
                </div>
            </div>
        </div>
                <div class="col-12 col-lg-4">
            <div class="grid-item">
                <a href="/hizmetlerimiz/google-ads"></a>
                <div class="item-image" >
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/services//google-ads.jpg" alt="Google Ads"  title="Google Ads" >
                </div>
                <div>
                    <h3 class="mt-3 mb-2" >Google Ads</h3>
                    <p>Google Ads, Google'ın reklam platformudur ve işletmelerin hedef kitlelerine çevrimiçi olarak ulaşmasını sağlar. Google Ads, reklam verenlere arama son...</p>
                </div>
            </div>
        </div>
                <div class="col-12 col-lg-4">
            <div class="grid-item">
                <a href="/hizmetlerimiz/yonetim-paneli"></a>
                <div class="item-image" >
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/services//yonetim-paneli.jpg" alt="Yönetim Paneli"  title="Yönetim Paneli" >
                </div>
                <div>
                    <h3 class="mt-3 mb-2" >Yönetim Paneli</h3>
                    <p>Web sitelerinizi daha etkili bir şekilde yönetmenizi sağlamak amacıyla özel olarak hazırlanan yönetim panelleri sunuyoruz. Bu yönetim panelleri, web s...</p>
                </div>
            </div>
        </div>
                <div class="col-12 col-lg-4">
            <div class="grid-item">
                <a href="/hizmetlerimiz/crm-yazilim"></a>
                <div class="item-image" >
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/services//crm-yazilim_1.jpg" alt="CRM Yazılım"  title="CRM Yazılım" >
                </div>
                <div>
                    <h3 class="mt-3 mb-2" >CRM Yazılım</h3>
                    <p>CRM sistemleri günümüz iş dünyasında büyük önem taşır. İşletmelerin müşteri ilişkilerini yönetmelerini, satış süreçlerini optimize etmelerini ve büyüm...</p>
                </div>
            </div>
        </div>
            </div>
</div>

<div class="container mt-5">
    <div class="project-list">
                    <div class="project-list-item">
                <div class="item-left">
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//taktik-hane-screen-image.jpg" >
                </div>
                <div class="item-right">
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//taktik-hane-background_image.jpg" >
                    <div class="content">
                        <div class="content-left">
                            <ul class="features">
                                                                                                    <li>ilan web sitesi</li>
                                                                    <li>web tasarım</li>
                                                                    <li>özel yazılım</li>
                                                            </ul>

                            <div class="bottom">
                                <a href="https://www.taktikhane.com" target="_blank" class="web-link">
                                    taktikhane.com                                </a>
                                                                <a href="https://www.taktikhane.com" target="_blank" class="detail-link">
                                    PROJE DETAYI
                                </a>
                            </div>
                        </div>
                        <div class="content-right">
                            <div class="logo">
                                <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//taktik-hane-logo.png" style="max-width:150px" >
                            </div>
                            <div class="social">
                                <h6>PROJEYİ BEĞENDİNİZ Mİ?</h6>
                                <ul class="social-list">
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-facebook-f"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-twitter"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-instagram"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-linkedin-in"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="project-list-item">
                <div class="item-left">
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//burda-cekici-screen-image.jpg" >
                </div>
                <div class="item-right">
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//burda-cekici-background_image.jpg" >
                    <div class="content">
                        <div class="content-left">
                            <ul class="features">
                                                                                                    <li>web tasarım</li>
                                                                    <li>web yazılım</li>
                                                                    <li>seo</li>
                                                            </ul>

                            <div class="bottom">
                                <a href="https://www.burdacekici.com" target="_blank" class="web-link">
                                    burdacekici.com                                </a>
                                                                <a href="https://www.burdacekici.com" target="_blank" class="detail-link">
                                    PROJE DETAYI
                                </a>
                            </div>
                        </div>
                        <div class="content-right">
                            <div class="logo">
                                <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//burda-cekici-logo.png" style="max-width:150px" >
                            </div>
                            <div class="social">
                                <h6>PROJEYİ BEĞENDİNİZ Mİ?</h6>
                                <ul class="social-list">
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-facebook-f"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-twitter"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-instagram"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-linkedin-in"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="project-list-item">
                <div class="item-left">
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//eurovending-screen-image.jpg" >
                </div>
                <div class="item-right">
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//eurovending-background_image.jpg" >
                    <div class="content">
                        <div class="content-left">
                            <ul class="features">
                                                                                                    <li>web tasarım</li>
                                                                    <li>web yazılım</li>
                                                                    <li>çoklu dil</li>
                                                            </ul>

                            <div class="bottom">
                                <a href="https://www.eurovending.eu" target="_blank" class="web-link">
                                    eurovending.eu                                </a>
                                                                <a href="https://www.eurovending.eu" target="_blank" class="detail-link">
                                    PROJE DETAYI
                                </a>
                            </div>
                        </div>
                        <div class="content-right">
                            <div class="logo">
                                <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//eurovending-logo.png" style="max-width:150px" >
                            </div>
                            <div class="social">
                                <h6>PROJEYİ BEĞENDİNİZ Mİ?</h6>
                                <ul class="social-list">
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-facebook-f"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-twitter"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-instagram"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-linkedin-in"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="project-list-item">
                <div class="item-left">
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//vega-dedektif-screen-image_2.jpg" >
                </div>
                <div class="item-right">
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//vega-dedektif-background-image.jpg" >
                    <div class="content">
                        <div class="content-left">
                            <ul class="features">
                                                                                                    <li>web tasarım</li>
                                                                    <li>web yazılım</li>
                                                                    <li>seo</li>
                                                            </ul>

                            <div class="bottom">
                                <a href="https://vegadedektif.com" target="_blank" class="web-link">
                                    vegadedektif.com                                </a>
                                                                <a href="https://vegadedektif.com" target="_blank" class="detail-link">
                                    PROJE DETAYI
                                </a>
                            </div>
                        </div>
                        <div class="content-right">
                            <div class="logo">
                                <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//vega-dedektif-logo.png" style="max-width:150px" >
                            </div>
                            <div class="social">
                                <h6>PROJEYİ BEĞENDİNİZ Mİ?</h6>
                                <ul class="social-list">
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-facebook-f"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-twitter"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-instagram"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-linkedin-in"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="project-list-item">
                <div class="item-left">
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//okur-legal-screen-image_1.jpg" >
                </div>
                <div class="item-right">
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//okur-legal-background_image.jpg" >
                    <div class="content">
                        <div class="content-left">
                            <ul class="features">
                                                                                                    <li>web tasarım</li>
                                                                    <li>web yazılım</li>
                                                                    <li>yönetim paneli</li>
                                                            </ul>

                            <div class="bottom">
                                <a href="https://www.okurlegal.com.tr" target="_blank" class="web-link">
                                    okurlegal.com.tr                                </a>
                                                                <a href="https://www.okurlegal.com.tr" target="_blank" class="detail-link">
                                    PROJE DETAYI
                                </a>
                            </div>
                        </div>
                        <div class="content-right">
                            <div class="logo">
                                <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//okur-legal-logo.png" style="max-width:150px" >
                            </div>
                            <div class="social">
                                <h6>PROJEYİ BEĞENDİNİZ Mİ?</h6>
                                <ul class="social-list">
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-facebook-f"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-twitter"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-instagram"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-linkedin-in"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="project-list-item">
                <div class="item-left">
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//istanbul-shuttlet-travel-screen-image.jpg" >
                </div>
                <div class="item-right">
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//istanbul-shuttlet-travel-background_image.jpg" >
                    <div class="content">
                        <div class="content-left">
                            <ul class="features">
                                                                                                    <li>web tasarım</li>
                                                                    <li>web yazılım</li>
                                                                    <li>rezervasyon sistemi</li>
                                                            </ul>

                            <div class="bottom">
                                <a href="https://www.istanbulshuttletravel.com" target="_blank" class="web-link">
                                    istanbulshuttletravel.com                                </a>
                                                                <a href="https://www.istanbulshuttletravel.com" target="_blank" class="detail-link">
                                    PROJE DETAYI
                                </a>
                            </div>
                        </div>
                        <div class="content-right">
                            <div class="logo">
                                <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//istanbul-shuttlet-travel-logo.png" style="max-width:150px" >
                            </div>
                            <div class="social">
                                <h6>PROJEYİ BEĞENDİNİZ Mİ?</h6>
                                <ul class="social-list">
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-facebook-f"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-twitter"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-instagram"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-linkedin-in"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="project-list-item">
                <div class="item-left">
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//eceabat-taksi-screen-image.jpg" >
                </div>
                <div class="item-right">
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//eceabat-taksi-background-image.jpg" >
                    <div class="content">
                        <div class="content-left">
                            <ul class="features">
                                                                                                    <li>web tasarım</li>
                                                                    <li>web yazılım</li>
                                                                    <li>seo</li>
                                                            </ul>

                            <div class="bottom">
                                <a href="https://eceabattaksi.com" target="_blank" class="web-link">
                                    eceabattaksi.com                                </a>
                                                                <a href="https://eceabattaksi.com" target="_blank" class="detail-link">
                                    PROJE DETAYI
                                </a>
                            </div>
                        </div>
                        <div class="content-right">
                            <div class="logo">
                                <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//eceabat-taksi-logo.png" style="max-width:150px" >
                            </div>
                            <div class="social">
                                <h6>PROJEYİ BEĞENDİNİZ Mİ?</h6>
                                <ul class="social-list">
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-facebook-f"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-twitter"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-instagram"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-linkedin-in"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="project-list-item">
                <div class="item-left">
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//aymet-home-screen-image.jpg" >
                </div>
                <div class="item-right">
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//aymet-home-background_image.jpg" >
                    <div class="content">
                        <div class="content-left">
                            <ul class="features">
                                                                                                    <li>web tasarım</li>
                                                                    <li>web yazılım</li>
                                                                    <li>CRM yazılım</li>
                                                            </ul>

                            <div class="bottom">
                                <a href="https://www.aymethome.com" target="_blank" class="web-link">
                                    aymethome.com                                </a>
                                                                <a href="https://www.aymethome.com" target="_blank" class="detail-link">
                                    PROJE DETAYI
                                </a>
                            </div>
                        </div>
                        <div class="content-right">
                            <div class="logo">
                                <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//aymet-home-logo.png" style="max-width:150px" >
                            </div>
                            <div class="social">
                                <h6>PROJEYİ BEĞENDİNİZ Mİ?</h6>
                                <ul class="social-list">
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-facebook-f"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-twitter"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-instagram"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-linkedin-in"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="project-list-item">
                <div class="item-left">
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//prefabrik-dunyasi-screen-image.jpg" >
                </div>
                <div class="item-right">
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//prefabrik-dunyasi-background_image.jpg" >
                    <div class="content">
                        <div class="content-left">
                            <ul class="features">
                                                                                                    <li>web tasarım</li>
                                                                    <li>web yazılım</li>
                                                                    <li>google seo</li>
                                                            </ul>

                            <div class="bottom">
                                <a href="https://www.prefabrikdunyasi.com.tr" target="_blank" class="web-link">
                                    prefabrikdunyasi.com.tr                                </a>
                                                                <a href="https://www.prefabrikdunyasi.com.tr" target="_blank" class="detail-link">
                                    PROJE DETAYI
                                </a>
                            </div>
                        </div>
                        <div class="content-right">
                            <div class="logo">
                                <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//prefabrik-dunyasi-logo.png" style="max-width:150px" >
                            </div>
                            <div class="social">
                                <h6>PROJEYİ BEĞENDİNİZ Mİ?</h6>
                                <ul class="social-list">
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-facebook-f"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-twitter"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-instagram"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-linkedin-in"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="project-list-item">
                <div class="item-left">
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//en-yakin-lastikciniz-screen-image.jpg" >
                </div>
                <div class="item-right">
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//en-yakin-lastikciniz-background_image.jpg" >
                    <div class="content">
                        <div class="content-left">
                            <ul class="features">
                                                                                                    <li>web tasarım</li>
                                                                    <li>web yazılım</li>
                                                                    <li>google reklam</li>
                                                            </ul>

                            <div class="bottom">
                                <a href="https://enyakinlastikciniz.net" target="_blank" class="web-link">
                                    enyakinlastikciniz.net                                </a>
                                                                <a href="https://enyakinlastikciniz.net" target="_blank" class="detail-link">
                                    PROJE DETAYI
                                </a>
                            </div>
                        </div>
                        <div class="content-right">
                            <div class="logo">
                                <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//en-yakin-lastikciniz-logo.png" style="max-width:150px" >
                            </div>
                            <div class="social">
                                <h6>PROJEYİ BEĞENDİNİZ Mİ?</h6>
                                <ul class="social-list">
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-facebook-f"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-twitter"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-instagram"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-linkedin-in"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="project-list-item">
                <div class="item-left">
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//dizayn-park-screen-image.jpg" >
                </div>
                <div class="item-right">
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//dizayn-park-background_image.jpg" >
                    <div class="content">
                        <div class="content-left">
                            <ul class="features">
                                                                                                    <li>web tasarım</li>
                                                                    <li>web yazılım</li>
                                                                    <li>e-ticaret</li>
                                                            </ul>

                            <div class="bottom">
                                <a href="https://dizaynpark.com.tr" target="_blank" class="web-link">
                                    dizaynpark.com.tr                                </a>
                                                                <a href="https://dizaynpark.com.tr" target="_blank" class="detail-link">
                                    PROJE DETAYI
                                </a>
                            </div>
                        </div>
                        <div class="content-right">
                            <div class="logo">
                                <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//dizayn-park-logo.png" style="max-width:150px" >
                            </div>
                            <div class="social">
                                <h6>PROJEYİ BEĞENDİNİZ Mİ?</h6>
                                <ul class="social-list">
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-facebook-f"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-twitter"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-instagram"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-linkedin-in"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="project-list-item">
                <div class="item-left">
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//pasa-nargile-screen-image.jpg" >
                </div>
                <div class="item-right">
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//pasa-nargile-background_image.jpg" >
                    <div class="content">
                        <div class="content-left">
                            <ul class="features">
                                                                                                    <li>web tasarım</li>
                                                                    <li>web yazılım</li>
                                                                    <li>e-ticaret</li>
                                                            </ul>

                            <div class="bottom">
                                <a href="https://paşanargile.com" target="_blank" class="web-link">
                                    paşanargile.com                                </a>
                                                                <a href="https://paşanargile.com" target="_blank" class="detail-link">
                                    PROJE DETAYI
                                </a>
                            </div>
                        </div>
                        <div class="content-right">
                            <div class="logo">
                                <img src="https://www.toprakmedya.com/app/assets/frontend/images/projects//pasa-nargile-logo.png" style="max-width:150px" >
                            </div>
                            <div class="social">
                                <h6>PROJEYİ BEĞENDİNİZ Mİ?</h6>
                                <ul class="social-list">
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-facebook-f"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-twitter"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-instagram"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/iletisim" target="_blank">
                                            <i class="lab la-linkedin-in"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
</div>


<script src="/app/assets/frontend/js/typewriter.js"></script>
<script>
    new Typewriter('#typewriter', {
        strings: ['İNTERNET SİTESİ', 'WEB TASARIM', 'WEB YAZILIM'],
        autoStart: true,
        loop: true
    });
</script>

<footer>
    <div class="container">
        <div class="row gy-4">
            <div class="col-lg-3 col-xl-4">
                <a href="/" class="logo">
                    <img src="https://www.toprakmedya.com/app/assets/frontend/images/logos/light_logo_2.svg" alt="Firmamızın kurumsal logosu" >
                </a>
                <div class="intro">
                    <small>Toprak Medya; İnternetin gücünü kullanarak işletmelere e-ticaret, web tasarım, SEO ve özel yazılım hizmetleri sunan 9 yıllık tecrübeye sahip bir yazılım şirketidir. Müşterilerimize en kaliteli çözümleri sunmayı hedefleyen firmamız, sektördeki gelişmeleri yakından takip ederek yenilikçi ve özgün projeler üretmektedir. Tüm hakları saklıdır.</small>
                </div>
                <ul class="social-media-links">
                <li>
                    <a href="https://www.facebook.com" target="_blank"><i class="lab la-facebook"></i></a>
                    <a href="https://www.instagram.com" target="_blank"><i class="lab la-instagram"></i></a>
                    <a href="https://www.twitter.com" target="_blank"><i class="lab la-twitter"></i></a>
                    <a href="https://wa.me/905324040324" target="_blank"><i class="lab la-whatsapp"></i></a>
                    <a href="https://www.youtube.com" target="_blank"><i class="lab la-youtube"></i></a>
                    <a href="https://www.linkedin.com" target="_blank"><i class="lab la-linkedin"></i></a>
                    <a href="mailto:inco@toprakmedya.com" target="_blank"><i class="las la-envelope"></i></a>
                </li>

                </ul>
            </div>
            <div class="col-lg-8 offset-lg-1 col-xl-7 offset-xl-1">
                <div class="row gy-4">
                    <div class="col-6 col-md-3">
                        <div class="column-heading">toprakmedya</div>
                        <div class="column-menu">
                            <a href="/kvkk-aydinlatma-metni">KVKK Aydınlatma Metni</a>
                            <a href="/cerez-politikasi">Çerez Politikası</a>
                            <a href="/hakkimizda">Hakkımızda</a>
                            <a href="/blog">Blog</a>
                            <a href="/iletisim">İletişim</a>
                        </div>
                    </div>
                    <div class="col-6 col-md-3">
                        <div class="column-heading">Neler Yaparız?</div>
                        <div class="column-menu">
                            <a href="/hizmetlerimiz/internet-sitesi">İnternet Sitesi</a>
                            <a href="/hizmetlerimiz/google-reklam">Google Reklam</a>
                            <a href="/hizmetlerimiz/web-tasarim">Web Tasarım</a>
                            <a href="/hizmetlerimiz/e-ticaret">E-Ticaret</a>
                            <a href="/hizmetlerimiz/google-seo">Google SEO</a>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="column-heading">Proje başarıyla gerçekleştiriliyor</div>
                        <div class="column-menu">
                            <small>Hayallerinizi somutlaştırıyoruz, umutlarınızı gerçeğe çeviriyoruz, somut başarılar sunuyoruz.</small>

                            <div class="actions">
                                <a href="tel:://+905324040324" class="action style-1 login">
                                    <span class="action-icon">
                                        <i class="las la-phone"></i>
                                    </span>
                                    <span class="action-label">
                                        hemen ara
                                    </span>
                                </a>
                                <a href="/teklif-formu" class="action style-2 offer">
                                    <span class="action-icon">
                                        <i class="las la-envelope-open"></i>
                                    </span>
                                    <span class="action-label">
                                       teklif formu
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>

<script src="/app/assets/frontend/js/toprakmedya.js?v=2"></script>
</body>
</html>