add cabinet template layouts

remotes/origin/HEAD
Max Yakovenko 8 years ago
parent 8aa881772a
commit 75a52ddba2
  1. 191
      templates/cabinet/index.html

@ -0,0 +1,191 @@
{% extends 'base.html' %}
{% block content %}
<div class="col-12">
<div class="content">
<div class="cabinet">
<div class="row">
<div class="col-lg-6 col-12">
<div class="content__title">{{ title }}</div>
<div class="cabinet__bonus">
<div class="d-sm-flex flex-row cabinet__wrap">
<div class="cabinet__title bonus__title">
Ваши бонусы: <span>1326</span>
</div>
<div class="bonus__btn_bx flex-xl-fill">
<a href="#" class="cabinet__link_fill">Вывести бонусы</a>
</div>
<div class="bonus__btn_bx">
<a href="#" class="cabinet__link_fill">Потратить на подарки</a>
</div>
</div>
</div>
<div class="d-sm-flex flex-row cabinet__wrap">
<div class="cabinet__title bonus__title">Ваша ссылка: <a href="" title="rusprog.ru/igor115">rusprog.ru/igor115</a>
</div>
<div class="bonus__btn_bx">
<a href="#" class="cabinet__link_fill">Скопировать</a>
</div>
</div>
</div>
<div class="col-lg-5 offset-lg-1 col-122">
<div class="cabinet__friends">
<div class="cabinet__title">Приглашенные друзья</div>
<div class="d-flex flex-row friends__row">
<div class="friends__title_header">Имя</div>
<div class="friends__info_header">Баллы</div>
</div>
<div class="d-flex flex-row friends__row">
<div class="friends__title">Nikolas</div>
<div class="friends__info">120</div>
</div>
<div class="d-flex flex-row friends__row">
<div class="friends__title">Nikolas</div>
<div class="friends__info">120</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-12">
<div class="cabinet__history">
<div class="cabinet__title">История покупок</div>
<table class="table">
<tr>
<th>Дата</th>
<th>№ счета</th>
<th>Наименование</th>
<th>Кол-во</th>
<th>Сумма</th>
</tr>
<tr>
<td>12.06.17</td>
<td>142251366</td>
<td>Windows 7 BOX...</td>
<td>1</td>
<td>7570₽</td>
</tr>
<tr>
<td>12.06.17</td>
<td>142251366</td>
<td>Windows 7 BOX...</td>
<td>1</td>
<td>7570₽</td>
</tr>
<tr>
<td>12.06.17</td>
<td>142251366</td>
<td>Windows 7 BOX...</td>
<td>1</td>
<td>7570₽</td>
</tr>
<tr>
<td>12.06.17</td>
<td>142251366</td>
<td>Windows 7 BOX...</td>
<td>1</td>
<td>7570₽</td>
</tr>
</table>
<div class="history__btn_bx"><a href="#" class="cabinet__link_fill">Вся история покупок</a>
</div>
</div>
<div class="cabinet__userdata">
<div class="d-flex flex-row userdata_row">
<div class="userdata_title">ФИО:</div>
<div class="userdata_info">Мезенцев Игорь Евгеньевич</div>
</div>
<div class="d-flex flex-row userdata_row">
<div class="userdata_title">Дата рождения:</div>
<div class="userdata_info">24.08.1995</div>
</div>
<div class="d-flex flex-row userdata_row">
<div class="userdata_title">Номер телефона:</div>
<div class="userdata_info">8 (913) 464-14-43</div>
</div>
<div class="d-flex flex-row userdata_row">
<div class="userdata_title">Эл.почта:</div>
<div class="userdata_info">igormezencev55@yandex.ru</div>
</div>
</div>
<div class="cabinet__nextpay">
<div class="cabinet__title">Ближайшие продления</div>
<div class="d-flex flex-row nextpay__row">
<div class="nextpay__title">Windows 7...</div>
<div class="nextpay__date">22.07.2018 (!)</div>
<div class="nextpay__btn_bx"><a href="#" class="cabinet__link_fill">Продлить</a></div>
</div>
</div>
</div>
<div class="col-lg-5 offset-lg-1 col-12">
<div class="cabinet__userdata cabinet__userdata_right">
<div class="d-flex flex-row userdata_row">
<div class="userdata_title">Наименование:</div>
<div class="userdata_info">ООО «Дорстройомск»</div>
</div>
<div class="d-flex flex-row userdata_row">
<div class="userdata_title">Юридический адрес:</div>
<div class="userdata_info">г. Омск, ул. Пушкина, д.32</div>
</div>
<div class="d-flex flex-row userdata_row">
<div class="userdata_title">ИНН:</div>
<div class="userdata_info">325252658569561</div>
</div>
<div class="d-flex flex-row userdata_row">
<div class="userdata_title">КПП:</div>
<div class="userdata_info">325252658569561</div>
</div>
<div class="d-flex flex-row userdata_row">
<div class="userdata_title">ОГРН:</div>
<div class="userdata_info">325252658569561</div>
</div>
<div class="d-flex flex-row userdata_row">
<div class="userdata_title">Платежные реквизиты:</div>
<div class="userdata_info">2353264376587976934</div>
</div>
<div class="d-flex flex-row userdata_row">
<div class="userdata_title">Р/C:</div>
<div class="userdata_info">523647575478458</div>
</div>
<div class="d-flex flex-row userdata_row">
<div class="userdata_title">Банк:</div>
<div class="userdata_info">Сбербанк</div>
</div>
<div class="d-flex flex-row userdata_row">
<div class="userdata_title">К/C:</div>
<div class="userdata_info">5235265485685865</div>
</div>
<div class="d-flex flex-row userdata_row">
<div class="userdata_title">БИК:</div>
<div class="userdata_info">525643763575474</div>
</div>
<div class="d-flex flex-row userdata_row">
<div class="userdata_title">Телефон:</div>
<div class="userdata_info">52-67-12</div>
</div>
</div>
<div class="cabinet__prolonged">
<div class="cabinet__title">Продлеваемые продукты</div>
<table class="table">
<tr>
<th>Продукт</th>
<th>Количество</th>
<th>Дата окончания</th>
</tr>
<tr>
<td>Windows 7...</td>
<td>1</td>
<td>22.07.2018</td>
</tr>
<tr>
<td>Windows 7...</td>
<td>1</td>
<td>22.07.2018</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
{% endblock content %}
Loading…
Cancel
Save