{% extends "base.html" %}

{% block head %}
{{ super() }}
{% endblock %}

{% block styles %}
{{ super() }}
    <link href="/static/css/simple-slideshow-styles.css" type="text/css" rel="stylesheet" media="screen">
    <style>
    body {
        background-image: url('/static/images/cloudsbg.jpeg'); 
    }

    .panel-transparent {
        background: none;
    }

    .panel-transparent .panel-heading {
        background: rgb(255, 255, 255); /* fallback */
        background: rgba(255, 255, 255, 0.7)!important;
    }

    .panel-transparent .panel-body{
        background: rgb(255, 255, 255); /* fallback */
        background: rgba(255, 255, 255, 0.7)!important;
    }
    </style>
{% endblock %}

{% block scripts %}
{{ super() }}
    <script type="text/javascript" src="/static/js/_better-simple-slideshow.js" charset="UTF-8"></script>
    <script type="text/javascript">
    var opts = {
        auto : {
            speed : 6000, 
            pauseOnHover : false
        },
        fullScreen : false, 
        swipe : false
    };
    makeBSS('.bss-slides', opts);
    </script>

    <script type="text/javascript">    
    $(document).ready(function() {
        $('#newsmenu').load('https://www.datapoint.bg/news/latest');
    });
    </script>
    <script type="text/javascript">
    $(document).ready(function() {
        $('#livesupport').load('https://www.datapoint.bg/kiwi/');
    });
    </script>
{% endblock %}


{% block page_content %}
    <!-- 
    <div class="row">
      <img src="/static/slideshow/robot.png" class="img-responsive"></img>
    </div>
    -->
<div class="row">
  <div class="col-md-12">
  <div class="panel panel-primary panel-transparent">
  <div class="panel-body">
    <img src="../../static/images/srv.png" width="100%" />
<!--
    <div class="bss-slides">
    <figure>
    </figure>
    <figure>
    </figure>
    </div>
-->
  </div>
  </div>
  </div>
</div>


{% for server in servers %}
<div class="row">
  <div class="col-md-12">
  <div class="panel panel-primary panel-transparent">
  <div class="panel-body">
    <div class="col-md-8">
      <img src="../../static/images/server.png" width="80%"><br /><br />
      <a href="/chat"><button type="button" class="btn btn-lg btn-success">Order VPS</button></a>
    </div>
    <div class="col-md-4">
      Alias: <b>{{ server.name }}</b><br />
      Processor: <b>{{ server.cpu }}</b><br />
      Memory: <b>{{ server.mem }}</b><br />
      Storage: <b>{{ server.hdd }}</b><br />
    </div>
  </div>
  </div>
  </div>
</div>
{% endfor %}

<div class="container-fluid-index">
 <div class="row">
  <div class="col-md-6">
     <div class="panel panel-primary panel-transparent">
     <div class="panel-body">
      <img src="../../static/images/VPS-equipment.png" width="128" height="128" />
      <h2 class="media-heading">Оборудване</h2>
      <p>Благодарение на внедрените нови технологии ние предлагаме изчислителна мощ, надеждно съхранение на данни и гъвкаво разпределение на ресурсите. Предвиждаме възможности нашата система да бъде неразделна част от текущата ви инфраструктура.</p>
     </div>
     </div>

     <div class="panel panel-primary panel-transparent">
     <div class="panel-body">
      <img src="../../static/images/VPS-Support.png" width="128" height="128" />
      <h2 class="media-heading">Поддръжка</h2>
      <p>Ще Ви помогнем във всички неприятни ситуации, по всяко време. </p>
      <a href="/chat"><button type="button" class="btn btn-lg btn-success">Support</button></a>
     </div>
     </div>
  </div>

  <div class="col-md-6">
    <div class="panel panel-primary panel-transparent">
    <div class="panel-body">
      <img src="../../static/images/VPS-Mission.png" width="128" height="128" />
      <h2 class="media-heading">Мисия</h2>
      <p>Желанието ни е да предоставим елегантна платформа за управление на изчислителни процеси, която цели да бъде използваема от всеки, а не само от тесен кръг специалисти, без да се прави компромис със качеството и възможностите й.</p>
    </div>
    </div>
 
 
    <div class="panel panel-primary panel-transparent">
    <div class="panel-body">
      <img src="../../static/images/VPS-Security.png" width="128" height="128" />
      <h2 class="media-heading">Сигурност и надеждност</h2>
      <p>Системата включва контрол и наблюдение на Вашите процеси в реално време и е обезпечена от най-големите български доставчици на интернет свързаност.</p>
    </div>
    </div>
  </div>
 </div>
</div>


{% endblock %}

{% block footer %}
{% include "main/footer_index.html" %}
{% include "main/footer_colored.html" %}
{% endblock %}