<!--                                                                                                                                                                                                                                  
                                                                                                                                                                                    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>Teklif Formu</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="robots" content="all">
    <meta name="google" content="notranslate">
        <meta property="og:locale" content="tr_TR"/>
    <meta property="og:title" content="Teklif Formu"/>
    <meta property="og:description" content=""/>
    <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>

<div class="container">
    <div class="page-heading">
        <div class="container">
            <ul class="breadcrumb">
                <li class="breadcrumb-item"><a class="link" href="/">Anasayfa</a></li>
                <li class="breadcrumb-item">Teklif Formu</li>
            </ul>
            <h1 class="title">Teklif Formu</h1>
        </div>
    </div>
        <link rel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
</div>

<section>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8" id="result">
                <p style="text-align: center">Lütfen tüm taleplerinizi detaylarıyla birlikte bildirerek sağlıklı bir teklif alınmasını sağlayın.</p>
                <form web-action="proposal" class="ui-proposal-form ajax-form" >
                <div id="result-contact-form"></div>     
                    <div class="row gy-4">
                        <div class="col-12">
                            <h4>İletişim Bilgileri</h4>
                            <hr>
                        </div>
                        <div class="col-lg-6"><input type="text" name="name" class="ui-form-control" placeholder="Ad Soyad*"></div>
                        <div class="col-lg-6"><input type="text" name="company" class="ui-form-control" placeholder="Firma Adı*"></div>
                        <div class="col-lg-6"><input type="email" name="email" class="ui-form-control" placeholder="E-Posta*"></div>
                        <div class="col-lg-6"><input type="tel" name="phone" class="ui-form-control" placeholder="Telefon*"></div>
                        <div class="col-12">
                            <h4>Proje Bilgileri</h4>
                            <hr>
                        </div>
                        <div class="col-lg-12">
                            <select name="service" class="ui-form-select">
                                <option value="Web Tasarım">Web Tasarım</option>
                                <option value="Web Yazılım">Web Yazılım</option>
                                <option value="Seo">Seo</option>
                                <option value="Diğer">Diğer</option>
                            </select>
                        </div>
                        <div class="col-lg-12">
                            <textarea name="message" class="ui-form-control" cols="30" rows="10" placeholder="Proje detayları*"></textarea>
                        </div>
                        <div class="col-12">
                            <button type="submit" class="ui-button">
                                <span class="ui-button-icon"> <i class="las la-paper-plane"></i></span>
                                <span class="ui-button-text">Gönder</span>
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>

<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>