<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <?php if (@$meta) : ?>
        <title><?php if ($meta['title']) : ?><?= $meta['title'] ?><?php else : ?>{PAGE_TITLE} | {SITE_TITLE}<?php endif; ?></title>
        <meta name="description" content="<?php if ($meta['desc']) : ?><?= $meta['desc'] ?><?php else : ?>{SITE_DESC}<?php endif; ?>" />
        <meta name="keywords" content="<?php if ($meta['keyw']) : ?><?= $meta['keyw'] ?><?php else : ?>{SITE_KEYW}<?php endif; ?>" />
    <?php else : ?>
        <title>{PAGE_TITLE} | {SITE_TITLE}</title>
        <meta name="description" content="{SITE_DESC}" />
        <meta name="keywords" content="{SITE_KEYW}" />
    <?php endif; ?>
    <!-- favicon -->
    <link rel="shortcut icon" href="{SITE_FAVO}" />
    <!-- animate -->
    <link rel="stylesheet" href="<?= theme("assets/css/animate.css"); ?>?v=<?= time() ?>">
    <!-- bootstrap -->
    <link rel="stylesheet" href="<?= theme("assets/css/bootstrap.min.css"); ?>?v=<?= time() ?>">
    <!-- magnific popup -->
    <link rel="stylesheet" href="<?= theme("assets/css/magnific-popup.css"); ?>?v=<?= time() ?>">
    <!-- owl carousel -->
    <link rel="stylesheet" href="<?= theme("assets/css/owl.carousel.min.css"); ?>?v=<?= time() ?>">
    <!-- fontawesome -->
    <link rel="stylesheet" href="<?= theme("assets/css/font-awesome.min.css"); ?>?v=<?= time() ?>">
    <!-- flaticon -->
    <link rel="stylesheet" href="<?= theme("assets/css/flaticon.css"); ?>?v=<?= time() ?>">
    <!-- Hover CSS -->
    <link rel="stylesheet" href="<?= theme("assets/css/hover-min.css"); ?>?v=<?= time() ?>">
    <!-- Main Stylesheet -->
    <link rel="stylesheet" href="<?= theme("assets/css/style.css"); ?>?v=<?= time() ?>">
    <!-- responsive Stylesheet -->
    <link rel="stylesheet" href="<?= theme("assets/css/responsive.css"); ?>?v=<?= time() ?>">

    <link rel="stylesheet" href="<?= public_url("system/css/alertify.css"); ?>">

    <script src="https://www.google.com/recaptcha/api.js" async defer></script>

    <?= htmlspecialchars_decode($settings['header_code']); ?>



    <script type="text/javascript">
        var _url = "{LINK_POST}";
    </script>


</head>

