You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

97 lines
4.5 KiB

{% 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="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="{% static '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="{% static '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>
{% endblock right_common_content %}