[html]
<div class="bank-wrapper">
    <div class="bank-header">БАНК</div>
<div class='fit-header'> <span> банк </span> <div>чтобы примерить элемент оформления, необходимо кликнуть по нему. можно редактировать и оформлять личное звание - кликните на него. примеряйте градиенты, цвета и картинки  плашке - и измените цвет, если он не подходит!
<br> обновления наполнения магазина будет происходить один раз в месяц </div> </div>

    <div class="bank-grid">
       
        <div class="bank-section" id="sect-earn">
            <h3>Заработать</h3>
            <div class="bank-list">

<!-------- минишаблончик для получения С ССЫЛКАМИ ----------------->
                <div class="bank-item"
                     data-type="links"
                     data-price="200"
                     data-action="earn">
                    <span class="item-badge">200 фунтов</span>
                    <span class="item-text">Пост в игру (за каждый)</span>
                </div>

<!-------- минишаблончик для получения С УКАЗАНИЕМ ЦИФРЫ ----------------->
                <div class="bank-item"
                     data-type="calc"
                     data-price="1000"
                     data-action="earn">
                    <span class="item-badge">1000 фунтов</span>
                    <span class="item-text">Привел друга (кол-во)</span>
                </div>

<!-------- минишаблончик для получения ПРОСТО ПОЛУЧИТЬ ПО КЛИКУ ----------------->
                <div class="bank-item"
                     data-type="simple"
                     data-price="500"
                     data-action="earn">
                    <span class="item-badge">500 фунтов</span>
                    <span class="item-text">Анкета / Регистрация</span>
                </div>

                 <div class="bank-item"
                     data-type="simple"
                     data-price="300"
                     data-action="earn">
                    <span class="item-badge">300 фунтов</span>
                    <span class="item-text">Заявка в нужные</span>
                </div>

                <div class="bank-item"
                     data-type="links"
                     data-price="200"
                     data-action="earn">
                    <span class="item-badge">200 фунтов</span>
                    <span class="item-text">Пост в игру (за каждый)</span>
                </div>

                <div class="bank-item"
                     data-type="calc"
                     data-price="1000"
                     data-action="earn">
                    <span class="item-badge">1000 фунтов</span>
                    <span class="item-text">Привел друга (кол-во)</span>
                </div>

                <div class="bank-item"
                     data-type="simple"
                     data-price="500"
                     data-action="earn">
                    <span class="item-badge">500 фунтов</span>
                    <span class="item-text">Анкета / Регистрация</span>
                </div>

                 <div class="bank-item"
                     data-type="simple"
                     data-price="300"
                     data-action="earn">
                    <span class="item-badge">300 фунтов</span>
                    <span class="item-text">Заявка в нужные</span>
                </div>

                <div class="bank-item"
                     data-type="links"
                     data-price="200"
                     data-action="earn">
                    <span class="item-badge">200 фунтов</span>
                    <span class="item-text">Пост в игру (за каждый)</span>
                </div>

                <div class="bank-item"
                     data-type="calc"
                     data-price="1000"
                     data-action="earn">
                    <span class="item-badge">1000 фунтов</span>
                    <span class="item-text">Привел друга (кол-во)</span>
                </div>

                <div class="bank-item"
                     data-type="simple"
                     data-price="500"
                     data-action="earn">
                    <span class="item-badge">500 фунтов</span>
                    <span class="item-text">Анкета / Регистрация</span>
                </div>

                 <div class="bank-item"
                     data-type="simple"
                     data-price="300"
                     data-action="earn">
                    <span class="item-badge">300 фунтов</span>
                    <span class="item-text">Заявка в нужные</span>
                </div>

                <div class="bank-item"
                     data-type="links"
                     data-price="200"
                     data-action="earn">
                    <span class="item-badge">200 фунтов</span>
                    <span class="item-text">Пост в игру (за каждый)</span>
                </div>

                <div class="bank-item"
                     data-type="calc"
                     data-price="1000"
                     data-action="earn">
                    <span class="item-badge">1000 фунтов</span>
                    <span class="item-text">Привел друга (кол-во)</span>
                </div>

                <div class="bank-item"
                     data-type="simple"
                     data-price="500"
                     data-action="earn">
                    <span class="item-badge">500 фунтов</span>
                    <span class="item-text">Анкета / Регистрация</span>
                </div>

                 <div class="bank-item"
                     data-type="simple"
                     data-price="300"
                     data-action="earn">
                    <span class="item-badge">300 фунтов</span>
                    <span class="item-text">Заявка в нужные</span>
                </div>

            </div>
        </div>

        <div class="bank-section blue-border" id="sect-spend">
            <h3>Потратить</h3>
            <div class="bank-list">

                <div class="bank-item"
                     data-type="simple"
                     data-price="200"
                     data-action="spend">
                    <span class="item-badge spend-badge">200</span>
                    <span class="item-text">Смена статуса</span>
                </div>

                <div class="bank-item"
                     data-type="simple"
                     data-price="500"
                     data-action="spend">
                    <span class="item-badge spend-badge">500</span>
                    <span class="item-text">Личное звание</span>
                </div>

