{% extends "base.html" %}

{% block styles %}
{{ super() }}
    <link href="/static/css/simple-slideshow-styles.css" type="text/css" rel="stylesheet" media="screen">
{% endblock %}

{% block head %}
{{ super() }}
    <script type="text/javascript" src="/static/js/better-simple-slideshow.js" charset="UTF-8"></script>
<style>
    body {
        background-image: url('/static/images/cloudsbg.jpeg'); 
        background-repeat: no-repeat;
        background-attachment: fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
    }

    .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 %}
<script>
var opts = {
    auto : {
        speed : 6000, 
        pauseOnHover : false
    },
    fullScreen : false, 
    swipe : false
};
makeBSS('.bss-slides', opts);
</script>
{% endblock %}

{% block outside_container %}
{% endblock %}

{% block page_content %}
    <!-- 
    <div class="row">
      <img src="/static/slideshow/robot.png" class="img-responsive"></img>
    </div>
    -->
    <div class="row">
      <div class="bss-slides">
        <figure>
            <img src="/static/slideshow/robot.png" width="100%" />
        </figure>
        <figure>
            <img src="/static/slideshow/robot2.png" width="100%" />
        </figure>
      </div>  
    </div>

<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">Бърз приятелски support</h2>
      <p>Ще Ви помогнем във всички неприятни ситуации, по всяко време. Независимо от нивото на умения Ви. Ние сме винаги насреща за въпроси.</p>
    </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>

{% endblock %}