<body>

    <!-- back to top area start -->
    <div class="back-to-top">
        <span class="back-top"><i class="fa fa-angle-up"></i></span>
    </div>
    <!-- back to top area end -->


    <div class="header-style-01">
        <!-- support bar area end -->
        <nav class="navbar navbar-area navbar-expand-lg nav-style-02">
            <div class="container nav-container startup-nav">
                <div class="responsive-mobile-menu">
                    <div class="logo-wrapper">
                        <a href="<?= site(); ?>" class="logo">
                            <img src="{SITE_LOGO}" alt="">
                        </a>
                    </div>
                    <button class="navbar-toggler" type="button" onclick="MenuToggle()">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    <style>
                        @media only screen and (max-width: 991px) {
                            .navbar-area.nav-style-02 .nav-container .nav-right-content {
                                background: #fff;
                                border-radius: 5px;
                            }

                            .navbar-area .nav-container .nav-right-content .btn-wrapper {
                                margin-left: 0 !important
                            }

                            .navbar-area.nav-style-02 .nav-container.startup-nav .nav-right-content .btn-wrapper .boxed-btn {
                                color: #2023b0;
                                margin-left: 0 !important
                            }

                            .btn-wrapper .boxed-btn.btn-startup.blank {
                                border: none !important;
                                border-bottom: 1px solid #f7f7f7;
                                width: 100%;
                            }
                        }
                    </style>
                </div>
                <div class="nav-right-content">
                    <div class="btn-wrapper">
                        <?php foreach ($mainmenus as $row) : if ($row['menu_type'] == 2) : ?>
                                <a href="<?= isset($siteLinks[$row['menu_link']]['url']) ? $siteLinks[$row['menu_link']]['url'] : $row['menu_link'] ?>" class="boxed-btn btn-startup blank"><i class="<?= $row['menu_icon'] ?>"></i> <?= $row['menu_title'] ?></a>
                        <?php endif;
                        endforeach; ?>
                    </div>
                </div>
        </nav>
        <!-- navbar area end -->
    </div>
    <div class="header-area header-startup header-bg" style="background-image:url(<?= theme("assets/img/header-slider/startup/bg.png"); ?>);">
        <div class="startup-bg-img wow animate__animated animate__zoomIn" data-parallax='{"x": 220, "y": 150}' style="background-image:url(<?= theme("assets/img/header-slider/startup/01.png"); ?>"></div>
        <div class="shape"></div>
        <div class="shape-02"></div>
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="header-inner">
                        <!-- header inner -->
                        <span style="font-weight:bold;"> Türkiye'nin En <br>Gelişmiş SMM Paneli </span>
                        <form id="login" onsubmit="return false;">
                            <div class="header-form-area">
                                <div class="form-group">
                                    <label for="username" class="control-label text-light" style="font-weight:bold;"><i class="fas fa-user"></i> Kullanıcı adı</label>
                                    <input type="text" class="form-control" name="username">
                                </div>
                                <div class="form-group">
                                    <label for="password" class="control-label text-light" style="font-weight:bold;"><i class="fas fa-lock"></i> Parola</label>
                                    <input type="password" class="form-control" name="password">
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="benihatirla" id="benihatirlacb">
                                    <label class="form-check-label" for="benihatirlacb">
                                        Oturumu açık tut
                                    </label>
                                </div>

                                {reCAPTCHA}
                                <label><a href="{LINK_FORGOT_PASSWORD}" class=" text-light"><i class="fas fa-key"></i> {LOGIN_FORM_FORGOT_PASSWORD}</a></label>
                                <div class="form-group">
                                    <button type="submit" class="submit-btn w100">{LOGIN_SUBMIT}</button>
                                </div>
                            </div>
                        </form>
                    </div>
                    <!-- //.header inner -->
                </div>
            </div>
        </div>
    </div>
    <!-- Build Your Following -->
    <div id="idea" class="build-area mt-50">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="section-title desktop-center margin-bottom-55">
                        <h3 class="title social-title"><strong>{SITE_TITLE}</strong> Nasıl Çalışır?</h3>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-6">
                    <div class="single-everything-item">
                        <div class="icon">
                            <i class="fas fa-sign-in-alt"></i>
                        </div>
                        <div class="content">
                            <h3 class="title">Kayıt Olun</h3>
                            <p>Sisteme hızlıca kayıt olun ve giriş yapın.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="single-everything-item">
                        <div class="icon style-01">
                            <i class="fas fa-wallet"></i>
                        </div>
                        <div class="content">
                            <h3 class="title">Bakiye Yükleyin</h3>
                            <p>Hesabınıza güvenli bir şekilde bakiye yükleyin.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="single-everything-item">
                        <div class="icon style-02">
                            <i class="fas fa-archive"></i>
                        </div>
                        <div class="content">
                            <h3 class="title">Sipariş Verin</h3>
                            <p>İhtiyacınız olan servisi seçip sipariş verin.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Destination Us -->
    <div id="overview" class="create-content-area padding-bottom-90 padding-top-75">
        <div class="container">
            <div class="row">
                <div class="col-lg-7">
                    <div class="trip-img wow animate__animated animate__backInUp bg-image" style="background-image: url(<?= theme("assets/img/bg/startup/01.png"); ?>"></div>
                </div>
                <div class="col-xl-4 offset-xl-1 col-lg-5">
                    <div class="create-content-wrap">
                        <div class="section-title startup padding-bottom-25">
                            <h6 class="title">Tüm Sosyal Medya Hizmetleri Bir Yerde</h6>
                            <ul class="content">
                                <li><i aria-hidden="true" class="fas fa-check"></i>Instagram Hizmetleri</li>
                                <li><i aria-hidden="true" class="fas fa-check"></i>Facebook Hizmetleri</li>
                                <li><i aria-hidden="true" class="fas fa-check"></i>YouTube Hizmetleri</li>
                                <li><i aria-hidden="true" class="fas fa-check"></i>Twitter Hizmetleri</li>
                                <li><i aria-hidden="true" class="fas fa-check"></i>TikTok Hizmetleri</li>
                                <li><i aria-hidden="true" class="fas fa-check"></i>Twitch Hizmetleri</li>
                                <li><i aria-hidden="true" class="fas fa-check"></i>Spotify Hizmetleri</li><br>
                                <li>ve çok daha fazlası...</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Create Content-->
    <div class="create-content-area padding-bottom-110">
        <div class="container">
            <div class="row">
                <div class="col-xl-4 col-lg-6">
                    <div class="create-content-wrap">
                        <div class="section-title startup padding-bottom-25">
                            <h4 class="title">Üyeliğinizi hemen başlatın</h4>
                            <p>1 Dakikadan daha kısa bir sürede üyeliğinizi başlatarak hizmetlerimizden yararlanır.</p>
                            <div class="btn-wrapper padding-top-30">
                                <a href="/register" class="btn-startup boxed-btn reverse-color">Ücretsiz Kayıt Ol</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-6 offset-xl-2 col-lg-6">
                    <div class="trip-img wow animate__animated animate__backInDown bg-image" style="background-image: url(<?= theme("assets/img/register/01.png"); ?>"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- offer item area -->
    <div class="offer-item-area">
        <div class="container">
            <div class="offer-item-wrap m-bottom">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="offer-single-item">
                            <div class="icon">
                                <i class="flaticon-padlock-2"></i>
                            </div>
                            <div class="content">
                                <h4 class="title">
                                    <a href="">Güvenilir</a>
                                </h4>
                                <p>Ödemeleriniz 256 Bit SSL Sertifikaları ile şifrelenerek alınır. Bu sayede tamamen güvenilir bir şekilde ödeme yapıp hizmetlerimizi değerlendirebilirsiniz.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="offer-single-item">
                            <div class="icon style-01">
                                <i class="flaticon-fast-delivery"></i>
                            </div>
                            <div class="content">
                                <h4 class="title">
                                    <a href="">Hızlı Servisler</a>
                                </h4>
                                <p>{SITE_TITLE} bünyesinde Hızlı, Kaliteli ve Uygun fiyatlı servisleri barındırır. Yüzlerce servis arasından istediğinizi seçip hizmet alabilirsiniz.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Offer section Area -->
    <div class="offer-area padding-bottom-120 padding-top-400 bg-image" style="background-image: url(<?= theme("assets/img/bg/startup/bg.png"); ?>">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-7">
                    <div class="section-title white startup desktop-center white">
                        <h3 class="title">{SITE_TITLE} | Güvenilir SMM Paneli</h3>
                        <div class="btn-wrapper margin-top-30">
                            <a href="/register" class="boxed-btn btn-startup">Kayıt Ol</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Frequently asked quetions -->
    <div class="frequently-area padding-bottom-70 mt-50">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-6">
                    <div class="section-title desktop-center margin-bottom-55">
                        <h3 class="title social-title">Sık Sorulan Sorular</h3>
                        <p>müşterilerimizin merak ettiği sorular</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-6">
                    <div class="faq-single-item">
                        <div class="content">
                            <h3 class="title">Hizmetler Ne Zaman Yüklenir?</h3>
                            <p>Verdiğiniz siparişler hizmetin yoğunluğuna bağlı olarak sistem tarafından otomatik olarak mümkün olan en kısa sürede gönderilir ve tamamlanır.
                            </p>
                        </div>
                    </div>
                    <div class="faq-single-item">
                        <div class="content">
                            <h3 class="title">Hizmet Yarım Tamamlanır İse Ne Olur?</h3>
                            <p>{SITE_TITLE} siparişlerinin tamamının tamamlanması için büyük çaba sarfeder ancak aksi bir durumda sipariş yarım tamamlanır veya tamamlanamaz ise kalan sipariş tutarının ücreti hesabınıza iade yapılır.</p>
                        </div>
                    </div>
                    <div class="faq-single-item">
                        <div class="content">
                            <h3 class="title">Hizmet İptal Edilir İse Ne Olur?</h3>
                            <p>Eğer sistemsel bir sorun yaşanır ve siparişiniz iptal edilir ise sipariş ücretinizin aynı şekilde hesabınıza geri iade edilir.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="faq-single-item">
                        <div class="content">
                            <h3 class="title">Neden <strong>{SITE_TITLE}</strong>?</h3>
                            <p>{SITE_TITLE} profesyonel destek ekibi ile birlikte size sürekli olarak en iyi hizmeti en uygun fiyatlara sunmak için çabalayan bir SMM Panelidir.
                            </p>
                        </div>
                    </div>
                    <div class="faq-single-item">
                        <div class="content">
                            <h3 class="title">Destek Hizmeti Mevcut mu?</h3>
                            <p>{SITE_TITLE} bütün hizmetleri için destek hizmeti sağlar. Her zaman {SITE_TITLE} Destek Ekibi ile iletişim kurup yardım isteyebilirsiniz.</p>
                        </div>
                    </div>
                    <div class="faq-single-item">
                        <div class="content">
                            <h3 class="title">{SITE_TITLE} Nedir?</h3>
                            <p>{SITE_TITLE} 7/24 tam otomatik olarak <strong>sosyal medya hizmetleri</strong> sunan profesyonel bir bayilik panelidir.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Call to action -->
    <div class="call-to-action-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="call-to-action-inner style-01">
                        <div class="bg-image" style="background-image: url(<?= theme("assets/img/call-to-action/01.png"); ?>"></div>
                        <h2 class="title">Bizimle Birlikte Para Kazanın</h2>
                        <p class="text-fb">{SITE_TITLE} ile referans sistemi sayesinde kazanç elde edebilirsiniz veya sitemizde ki hizmetleri müşterilerinize satarak kazanç elde edebilirsiniz.</p>
                        <div class="btn-wrapper">
                            <a href="/register" class="boxed-btn btn-startup">Kayıt Ol</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- footer area start -->
    <footer class="footer-area">
        <div class="footer-top style-02 padding-top-85 padding-bottom-50">
            <div class="container">
                <div class="row text-center">
                    <div class="col-lg-12">
                        <div class="footer-widget widget">
                            <div class="about_us_widget">
                                <a href="<?= site() ?>" class="footer-logo"> <img width="225" src="{SITE_DARKLOGO}" alt="{SITE_TITLE}"></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="copyright-area style-01">
            <div class="container">
                <div class="row text-center">
                    <div class="col-lg-12">
                        <div class="copyright-item" style="display:block;">
                            <div class="copyright-area-inner">
                                © Copyright 2020 <strong><a href="../">{SITE_TITLE}</a></strong> <i class="fas fa-heart" style="color:crimson;"></i> Bütün Hakları Saklıdır.
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- footer area end -->
    <style>
        .submit-btn:hover {
            cursor: pointer !important;
        }

        .header-area.header-startup .header-inner .header-form-area {
            margin-top: 30px;
            display: block;
            margin-bottom: 150px;
        }

        .form-group {
            margin-bottom: 5px !important;
        }

        .w100 {
            width: 100%;
        }
    </style>

    <!-- jquery -->
    <script src="<?= theme("assets/js/jquery-2.2.4.min.js"); ?>"></script>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <!-- bootstrap -->
    <script src="<?= theme("assets/js/bootstrap.min.js"); ?>"></script>
    <!-- magnific popup -->
    <script src="<?= theme("assets/js/jquery.magnific-popup.js"); ?>"></script>
    <!-- wow -->
    <script src="<?= theme("assets/js/wow.min.js"); ?>"></script>
    <!-- owl carousel -->
    <script src="<?= theme("assets/js/owl.carousel.min.js"); ?>"></script>
    <!-- waypoint -->
    <script src="<?= theme("assets/js/waypoints.min.js"); ?>"></script>
    <!-- counterup -->
    <script src="<?= theme("assets/js/jquery.counterup.min.js"); ?>"></script>
    <!-- Water effect -->
    <script src="<?= theme("assets/js/jquery.ripples-min.js"); ?>"></script>
    <!-- VanillaTilt effect -->
    <script src="<?= theme("assets/js/tilt.jquery.js"); ?>"></script>
    <!-- imageloaded -->
    <script src="<?= theme("assets/js/imagesloaded.pkgd.min.js"); ?>"></script>
    <!-- isotope -->
    <script src="<?= theme("assets/js/isotope.pkgd.min.js"); ?>"></script>
    <!-- parallax js -->
    <script src="<?= theme("assets/js/parallax.js"); ?>"></script>
    <!-- main js -->
    <script src="<?= theme("assets/js/main.js"); ?>"></script>

    <?= htmlspecialchars_decode($settings['footer_code']); ?>

    <script type="text/javascript">
        var messages = {
            UNKNOWN_ERROR: "{UNKNOWN_ERROR}",
            PROCESS_ERROR: "{PROCESS_ERROR}"
        };
    </script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/jquery.inputmask.bundle.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    <script src="<?= public_url("system/js/bootstrap-datepicker.min.js"); ?>"></script>
    <script src="<?= public_url("system/js/alertify.js"); ?>?v=<?= time() ?>"></script>
    <script src="<?= public_url("system/js/main.js"); ?>"></script>

    {INTEGRATIONS}
    <script>
        $("#phone").inputmask({
            "mask": "09999999999"
        });
    </script>
    <script>
        function MenuToggle() {
            $('.nav-right-content').toggleClass('d-block');
        }
    </script>

</body>

</html>