{% extends 'common.html' %}
{% load static %}
{% load crispy_forms_tags %}

{% block title %}Русские программы{% endblock title %}

{% block pre_content %}
    <div class="banner">
        <div class="container">
          <div class="banner__content">
            <img src="http://via.placeholder.com/1190x360" alt="Банер" class="img-responsive">
          </div>
        </div>
    </div>
{% endblock pre_content %}
{% block right_common_content %}
    <div class="col-lg-8 col-md-12">
          <div class="content">
            <div class="content__menu">
              <div class="row">
                <div class="col-5 d-flex justify-content-start align-items-center">
                  <button id="content__category-btn" class="content__menu-btn">Разделы сайта</button>
                </div>
                <div class="col-7 justify-content-center">
                  <div class="content__search">
                    <form action="">
                      <input type="text" placeholder="Поиск программы...">
                      <button class="content__search-btn">
                          <img src="{% static "img/search.svg" %}" alt="Поиск">
                      </button>
                    </form>
                  </div>
                </div>
              </div>
            </div>
            <div class="content__category">
              <ul class="content__category-list">
                <li><a href="#">Microsoft</a></li>
                <li><a href="#">Антивирусы</a></li>
                <li><a href="#">1C</a></li>
                <li><a href="#">Графика и видео</a></li>
                <li><a href="#">Проектирование</a></li>
                <li><a href="#">Офисные программы</a></li>
                <li><a href="#">Резервное копирование</a></li>
                <li><a href="#">Виртуализация</a></li>
              </ul>
            </div>
            <div class="content__banner align-items-center">
              <div class="banner__close">
                <button><img src="./img/close.svg" alt=""></button>
              </div>
              <div class="banner__info">
                <div class="banner__title">Узнать подробнее о бонусных баллах и заработке на приглашенных друзьях.
                </div>
                <div class="banner__btn">
                  <a href="#" class="banner__link">Узнать подробнее</a>
                </div>
              </div>
              <div class="banner__image"><img src="./img/coins.png" alt=""></div>
            </div>
            <div class="content__title">Выбор ПО по разработчику</div>
            <div class="selectPO">
              <div class="selectPO__list">
                <div class="selectPO__item">
                  <a href="#"><img src="img/po_create/1c.png" alt=""></a>
                </div>
                <div class="selectPO__item">
                  <a href="#"><img src="img/po_create/avast.png" alt=""></a>
                </div>
                <div class="selectPO__item">
                  <a href="#"><img src="img/po_create/corel.png" alt=""></a>
                </div>
                <div class="selectPO__item">
                  <a href="#"><img src="img/po_create/roadmin.png" alt=""></a>
                </div>
                <div class="selectPO__item">
                  <a href="#"><img src="img/po_create/mcAfee.png" alt=""></a>
                </div>
                <div class="selectPO__item">
                  <a href="#"><img src="img/po_create/veeam.png" alt=""></a>
                </div>
              </div>
            </div>
            <div class="content__title">Наши клиенты</div>
            <div class="clients">
              <ul class="clients__list">
                <li><a href="#"><img src="img/po_create/kerio.png" alt=""></a></li>
                <li><a href="#"><img src="img/po_create/roadmin.png" alt=""></a></li>
                <li><a href="#"><img src="img/po_create/eset.png" alt=""></a></li>
              </ul>
            </div>
            <div class="content__title">Наши сертефикаты</div>
            <div class="certificate__list">
              <a href="./img/license/1.jpg" class="certificate__item"><img src="./img/lin_test.png" alt=""></a>
              <a href="./img/license/2.jpg" class="certificate__item"><img src="./img/lin_test.png" alt=""></a>
            </div>
          </div>
        </div>
{% endblock right_common_content %}