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.
 
 
 
 

170 lines
9.3 KiB

{% extends 'base.html' %}
{% block content %}
<div class="col-12">
<div class="content">
<div class="content__title">Корзина</div>
<div class="basket">
<div class="basket__title">
<div class="row">
<div class="col-6">
Товар
</div>
<div class="col-2">
Цена
</div>
<div class="col-2">
Количество
</div>
<div class="col-2">
Сумма
</div>
</div>
</div>
<div class="basket__item">
<div class="row align-items-center">
<div class="col-md-6 col-12">
<div class="basket__good d-flex align-items-center">
<div class="basket__image"><img src="./img/item-image-min.png" alt=""></div>
<div class="basket__info">
<ul class="basket__breadcrumbs breadcrumbs">
<li>Товары</li>
<li>Антивирусы</li>
</ul>
<div class="basket__good-name">Microsoft Windows 7 Professional SP1
(x32/x64) GGK [6PC-00024]
</div>
</div>
</div>
</div>
<div class="col-md-6 col-12 basket__option">
<div class="row">
<div class="col-4 align-self-start">
<div class="basket__title-mob">Цена</div>
<div class="basket__price">10 000 ₽</div>
</div>
<div class="col-4 align-self-start">
<div class="basket__title-mob align-self-start">Количество</div>
<div class="basket__count">2 шт</div>
</div>
<div class="col-4 align-self-start">
<div class="basket__title-mob ">Сумма</div>
<div class="basket__sum">20 000 ₽</div>
</div>
</div>
</div>
</div>
</div>
<div class="basket__item">
<div class="row align-items-center">
<div class="col-md-6 col-12">
<div class="basket__good d-flex align-items-center">
<div class="basket__image"><img src="./img/item-image-min.png" alt=""></div>
<div class="basket__info">
<ul class="basket__breadcrumbs breadcrumbs">
<li>Товары</li>
<li>Антивирусы</li>
</ul>
<div class="basket__good-name">Microsoft Windows 7 Professional SP1
(x32/x64) GGK [6PC-00024]
</div>
</div>
</div>
</div>
<div class="col-md-6 col-12 basket__option">
<div class="row">
<div class="col-4 align-self-start">
<div class="basket__title-mob">Цена</div>
<div class="basket__price">10 000 ₽</div>
</div>
<div class="col-4 align-self-start">
<div class="basket__title-mob align-self-start">Количество</div>
<div class="basket__count">2 шт</div>
</div>
<div class="col-4 align-self-start">
<div class="basket__title-mob ">Сумма</div>
<div class="basket__sum">20 000 ₽</div>
</div>
</div>
</div>
</div>
</div>
<div class="basket__item">
<div class="row align-items-center">
<div class="col-md-6 col-12">
<div class="basket__good d-flex align-items-center">
<div class="basket__image"><img src="./img/item-image-min.png" alt=""></div>
<div class="basket__info">
<ul class="basket__breadcrumbs breadcrumbs">
<li>Товары</li>
<li>Антивирусы</li>
</ul>
<div class="basket__good-name">Microsoft Windows 7 Professional SP1
(x32/x64) GGK [6PC-00024]
</div>
</div>
</div>
</div>
<div class="col-md-6 col-12 basket__option">
<div class="row">
<div class="col-4 align-self-start">
<div class="basket__title-mob">Цена</div>
<div class="basket__price">10 000 ₽</div>
</div>
<div class="col-4 align-self-start">
<div class="basket__title-mob align-self-start">Количество</div>
<div class="basket__count">2 шт</div>
</div>
<div class="col-4 align-self-start">
<div class="basket__title-mob ">Сумма</div>
<div class="basket__sum">20 000 ₽</div>
</div>
</div>
</div>
</div>
</div>
<div class="basket__item">
<div class="row align-items-center">
<div class="col-md-6 col-12">
<div class="basket__good d-flex align-items-center">
<div class="basket__image"><img src="./img/item-image-min.png" alt=""></div>
<div class="basket__info">
<ul class="basket__breadcrumbs breadcrumbs">
<li>Товары</li>
<li>Антивирусы</li>
</ul>
<div class="basket__good-name">Microsoft Windows 7 Professional SP1
(x32/x64) GGK [6PC-00024]
</div>
</div>
</div>
</div>
<div class="col-md-6 col-12 basket__option">
<div class="row">
<div class="col-4 align-self-start">
<div class="basket__title-mob">Цена</div>
<div class="basket__price">10 000 ₽</div>
</div>
<div class="col-4 align-self-start">
<div class="basket__title-mob align-self-start">Количество</div>
<div class="basket__count">2 шт</div>
</div>
<div class="col-4 align-self-start">
<div class="basket__title-mob ">Сумма</div>
<div class="basket__sum">20 000 ₽</div>
</div>
</div>
</div>
</div>
</div>
<div class="basket__result">
<div class="result__sum">Итого: 20 000 ₽</div>
<div class="result__cashback">Кэшбек 800 ₽</div>
</div>
<div class="basket__controls">
<a class="basket__btn-fill" href="#">Оформить</a>
<a class="basket__btn" href="#">Продолжить покупки</a>
</div>
</div>
</div>
</div>
{% endblock content %}