<h3>баффы </h3>

                <div class="bank-item"
                     data-type="simple"
                     data-price="500"
                     data-action="spend">
                    <span class="item-badge spend-badge">500</span>
                    <span class="item-text">Личное звание</span>
                </div>

                <div class="bank-item"
                     data-type="simple"
                     data-price="500"
                     data-action="spend">
                    <span class="item-badge spend-badge">500</span>
                    <span class="item-text">Личное звание</span>
                </div>

            </div>
        </div>
       
        <div class="bank-section" id="sect-coupons">
             <h3>Купоны</h3>
             <div class="bank-list">
                <div class="bank-item" data-type="simple" data-price="1500" data-action="spend">
                    <span class="item-badge spend-badge">1500</span> <p>название купона</p>
                    <span class="item-text">регистрация и заполнение всех орг. тем (начисляется автоматически) </span>
                    <span class="item-text">регистрация и заполнение всех орг. тем (начисляется автоматически) </span>
                    <span class="item-text">регистрация и заполнение всех орг. тем (начисляется автоматически) </span>
             </div>

                <div class="bank-item" data-type="simple" data-price="1500" data-action="spend">
                    <span class="item-badge spend-badge">1500</span> <p>название купона</p>
                    <span class="item-text">регистрация и заполнение всех орг. тем (начисляется автоматически) </span>
                    <span class="item-text">регистрация и заполнение всех орг. тем (начисляется автоматически) </span>
                    <span class="item-text">регистрация и заполнение всех орг. тем (начисляется автоматически) </span>
             </div>

                <div class="bank-item" data-type="simple" data-price="1500" data-action="spend">
                    <span class="item-badge spend-badge">1500</span> <p>название купона</p>
                    <span class="item-text">регистрация и заполнение всех орг. тем (начисляется автоматически) </span>
                    <span class="item-text">регистрация и заполнение всех орг. тем (начисляется автоматически) </span>
                    <span class="item-text">регистрация и заполнение всех орг. тем (начисляется автоматически) </span>
             </div>

                <div class="bank-item" data-type="simple" data-price="1500" data-action="spend">
                    <span class="item-badge spend-badge">1500</span> <p>название купона</p>
                    <span class="item-text">регистрация и заполнение всех орг. тем (начисляется автоматически) </span>
                    <span class="item-text">регистрация и заполнение всех орг. тем (начисляется автоматически) </span>
                    <span class="item-text">регистрация и заполнение всех орг. тем (начисляется автоматически) </span>
             </div>

  </div></div>

        <div class="bank-section bg-dark" id="sect-bonus">
         <div class="bank-header">бонусное</div>
             <div class="bank-list">

                 <div class="bank-item" data-type="simple" data-price="0" data-action="earn">
                    <span class="item-text">Пополнение фонда</span>
                    <span class="item-text">сумму ч10 от пополнения на счет + 3 индивидуальных хэдера/футера</span>
                </div>

                 <div class="bank-item" data-type="simple" data-price="0" data-action="earn">
                    <span class="item-text">Пополнение фонда</span>
                    <span class="item-text">сумму ч10 от пополнения на счет + 3 индивидуальных хэдера/футера</span>
                </div>

                 <div class="bank-item" data-type="simple" data-price="0" data-action="earn">
                    <span class="item-text">Пополнение фонда</span>
                    <span class="item-text">сумму ч10 от пополнения на счет + 3 индивидуальных хэдера/футера</span>
                </div>

             </div>
        </div>

    </div> <div id="bank-cart" class="bank-cart hidden">
        <div class="cart-header">
            <span>ВАШ ЧЕК</span>
            <span style="font-size: 12px; opacity: 0.7;">(Нажмите получить код)</span>
        </div>
       
        <ul id="cart-list" class="cart-list">
            </ul>

        <div class="cart-summary">
            <div class="summary-row">Текущий счет: <b id="user-balance">0</b></div>
            <div class="summary-row">Изменение: <b id="cart-total">0</b></div>
            <div class="summary-row result">ИТОГ: <b id="projected-balance">0</b></div>
        </div>

        <div class="cart-actions">
            <button id="btn-checkout" class="btn-checkout">ПОЛУЧИТЬ КОД</button>
        </div>
    </div>

</div>[/html][hideprofile]