<!DOCTYPE html>
<html lang="tr">
<head>
  <base href="{{ site['url'] }}/">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>BuyDigital - Price List</title>
  <meta name="keywords" content="{{ site['keywords'] }}">
  <meta name="description" content="{{ site['description'] }}">
  {% if site['favicon'] %}
    <link rel="shortcut icon" type="image/ico" href="{{ site['favicon'] }}" />
  {% endif %}
  <script src="https://kit.fontawesome.com/60c6697066.js"></script>
  

  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->


  <!---Font Icon-->
  <link href="/assets/dis/yeni/css/themify-icons.css" rel="stylesheet">
  <!-- / -->

  <!-- Plugin CSS -->
  <link href="/assets/dis/yeni/css/bootstrap.min.css" rel="stylesheet">
  <link href="/assets/dis/yeni/css/owl.carousel.min.css" rel="stylesheet">
  <link href="/assets/dis/yeni/css/magnific-popup.css" rel="stylesheet">

  <!-- / -->

  <!-- Theme Style -->
  <link href="/assets/dis/yeni/css/styles.css" rel="stylesheet">
  <link href="/assets/dis/yeni/css/default.css" rel="stylesheet" id="color_theme">
  <link href="static/plugin/themify-icons/themify-icons.css" rel="stylesheet">
  <!-- / -->
  
  

  <!-- / -->
</head>

<!-- Body Start -->
<body data-spy="scroll" data-target="#navbar" data-offset="98">



<!-- Header -->
<header>
  <nav class="navbar header-nav fixed-top navbar-expand-lg">
    <div class="container">
      <!-- Brand -->
      <a class="navbar-brand" href="">{{ settings['site_name']  }}</a>
      <!-- / -->

      <!-- Mobile Toggle -->
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
        <span></span>
        <span></span>
        <span></span>
      </button>
      <!-- / -->

      <!-- Top Menu -->
      <div class="collapse navbar-collapse justify-content-end" id="navbar">
        <ul class="navbar-nav ml-auto">

            <li><a class="nav-link" href="service" >Price List</a></li>
            <li><a class="nav-link" href="signup" >Register</a></li>
            <li><a class="nav-link nav-link-btn theme-bg" href="giris"></i> Login</a></li>
            
        </ul>
      </div>
      <!-- / -->

    </div><!-- Container -->
  </nav> <!-- Navbar -->
</header>
<!-- Header End -->

<div class="bosluk">
<div class="container">
  <div class="row">
      

 
        {% if site['service_speed'] == 2 %}

          <div class="top justify-content-center text-center">
            <span class="list">
              <span class="">
              <span style="color: #f24236;font-weight: 500; font-size:10px;" class="fa fa-arrow-down"></span>
              <span style="color: #f24236;font-weight: 500; font-size:10px;">: {{ lang['services.speed.veryslow'] }}</span></span>
              <span class="ml-4x">
              <span style="color: #fe6d86;font-weight: 500; font-size:10px;" class="fa fa-arrow-down"></span>
              <span style="color: #fe6d86;font-weight: 500; font-size:10px;">: {{ lang['services.speed.slow'] }}</span></span>
              <span class="ml-4x">
              <span style="color: #5696c9;font-weight: 500; font-size:10px;" class="fa fa-compress"></span>
              <span style="color: #5696c9;font-weight: 500; font-size:10px;">: {{ lang['services.speed.normal'] }}</span></span>
              <span class="ml-4x">
              <span style="color: #0dd887;font-weight: 500; font-size:10px;" class="fa fa-arrow-up"></span>
              <span style="color: #0dd887;font-weight: 500; font-size:10px;">: {{ lang['services.speed.fast'] }}</span></span>
            </span>
          </div><br>
 
        {% endif %}
    



<div class="col-lg-12">
    <div class="card">
      	 <div class="servisbilgi">
           <div class="scroll">
       

      <div class="container">
<table class="table  results" data-vertable="Type1">
<thead>
          <tr>
            <th>{{ lang['services.id'] }}</th>
            <th class="width-service-name">{{ lang['services.name'] }}</th>
            <th class="nowrap">{{ lang['services.price'] }}</th>
            <th class="nowrap">{{ lang['services.min'] }}</th>
            <th class="nowrap">{{ lang['services.max'] }}</th>
          </tr>
          </thead>
          <tbody>
              {% for category in serviceCategory %}
                <tr style="background-color:#454545;">
              <td colspan="6" style="color:#ffffff;"><strong><i class="fa fa-{{ category["category_icon"] }}"></i> {{ category["category_name"] }} </strong></td>
                </tr>
                {% for service in category['services'] %}
                  <tr>
                    <td>{{ service["service_id"] }}</td>
                    <td>{{ service["service_name"] }}</td>
                    <td>
                      {{ service["service_price"] }}
                    </td>
                    <td>{{ service["service_min"] }}</td>
                    <td>{{ service["service_max"] }}</td>
                  </tr>
                {% endfor %}
              {% endfor %}

          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>      </div>
    </div>
  </div>
</div>

<!-- Footer Start -->
<footer class="footer">
  <section class="footer-section">
      <div class="container">
        <div class="row">
          <div class="col-md-12 col-lg-6 sm-m-15px-tb md-m-30px-b">

        </div> <!-- col -->


      </div>
     <div class="col-12">

        <center style="color:white;"><b><i class="fa fa-cog"></i> Tüm genel sorun için detay : </b> <a style="color:white;" href="mailto:destek@aboneci.online">destek@turkpanelim.com</a> | +90 535 868 4247</center>
      </div>
      <div class="footer-copy">
        <div class="row">
          <div class="col-12">
            <p>BuyDigital © Copyright 2020</p>
          </div><!-- col -->
        </div> <!-- row -->
      </div> <!-- footer-copy -->

    </div> <!-- container -->
  </section>
</footer>
<style>
    
    @media (max-width: 700px) {
    .md1 {
      width: auto;
      padding: 8px 15px;
    }
    .col-md-2.p7 {
      width: max-content;
    }
    .scroll {
    width: auto;
    display: inline-flex;
}
.servisbilgi {
  width: 100%;
  overflow-x: scroll;
  }
  .scroll ul.nav.nav-pills {
    width: 852px;
    display: block;
}
  .scroll ul.nav.nav-tabs {
    width: 300px;
}
}.api .servisbilgi {
    text-align: left;
}

.servisbilgi {
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
.card {
  color: #454545;
    min-height: 20px;
    transition: 0.4s;
    padding: 25px;
    text-shadow: none;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 35px #00000000;
    box-shadow: 0px 2px 20px #00000000;
    
}
</style>
<!-- / -->
<div id="counter" style="display:none;"><img src="https://whos.amung.us/widget/nrucel.png"></div><!-- jQuery -->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="/assets/dis/yeni/js/jquery-3.2.1.min.js"></script>
<script src="/assets/dis/yeni/js/jquery-migrate-3.0.0.min.js"></script>

<!-- Plugins -->
<script src="/assets/dis/yeni/js/popper.min.js"></script>
<script src="/assets/dis/yeni/js/bootstrap.min.js"></script>
<script src="/assets/dis/yeni/js/owl.carousel.min.js"></script>
<script src="/assets/dis/yeni/js/jquery.magnific-popup.min.js"></script>
<script src="/assets/dis/yeni/js/particles.min.js"></script>
<script src="/assets/dis/yeni/js/particles-app.js"></script>

<!-- custom -->
<script src="/assets/dis/yeni/js/custom.js"></script>
</body>
<!-- Body End -->


</html>